/* Yeni eklendi. */
@import url("../lib/vuesax/ifm-icons.css?v=556");

/* Yeni eklendi. */

:root {
    --bs-app-sidebar-dark-menu-heading-color: #b9b9b9 !important;
    --bs-gray-200: #838383;
    color-scheme: light;
    /* Yeni eklendi. */
    --ifm-font-family: Geist, Inter, Arial, sans-serif;
    --ifm-radius-lg: 8px;
    --ifm-border-width: 1px;
    --ifm-shell-gap: 12px;
    --ifm-shell-radius: 8px;
    --ifm-header-height: 56px;
    --ifm-sidebar-width: 265px;
    --ifm-sidebar-minimize-width: 64px;
    --ifm-space-3: 12px;
    /* Yeni eklendi. */
    --ifm-layout-padding-y: var(--ifm-space-3);
    --ifm-container-radius: 8px;
    --ifm-control-radius: 8px;
    --ifm-icon-radius: 6px;
    --ifm-surface-page: #eeeeee;
    --ifm-surface-container-gradient-lighter: #f9f9f9;
    --ifm-surface-container-gradient-darker: #f5f5f5;
    --ifm-surface-container-bg: linear-gradient(108deg, var(--ifm-surface-container-gradient-lighter) 0.31%, var(--ifm-surface-container-gradient-darker) 99.81%);
    --ifm-surface-sidebar-bg: linear-gradient(96.335deg, #ffffff 0.31452%, #f7f7f7 99.808%), linear-gradient(96.335deg, #eeeeee 0.31452%, #ededed 99.808%);
    --ifm-border-container: #dedede;
    /* Yeni eklendi. */    --ifm-divider: #ebebeb;
    --ifm-divider-highlight: #ffffff;
    /* Yeni eklendi. */    --ifm-primary-strong: #0043b8;
    --ifm-primary-strong-hover: #003392;
    --ifm-border-divider: #dedede;
    --ifm-border-icon: #ebebeb;
    --ifm-border-muted: #c4c4c4;
    --ifm-shadow-inner: #ffffff;
    --ifm-shadow-container-inner: 0 1px 1px 2px var(--ifm-shadow-inner) inset, 0 1px 1px 0 var(--ifm-shadow-inner) inset;
    --ifm-text-primary: #090909;
    --ifm-text-secondary: #303030;
    --ifm-text-muted-token: #838383;
    --ifm-accent-primary: #0043b8;
    --ifm-accent-primary-visual: #0043b8;
    --ifm-accent-soft: rgba(0, 67, 184, 0.08);
    /* Yeni eklendi. */
    --ifm-page-title-font-size: 16px;
    --ifm-page-title-font-weight: 600;
    --ifm-page-title-line-height: 20px;
    --ifm-page-title-letter-spacing: 0.02em;
    --ifm-sidebar-menu-link-min-height: 44px;
    --ifm-sidebar-menu-link-margin-y: 2px;
    --ifm-sidebar-menu-link-padding: 5px 0px;
    --ifm-sidebar-menu-link-radius: 8px;
    --ifm-sidebar-menu-link-gap: 9px;
    --ifm-sidebar-icon-size: 34px;
    --ifm-table-cell-padding-y: 10px;
    --ifm-table-cell-padding-x: 12px;
    --ifm-table-footer-padding-y: 8px;
    --ifm-table-footer-padding-x: 8px;
    --ifm-table-footer-min-height: 32px;
    /* Yeni eklendi. */
    --ifm-sidebar-icon-border-color: var(--ifm-border-icon);
    --ifm-sidebar-ayrac-border-color: var(--ifm-border-divider);
    /* Yeni eklendi. */
    --ifm-bg: var(--ifm-surface-page);
    --ifm-surface: #f8f8f8;
    --ifm-surface-2: #f5f5f5;
    --ifm-surface-3: #f2f2f2;
    /* Yeni eklendi. */    --ifm-input-bg: #fcfcfc;
    --ifm-input-disabled-bg: #f5f7fa;
    --ifm-input-readonly-bg: #f7f7f7;
    --ifm-input-border: var(--ifm-border-container);
    --ifm-input-border-hover: #c8cfda;
    --ifm-input-placeholder: #b9b9b9;
    --ifm-input-height: 28px;
    --ifm-input-height-sm: 24px;
    --ifm-input-height-lg: 36px;
    --ifm-input-radius: 6px;
    /* Yeni eklendi. */    --ifm-input-select-color: #367fff;
    --ifm-input-font-size: 12px;
    --ifm-input-line-height: 18px;
    --ifm-success: #32ba09;
    --ifm-danger: #f11f1f;
    --ifm-warning: #ffa800;
    --ifm-table-row-selected-bg: rgba(0, 67, 184, 0.1);
    --ifm-header-bg: linear-gradient(173.126deg, #f9f9f9 0.31452%, #f5f5f5 99.808%);
    --ifm-toolbar-bg: #f8f8f8;
    --ifm-sidebar-bg: var(--ifm-surface-sidebar-bg);
    --ifm-main-bg: #f7f7f7;
    --ifm-main-border: var(--ifm-border-container);
    --ifm-main-radius: var(--ifm-container-radius);
    --ifm-main-surface-bg: var(--ifm-surface-container-bg);
    --ifm-main-surface-border: var(--ifm-border-container);
    --ifm-main-surface-shadow: var(--ifm-shadow-container-inner);
    /* Yeni eklendi. */    --ifm-main-surface-radius: 12px;
    --ifm-header-action-bg: transparent;
    --ifm-header-action-color: #1f1f1f;
    --ifm-header-menu-accent: var(--ifm-accent-primary);
    --ifm-header-menu-accent-soft: var(--ifm-accent-soft);
    --ifm-header-menu-title-bg: var(--ifm-surface-container-bg);
    --ifm-header-menu-title-color: var(--ifm-text-primary);
    --ifm-header-menu-radius: var(--ifm-container-radius);
    --ifm-dropdown-bg: #ffffff;
    --ifm-dropdown-border: #e8e8e8;
    --ifm-dropdown-radius: 8px;
    --ifm-dropdown-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
    --ifm-card-bg: var(--ifm-surface);
    --ifm-card-header-bg: #f8f8f8;
    --ifm-card-shadow: none;
    /* Yeni eklendi. */    --ifm-card-border: #dedede;
    --ifm-card-icon-bg: #ebebeb;
    --ifm-card-icon-color: #0043b8;
    --ifm-card-title-color: #0043b8;
    --ifm-card-subtitle-color: #303030;
    --ifm-modal-bg: var(--ifm-surface);
    --ifm-modal-backdrop: rgba(9, 9, 9, 0.42);
    --ifm-offcanvas-bg: var(--ifm-surface);
    --ifm-text: var(--ifm-text-primary);
    --ifm-text-muted: var(--ifm-text-muted-token);
    --ifm-sidebar-text: var(--ifm-text-secondary);
    --ifm-border: #ececec;
    --ifm-border-strong: #e4e4e4;
    --ifm-primary: var(--ifm-accent-primary);
    --ifm-primary-visual: var(--ifm-accent-primary-visual);
    --ifm-menu-hover-bg: rgba(0, 67, 184, 0.05);
    --ifm-menu-active-bg: var(--ifm-accent-soft);
    --ifm-menu-active-text: var(--ifm-text-secondary);
    --ifm-icon-color: var(--ifm-accent-primary);
    --ifm-icon-active-bg: #0043b8;
    --ifm-icon-active-border: #ebebeb;
    --ifm-icon-active-color: #ffffff;
    --ifm-heading-muted: #98a0b4;
    --ifm-focus-ring: 0 0 0 0.2rem rgba(54, 127, 255, 0.2);
    --ifm-button-radius: 8px;
    --ifm-button-status-radius: 6px;
    --ifm-button-height: 36px;
    --ifm-button-sm-height: 28px;
    --ifm-button-font-size: 12px;
    --ifm-button-line-height: 20px;
    --ifm-button-font-weight: 500;
    --ifm-button-padding-x: 12px;
    --ifm-button-padding-y: 7px;
    --ifm-button-sm-padding-x: 12px;
    --ifm-button-sm-padding-y: 3px;
    --ifm-button-content-gap: 4px;
    --ifm-button-icon-size: 32px;
    --ifm-button-primary-bg: #0043b8;
    --ifm-button-primary-hover-bg: #002d7a;
    --ifm-button-primary-active-bg: #002d7a;
    --ifm-button-primary-color: #ffffff;
    --ifm-button-secondary-bg: #fcfcfc;
    --ifm-button-secondary-color: #303030;
    --ifm-button-secondary-border: #e4e4e4;
    --ifm-button-secondary-hover-bg: #f2f2f2;
    --ifm-button-secondary-active-bg: #ebebeb;
    --ifm-button-secondary-active-color: #0043b8;
    /* Yeni eklendi. */    --ifm-button-outline-color: #0043b8;
    --ifm-button-outline-border: #0043b8;
    --ifm-button-outline-bg: transparent;
    --ifm-button-outline-hover-border: #0043b8;
    --ifm-button-outline-hover-bg: rgba(0, 67, 184, 0.08);
    --ifm-button-outline-active-bg: rgba(0, 67, 184, 0.14);
    --ifm-button-outline-active-color: #002d7a;
    --ifm-button-disabled-bg: #f1f1f1;
    --ifm-button-disabled-border: #e4e4e4;
    --ifm-button-disabled-color: #838383;
    --ifm-button-hover-shadow: 0 5px 14px rgba(0, 67, 184, 0.16);
    --ifm-button-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    --ifm-button-disabled-opacity: 0.55;
    /* Yeni eklendi. */    --ifm-tab-track-bg: #f2f2f2;
    --ifm-tab-color: #838383;
    --ifm-tab-hover-bg: rgba(255, 255, 255, 0.55);
    --ifm-tab-hover-color: #303030;
    --ifm-tab-active-bg: #ffffff;
    --ifm-tab-active-color: var(--ifm-accent-primary);
    --ifm-tab-border: #ffffff;
    --ifm-tab-track-shadow: inset 0 1px 1px rgba(131, 131, 131, 0.10), 0 1px 0.5px #ffffff;
    --ifm-tab-active-shadow: 0 1px 2px -1px rgba(41, 41, 41, 0.10), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
    /* Yeni eklendi. */
    --app-font-family: var(--ifm-font-family);
    --bs-font-sans-serif: var(--ifm-font-family);
    --bs-body-font-family: var(--ifm-font-family);
    --bs-body-bg: var(--ifm-iframe-bg);
    --bs-body-color: var(--ifm-text);
    --bs-border-color: var(--ifm-border);
    --bs-form-control-bg: var(--ifm-input-bg);
    --bs-form-control-color: var(--ifm-text);
    --bs-form-control-border-color: var(--ifm-border);
    --bs-input-bg: var(--ifm-input-bg);
    --bs-input-color: var(--ifm-text);
    --bs-input-border-color: var(--ifm-border);
    --bs-app-bg-color: var(--ifm-bg);
    --bs-app-header-height: var(--ifm-header-height);
    --bs-app-header-height-actual: var(--ifm-header-height);
    --bs-app-sidebar-width: var(--ifm-sidebar-width);
    --bs-app-sidebar-width-actual: var(--ifm-sidebar-width);
    --bs-app-header-base-bg-color: var(--ifm-header-bg);
    --bs-app-header-sticky-bg-color: var(--ifm-header-bg);
    --bs-app-header-minimize-bg-color: var(--ifm-header-bg);
    --bs-app-sidebar-base-bg-color: var(--ifm-sidebar-bg);
    --bs-app-sidebar-light-bg-color: var(--ifm-sidebar-bg);
    --bs-app-sidebar-dark-bg-color: var(--ifm-sidebar-bg);
    --bs-menu-heading-color: var(--ifm-heading-muted);
    --bs-menu-link-color-hover: var(--ifm-primary-visual);
    --bs-menu-link-color-show: var(--ifm-menu-active-text);
    --bs-menu-link-color-here: var(--ifm-menu-active-text);
    --bs-menu-link-color-active: var(--ifm-menu-active-text);
    --bs-menu-link-bg-color-hover: var(--ifm-menu-hover-bg);
    --bs-menu-link-bg-color-show: var(--ifm-menu-active-bg);
    --bs-menu-link-bg-color-here: var(--ifm-menu-active-bg);
    --bs-menu-link-bg-color-active: var(--ifm-menu-active-bg);
    --bs-primary: var(--ifm-primary);
    --bs-primary-inverse: #ffffff;
    --bs-success: var(--ifm-success);
    --bs-danger: var(--ifm-danger);
    --bs-warning: var(--ifm-warning);
    --ifm-font-size-caption: 11px;
    --ifm-font-size-small: 12px;
    --ifm-font-size-body: 13px;
    --ifm-font-size-title: 14px;
    --ifm-line-height-compact: 16px;
    --ifm-line-height-body: 18px;
    --ifm-line-height-title: 20px;
    --ifm-font-weight-regular: 400;
    --ifm-font-weight-medium: 500;
    --ifm-font-weight-semibold: 600;
    --ifm-iframe-bg: var(--ifm-surface-page);
    --ifm-sidebar-hover-link-bg: rgba(0, 67, 184, 0.05);
    --ifm-sidebar-hover-link-text: #303030;
    --ifm-sidebar-active-link-bg: transparent;
    --ifm-sidebar-active-link-text: #303030;
    --ifm-sidebar-active-icon-bg: #0043b8;
    --ifm-sidebar-active-icon-border: #ebebeb;
    --ifm-sidebar-active-icon-color: #ffffff;
    --ifm-sidebar-active-icon-radius: 6px;
    --ifm-sidebar-active-icon-shadow: 0 1px 1px 0 #ffffff;
    --ifm-ui-test-table-selected-bg: rgba(0, 67, 184, 0.08);
    --ifm-ui-test-table-selected-border: rgba(0, 67, 184, 0.22);
    /* Yeni eklendi. */    --ifm-checkbox-bg: #fcfcfc;
    --ifm-checkbox-border: #dedede;
    --ifm-checkbox-checked-bg: #0043b8;
    --ifm-ui-test-search-icon-gap: 38px;
    --ifm-ui-test-popup-footer-max-width: 360px;
    --ifm-ui-test-toast-bg: var(--ifm-surface-container-bg, #f8f8f8);
    --ifm-ui-test-toast-border: var(--ifm-border-container, #dedede);
    --ifm-ui-test-danger-bg: #b42318;
    --ifm-ui-test-danger-hover-bg: #8f1d14;
    --ifm-table-component-bg: linear-gradient(122.582deg, #f9f9f9 0.31452%, #f5f5f5 99.808%);
    --ifm-table-component-border: #dedede;
    --ifm-table-component-shadow: 0 1px 1px 2px #ffffff inset, 0 1px 1px 0 #ffffff inset;
    --ifm-table-component-radius: 8px;
    --ifm-table-component-padding: 12px;
    --ifm-table-bg: #fafafa;
    --ifm-table-head-bg: #f2f2f2;
    --ifm-table-row-bg: #fafafa;
    --ifm-table-row-alt-bg: #fafafa;
    --ifm-table-row-hover-bg: #f6f6f6;
    --ifm-table-border: #ebebeb;
    --ifm-table-head-border: #dedede;
    --ifm-table-head-color: #838383;
    --ifm-table-head-font-weight: 600;
    --ifm-table-cell-color: #303030;
    --ifm-table-muted-color: #838383;
    --ifm-table-action-col-width: 44px;
    --ifm-table-head-height: 40px;
    --ifm-table-row-height: 40px;
    --ifm-table-head-padding-y: 8px;
    --ifm-table-head-padding-x: 12px;
    --ifm-table-row-padding-y: 4px;
    --ifm-table-row-padding-x: 12px;
    --ifm-table-title-color: #090909;
    --ifm-table-title-font-size: 16px;
    --ifm-table-title-font-weight: 600;
    --ifm-table-title-letter-spacing: 0.32px;
    --ifm-table-query-chip-bg: #d8e6ff;
    --ifm-table-query-chip-color: #303030;
    --ifm-table-search-bg: #fcfcfc;
    --ifm-table-search-border: #dedede;
    --ifm-table-status-success-bg: #32ba09;
    --ifm-table-status-danger-bg: #f11f1f;
    --ifm-table-status-warning-bg: #ffa800;
    --ifm-pagination-bg: transparent;
    --ifm-pagination-hover-bg: #f6f6f6;
    --ifm-pagination-active-bg: #ebebeb;
    --ifm-pagination-color: #303030;
    --ifm-pagination-active-color: #0043b8;
    --ifm-pagination-border: transparent;
    --ifm-action-menu-bg: linear-gradient(105.247deg, #f9f9f9 0.31452%, #f5f5f5 99.808%);
    --ifm-action-menu-border: #dedede;
    --ifm-action-menu-shadow: 0 15px 16.5px rgba(0, 0, 0, 0.1);
    --ifm-action-menu-divider: #ebebeb;
    --ifm-action-menu-divider-highlight: #ffffff;
    --ifm-action-menu-text: #303030;
    --ifm-action-menu-icon: #303030;
    --ifm-action-menu-danger: #f11f1f;
    --ifm-action-menu-item-hover-bg: transparent;
    --ifm-action-menu-item-hover-color: #0043B8;
    --ifm-action-menu-item-hover-shadow: 0 5px 13px rgba(0, 67, 184, 0.16);
    --ifm-action-menu-item-active-bg: transparent;
    --ifm-action-menu-item-active-color: #0043B8;
    --ifm-action-menu-item-active-shadow: 0 2px 6px rgba(0, 67, 184, 0.2);
    --ifm-action-menu-danger-hover-shadow: 0 5px 13px rgba(241, 31, 31, 0.16);
    --ifm-action-menu-width: 221px;
    --ifm-action-menu-padding: 12px;
    --ifm-action-menu-list-gap: 12px;
    --ifm-action-menu-item-height: 28px;
    --ifm-action-menu-item-inner-padding-y: 4px;
    --ifm-action-menu-item-inner-padding-x: 8px;
    --ifm-action-menu-item-radius: 8px;
    --ifm-action-menu-radius: var(--ifm-container-radius);
    --ifm-table-container-radius: var(--ifm-container-radius);
    --ifm-action-menu-icon-size: 16px;
    --ifm-action-menu-text-size: 12px;
    --ifm-action-menu-line-height: 20px;
    --ifm-action-menu-font-weight: 500;
    --ifm-action-menu-button-bg: transparent;
    --ifm-action-menu-button-border: transparent;
    --ifm-action-menu-button-color: var(--ifm-table-muted-color);
}

html[data-bs-theme="dark"] {
    --bs-app-sidebar-dark-menu-heading-color: #414141 !important;
    --ifm-surface-page: #0c0c0c;
    --ifm-surface-container-gradient-lighter: #1e1e1d;
    --ifm-surface-container-gradient-darker: #0d0d0c;
    --ifm-surface-container-bg: linear-gradient(108deg, var(--ifm-surface-container-gradient-lighter) 0.31%, var(--ifm-surface-container-gradient-darker) 99.81%);
    --ifm-surface-sidebar-bg: linear-gradient(96.335deg, #1e1e1d 0.31452%, #0d0d0c 99.808%);
    --ifm-border-container: #252321;
    --ifm-border-divider: #000000;
    --ifm-border-icon: #000000;
    --ifm-border-muted: #252321;
    --ifm-shadow-inner: rgba(255, 255, 255, 0.04);
    --ifm-shadow-container-inner: 0 0 1px 0 var(--ifm-shadow-inner) inset, 0 0 1px 1px var(--ifm-shadow-inner) inset;
    --ifm-text-primary: #ffffff;
    --ifm-text-secondary: #eeeeee;
    --ifm-text-muted-token: #838383;
    --ifm-accent-primary: #367fff;
    --ifm-accent-primary-visual: #367fff;
    --ifm-accent-soft: rgba(54, 127, 255, 0.16);
    --ifm-page-title-font-size: 14px;
    --ifm-page-title-font-weight: 500;
    --ifm-page-title-letter-spacing: 0;
    /* Yeni eklendi. */
    --ifm-sidebar-icon-border-color: var(--ifm-border-icon);
    --ifm-sidebar-ayrac-border-color: var(--ifm-border-divider);
    /* Yeni eklendi. */

    --ifm-bg: var(--ifm-surface-page);
    --ifm-surface: #1e1e1d;
    --ifm-surface-2: #191918;
    --ifm-surface-3: #1c1c1b;
    --ifm-input-bg: #151515;
    --ifm-input-disabled-bg: #1c1c1b;
    --ifm-input-readonly-bg: #191918;
    /* Yeni eklendi. */    --ifm-input-border: var(--ifm-border-container);
    --ifm-input-border-hover: var(--ifm-border-strong);
    --ifm-input-placeholder: #6e6e6e;
    --ifm-success: #228b01;
    --ifm-danger: #bb0000;
    --ifm-warning: #d08e00;
    --ifm-table-row-selected-bg: rgba(54, 127, 255, 0.16);
    --ifm-header-bg: linear-gradient(108deg, #1e1e1d 0.31%, #0d0d0c 99.81%);
    --ifm-toolbar-bg: #111111;
    /* Yeni eklendi. */    --ifm-divider: var(--ifm-border-container);
    --ifm-divider-highlight: transparent;
    --ifm-primary-strong: var(--ifm-accent-primary);
    --ifm-primary-strong-hover: var(--ifm-accent-primary);
    --ifm-sidebar-bg: var(--ifm-surface-sidebar-bg);
    --ifm-main-bg: var(--ifm-surface-page);
    --ifm-main-border: var(--ifm-border-container);
    --ifm-main-surface-bg: var(--ifm-surface-container-bg);
    --ifm-main-surface-border: var(--ifm-border-container);
    --ifm-main-surface-shadow: var(--ifm-shadow-container-inner);
    /* Yeni eklendi. */    --ifm-main-surface-radius: 12px;
    --ifm-header-action-bg: transparent;
    --ifm-header-action-color: #ffffff;
    --ifm-header-menu-accent: var(--ifm-accent-primary);
    --ifm-header-menu-accent-soft: var(--ifm-accent-soft);
    --ifm-header-menu-title-bg: var(--ifm-surface-container-bg);
    --ifm-header-menu-title-color: var(--ifm-text-primary);
    --ifm-header-menu-radius: var(--ifm-container-radius);
    --ifm-dropdown-bg: #151515;
    --ifm-dropdown-border: #373431;
    --ifm-dropdown-radius: 8px;
    --ifm-dropdown-shadow: 0 16px 34px rgba(0, 0, 0, 0.35);
    --ifm-card-bg: #111111;
    --ifm-card-header-bg: #191919;
    --ifm-card-shadow: none;
    /* Yeni eklendi. */    --ifm-card-border: #333333;
    --ifm-card-icon-bg: #2a2a2a;
    --ifm-card-icon-color: #367fff;
    --ifm-card-title-color: #367fff;
    --ifm-card-subtitle-color: #b0b0b0;
    --ifm-modal-bg: #151515;
    --ifm-modal-backdrop: rgba(0, 0, 0, 0.72);
    --ifm-offcanvas-bg: #151515;
    --ifm-text: var(--ifm-text-primary);
    --ifm-text-muted: var(--ifm-text-muted-token);
    --ifm-sidebar-text: var(--ifm-text-secondary);
    --ifm-border: var(--ifm-border-container);
    --ifm-border-strong: #373431;
    --ifm-primary: var(--ifm-accent-primary);
    --ifm-primary-visual: var(--ifm-accent-primary-visual);
    --ifm-menu-hover-bg: rgba(54, 127, 255, 0.08);
    --ifm-menu-active-bg: rgba(54, 127, 255, 0.18);
    --ifm-menu-active-text: var(--ifm-text-secondary);
    --ifm-icon-color: var(--ifm-accent-primary);
    --ifm-icon-active-bg: #0d0d0c;
    --ifm-icon-active-border: #000000;
    --ifm-icon-active-color: #ffffff;
    --ifm-heading-muted: #58607a;
    --ifm-focus-ring: 0 0 0 0.2rem rgba(54, 127, 255, 0.18);
    --ifm-button-primary-bg: #367fff;
    --ifm-button-primary-hover-bg: #2d6fe0;
    --ifm-button-primary-active-bg: #1f68d8;
    --ifm-button-primary-color: #ffffff;
    --ifm-button-secondary-bg: #151515;
    --ifm-button-secondary-color: #eeeeee;
    --ifm-button-secondary-border: #252321;
    --ifm-button-secondary-hover-bg: #1f1f1f;
    --ifm-button-secondary-active-bg: #252321;
    --ifm-button-secondary-active-color: #367fff;
    /* Yeni eklendi. */    --ifm-button-outline-color: #367fff;
    --ifm-button-outline-border: #367fff;
    --ifm-button-outline-bg: transparent;
    --ifm-button-outline-hover-border: #367fff;
    --ifm-button-outline-hover-bg: rgba(54, 127, 255, 0.14);
    --ifm-button-outline-active-bg: rgba(54, 127, 255, 0.22);
    --ifm-button-outline-active-color: #eeeeee;
    --ifm-button-disabled-bg: #1c1c1b;
    --ifm-button-disabled-border: #252321;
    --ifm-button-disabled-color: #838383;
    --ifm-button-hover-shadow: 0 5px 14px rgba(54, 127, 255, 0.2);
    --ifm-button-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.42);
    /* Yeni eklendi. */    --ifm-tab-track-bg: #151515;
    --ifm-tab-color: #838383;
    --ifm-tab-hover-bg: rgba(255, 255, 255, 0.08);
    --ifm-tab-hover-color: #ffffff;
    --ifm-tab-active-bg: #0d0d0c;
    --ifm-tab-active-color: var(--ifm-accent-primary);
    --ifm-tab-border: #252321;
    --ifm-tab-track-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.28), 0 1px 0.5px rgba(255, 255, 255, 0.04);
    --ifm-tab-active-shadow: 0 0 1px 0 #000000;
    --app-font-family: var(--ifm-font-family);
    --bs-font-sans-serif: var(--ifm-font-family);
    --bs-body-font-family: var(--ifm-font-family);
    --bs-body-bg: var(--ifm-bg);
    --bs-body-color: var(--ifm-text);
    --bs-border-color: var(--ifm-border);
    --bs-form-control-bg: var(--ifm-input-bg);
    --bs-form-control-color: var(--ifm-text);
    --bs-form-control-border-color: var(--ifm-border);
    --bs-input-bg: var(--ifm-input-bg);
    --bs-input-color: var(--ifm-text);
    --bs-input-border-color: var(--ifm-border);
    --bs-app-bg-color: var(--ifm-bg);
    --bs-app-header-height: var(--ifm-header-height);
    --bs-app-header-height-actual: var(--ifm-header-height);
    --bs-app-sidebar-width: var(--ifm-sidebar-width);
    --bs-app-sidebar-width-actual: var(--ifm-sidebar-width);
    --bs-app-header-base-bg-color: var(--ifm-header-bg);
    --bs-app-header-sticky-bg-color: var(--ifm-header-bg);
    --bs-app-header-minimize-bg-color: var(--ifm-header-bg);
    --bs-app-sidebar-base-bg-color: var(--ifm-sidebar-bg);
    --bs-app-sidebar-light-bg-color: var(--ifm-sidebar-bg);
    --bs-app-sidebar-dark-bg-color: var(--ifm-sidebar-bg);
    --bs-menu-heading-color: var(--ifm-heading-muted);
    --bs-menu-link-color-hover: var(--ifm-primary-visual);
    --bs-menu-link-color-show: var(--ifm-menu-active-text);
    --bs-menu-link-color-here: var(--ifm-menu-active-text);
    --bs-menu-link-color-active: var(--ifm-menu-active-text);
    --bs-menu-link-bg-color-hover: var(--ifm-menu-hover-bg);
    --bs-menu-link-bg-color-show: var(--ifm-menu-active-bg);
    --bs-menu-link-bg-color-here: var(--ifm-menu-active-bg);
    --bs-menu-link-bg-color-active: var(--ifm-menu-active-bg);
    --bs-primary: var(--ifm-primary);
    --bs-primary-inverse: #ffffff;
    --bs-success: var(--ifm-success);
    --bs-danger: var(--ifm-danger);
    --bs-warning: var(--ifm-warning);
    --ifm-table-head-font-weight: 500;
    --ifm-iframe-bg: var(--ifm-surface-page);
    --ifm-sidebar-hover-link-bg: rgba(54, 127, 255, 0.08);
    --ifm-sidebar-hover-link-text: #eeeeee;
    --ifm-sidebar-active-link-bg: rgba(54, 127, 255, 0.18);
    --ifm-sidebar-active-link-text: #eeeeee;
    --ifm-sidebar-active-icon-bg: #0d0d0c;
    --ifm-sidebar-active-icon-border: #000000;
    --ifm-sidebar-active-icon-color: #ffffff;
    --ifm-sidebar-active-icon-radius: 6px;
    --ifm-sidebar-active-icon-shadow: 0 0 1px 0 #000000;
    --ifm-ui-test-table-selected-bg: rgba(54, 127, 255, 0.14);
    --ifm-ui-test-table-selected-border: rgba(54, 127, 255, 0.32);
    --ifm-checkbox-bg: #1a1a1a;
    --ifm-checkbox-border: #3a3a3a;
    --ifm-checkbox-checked-bg: #367fff;
    --ifm-ui-test-toast-bg: var(--ifm-surface-container-bg, #151515);
    --ifm-ui-test-toast-border: var(--ifm-border-container, #2b2b2a);
    --ifm-ui-test-danger-bg: #d0443e;
    --ifm-ui-test-danger-hover-bg: #b8322c;
    --ifm-table-component-bg: linear-gradient(122.582deg, #1e1e1d 0.31452%, #0d0d0c 99.808%);
    --ifm-table-component-border: #252321;
    --ifm-table-component-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 0 1px 1px rgba(255, 255, 255, 0.04) inset;
    --ifm-table-bg: #131313;
    --ifm-table-head-bg: #191918;
    --ifm-table-row-bg: #131313;
    --ifm-table-row-alt-bg: #131313;
    --ifm-table-row-hover-bg: #1b1b1b;
    --ifm-table-border: #252321;
    --ifm-table-head-border: #252321;
    --ifm-table-head-color: #838383;
    --ifm-table-cell-color: #eeeeee;
    --ifm-table-muted-color: #838383;
    --ifm-table-title-color: #ffffff;
    --ifm-table-query-chip-bg: rgba(54, 127, 255, 0.16);
    --ifm-table-query-chip-color: #eeeeee;
    --ifm-table-search-bg: #151515;
    --ifm-table-search-border: #252321;
    --ifm-pagination-bg: transparent;
    --ifm-pagination-hover-bg: #1f1f1f;
    --ifm-pagination-active-bg: rgba(235, 235, 235, 0.1);
    --ifm-pagination-color: #eeeeee;
    --ifm-pagination-active-color: #367fff;
    --ifm-pagination-border: transparent;
    --ifm-action-menu-bg: linear-gradient(105.247deg, #1e1e1d 0.31452%, #0d0d0c 99.808%);
    --ifm-action-menu-border: #252321;
    --ifm-action-menu-shadow: 0 15px 16.5px rgba(0, 0, 0, 0.32);
    --ifm-action-menu-divider: #252321;
    --ifm-action-menu-divider-highlight: #303030;
    --ifm-action-menu-text: #eeeeee;
    --ifm-action-menu-icon: #eeeeee;
    --ifm-action-menu-item-hover-bg: rgb(41, 59, 82);
    --ifm-action-menu-item-hover-color: #ffffff;
    --ifm-action-menu-item-hover-shadow: 0 5px 13px rgba(0, 0, 0, 0.35);
    --ifm-action-menu-item-active-bg: rgb(50, 72, 100);
    --ifm-action-menu-item-active-color: #ffffff;
    --ifm-action-menu-item-active-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    --ifm-action-menu-danger-hover-shadow: 0 5px 13px rgba(241, 31, 31, 0.25);
    --ifm-action-menu-button-bg: transparent;
    --ifm-action-menu-button-border: transparent;
    --ifm-action-menu-button-color: var(--ifm-table-muted-color);
}

[data-bs-theme="dark"] {
    --sidebar-tool-bg: var(--ifm-surface);
    --sidebar-tool-border: var(--ifm-sidebar-icon-border-color);
    --sidebar-tool-text: var(--ifm-sidebar-text);
    --sidebar-tool-icon: var(--ifm-icon-color);
    --sidebar-tool-toggle-icon: var(--ifm-text-muted);
    --sidebar-tool-hover-bg: var(--ifm-menu-hover-bg);
}

/* Yeni eklendi. */
[data-bs-theme="light"] {
    --sidebar-tool-bg: var(--ifm-surface);
    --sidebar-tool-border: var(--ifm-sidebar-icon-border-color);
    --sidebar-tool-text: var(--ifm-sidebar-text);
    --sidebar-tool-icon: var(--ifm-icon-color);
    --sidebar-tool-toggle-icon: var(--ifm-text-muted);
    --sidebar-tool-hover-bg: var(--ifm-menu-hover-bg);
}

/* Yeni eklendi. */

html,
body {
    font-family: var(--ifm-font-family);
    color: var(--ifm-text);
}

.card.card-custom,
.panel {
    --bs-card-bg: var(--ifm-card-bg);
    --bs-card-border-color: var(--ifm-border);
    --bs-card-color: var(--ifm-text);
    --bs-card-cap-bg: var(--ifm-card-header-bg);
    --bs-card-cap-color: var(--ifm-text);
    background: var(--ifm-card-bg);
    border-color: var(--ifm-border);
    border-radius: var(--ifm-radius-lg);
    box-shadow: var(--ifm-card-shadow);
    color: var(--ifm-text);
}

    .card-header,
    .card-footer,
    .card.card-custom > .card-header,
    .card.card-custom > .card-footer {
        background: var(--ifm-card-header-bg);
        border-color: var(--ifm-border);
        color: var(--ifm-text);
    }

.card-body {
    color: var(--ifm-text);
}

.card-title,
.card-label,
.card .fw-bold,
.card .fw-semibold {
    color: var(--ifm-text);
}

.card .text-muted,
.card .text-gray-500,
.card .text-gray-600,
.card .text-gray-700,
.card .text-gray-800 {
    color: var(--ifm-text-muted) !important;
}

.content > .card.card-custom > .card-body {
    padding: 1rem 2.25rem;
}

button {
    white-space: nowrap;
}

body {
    background-color: var(--bs-body-bg);
}

    html:hover::-webkit-scrollbar-thumb, body:hover::-webkit-scrollbar-thumb, .card:hover::-webkit-scrollbar-thumb, .app-toolbar:hover::-webkit-scrollbar-thumb {
        background-color: var(--bs-scrollbar-hover-color);
    }

.card {
    background: var(--ifm-main-surface-bg) !important;
    border: var(--ifm-border-width) solid var(--ifm-main-surface-border) !important;
    border-radius: var(--ifm-main-surface-radius) !important;
    box-shadow: var(--ifm-main-surface-shadow) !important;
    color: var(--ifm-text) !important;
}

    .card .card-header,
    .card-header {
        background: transparent !important;
        border-color: var(--ifm-main-surface-border) !important;
        color: var(--ifm-text) !important;
    }

body:not(.objectlist-body) {
    background: var(--ifm-surface-container-bg) !important;
    box-shadow: var(--ifm-shadow-container-inner);
}

/* Yeni eklendi. */

#kt_app_body {
    font-family: var(--ifm-font-family);
    background: var(--ifm-bg);
    color: var(--ifm-text);
}

.app-root,
.app-page {
    background: var(--ifm-bg);
    color: var(--ifm-text);
}

.app-main {
    background: var(--ifm-bg);
    color: var(--ifm-text);
}

    #mainFrame,
    .app-main iframe,
    #kt_app_main iframe {
        background: var(--ifm-iframe-bg) !important;
        border: 1px solid transparent !important;
        border-radius: var(--ifm-container-radius) !important;
    }

#kt_app_main {
    background: var(--ifm-main-bg) !important;
}

/* Yeni eklendi. */

.app-header,
#kt_app_header {
    background: var(--ifm-header-bg) !important;
    border-bottom: var(--ifm-border-width) solid var(--ifm-border-muted);
    box-shadow: none !important;
    color: var(--ifm-text);
}

.app-toolbar {
    background: var(--ifm-toolbar-bg);
    border-bottom: var(--ifm-border-width) solid var(--ifm-border-muted);
    color: var(--ifm-text);
}

#pageTitle {
    color: var(--ifm-text) !important;
    font-family: var(--ifm-font-family);
}

/* Yeni eklendi. */#kt_app_header_menu {
    min-height: var(--ifm-header-height);
    display: flex !important;
    align-items: center !important;
}

#kt_app_header_menu #pageTitle {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px;
    line-height: var(--ifm-page-title-line-height, 20px) !important;
}

.app-header .app-navbar {
    color: var(--ifm-text);
}

.app-header .app-navbar-item {
    color: var(--ifm-text-muted);
}

.app-header .separator,
.app-header .vr {
    border-color: var(--ifm-border-strong) !important;
}

.subheader-fixed .subheader {
    top: 0px !important;
}

.header-fixed.subheader-fixed .subheader {
    position: fixed;
    height: 54px;
    top: 72px;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 95;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    background-color: var(--ifm-surface);
    border-top: 1px solid var(--ifm-border);
    margin: 0;
}

.subheader .container {
    margin: 0px;
    max-width: 100%;
}

html, body, .card, .app-toolbar {
    scrollbar-width: thin;
    scrollbar-color: var(--bs-scrollbar-color) transparent;
}

    html::-webkit-scrollbar, body::-webkit-scrollbar, .card::-webkit-scrollbar, .app-toolbar::-webkit-scrollbar {
        width: var(--bs-scrollbar-size);
        height: var(--bs-scrollbar-size);
    }

    html::-webkit-scrollbar-corner, body::-webkit-scrollbar-corner, .card::-webkit-scrollbar-corner, .app-toolbar::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .card::-webkit-scrollbar-thumb, .app-toolbar::-webkit-scrollbar-thumb {
        background-color: var(--bs-scrollbar-color);
    }

    html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .card::-webkit-scrollbar-thumb, .app-toolbar::-webkit-scrollbar-thumb {
        border-radius: var(--bs-scrollbar-size)
    }

    html ::-webkit-scrollbar-track, body ::-webkit-scrollbar-track, .card ::-webkit-scrollbar-track, .app-toolbar ::-webkit-scrollbar-track {
        background-color: transparent;
    }

.subheader-fixed .content {
    padding-bottom: 8px;
}

#pageTitle,
.page-title {
    color: var(--ifm-text) !important;
    font-family: var(--ifm-font-family) !important;
    font-size: var(--ifm-page-title-font-size) !important;
    font-weight: var(--ifm-page-title-font-weight) !important;
    line-height: var(--ifm-page-title-line-height) !important;
    letter-spacing: var(--ifm-page-title-letter-spacing) !important;
}

html[data-bs-theme="dark"] #pageTitle,
html[data-bs-theme="dark"] .page-title {
    color: var(--ifm-text-primary) !important;
}

#kt_app_header {
    background: var(--ifm-surface-sidebar-bg) !important;
    box-shadow: none !important;
}

#kt_app_header_container {
    background: var(--ifm-main-surface-bg) !important;
    border: 1px solid var(--ifm-main-surface-border) !important;
    border-radius: var(--ifm-main-surface-radius) !important;
    box-shadow: var(--ifm-main-surface-shadow) !important;
}

/* Yeni eklendi. */.app-toolbar .app-container {
    justify-content: flex-end !important;
    padding: 12px !important;
}

.app-toolbar #toolbarButtonContainer {
    align-items: center;
    gap: 8px;
}

/* Yeni eklendi. */

.app-sidebar-logo-default .main-image-text {
    color: var(--ifm-text);
    margin-right: 15px;
}

.app-sidebar,
#kt_app_sidebar {
    background: var(--ifm-sidebar-bg) !important;
    border-right: var(--ifm-border-width) solid var(--ifm-border-container);
    box-shadow: none !important;
    color: var(--ifm-sidebar-text);
}

.app-sidebar-logo {
    border-bottom: none !important;
}

#kt_app_sidebar_logo {
    position: relative;
}

.app-sidebar .app-sidebar-wrapper {
    background: transparent;
}

.app-sidebar .menu {
    font-family: var(--ifm-font-family);
    padding: 0px !important;
    margin: 0px !important;
}

    .app-sidebar .menu .menu-item {
        padding: 0px;
        margin: 0px;
    }

        .app-sidebar .menu .menu-item.pt-5 {
            padding-top: 18px !important;
            border-top: var(--ifm-border-width) solid var(--ifm-sidebar-ayrac-border-color);
            margin: 0px !important;
        }

    .app-sidebar .menu .menu-content {
        padding: 0 4px 8px;
    }


    .app-sidebar .menu .menu-item .menu-link .menu-title {
        color: var(--ifm-sidebar-text) !important;
    }

    .app-sidebar .menu .menu-item .menu-link .menu-icon {
        width: var(--ifm-sidebar-icon-size);
        height: var(--ifm-sidebar-icon-size);
        min-width: var(--ifm-sidebar-icon-size);
        margin-right: 0;
        border-radius: var(--ifm-icon-radius);
        color: var(--ifm-icon-color) !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: var(--ifm-border-width) solid var(--ifm-sidebar-icon-border-color);
    }

        .app-sidebar .menu .menu-item .menu-link .menu-icon i,
        .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon {
            color: var(--ifm-icon-color) !important;
            font-size: 20px;
        }

    .app-sidebar .menu .menu-item .menu-link .menu-arrow {
        width: 65px;
        height: 13px;
        margin-left: auto;
        color: var(--ifm-text-muted);
    }

        .app-sidebar .menu .menu-item .menu-link .menu-arrow:after {
            background-color: var(--ifm-text-muted) !important;
        }

    .app-sidebar .menu .menu-sub.menu-sub-accordion {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 4px 0 8px 25px;
        background: transparent !important;
        border: 0;
        box-shadow: none !important;
    }

        .app-sidebar .menu .menu-sub.menu-sub-accordion .menu-link {
            min-height: 36px;
            padding: 4px 8px !important;
            margin: 0;
            border-radius: 7px;
            background: transparent;
        }

        .app-sidebar .menu .menu-sub.menu-sub-accordion .menu-bullet {
            display: none !important;
        }

        .app-sidebar .menu .menu-sub.menu-sub-accordion .bullet.bullet-dot {
            display: none !important;
        }

        .app-sidebar .menu .menu-sub.menu-sub-accordion .menu-link:hover,
        .app-sidebar .menu .menu-sub.menu-sub-accordion .menu-link.active {
            background: var(--ifm-menu-hover-bg) !important;
        }

            .app-sidebar .menu .menu-sub.menu-sub-accordion .menu-link.active .menu-title {
                color: var(--ifm-menu-active-text) !important;
                font-weight: 500;
            }

.app-header .menu-sub-dropdown {
    background: var(--ifm-dropdown-bg) !important;
    border: var(--ifm-border-width) solid var(--ifm-dropdown-border);
    border-radius: var(--ifm-header-menu-radius);
    box-shadow: var(--ifm-dropdown-shadow);
    color: var(--ifm-text);
    overflow: hidden;
}

    .app-header .menu-sub-dropdown .rounded-top {
        background: var(--ifm-header-menu-title-bg) !important;
        border-bottom: var(--ifm-border-width) solid var(--ifm-dropdown-border);
        border-radius: var(--ifm-header-menu-radius) var(--ifm-header-menu-radius) 0 0 !important;
        color: var(--ifm-header-menu-title-color) !important;
        box-shadow: var(--ifm-main-surface-shadow);
    }

        .app-header .menu-sub-dropdown .rounded-top .text-white,
        .app-header .menu-sub-dropdown .rounded-top .fw-bold,
        .app-header .menu-sub-dropdown .rounded-top .fw-semibold,
        .app-header .menu-sub-dropdown .rounded-top h1,
        .app-header .menu-sub-dropdown .rounded-top h2,
        .app-header .menu-sub-dropdown .rounded-top h3,
        .app-header .menu-sub-dropdown .rounded-top h4,
        .app-header .menu-sub-dropdown .rounded-top h5,
        .app-header .menu-sub-dropdown .rounded-top h6 {
            color: var(--ifm-header-menu-title-color) !important;
        }

        .app-header .menu-sub-dropdown .rounded-top h1,
        .app-header .menu-sub-dropdown .rounded-top h2,
        .app-header .menu-sub-dropdown .rounded-top h3,
        .app-header .menu-sub-dropdown .rounded-top h4,
        .app-header .menu-sub-dropdown .rounded-top h5,
        .app-header .menu-sub-dropdown .rounded-top h6,
        .app-header .menu-sub-dropdown .rounded-top .fw-bold,
        .app-header .menu-sub-dropdown .rounded-top .fw-semibold {
            letter-spacing: 0;
        }

    .app-header .menu-sub-dropdown .menu-link {
        border-radius: var(--ifm-control-radius);
        color: var(--ifm-text) !important;
        letter-spacing: 0;
        transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;
    }

        .app-header .menu-sub-dropdown .menu-link .menu-title,
        .app-header .menu-sub-dropdown .menu-link .fw-semibold,
        .app-header .menu-sub-dropdown .menu-link .fs-6 {
            color: var(--ifm-text) !important;
            letter-spacing: 0;
        }

        .app-header .menu-sub-dropdown .menu-link:hover,
        .app-header .menu-sub-dropdown .menu-link.active {
            background: var(--ifm-header-menu-accent-soft) !important;
            color: var(--ifm-header-menu-accent);
        }

            .app-header .menu-sub-dropdown .menu-link:hover .menu-title,
            .app-header .menu-sub-dropdown .menu-link.active .menu-title,
            .app-header .menu-sub-dropdown .menu-link:hover .fw-semibold,
            .app-header .menu-sub-dropdown .menu-link.active .fw-semibold,
            .app-header .menu-sub-dropdown .menu-link:hover .fs-6,
            .app-header .menu-sub-dropdown .menu-link.active .fs-6 {
                color: var(--ifm-header-menu-accent) !important;
            }

    .app-header .menu-sub-dropdown .text-muted,
    .app-header .menu-sub-dropdown .text-gray-500,
    .app-header .menu-sub-dropdown .text-gray-600,
    .app-header .menu-sub-dropdown .text-gray-700,
    .app-header .menu-sub-dropdown .text-gray-800 {
        color: var(--ifm-text-muted) !important;
    }

/* Yeni eklendi. */

.app-sidebar-tool-container {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px; /* Yeni eklendi. */    padding: 0px; /* Yeni eklendi. */    margin-left: 0px;
    margin-bottom: 12px; /* Yeni eklendi. */}

.app-sidebar-home-container,
#kt_app_sidebar_toggle {
    height: 40px !important;
    display: flex !important;
    align-items: center;
    transition: all 0.2s ease;
    cursor: pointer;
    text-decoration: none !important;
    border: var(--ifm-border-width) solid var(--sidebar-tool-border) !important;
    border-radius: var(--ifm-icon-radius) !important;
}

/* Yeni eklendi. */
.app-sidebar-home-container {
    flex-grow: 1;
    padding: 0 6px;
    gap: 10px;
    border: var(--ifm-border-width) solid var(--ifm-sidebar-icon-border-color);
}

    .app-sidebar-home-container span i {
        color: var(--sidebar-tool-icon) !important;
        font-size: 20px !important;
    }

/* Yeni eklendi. */
#kt_app_sidebar_toggle {
    width: 40px !important;
    justify-content: center;
    padding: 0 !important;
    background: transparent;
}

.app-sidebar-logo,
.app-sidebar-logo-default {
    min-height: 48px;
    display: flex !important;
    align-items: center;
    overflow: visible;
}

    .app-sidebar-logo img,
    .app-sidebar-logo-default img {
        display: block !important;
        max-width: 100%;
        max-height: 34px;
        object-fit: contain;
    }

[data-kt-app-sidebar-minimize="on"] .app-sidebar-home-container,
[data-kt-app-sidebar-minimize="true"] .app-sidebar-home-container,
.app-sidebar-minimize .app-sidebar-home-container {
    flex-grow: 0;
    width: 40px;
    min-width: 40px;
    justify-content: center;
    padding: 0 !important;
    overflow: hidden;
}

    [data-kt-app-sidebar-minimize="on"] .app-sidebar-home-container span:last-child,
    [data-kt-app-sidebar-minimize="true"] .app-sidebar-home-container span:last-child,
    .app-sidebar-minimize .app-sidebar-home-container span:last-child {
        display: none !important;
    }



/* Yeni eklendi. */

.app-sidebar .menu .menu-heading {
    font-size: var(--ifm-font-size-caption) !important;
    font-weight: var(--ifm-font-weight-semibold) !important;
    line-height: var(--ifm-line-height-compact) !important;
    letter-spacing: 0 !important;
}

.app-sidebar .menu .menu-item .menu-link .menu-title {
    font-size: var(--ifm-font-size-small) !important;
    font-weight: var(--ifm-font-weight-medium) !important;
    line-height: var(--ifm-line-height-body) !important;
    letter-spacing: 0 !important;
}

.app-sidebar .menu .menu-sub.menu-sub-accordion .menu-link .menu-title {
    font-size: var(--ifm-font-size-small) !important;
    font-weight: var(--ifm-font-weight-regular) !important;
    line-height: var(--ifm-line-height-body) !important;
}

.app-sidebar .menu .menu-sub.menu-sub-accordion .menu-link.active .menu-title,
.app-sidebar .menu .menu-sub.menu-sub-accordion .menu-link:hover .menu-title {
    font-weight: var(--ifm-font-weight-medium) !important;
}

.app-header .menu-sub-dropdown .rounded-top h1,
.app-header .menu-sub-dropdown .rounded-top h2,
.app-header .menu-sub-dropdown .rounded-top h3,
.app-header .menu-sub-dropdown .rounded-top h4,
.app-header .menu-sub-dropdown .rounded-top h5,
.app-header .menu-sub-dropdown .rounded-top h6,
.app-header .menu-sub-dropdown .rounded-top .fw-bold,
.app-header .menu-sub-dropdown .rounded-top .fw-semibold {
    font-size: var(--ifm-font-size-title) !important;
    font-weight: var(--ifm-font-weight-semibold) !important;
    line-height: var(--ifm-line-height-title) !important;
}

.app-header .menu-sub-dropdown .menu-link,
.app-header .menu-sub-dropdown .menu-link .menu-title,
.app-header .menu-sub-dropdown .menu-link .fw-semibold,
.app-header .menu-sub-dropdown .menu-link .fs-6 {
    font-size: var(--ifm-font-size-body) !important;
    font-weight: var(--ifm-font-weight-medium) !important;
    line-height: var(--ifm-line-height-body) !important;
    letter-spacing: 0 !important;
}

.app-header .menu-sub-dropdown .text-muted,
.app-header .menu-sub-dropdown .text-gray-500,
.app-header .menu-sub-dropdown .text-gray-600,
.app-header .menu-sub-dropdown small,
.app-header .menu-sub-dropdown .small {
    font-size: var(--ifm-font-size-small) !important;
    font-weight: var(--ifm-font-weight-regular) !important;
    line-height: var(--ifm-line-height-body) !important;
}

.app-sidebar-home-container,
#kt_app_sidebar_toggle {
    color: var(--sidebar-tool-text) !important;
    border-color: var(--sidebar-tool-border) !important;
}

    .app-sidebar-home-container span:first-child,
    .app-sidebar-home-container span:first-child i {
        color: var(--sidebar-tool-icon) !important;
    }

    .app-sidebar-home-container span:last-child {
        color: var(--sidebar-tool-text) !important;
        font-size: var(--ifm-font-size-body) !important;
        font-weight: var(--ifm-font-weight-medium) !important;
        line-height: var(--ifm-line-height-body) !important;
    }

    #kt_app_sidebar_toggle i,
    #kt_app_sidebar_toggle .svg-icon {
        color: var(--sidebar-tool-toggle-icon) !important;
    }

    .app-sidebar-home-container:hover,
    #kt_app_sidebar_toggle:hover {
        background-color: var(--sidebar-tool-hover-bg) !important;
        border-color: var(--sidebar-tool-icon) !important;
    }

        .app-sidebar-home-container:hover span:last-child {
            color: var(--sidebar-tool-text) !important;
        }

        #kt_app_sidebar_toggle:hover i,
        #kt_app_sidebar_toggle:hover .svg-icon {
            color: var(--sidebar-tool-icon) !important;
        }

#kt_app_sidebar {
    background: var(--ifm-sidebar-bg) !important;
    border: 1px solid var(--ifm-border-container) !important;
    border-radius: var(--ifm-container-radius) var(--ifm-container-radius) 0 0 !important;
    box-shadow: var(--ifm-shadow-container-inner) !important;
}

.app-sidebar .menu .menu-item .menu-link {
    min-height: var(--ifm-sidebar-menu-link-min-height);
    margin: var(--ifm-sidebar-menu-link-margin-y) 0;
    padding: var(--ifm-sidebar-menu-link-padding) !important;
    border-radius: var(--ifm-sidebar-menu-link-radius);
    background: transparent;
    color: var(--ifm-sidebar-text);
    gap: var(--ifm-sidebar-menu-link-gap);
}

.app-sidebar .app-sidebar-menu,
.app-sidebar .app-sidebar-wrapper {
    min-height: 0;
}

#kt_app_body .app-sidebar .menu .menu-item:not(.here):not(.show) > .menu-link:hover:not(.disabled):not(.active) .menu-title,
#kt_app_body .app-sidebar .menu .menu-item.hover:not(.here):not(.show) > .menu-link:not(.disabled):not(.active) .menu-title,
#kt_app_body .app-sidebar .menu .menu-item:not(.here):not(.show) > .menu-link:hover:not(.disabled):not(.active) .menu-arrow,
#kt_app_body .app-sidebar .menu .menu-item.hover:not(.here):not(.show) > .menu-link:not(.disabled):not(.active) .menu-arrow {
    color: var(--ifm-sidebar-hover-link-text) !important;
}

#kt_app_body .app-sidebar .menu .menu-item.show > .menu-link .menu-title,
#kt_app_body .app-sidebar .menu .menu-item.here > .menu-link .menu-title,
#kt_app_body .app-sidebar .menu .menu-item > .menu-link.active .menu-title,
#kt_app_body .app-sidebar .menu .menu-item.show > .menu-link .menu-arrow,
#kt_app_body .app-sidebar .menu .menu-item.here > .menu-link .menu-arrow,
#kt_app_body .app-sidebar .menu .menu-item > .menu-link.active .menu-arrow {
    color: var(--ifm-sidebar-active-link-text) !important;
}

    #kt_app_body .app-sidebar .menu .menu-item.show > .menu-link .menu-arrow:after,
    #kt_app_body .app-sidebar .menu .menu-item.here > .menu-link .menu-arrow:after,
    #kt_app_body .app-sidebar .menu .menu-item > .menu-link.active .menu-arrow:after {
        background-color: var(--ifm-sidebar-active-link-text) !important;
    }

#kt_app_body .app-sidebar .menu .menu-item.show > .menu-link .menu-icon,
#kt_app_body .app-sidebar .menu .menu-item.here > .menu-link .menu-icon,
#kt_app_body .app-sidebar .menu .menu-item > .menu-link.active .menu-icon {
    background: var(--ifm-sidebar-active-icon-bg) !important;
    border-color: var(--ifm-sidebar-active-icon-border) !important;
    color: var(--ifm-sidebar-active-icon-color) !important;
    border-radius: var(--ifm-sidebar-active-icon-radius) !important;
    box-shadow: var(--ifm-sidebar-active-icon-shadow) !important;
}

    #kt_app_body .app-sidebar .menu .menu-item.show > .menu-link .menu-icon i,
    #kt_app_body .app-sidebar .menu .menu-item.show > .menu-link .menu-icon .svg-icon,
    #kt_app_body .app-sidebar .menu .menu-item.here > .menu-link .menu-icon i,
    #kt_app_body .app-sidebar .menu .menu-item.here > .menu-link .menu-icon .svg-icon,
    #kt_app_body .app-sidebar .menu .menu-item > .menu-link.active .menu-icon i,
    #kt_app_body .app-sidebar .menu .menu-item > .menu-link.active .menu-icon .svg-icon,
    #kt_app_body .app-sidebar .menu .menu-item.show > .menu-link .menu-icon svg,
    #kt_app_body .app-sidebar .menu .menu-item.show > .menu-link .menu-icon svg *,
    #kt_app_body .app-sidebar .menu .menu-item.here > .menu-link .menu-icon svg,
    #kt_app_body .app-sidebar .menu .menu-item.here > .menu-link .menu-icon svg *,
    #kt_app_body .app-sidebar .menu .menu-item > .menu-link.active .menu-icon svg,
    #kt_app_body .app-sidebar .menu .menu-item > .menu-link.active .menu-icon svg * {
        color: var(--ifm-sidebar-active-icon-color) !important;
        stroke: currentColor !important;
    }

/* Yeni eklendi. */

.nav {
    --bs-nav-link-color: var(--ifm-text-muted);
    --bs-nav-link-hover-color: var(--ifm-primary-visual);
    flex-shrink: 0;
    padding: 8px !important;
    background: var(--ifm-main-surface-bg) !important;
    border: 1px solid var(--ifm-main-surface-border) !important;
    border-radius: var(--ifm-main-surface-radius) !important;
    box-shadow: var(--ifm-main-surface-shadow) !important;
}

/* Yeni eklendi. */.nav-tabs,
.nav-pills,
.nav-line-tabs,
.query-tabs {
    border-bottom-color: var(--ifm-border);
}

    .nav-tabs .nav-link,
    .nav-pills .nav-link,
    .nav-line-tabs .nav-link,
    .query-tabs .nav-link {
        border: 1px solid transparent !important;
        border-radius: 8px;
        background: transparent;
        padding: 4px 14px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        color: var(--ifm-tab-color) !important;
        text-align: center;
        width: 100%;
        cursor: pointer;
        white-space: nowrap;
        transition: background .12s, color .12s, box-shadow .12s;
    }

        .nav-tabs .nav-link:hover,
        .nav-tabs .nav-link:focus,
        .nav-pills .nav-link:hover,
        .nav-pills .nav-link:focus,
        .nav-line-tabs .nav-link:hover,
        .nav-line-tabs .nav-link:focus,
        .query-tabs .nav-link:hover,
        .query-tabs .nav-link:focus {
            background: var(--ifm-tab-hover-bg) !important;
            color: var(--ifm-tab-hover-color) !important;
            border-color: transparent !important;
            box-shadow: none !important;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link,
        .nav-pills .nav-link.active,
        .nav-pills .show > .nav-link,
        .nav-line-tabs .nav-link.active,
        .query-tabs .nav-link.active {
            background: var(--ifm-tab-active-bg) !important;
            color: var(--ifm-tab-active-color) !important;
            border: 1px solid var(--ifm-tab-border) !important;
            box-shadow: var(--ifm-tab-active-shadow) !important;
        }

            .nav-tabs .nav-link.active i,
            .nav-tabs .nav-item.show .nav-link i,
            .nav-pills .nav-link.active i,
            .nav-pills .show > .nav-link i,
            .nav-line-tabs .nav-link.active i,
            .query-tabs .nav-link.active i,
            .nav-tabs .nav-link.active .svg-icon,
            .nav-tabs .nav-item.show .nav-link .svg-icon,
            .nav-pills .nav-link.active .svg-icon,
            .nav-pills .show > .nav-link .svg-icon,
            .nav-line-tabs .nav-link.active .svg-icon,
            .query-tabs .nav-link.active .svg-icon {
                color: currentColor !important;
            }

/* Yeni eklendi. */.bt-nav,
.bt-tabs {
    border: none !important;
    display: inline-flex;
    background: var(--ifm-tab-track-bg) !important;
    border-radius: 10px !important;
    padding: 3px !important;
    width: 100%;
    box-shadow: var(--ifm-tab-track-shadow) !important;
    gap: 10px;
}

    .bt-nav .nav-item {
        flex: 1;
        margin: 0px 0px;
        column-gap: 5px;
    }

    /* Yeni eklendi. */    .bt-nav .nav-link,
    .bt-tabs .bt-tab {
        color: var(--ifm-tab-color) !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        box-shadow: none !important;
    }

    .bt-nav .nav-link:hover:not(.active),
    .bt-tabs .bt-tab:hover:not(.bt-tab--active) {
        color: var(--ifm-tab-hover-color) !important;
        background: var(--ifm-tab-hover-bg) !important;
        box-shadow: none !important;
    }

    .bt-nav .nav-link.active,
    .bt-nav .nav-item.show .nav-link,
    .bt-tabs .bt-tab--active {
        color: var(--ifm-tab-active-color) !important;
        background: var(--ifm-tab-active-bg) !important;
        border-color: var(--ifm-tab-border) !important;
        box-shadow: var(--ifm-tab-active-shadow) !important;
    }

/* Yeni eklendi. */
html[data-bs-theme="dark"] .bt-nav,
[data-bs-theme="dark"] .bt-nav,
html[data-bs-theme="dark"] .bt-tabs,
[data-bs-theme="dark"] .bt-tabs {
    background: var(--ifm-tab-track-bg) !important;
    box-shadow: var(--ifm-tab-track-shadow) !important;
}

    html[data-bs-theme="dark"] .bt-nav .nav-link,
    [data-bs-theme="dark"] .bt-nav .nav-link,
    html[data-bs-theme="dark"] .bt-tabs .bt-tab,
    [data-bs-theme="dark"] .bt-tabs .bt-tab {
        color: var(--ifm-tab-color) !important;
    }

        html[data-bs-theme="dark"] .bt-nav .nav-link:hover:not(.active),
        [data-bs-theme="dark"] .bt-nav .nav-link:hover:not(.active),
        html[data-bs-theme="dark"] .bt-tabs .bt-tab:hover:not(.bt-tab--active),
        [data-bs-theme="dark"] .bt-tabs .bt-tab:hover:not(.bt-tab--active) {
            color: var(--ifm-tab-hover-color) !important;
            background: var(--ifm-tab-hover-bg) !important;
        }

        html[data-bs-theme="dark"] .bt-nav .nav-link.active,
        [data-bs-theme="dark"] .bt-nav .nav-link.active,
        html[data-bs-theme="dark"] .bt-tabs .bt-tab--active,
        [data-bs-theme="dark"] .bt-tabs .bt-tab--active {
            background: var(--ifm-tab-active-bg) !important;
            color: var(--ifm-tab-active-color) !important;
            border-color: var(--ifm-tab-border) !important;
            box-shadow: var(--ifm-tab-active-shadow) !important;
        }

/* Yeni eklendi. */.app-header .nav-line-tabs .nav-link[href^="#kt_topbar_notifications"] {
    width: auto;
    color: var(--ifm-tab-color) !important;
    background: transparent !important;
    border-radius: 8px !important;
    opacity: 1 !important;
}

    .app-header .nav-line-tabs .nav-link[href^="#kt_topbar_notifications"]:hover,
    .app-header .nav-line-tabs .nav-link[href^="#kt_topbar_notifications"]:focus {
        color: var(--ifm-tab-hover-color) !important;
        background: var(--ifm-tab-hover-bg) !important;
    }

    .app-header .nav-line-tabs .nav-link[href^="#kt_topbar_notifications"].active {
        color: var(--ifm-tab-active-color) !important;
        background: var(--ifm-tab-active-bg) !important;
        border: 1px solid var(--ifm-tab-border) !important;
        box-shadow: var(--ifm-tab-active-shadow) !important;
    }

.tab-content {
    color: var(--ifm-text);
}

.nav-link {
    cursor: pointer;
}

.query-tabs .tab-content {
    padding-top: 10px;
    height: 400px;
    overflow-y: auto;
}

.data-query-popup,
.query-tabs .tab-content,
.adv-query-container {
    background: var(--ifm-modal-bg);
    color: var(--ifm-text);
}

/* Yeni eklendi. */

.app-header .btn.btn-custom,
.app-header .btn.btn-icon {
    background: var(--ifm-header-action-bg);
    border: var(--ifm-border-width) solid transparent;
    border-radius: var(--ifm-control-radius);
    color: var(--ifm-header-action-color);
}

    .app-header .btn.btn-custom i,
    .app-header .btn.btn-custom .svg-icon,
    .app-header .btn.btn-icon i,
    .app-header .btn.btn-icon .svg-icon {
        color: var(--ifm-header-action-color) !important;
        font-size: 16px !important;
    }

    .app-header .btn.btn-custom:hover:not(.btn-active),
    .app-header .btn.btn-custom:focus:not(.btn-active),
    .app-header .btn.btn-custom.show,
    .app-header .btn.btn-icon:hover:not(.btn-active),
    .app-header .btn.btn-icon:focus:not(.btn-active),
    .app-header .btn.btn-icon.show {
        background: var(--ifm-header-menu-accent-soft) !important;
        border-color: transparent;
        color: var(--ifm-header-menu-accent);
        box-shadow: none;
    }

        .app-header .btn.btn-custom:hover:not(.btn-active) i,
        .app-header .btn.btn-custom:focus:not(.btn-active) i,
        .app-header .btn.btn-custom.show i,
        .app-header .btn.btn-icon:hover:not(.btn-active) i,
        .app-header .btn.btn-icon:focus:not(.btn-active) i,
        .app-header .btn.btn-icon.show i,
        .app-header .btn.btn-custom:hover:not(.btn-active) .svg-icon,
        .app-header .btn.btn-custom:focus:not(.btn-active) .svg-icon,
        .app-header .btn.btn-custom.show .svg-icon,
        .app-header .btn.btn-icon:hover:not(.btn-active) .svg-icon,
        .app-header .btn.btn-icon:focus:not(.btn-active) .svg-icon,
        .app-header .btn.btn-icon.show .svg-icon {
            color: var(--ifm-header-menu-accent) !important;
        }

.app-header .menu-sub-dropdown .btn.btn-outline,
.app-header .menu-sub-dropdown .btn.btn-light {
    border-color: var(--ifm-border);
    color: var(--ifm-text);
}

    .app-header .menu-sub-dropdown .btn.btn-outline:hover,
    .app-header .menu-sub-dropdown .btn.btn-light:hover {
        background: var(--ifm-header-menu-accent-soft);
        border-color: var(--ifm-header-menu-accent);
        color: var(--ifm-header-menu-accent);
    }

.badge {
    min-height: 19px;
    border-radius: var(--ifm-button-status-radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--ifm-font-family);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.badge-success,
.badge-light-success {
    background: var(--ifm-success) !important;
    color: #ffffff !important;
}

.badge-danger,
.badge-light-danger {
    background: var(--ifm-danger) !important;
    color: #ffffff !important;
}

.badge-warning,
.badge-light-warning {
    background: var(--ifm-warning) !important;
    color: #ffffff !important;
}

button.btn {
    text-transform: none;
}

.sortable-list .list-item .btn {
    padding: 3px;
}

body .btn > i {
    padding-right: 0px;
}

.adv-query-item-title .btn.btn-outline.btn-outline-success.active,
.adv-query-item-title .btn.btn-outline.btn-outline-success.active:hover,
.adv-query-item-title .btn.btn-outline.btn-outline-success.active:focus {
    --bs-btn-bg: var(--ifm-button-primary-bg);
    --bs-btn-border-color: var(--ifm-button-primary-bg);
    --bs-btn-color: var(--ifm-button-primary-color);
    --bs-btn-hover-bg: var(--ifm-button-primary-hover-bg);
    --bs-btn-hover-border-color: var(--ifm-button-primary-hover-bg);
    color: var(--ifm-button-primary-color) !important;
    border-color: var(--ifm-button-primary-bg) !important;
    background-color: var(--ifm-button-primary-bg) !important;
}

.query-tabs .btn,
.data-query-popup .btn {
    vertical-align: middle;
}

/* Yeni eklendi. */.modal:has(.data-query-popup) .modal-footer .btn-outline,
.modal:has(.data-query-popup) .modal-footer .btn-outline-primary {
    background: var(--ifm-button-secondary-bg, var(--ifm-surface-muted)) !important;
    border-color: var(--ifm-button-secondary-border, var(--ifm-border)) !important;
    color: var(--ifm-button-secondary-color, var(--ifm-text)) !important;
}

    .modal:has(.data-query-popup) .modal-footer .btn-outline:hover,
    .modal:has(.data-query-popup) .modal-footer .btn-outline:focus,
    .modal:has(.data-query-popup) .modal-footer .btn-outline-primary:hover,
    .modal:has(.data-query-popup) .modal-footer .btn-outline-primary:focus {
        background: var(--ifm-button-secondary-hover-bg, var(--ifm-tab-hover-bg)) !important;
        border-color: var(--ifm-button-secondary-hover-border, var(--ifm-accent-primary)) !important;
        color: var(--ifm-button-secondary-hover-color, var(--ifm-accent-primary)) !important;
    }

.modal:has(.data-query-popup) .modal-footer .btn-primary {
    color: var(--ifm-button-primary-color, #ffffff) !important;
}

.btn {
    --bs-btn-font-family: var(--ifm-font-family);
    --bs-btn-font-size: var(--ifm-button-font-size);
    --bs-btn-font-weight: var(--ifm-button-font-weight);
    --bs-btn-line-height: var(--ifm-button-line-height);
    --bs-btn-border-radius: var(--ifm-button-radius);
    min-height: var(--ifm-button-height);
    padding: var(--ifm-button-padding-y) var(--ifm-button-padding-x);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ifm-button-content-gap);
    border-radius: var(--ifm-button-radius);
    font-family: var(--ifm-font-family);
    font-size: var(--ifm-button-font-size);
    font-weight: var(--ifm-button-font-weight);
    line-height: var(--ifm-button-line-height);
    letter-spacing: 0;
    text-transform: none;
    transform: translateY(0);
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .btn.btn-sm:not(.btn-icon):not(.f-action-column-button),
    .btn-group-sm > .btn:not(.btn-icon):not(.f-action-column-button) {
        min-height: var(--ifm-button-sm-height);
        padding: var(--ifm-button-sm-padding-y) var(--ifm-button-sm-padding-x) !important;
        font-size: var(--ifm-button-font-size);
        line-height: var(--ifm-button-line-height);
    }




    .btn-primary,
    .btn.btn-primary {
        --bs-btn-bg: var(--ifm-button-primary-bg);
        --bs-btn-border-color: var(--ifm-button-primary-bg);
        --bs-btn-color: var(--ifm-button-primary-color);
        --bs-btn-hover-bg: var(--ifm-button-primary-hover-bg);
        --bs-btn-hover-border-color: var(--ifm-button-primary-hover-bg);
        --bs-btn-hover-color: var(--ifm-button-primary-color);
        --bs-btn-active-bg: var(--ifm-button-primary-active-bg);
        --bs-btn-active-border-color: var(--ifm-button-primary-active-bg);
        --bs-btn-active-color: var(--ifm-button-primary-color);
        background: var(--ifm-button-primary-bg) !important;
        border-color: var(--ifm-button-primary-bg) !important;
        color: var(--ifm-button-primary-color) !important;
    }

        .btn-primary:hover:not(:disabled):not(.disabled),
        .btn.btn-primary:hover:not(:disabled):not(.disabled),
        .btn-primary:focus-visible,
        .btn.btn-primary:focus-visible,
        .btn-primary.show,
        .btn.btn-primary.show {
            background: var(--ifm-button-primary-hover-bg) !important;
            border-color: var(--ifm-button-primary-hover-bg) !important;
            color: var(--ifm-button-primary-color) !important;
            box-shadow: var(--ifm-button-hover-shadow) !important;
        }

        .btn-primary:active:not(:disabled),
        .btn.btn-primary:active:not(:disabled),
        .btn-primary.active,
        .btn.btn-primary.active {
            background: var(--ifm-button-primary-active-bg) !important;
            border-color: var(--ifm-button-primary-active-bg) !important;
            color: var(--ifm-button-primary-color) !important;
            box-shadow: var(--ifm-button-active-shadow) !important;
        }

    .btn-outline,
    .btn[class*="btn-outline-"],
    .btn.btn-outline,
    .btn.btn-outline-secondary,
    .btn-outline-secondary {
        --bs-btn-color: var(--ifm-button-outline-color);
        --bs-btn-border-color: var(--ifm-button-outline-border);
        --bs-btn-hover-color: var(--ifm-button-outline-color);
        --bs-btn-hover-bg: var(--ifm-button-outline-hover-bg);
        --bs-btn-hover-border-color: var(--ifm-button-outline-hover-border, var(--ifm-button-outline-border));
        --bs-btn-active-color: var(--ifm-button-outline-active-color);
        --bs-btn-active-bg: var(--ifm-button-outline-active-bg);
        --bs-btn-active-border-color: var(--ifm-button-outline-hover-border, var(--ifm-button-outline-border));
        background: var(--ifm-button-outline-bg, transparent) !important;
        border-color: var(--ifm-button-outline-border) !important;
        color: var(--ifm-button-outline-color) !important;
    }

        /* Yeni eklendi. */        .btn-outline:hover:not(:disabled):not(.disabled),
        .btn[class*="btn-outline-"]:hover:not(:disabled):not(.disabled),
        .btn-outline:focus-visible,
        .btn[class*="btn-outline-"]:focus-visible {
            background: var(--ifm-button-outline-hover-bg) !important;
            border-color: var(--ifm-button-outline-hover-border, var(--ifm-button-outline-border)) !important;
            color: var(--ifm-button-outline-color) !important;
        }

        .btn-outline:active:not(:disabled),
        .btn[class*="btn-outline-"]:active:not(:disabled),
        .btn-outline.active,
        .btn[class*="btn-outline-"].active,
        .btn-outline.show,
        .btn[class*="btn-outline-"].show {
            background: var(--ifm-button-outline-active-bg) !important;
            border-color: var(--ifm-button-outline-hover-border, var(--ifm-button-outline-border)) !important;
            color: var(--ifm-button-outline-active-color) !important;
        }

        /* Yeni eklendi. */        .btn-outline-primary,
        .btn.btn-outline-primary,
        .btn-outline.btn-outline-primary {
            --bs-btn-color: var(--ifm-button-outline-color);
            --bs-btn-border-color: var(--ifm-button-outline-border);
            --bs-btn-hover-color: var(--ifm-button-outline-color);
            --bs-btn-hover-bg: var(--ifm-button-outline-hover-bg);
            --bs-btn-hover-border-color: var(--ifm-button-outline-hover-border, var(--ifm-button-outline-border));
            --bs-btn-active-color: var(--ifm-button-outline-active-color);
            --bs-btn-active-bg: var(--ifm-button-outline-active-bg);
            --bs-btn-active-border-color: var(--ifm-button-outline-hover-border, var(--ifm-button-outline-border));
            background: var(--ifm-button-outline-bg, transparent) !important;
            border-color: var(--ifm-button-outline-border) !important;
            color: var(--ifm-button-outline-color) !important;
        }

            .btn-outline-primary:hover:not(:disabled):not(.disabled),
            .btn.btn-outline-primary:hover:not(:disabled):not(.disabled),
            .btn-outline-primary:focus-visible,
            .btn.btn-outline-primary:focus-visible {
                background: var(--ifm-button-outline-hover-bg) !important;
                border-color: var(--ifm-button-outline-hover-border, var(--ifm-button-outline-border)) !important;
                color: var(--ifm-button-outline-color) !important;
            }

            .btn-outline-primary:active:not(:disabled),
            .btn.btn-outline-primary:active:not(:disabled),
            .btn-outline-primary.active,
            .btn.btn-outline-primary.active,
            .btn-outline-primary.show,
            .btn.btn-outline-primary.show {
                background: var(--ifm-button-outline-active-bg) !important;
                border-color: var(--ifm-button-outline-hover-border, var(--ifm-button-outline-border)) !important;
                color: var(--ifm-button-outline-active-color) !important;
            }

    .btn-secondary,
    .btn.btn-secondary,
    .btn-light,
    .btn.btn-light {
        --bs-btn-bg: var(--ifm-button-secondary-bg);
        --bs-btn-border-color: var(--ifm-button-secondary-border);
        --bs-btn-color: var(--ifm-button-secondary-color);
        --bs-btn-hover-bg: var(--ifm-button-secondary-hover-bg);
        --bs-btn-hover-border-color: var(--ifm-button-secondary-border);
        --bs-btn-hover-color: var(--ifm-button-secondary-color);
        --bs-btn-active-bg: var(--ifm-button-secondary-active-bg);
        --bs-btn-active-border-color: var(--ifm-button-secondary-border);
        --bs-btn-active-color: var(--ifm-button-secondary-active-color);
        background: var(--ifm-button-secondary-bg) !important;
        border-color: var(--ifm-button-secondary-border) !important;
        color: var(--ifm-button-secondary-color) !important;
    }

        .btn-secondary:hover:not(:disabled):not(.disabled),
        .btn.btn-secondary:hover:not(:disabled):not(.disabled),
        .btn-light:hover:not(:disabled):not(.disabled),
        .btn.btn-light:hover:not(:disabled):not(.disabled),
        .btn-secondary:focus-visible,
        .btn-light:focus-visible {
            background: var(--ifm-button-secondary-hover-bg) !important;
            border-color: var(--ifm-button-secondary-border) !important;
            color: var(--ifm-button-secondary-color) !important;
        }

        .btn-secondary:active:not(:disabled),
        .btn.btn-secondary:active:not(:disabled),
        .btn-light:active:not(:disabled),
        .btn.btn-light:active:not(:disabled),
        .btn-secondary.active,
        .btn-light.active,
        .btn-secondary.show,
        .btn-light.show {
            background: var(--ifm-button-secondary-active-bg) !important;
            border-color: var(--ifm-button-secondary-border) !important;
            color: var(--ifm-button-secondary-active-color) !important;
        }

    .btn-light-primary,
    .btn.btn-light-primary,
    .btn-active-light-primary:not(.btn-outline-primary):hover:not(:disabled),
    .btn-active-light-primary:not(.btn-outline-primary):focus-visible,
    .btn-active-light-primary:not(.btn-outline-primary).show {
        background: var(--ifm-button-outline-hover-bg) !important;
        border-color: transparent !important;
        color: var(--ifm-button-outline-color) !important;
    }

    .btn-success,
    .btn.btn-success {
        background: var(--ifm-success) !important;
        border-color: var(--ifm-success) !important;
        color: #ffffff !important;
    }

        .btn-success:hover:not(:disabled),
        .btn.btn-success:hover:not(:disabled),
        .btn-success:focus-visible {
            background: color-mix(in srgb, var(--ifm-success) 86%, #000000) !important;
            border-color: color-mix(in srgb, var(--ifm-success) 86%, #000000) !important;
            color: #ffffff !important;
        }

    .btn-danger,
    .btn.btn-danger {
        background: var(--ifm-ui-test-danger-bg, var(--ifm-danger)) !important;
        border-color: var(--ifm-ui-test-danger-bg, var(--ifm-danger)) !important;
        color: #ffffff !important;
    }

        .btn-danger:hover:not(:disabled),
        .btn.btn-danger:hover:not(:disabled),
        .btn-danger:focus-visible {
            background: var(--ifm-ui-test-danger-hover-bg, var(--ifm-danger)) !important;
            border-color: var(--ifm-ui-test-danger-hover-bg, var(--ifm-danger)) !important;
            color: #ffffff !important;
        }

    .btn:not(:disabled):not(.disabled):not(.btn-icon):not(.f-action-column-button):not(.btn-close):hover {
        transform: translateY(-1px);
    }

    .btn:not(:disabled):not(.disabled):not(.btn-icon):not(.f-action-column-button):not(.btn-close):active,
    .btn:not(:disabled):not(.disabled):not(.btn-icon):not(.f-action-column-button):not(.btn-close).active {
        transform: translateY(1px) scale(0.98);
    }

    .btn:focus:not(:focus-visible) {
        box-shadow: none;
    }

    .btn:focus-visible,
    .btn-check:focus-visible + .btn {
        outline: 0;
        box-shadow: var(--ifm-focus-ring) !important;
    }

    .btn:disabled,
    .btn.disabled,
    fieldset:disabled .btn {
        background: var(--ifm-button-disabled-bg) !important;
        border-color: var(--ifm-button-disabled-border) !important;
        color: var(--ifm-button-disabled-color) !important;
        opacity: var(--ifm-button-disabled-opacity);
        box-shadow: none !important;
        transform: none !important;
        cursor: not-allowed;
    }

.btn-link {
    background: transparent !important;
    color: var(--ifm-accent-primary) !important;
    box-shadow: none !important;
}

    .btn-link:hover {
        color: var(--ifm-button-primary-hover-bg) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Yeni eklendi. */    .btn-link i {
        color: var(--ifm-accent-primary) !important
    }

/* Yeni eklendi. */
.btn-icon,
.btn.btn-icon,
.app-header .btn.btn-icon,
#kt_app_sidebar_toggle,
.app-sidebar-toggle.btn-icon {
    min-width: var(--ifm-button-icon-size);
    min-height: var(--ifm-button-icon-size);
    width: var(--ifm-button-icon-size);
    height: var(--ifm-button-icon-size);
    padding: 0;
    gap: 0;
    transform: none !important;
}

.f-action-column-button,
.btn.f-action-column-button {
    min-width: 24px;
    width: 24px;
    min-height: 25px;
    height: 25px;
    padding: 0 !important;
    gap: 0;
    font-size: 12px;
    line-height: 18px;
    box-shadow: none !important;
    transform: none !important;
}

.app-toolbar #toolbarButtonContainer > .btn,
.app-toolbar #toolbarButtonContainer > div > .btn {
    margin-right: 0 !important;
}

/* Yeni eklendi. */

.app-header .menu-sub-dropdown .form-control,
.app-header .menu-sub-dropdown .form-control-flush,
.app-header .menu-sub-dropdown .search-input {
    background: transparent;
    border-color: var(--ifm-border);
    color: var(--ifm-text);
}

    .app-header .menu-sub-dropdown .form-control::placeholder,
    .app-header .menu-sub-dropdown .search-input::placeholder {
        color: var(--ifm-text-muted);
    }

    .app-header .menu-sub-dropdown .form-control:focus,
    .app-header .menu-sub-dropdown .search-input:focus {
        border-color: var(--ifm-primary-visual);
        box-shadow: var(--ifm-focus-ring);
    }

.form-label,
.col-form-label,
.form-check-label {
    color: var(--ifm-text);
    font-family: var(--ifm-font-family);
    font-size: var(--ifm-input-font-size);
    font-weight: 500;
}

.form-text,
.invalid-feedback,
.valid-feedback {
    font-family: var(--ifm-font-family);
    font-size: 12px;
}

.form-control,
.form-select {
    background-color: var(--ifm-input-bg);
    border-color: var(--ifm-input-border) !important;
    border-radius: var(--ifm-input-radius);
    color: var(--ifm-text);
    font-family: var(--ifm-font-family);
    font-size: var(--ifm-input-font-size);
    line-height: var(--ifm-input-line-height);
    min-height: var(--ifm-input-height) !important;
    padding: 4px 6px;
    transition: border-color .14s ease, box-shadow .14s ease, background-color .14s ease;
}

    /* Yeni eklendi. */    .form-control:hover,
    .form-select:hover {
        border-color: var(--ifm-input-border-hover) !important;
    }

/* Yeni eklendi. */.form-control-sm,
.form-select-sm {
    min-height: var(--ifm-input-height-sm) !important;
    padding: 3px 6px;
    border-radius: var(--ifm-input-radius);
    font-size: var(--ifm-input-font-size);
}

.form-control-lg,
.form-select-lg {
    min-height: var(--ifm-input-height-lg) !important;
    padding: 7px 10px;
    border-radius: var(--ifm-container-radius);
    font-size: 13px;
}

textarea.form-control {
    /* Yeni eklendi. */    min-height: 64px;
    padding: 8px;
    border-radius: var(--ifm-container-radius);
    resize: vertical;
}

.form-control::placeholder {
    color: var(--ifm-input-placeholder);
    opacity: 1;
}

.form-control:focus,
.form-select:focus,
.form-control.focus,
.form-select.focus {
    background-color: var(--ifm-input-bg);
    border-color: var(--ifm-primary-visual);
    box-shadow: var(--ifm-focus-ring);
    color: var(--ifm-text);
}

/* Yeni eklendi. */.form-select,
.form-select:focus {
    color: var(--ifm-input-select-color);
}

    .form-select option {
        color: var(--ifm-text);
    }

    .form-control:disabled,
    .form-select:disabled,
    .form-control.disabled,
    .form-select.disabled {
        background-color: var(--ifm-input-disabled-bg) !important;
        border-color: var(--ifm-input-border) !important;
        color: var(--ifm-text-muted) !important;
        opacity: 1;
    }

.form-control[readonly],
.form-control-plaintext {
    background-color: var(--ifm-input-readonly-bg);
    color: var(--ifm-text-muted);
}

.form-control.form-control-flush {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
}

    .form-control.form-control-flush:focus {
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
    }

.form-control.form-control-solid,
.form-select.form-select-solid,
.input-group.input-group-solid .form-control,
.input-group.input-group-solid .input-group-text {
    background-color: var(--ifm-surface);
    border-color: var(--ifm-border);
    color: var(--ifm-text) !important;
}

.input-group-text {
    background-color: var(--ifm-surface-2);
    border-color: var(--ifm-input-border);
    border-radius: var(--ifm-input-radius);
    color: var(--ifm-primary);
    font-family: var(--ifm-font-family);
    font-size: var(--ifm-input-font-size);
}

.input-group > .form-control,
.input-group > .form-select {
    border-color: var(--ifm-border);
}

    .input-group > .form-control:focus,
    .input-group > .form-select:focus {
        z-index: 3;
    }

.form-check-input {
    background-color: var(--ifm-input-bg);
    border-color: var(--ifm-border);
}

    .form-check-input:focus {
        border-color: var(--ifm-primary-visual);
        box-shadow: var(--ifm-focus-ring);
    }

    .form-check-input:checked,
    .form-check-input[type=checkbox]:indeterminate {
        background-color: var(--ifm-primary-visual);
        border-color: var(--ifm-primary-visual);
    }

    .form-check-input:disabled {
        background-color: var(--ifm-input-disabled-bg);
        border-color: var(--ifm-border);
        opacity: 1;
    }

        .form-check-input[disabled] ~ .form-check-label,
        .form-check-input:disabled ~ .form-check-label {
            color: var(--ifm-text-muted);
            opacity: 1;
        }


    .form-switch .form-check-input:not(:checked) {
        background-color: var(--bs-gray-200) !important;
        border-color: var(--ifm-border);
    }

    .form-switch .form-check-input:checked {
        background-color: var(--ifm-primary-visual);
        border-color: var(--ifm-primary-visual);
    }

/* Yeni eklendi. */.form-switch.form-check-custom.form-switch-sm .form-check-input {
    width: 3rem !important;
    height: 1.75rem !important;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: var(--ifm-success);
}

    .was-validated .form-control:valid:focus,
    .form-control.is-valid:focus,
    .was-validated .form-select:valid:focus,
    .form-select.is-valid:focus {
        border-color: var(--ifm-success);
        box-shadow: 0 0 0 0.2rem rgba(25, 167, 15, 0.16);
    }

.valid-feedback {
    color: var(--ifm-success);
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: var(--ifm-danger);
}

    .was-validated .form-control:invalid:focus,
    .form-control.is-invalid:focus,
    .was-validated .form-select:invalid:focus,
    .form-select.is-invalid:focus {
        border-color: var(--ifm-danger);
        box-shadow: 0 0 0 0.2rem rgba(239, 31, 31, 0.16);
    }

.invalid-feedback {
    color: var(--ifm-danger);
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: var(--ifm-success);
}

    .was-validated .form-check-input:valid:checked,
    .form-check-input.is-valid:checked {
        background-color: var(--ifm-success);
    }

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: var(--ifm-danger);
}

    .was-validated .form-check-input:invalid:checked,
    .form-check-input.is-invalid:checked {
        background-color: var(--ifm-danger);
    }

.data-query-popup .form-group {
    width: 100%;
}

.data-query-popup .input-container {
    align-items: stretch;
    gap: 6px;
}

.data-query-popup .property-input, .data-query-popup .select-container, .data-query-popup:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    flex-grow: 1;
}

.picker-date .input-group-text, .picker-time .input-group-text, .picker-datetime .input-group-text {
    margin-left: -3px;
}

/* Yeni eklendi. */.picker-date .input-group-text,
.picker-time .input-group-text,
.picker-datetime .input-group-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
}

.picker-date .input-group-text > .fas,
.picker-time .input-group-text > .fas,
.picker-datetime .input-group-text > .fas,
.picker-date .input-group-text > .far,
.picker-time .input-group-text > .far,
.picker-datetime .input-group-text > .far {
    width: 16px !important;
    min-width: 16px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-align: center !important;
    color: var(--ifm-input-icon-color, var(--ifm-text-muted)) !important;
}

.adv-query-container .input-group-append .btn {
    border: 1px solid transparent !important;
    max-height: inherit;
}

    .adv-query-container .input-group-append .btn:nth-child(2) {
        padding: 0.375rem 0.5rem !important;
    }

        .adv-query-container .input-group-append .btn:nth-child(2) i {
            color: var(--ifm-text-muted) !important;
            padding-right: 2px;
        }

        .adv-query-container .input-group-append .btn:nth-child(2):hover i {
            color: var(--ifm-text) !important;
        }

.toolbar-search-container {
    border-width: 1px;
    border-style: solid;
    border-color: var(--bs-border-color);
    border-radius: 5px;
}

.data-query-popup .query-operator, .adv-query-container .form-select.query-operator {
    min-width: 100px;
    padding: 0.55rem 0.75rem;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, currentColor 70%, transparent 90%), var(--bs-form-select-bg-img);
    -webkit-background-clip: text, padding-box;
    background-clip: text, padding-box;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%, 16px 12px;
}

.form-check-label {
    color: inherit;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__options--nested {
    max-height: none;
}

.input-group.input-group-solid .input-group-text {
    background-color: transparent;
}

.input-group.input-group-solid .form-control {
    background-color: transparent;
}

.toolbar-search-container .form-control,
.toolbar-search-container .input-group-text,
.toolbar-search-container .btn {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Yeni eklendi. */.toolbar-search-container .input-group-text {
    padding-left: 0.75rem !important;
    padding-right: 0.55rem !important;
}

.data-query-popup .query-operator,
.adv-query-container .form-select.query-operator,
.adv-query-container .query-operator {
    min-height: 36px;
    border-color: var(--ifm-border) !important;
    border-radius: 8px;
    color: var(--ifm-text) !important;
    -webkit-text-fill-color: currentColor;
    align-self: stretch;
}

/* Yeni eklendi. */.data-query-popup .query-operator:focus {
    border-color: var(--ifm-input-focus-border, var(--ifm-accent-primary)) !important;
    box-shadow: var(--ifm-input-focus-shadow, 0 0 0 0.16rem rgba(0, 67, 184, 0.16)) !important;
}

.adv-query-container .input-group-append,
.data-query-popup .input-group-append {
    display: inline-flex;
    align-items: stretch;
}

    .adv-query-container .input-group-append .btn,
    .data-query-popup .input-group-append .btn,
    .input-group-append .btn,
    .input-group-append .btn[class*="btn-outline-"],
    .input-group-append .btn-outline-secondary {
        min-width: 36px;
        min-height: 36px;
        max-height: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-color: var(--ifm-button-secondary-border) !important;
        color: var(--ifm-text-muted) !important;
        background: var(--ifm-button-secondary-bg) !important;
    }

        .adv-query-container .input-group-append .btn i,
        .data-query-popup .input-group-append .btn i {
            color: currentColor !important;
            padding-right: 0;
        }

.picker-date .input-group-text,
.picker-time .input-group-text,
.picker-datetime .input-group-text {
    width: var(--ifm-input-height);
    min-width: var(--ifm-input-height);
    height: var(--ifm-input-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    padding: 0;
}

    .picker-date .input-group-text i,
    .picker-time .input-group-text i,
    .picker-datetime .input-group-text i,
    .picker-date .input-group-text .svg-icon,
    .picker-time .input-group-text .svg-icon,
    .picker-datetime .input-group-text .svg-icon,
    .input-group-text .fa-calendar,
    .input-group-text .ki-calendar,
    .input-group-text .ki-calendar-2 {
        font-size: 16px !important;
        line-height: 1;
    }

.jstree-default .jstree-icon,
.tree-icon,
.form-designer-tree .svg-icon,
.form-designer-tree i,
.form-element-tree .svg-icon,
.form-element-tree i {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    font-size: 16px !important;
    line-height: 18px !important;
}

.input-group-text,
.input-group .btn.btn-icon,
.input-group .input-group-text,
.date-picker .btn,
.datepicker .btn {
    min-width: var(--ifm-input-height);
    min-height: var(--ifm-input-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.select2-container--bootstrap5 .select2-dropdown,
.select2-dropdown {
    background: var(--ifm-dropdown-bg) !important;
    border: var(--ifm-border-width) solid var(--ifm-dropdown-border) !important;
    color: var(--ifm-text) !important;
}

.select2-container--bootstrap5 .select2-search__field,
.select2-search__field {
    background: var(--ifm-input-bg) !important;
    
    color: var(--ifm-text) !important;
    /* Yeni eklendi. */    min-height: var(--ifm-input-height) !important;
    padding: 4px 6px !important;
    width: 100% !important;
}

.data-query-popup .query-operator,
.adv-query-container .form-select.query-operator,
.adv-query-container .query-operator {
    background-color: var(--ifm-input-bg) !important;
    color: var(--ifm-text) !important;
    -webkit-text-fill-color: currentColor !important;
}

/* Yeni eklendi. */.order-direction-select {
    padding-right: 32px !important;
}

.data-query-popup .input-group-append .btn:hover i,
.data-query-popup .input-group-append .btn:hover svg,
.adv-query-container .input-group-append .btn:hover i,
.adv-query-container .input-group-append .btn:hover svg {
    color: var(--ifm-primary-visual) !important;
    opacity: 1 !important;
}

.input-group .btn {
    min-height: var(--ifm-input-height);
}

/* Yeni eklendi. */.input-group-append .btn:has(i.fa-external-link-alt),
.input-group-append .btn:has(i.fa-external-link) {
    min-width: var(--ifm-input-height);
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .input-group-append .btn:has(i.fa-external-link-alt) i,
    .input-group-append .btn:has(i.fa-external-link) i {
        margin: 0 !important;
        padding: 0 !important;
    }

/* Yeni eklendi. */

.table-action-button-container .dropdown-item:hover {
    background: var(--ifm-menu-hover-bg);
    color: var(--ifm-primary-visual);
}


.dataTable {
    min-width: 100%;
}

table.dataTable tr th, table.dataTable tr td {
    padding-top: var(--ifm-table-cell-padding-y);
    padding-bottom: var(--ifm-table-cell-padding-y);
}

table.dataTable thead tr th input {
    font-size: 9pt;
    border: 1px solid var(--ifm-border);
}

.table-action-button-container {
    text-align: center;
}

.dt-buttons {
    float: left;
}

.dataTables_scrollFoot tfoot, .dataTables_scrollFoot tfoot tr, .dataTables_scrollFoot tfoot tr td,
.dataTables_scrollFoot table {
    border-top: none !important;
}

.dataTables_wrapper .dataTable td.dt-body-right {
    text-align: right;
}

.dataTables_wrapper .dataTable td.dt-body-center {
    text-align: center;
}

#tableDataList #dataTable .switch label {
    margin: auto;
}

#tableDataList #dataTable .switch input:empty ~ span {
    width: 38px;
    height: 25px;
}

    #tableDataList #dataTable .switch input:empty ~ span:before {
        width: 44px;
    }

    #tableDataList #dataTable .switch input:empty ~ span:after {
        width: 16px;
        height: 16px;
        margin-top: 2px;
    }

#tableDataList table.dataTable > thead > tr.datatable-filter-row > th:not(.sorting_disabled), #tableDataList table.dataTable > thead > tr.datatable-filter-row > td:not(.sorting_disabled) {
    padding-right: 5px;
}

.editGeometryCoordinatesPopup table, .editGeometryCoordinatesInnerPopup table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

    .editGeometryCoordinatesPopup table td {
        border: 1px solid var(--ifm-border);
        padding: 12px 8px;
        width: 100%;
    }

    .editGeometryCoordinatesInnerPopup table td {
        padding: 2px 5px;
    }

    .editGeometryCoordinatesInnerPopup table tr td {
        width: 50%;
    }

        .editGeometryCoordinatesInnerPopup table tr td:nth-child(1) {
            width: 40px;
            padding-right: 5px;
        }

        .editGeometryCoordinatesPopup table tr td:last-child, .editGeometryCoordinatesInnerPopup table tr td:last-child {
            width: 40px;
            text-align: right;
            padding: 0px;
        }

            .editGeometryCoordinatesPopup table tr td:last-child button, .editGeometryCoordinatesInnerPopup table tr td:last-child button {
                padding: 6px;
            }

    .editGeometryCoordinatesInnerPopup table th {
        text-align: center;
    }

    .editGeometryCoordinatesPopup table td:first-child {
        border-right: none;
    }

    .editGeometryCoordinatesPopup table td:last-child {
        border-left: none;
    }

.dataTable .select-checkbox {
    width: 20px !important;
    min-width: 20px !important;
    margin: auto;
}

.dataTables_wrapper .dataTable th.select-checkbox, .dataTables_wrapper .dataTable td.select-checkbox {
    padding: 2px;
}

.dataTables_wrapper span.select-info {
    display: none;
}

.dataTables_wrapper.selection-visible span.select-info {
    display: inline;
}

table.dataTable tfoot .aggregate-type {
    color: var(--ifm-text-muted);
    font-size: 10px;
}

table.dataTable tfoot .aggregate-value {
    font-weight: bold;
}

.dataTables_scrollBody {
    min-height: 250px;
}

.dtfh-floatingparent .select-checkbox {
    width: 20px !important;
    padding: 2px !important;
}

.dataTable tr {
    cursor: pointer;
}

.dataTables_wrapper .dataTable tr:hover td {
    color: var(--ifm-primary-visual);
}

.dataTables_wrapper .dataTable tr td {
    vertical-align: middle;
}

.dataTable .btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon {
    height: 27px;
}

.dataTable .action-column {
    width: 40px !important;
    max-width: 40px !important;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

    .dataTable .action-column > div {
        width: 44px !important;
        max-width: 44px !important;
    }

div.dataTables_wrapper div.dataTables_length {
    padding: 0;
}

div.dataTables_wrapper div.dataTables_info {
    padding: 0;
}

.dtfh-floatingparenthead {
    margin-top: -50px;
}

.fc .table-bordered > :not(caption) > * > * {
    border-width: 0 0px;
}

table.dataTable > tbody > tr.selected:hover > * {
    box-shadow: inset 0 0 0 9999px var(--bs-primary);
    color: var(--bs-primary-inverse);
}

.note-editable {
    background-color: var(--ifm-input-bg);
    color: var(--ifm-text);
}

.note-editor .table {
    color: inherit;
}

table.dataTable > thead .sorting_asc,
table.dataTable > thead .sorting_desc {
    vertical-align: inherit;
}

div.dataTables_wrapper div.dataTables_processing {
    z-index: 100;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.app-toolbar,
.subheader,
.fixed-subheader,
.dtfh-floatingparent,
.dtfh-floatingparenthead,
.dataTables_scrollHead {
    background: var(--ifm-surface) !important;
    color: var(--ifm-text);
    z-index: 105 !important;
}

.dataTables_wrapper,
.dataTables_scroll,
.dataTables_scrollBody {
    position: relative;
    z-index: 1;
}

    .toolbar-search-container,
    .app-header .menu-sub-dropdown .search-input,
    .dataTables_wrapper .dataTables_filter input {
        background: var(--ifm-input-bg) !important;
        border: var(--ifm-border-width) solid var(--ifm-border) !important;
        border-radius: 8px !important;
        box-shadow: none !important;
    }

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
    width: 16px !important;
    height: 16px !important;
    margin-top: -8px !important;
    margin-left: -8px !important;
    border-radius: 4px !important;
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
    width: 16px !important;
    height: 16px !important;
    margin-top: -9px !important;
    margin-left: -8px !important;
    color: #ffffff !important;
    line-height: 16px !important;
    text-align: center;
}

div.dataTables_wrapper div.dataTables_length {
    display: flex;
    align-items: center;
    gap: 8px;
}

    div.dataTables_wrapper div.dataTables_length label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 0;
    }

    div.dataTables_wrapper div.dataTables_length select {
        min-height: 34px;
        padding-right: 30px;
        appearance: auto;
    }

div.dataTables_wrapper div.dataTables_processing {
    min-width: 180px;
    padding: 14px 20px;
    font-weight: 600;
    text-align: center;
}

.table-action-button-container .btn,
.table-action-button-container .dropdown-toggle {
    background: var(--ifm-action-menu-button-bg) !important;
    border-color: var(--ifm-action-menu-button-border) !important;
    color: var(--ifm-action-menu-button-color) !important;
    box-shadow: none !important;
}

    .table-action-button-container .btn:hover,
    .table-action-button-container .dropdown-toggle:hover,
    .table-action-button-container .btn:focus,
    .table-action-button-container .dropdown-toggle:focus,
    .table-action-button-container .show > .btn.dropdown-toggle {
        background: var(--ifm-action-menu-item-hover-bg) !important;
        border-color: var(--ifm-action-menu-border) !important;
        color: var(--ifm-action-menu-item-hover-color) !important;
    }

.table-action-button-container .dropdown-menu {
    background: var(--ifm-action-menu-bg) !important;
    border: var(--ifm-border-width) solid var(--ifm-action-menu-border) !important;
    border-radius: var(--ifm-action-menu-radius) !important;
    box-shadow: var(--ifm-action-menu-shadow) !important;
    padding: 4px !important;
    overflow: hidden;
}

.table-action-button-container .dropdown-item {
    color: var(--ifm-text) !important;
    border-radius: 6px !important;
}

    .table-action-button-container .dropdown-item:hover,
    .table-action-button-container .dropdown-item:focus,
    .table-action-button-container .dropdown-item.active,
    .table-action-button-container .dropdown-item:active {
        background: var(--ifm-action-menu-item-hover-bg) !important;
        color: var(--ifm-action-menu-item-hover-color) !important;
    }

.table-action-button-container .dropdown-divider {
    margin: 4px 0 !important;
    border-top-color: var(--ifm-action-menu-divider) !important;
}

.dataTables_wrapper table.dataTable td.select-checkbox,
.dataTables_wrapper table.dataTable th.select-checkbox,
table.dataTable td.select-checkbox,
table.dataTable th.select-checkbox {
    position: relative;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

    /* Yeni eklendi. */    table.dataTable td.select-checkbox::before,
    table.dataTable tbody th.select-checkbox::before {
        content: " " !important;
        display: block !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 16px !important;
        height: 16px !important;
        margin-top: -8px !important;
        margin-left: -8px !important;
        background: var(--ifm-checkbox-bg, #fcfcfc) !important;
        border: 1px solid var(--ifm-checkbox-border, #dedede) !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
    }

    table.dataTable thead th.select-checkbox::before,
    table.dataTable thead th.select-checkbox::after {
        content: none !important;
        display: none !important;
    }

/* Yeni eklendi. */
table.dataTable tr.selected td.select-checkbox::before,
table.dataTable tbody tr.selected th.select-checkbox::before {
    background: var(--ifm-checkbox-checked-bg, #0043b8) !important;
    border-color: var(--ifm-checkbox-checked-bg, #0043b8) !important;
}

table.dataTable tr.selected td.select-checkbox::after,
table.dataTable tbody tr.selected th.select-checkbox::after {
    content: "\2713" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 16px !important;
    height: 16px !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 16px !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
    margin-bottom: 0 !important;
}

.dataTables_wrapper .dataTables_filter input,
.search-input,
.input-icon .form-control,
.position-relative > input.form-control[placeholder*="Ara"],
.position-relative > input.form-control[placeholder*="ara"] {
    min-height: var(--ifm-input-height);
    padding-left: var(--ifm-ui-test-search-icon-gap) !important;
}

table.dataTable > thead > tr.datatable-filter-row > th,
table.dataTable > thead > tr.datatable-filter-row > td {
    background: var(--ifm-table-head-bg) !important;
    border-color: var(--ifm-table-head-border, var(--ifm-table-border)) !important;
}

#dynamicLanguage table.dataTable th:first-child,
#dynamicLanguage table.dataTable td:first-child {
    min-width: 220px !important;
    max-width: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

/* Yeni eklendi. */#bProcessVersions table.dataTable th:nth-child(1),
#bProcessVersions table.dataTable td:nth-child(1) {
    min-width: 132px !important;
    white-space: nowrap !important;
}

.card:has(table.dataTable) {
    padding: var(--ifm-table-component-padding) !important;
    border: 1px solid var(--ifm-table-component-border) !important;
    border-radius: var(--ifm-table-component-radius) !important;
    background: var(--ifm-table-component-bg) !important;
    box-shadow: var(--ifm-table-component-shadow) !important;
    overflow: hidden !important;
}

    .card:has(table.dataTable) .card-header,
    .card:has(table.dataTable) .card-body,
    .card:has(table.dataTable) .card-footer {
        padding-left: 0 !important;
        padding-right: 0 !important;
        background: transparent !important;
        border-color: transparent !important;
    }

    .card:has(table.dataTable) .card-title,
    .card:has(table.dataTable) .card-label,
    .card:has(table.dataTable) h1,
    .card:has(table.dataTable) h2,
    .card:has(table.dataTable) h3 {
        color: var(--ifm-table-title-color) !important;
        font-size: var(--ifm-table-title-font-size) !important;
        font-weight: var(--ifm-table-title-font-weight) !important;
        letter-spacing: var(--ifm-table-title-letter-spacing) !important;
    }

.dataTables_wrapper,
.table-responsive {
    min-width: 0;
}

.dataTables_wrapper,
.dataTables_scroll {
    background: var(--ifm-table-bg) !important;
    border-radius: var(--ifm-table-component-radius) !important;
    box-shadow: none !important;
}

.dataTables_scroll {
    border: 0 !important;
    overflow: hidden !important;
}

.dataTables_scrollHead,
.dataTables_scrollBody {
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--ifm-table-bg) !important;
}

/* Yeni eklendi. */.dataTables_scrollHead {
    border-bottom: 0 !important;
    background: var(--ifm-table-head-bg) !important;
}

.dataTables_scrollHeadInner,
.dataTables_scrollHeadInner table {
    border: 0 !important;
    margin-bottom: 0 !important;
}

    table.dataTable,
    .dataTables_scrollHeadInner table,
    .dataTables_scrollBody table,
    .table {
        min-width: 100%;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background: var(--ifm-table-bg) !important;
        color: var(--ifm-table-cell-color) !important;
    }

/* Yeni eklendi. */.dataTables_wrapper {
    border: 1px solid var(--ifm-table-border) !important;
    border-radius: var(--ifm-table-container-radius) !important;
    overflow: hidden !important;
}

/* Yeni eklendi. */table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.dataTables_wrapper > .top:has(.dataTables_filter, input, .btn) {
    padding-bottom: 6px;
}

.dataTables_wrapper > .bottom:has(.dataTables_paginate, .dataTables_info, .dataTables_length) {
    padding-top: 6px;
}

table.dataTable thead th,
table.dataTable thead td,
.table thead th,
.table thead td {
    min-height: var(--ifm-table-head-height) !important;
    height: var(--ifm-table-head-height) !important;
    padding: var(--ifm-table-head-padding-y) var(--ifm-table-head-padding-x) !important;
    background: var(--ifm-table-head-bg) !important;
    background-color: var(--ifm-table-head-bg) !important;
    /* Yeni eklendi. */    border: 0 !important;
    border-bottom: 1px solid var(--ifm-table-head-border) !important;
    color: var(--ifm-table-head-color) !important;
    font-size: 12px !important;
    font-weight: var(--ifm-table-head-font-weight) !important;
    line-height: 18px !important;
    vertical-align: middle !important;
}

table.dataTable thead .table-title {
    display: block;
    margin-bottom: 2px;
    color: var(--ifm-table-head-color) !important;
    font-size: 12px !important;
    font-weight: var(--ifm-table-head-font-weight) !important;
    line-height: 18px !important;
}

table.dataTable thead input,
table.dataTable thead select {
    min-height: 22px !important;
    height: 22px !important;
    padding: 2px 6px !important;
    border: 1px solid var(--ifm-table-search-border) !important;
    border-radius: 0 !important;
    background: var(--ifm-table-search-bg) !important;
    color: var(--ifm-table-cell-color) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
}

    table.dataTable thead input::placeholder {
        color: var(--ifm-table-muted-color) !important;
    }

/* Yeni eklendi. */table.dataTable thead tr,
.table thead tr {
    border-width: 0 !important;
    border-color: var(--ifm-table-head-border) !important;
}

/* Yeni eklendi. */table.dataTable tbody tr,
.table tbody tr {
    min-height: var(--ifm-table-row-height) !important;
    height: var(--ifm-table-row-height) !important;
    background: var(--ifm-table-row-bg) !important;
    background-color: var(--ifm-table-row-bg) !important;
    border-width: 0 !important;
    border-color: var(--ifm-table-border) !important;
}

table.dataTable tbody th,
table.dataTable tbody td,
.table tbody th,
.table tbody td {
    height: var(--ifm-table-row-height) !important;
    padding: var(--ifm-table-row-padding-y) var(--ifm-table-row-padding-x) !important;
    background: var(--ifm-table-row-bg);     background-color: var(--ifm-table-row-bg);     /* Yeni eklendi. */    border: 0 !important;
    border-bottom: 1px solid var(--ifm-table-border) !important;
    color: var(--ifm-table-cell-color);     font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    vertical-align: middle !important;
}

table.dataTable tbody tr:hover > th,
table.dataTable tbody tr:hover > td,
.table tbody tr:hover > th,
.table tbody tr:hover > td {
    /* Yeni eklendi. */    background: var(--ifm-table-row-hover-bg) !important;
    background-color: var(--ifm-table-row-hover-bg) !important;
    box-shadow: inset 0 0 0 9999px var(--ifm-table-row-hover-bg) !important;
    color: var(--ifm-table-cell-color) !important;
}

/* Yeni eklendi. */html[data-bs-theme="dark"] table.dataTable tbody tr:hover > th,
html[data-bs-theme="dark"] table.dataTable tbody tr:hover > td,
html[data-bs-theme="dark"] .table tbody tr:hover > th,
html[data-bs-theme="dark"] .table tbody tr:hover > td {
    background: var(--ifm-table-row-hover-bg) !important;
    background-color: var(--ifm-table-row-hover-bg) !important;
    box-shadow: inset 0 0 0 9999px var(--ifm-table-row-hover-bg) !important;
    color: var(--ifm-table-cell-color) !important;
}

.dataTables_wrapper table.dataTable tbody tr.selected > *,
.dataTables_wrapper table.dataTable tbody tr.selected:hover > *,
table.dataTable tbody tr.selected > *,
table.dataTable tbody tr.selected:hover > * {
    background: var(--ifm-ui-test-table-selected-bg, var(--ifm-table-row-selected-bg)) !important;
    background-color: var(--ifm-ui-test-table-selected-bg, var(--ifm-table-row-selected-bg)) !important;
    box-shadow: inset 0 0 0 9999px var(--ifm-ui-test-table-selected-bg, var(--ifm-table-row-selected-bg)) !important;
    color: var(--ifm-table-cell-color) !important;
}

/* Yeni eklendi. */

.dataTables_wrapper table.dataTable th.select-checkbox,
.dataTables_wrapper table.dataTable td.select-checkbox,
table.dataTable th.action-column,
table.dataTable td.action-column {
    width: var(--ifm-table-action-col-width) !important;
    min-width: var(--ifm-table-action-col-width) !important;
    max-width: var(--ifm-table-action-col-width) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

table.dataTable td.select-checkbox,
table.dataTable th.select-checkbox {
    position: relative;
}

/* Yeni eklendi. */
.dataTables_wrapper .badge,
table.dataTable .badge {
    min-height: 18px !important;
    padding: 2px 6px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
}

.dataTables_wrapper .badge-light-success,
.dataTables_wrapper .badge-success,
table.dataTable .badge-light-success,
table.dataTable .badge-success {
    background: var(--ifm-table-status-success-bg) !important;
    color: #ffffff !important;
}

.dataTables_wrapper .badge-light-danger,
.dataTables_wrapper .badge-danger,
table.dataTable .badge-light-danger,
table.dataTable .badge-danger {
    background: var(--ifm-table-status-danger-bg) !important;
    color: #ffffff !important;
}

.dataTables_wrapper .badge-light-warning,
.dataTables_wrapper .badge-warning,
table.dataTable .badge-light-warning,
table.dataTable .badge-warning {
    background: var(--ifm-table-status-warning-bg) !important;
    color: #ffffff !important;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
}

    .dataTables_wrapper .dataTables_filter label,
    .dataTables_wrapper .dataTables_length label,
    .dataTables_wrapper .dataTables_info {
        margin: 0 !important;
        color: var(--ifm-table-muted-color) !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
    }

    .dataTables_wrapper .dataTables_filter input,
    .dataTables_wrapper .dataTables_length select {
        min-height: 24px !important;
        height: 24px !important;
        padding: 0 24px 0 8px !important;
        border: 1px solid var(--ifm-table-search-border) !important;
        border-radius: 8px !important;
        background: var(--ifm-table-search-bg) !important;
        color: var(--ifm-table-cell-color) !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 22px !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
    }

    /* Yeni eklendi. */
    .dataTables_wrapper .dataTables_length select {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23838383' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 8px center !important;
        background-size: 10px 6px !important;
    }

    .dataTables_wrapper .dataTables_filter input::placeholder {
        color: var(--ifm-table-muted-color) !important;
    }

/* Yeni eklendi. */.dataTables_wrapper > .bottom {
    display: grid !important;
    grid-template-columns: auto auto minmax(220px, 1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    margin-top: 12px !important;
    padding: var(--ifm-table-footer-padding-y) var(--ifm-table-footer-padding-x) !important;
    border-top: 0 !important;
}

    .dataTables_wrapper > .bottom::before {
        content: "";
        grid-column: 1 / -1;
        display: block;
        height: 2px;
        margin-bottom: 8px;
        background: linear-gradient(var(--ifm-table-border), var(--ifm-table-border)) center / 100% 1px no-repeat, linear-gradient(var(--ifm-table-component-shadow-line, #ffffff), var(--ifm-table-component-shadow-line, #ffffff)) center / 100% 2px no-repeat;
    }

html[data-bs-theme="dark"] .dataTables_wrapper > .bottom::before {
    --ifm-table-component-shadow-line: #303030;
}

/* Yeni eklendi. */.dataTables_wrapper > .bottom > div:first-child {
    display: contents !important;
}

.dataTables_wrapper > .bottom > div:first-child > .dataTables_info,
.dataTables_wrapper > .bottom .dataTables_info {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    padding: 0 !important;
}

.dataTables_wrapper > .bottom .dataTables_length {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dataTables_wrapper > .bottom > div:first-child > .dataTables_paginate,
.dataTables_wrapper > .bottom .dataTables_paginate {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

    .dataTables_wrapper > .bottom .dataTables_paginate .pagination {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        margin: 0 !important;
    }

.dataTables_wrapper .dataTables_paginate .page-link,
.pagination .page-link {
    min-width: 24px !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    border: 1px solid var(--ifm-pagination-border) !important;
    border-radius: 8px !important;
    background: var(--ifm-pagination-bg) !important;
    color: var(--ifm-pagination-color) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

    .dataTables_wrapper .dataTables_paginate .page-link:hover,
    .pagination .page-item:hover:not(.active):not(.disabled) .page-link {
        background: var(--ifm-pagination-hover-bg) !important;
        color: var(--ifm-pagination-active-color) !important;
    }

.dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
.pagination .page-item.active .page-link {
    background: var(--ifm-pagination-active-bg) !important;
    color: var(--ifm-pagination-active-color) !important;
}

/* Yeni eklendi. */.dataTables_wrapper .dataTables_paginate .paginate_button.previous > .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous > a,
.dataTables_wrapper .dataTables_paginate .paginate_button.next > .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.next > a,
.dataTables_wrapper .dataTables_paginate .paginate_button.first > .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.first > a,
.dataTables_wrapper .dataTables_paginate .paginate_button.last > .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.last > a {
    width: 32px !important;
    min-width: 32px !important;
    height: 24px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    font-size: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous > .page-link::before,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous > a::before {
    content: "\2039" !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    color: var(--ifm-pagination-color) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next > .page-link::after,
.dataTables_wrapper .dataTables_paginate .paginate_button.next > a::after {
    content: "\203A" !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    color: var(--ifm-pagination-color) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.first,
.dataTables_wrapper .dataTables_paginate .paginate_button.last {
    min-width: 32px !important;
    width: auto !important;
    padding: 0 !important;
}

    /* Yeni eklendi. */    .dataTables_wrapper .dataTables_paginate .paginate_button.first > .page-link::before,
    .dataTables_wrapper .dataTables_paginate .paginate_button.first > a::before {
        content: "\00AB" !important;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        color: var(--ifm-pagination-color) !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.last > .page-link::after,
    .dataTables_wrapper .dataTables_paginate .paginate_button.last > a::after {
        content: "\00BB" !important;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        color: var(--ifm-pagination-color) !important;
    }

@media (max-width: 768px) {
    .dataTables_wrapper > .bottom {
        grid-template-columns: 1fr 1fr !important;
    }

    .dataTables_wrapper > .bottom > div:first-child > .dataTables_paginate,
    .dataTables_wrapper > .bottom .dataTables_paginate {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        justify-self: stretch !important;
    }

        .dataTables_wrapper > .bottom .dataTables_paginate .pagination {
            justify-content: center !important;
        }
}

/* Yeni eklendi. */.dataTables_wrapper > .row:has(.dataTables_info, .dataTables_length, .dataTables_paginate) {
    align-items: center !important;
    row-gap: 8px !important;
    margin-top: 12px !important;
    padding: var(--ifm-table-footer-padding-y) var(--ifm-table-footer-padding-x) !important;
}

.dataTables_wrapper > .row:has(.dataTables_info, .dataTables_length, .dataTables_paginate) .dataTables_info,
.dataTables_wrapper > .row:has(.dataTables_info, .dataTables_length, .dataTables_paginate) .dataTables_length,
.dataTables_wrapper > .row:has(.dataTables_info, .dataTables_length, .dataTables_paginate) .dataTables_paginate {
    margin: 0 !important;
    padding: 0 !important;
}

.dataTables_wrapper > .row:has(.dataTables_info, .dataTables_length, .dataTables_paginate) .dataTables_paginate .pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin: 0 !important;
}

/* Yeni eklendi. */
.f-action-column-menu .menu-link,
.table-action-button-container .dropdown-menu .menu-link {
    justify-content: space-between !important;
}

    /* Yeni eklendi. */
    .f-action-column-menu .menu-link::after,
    .table-action-button-container .dropdown-menu .menu-link::after {
        margin-left: 8px !important;
        font-family: "Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols", "DejaVu Sans", sans-serif !important;
        color: currentColor !important;
        font-variant-emoji: text !important;
        -webkit-font-feature-settings: normal !important;
        font-feature-settings: normal !important;
        
        font-size: 16px;
    }

    /* Yeni eklendi. */
    .f-action-column-menu .menu-link[onclick*="btnEditClick"]::after,
    .table-action-button-container .dropdown-menu .menu-link[onclick*="btnEditClick"]::after {
        content: "\270E\FE0E" !important;
    }
    /* Yeni eklendi. */
    .f-action-column-menu .menu-link[onclick*="btnDeleteClick"]::after,
    .table-action-button-container .dropdown-menu .menu-link[onclick*="btnDeleteClick"]::after {
        content: "\2715" !important;
    }
    /* Yeni eklendi. */
    .f-action-column-menu .menu-link[onclick*="ShowTableRecordRecIDClick"]::after,
    .table-action-button-container .dropdown-menu .menu-link[onclick*="ShowTableRecordRecIDClick"]::after {
        content: "\24D8" !important;
    }
    /* Yeni eklendi. */
    .f-action-column-menu .menu-link[onclick*="btnRenameDBTableNameClick"]::after,
    .table-action-button-container .dropdown-menu .menu-link[onclick*="btnRenameDBTableNameClick"]::after {
        content: "\270D\FE0E" !important;
    }

    /* Değiştirildi. */
div.dataTables_wrapper div.dataTables_processing {
    z-index: 2 !important;
    border: 1px solid var(--ifm-table-component-border) !important;
    border-radius: var(--ifm-table-component-radius) !important;
    background: var(--ifm-table-component-bg) !important;
    box-shadow: var(--ifm-action-menu-shadow, 0 15px 16.5px rgba(0, 0, 0, 0.1)) !important;
    color: var(--ifm-table-cell-color) !important;
}

.dataTables_scrollBody table.dataTable > thead th:has(> .dataTables_sizing),
.dataTables_scrollBody table.dataTable > thead td:has(> .dataTables_sizing) {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

/* Yeni eklendi. */.dataTables_scrollBody table.dataTable > thead,
.dataTables_scrollBody table.dataTable > thead > tr {
    height: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.dataTables_scrollBody table.dataTable {
    margin-top: -1px !important;
}

/* Yeni eklendi. */html[data-bs-theme="dark"] .dataTables_scrollHead,
html[data-bs-theme="dark"] .dataTables_scrollHeadInner,
html[data-bs-theme="dark"] .dataTables_scrollHeadInner table {
    background: var(--ifm-table-head-bg) !important;
    background-color: var(--ifm-table-head-bg) !important;
}

html[data-bs-theme="dark"] .dataTables_scrollBody table.dataTable > thead,
html[data-bs-theme="dark"] .dataTables_scrollBody table.dataTable > thead > tr,
html[data-bs-theme="dark"] .dataTables_scrollBody table.dataTable > thead th:has(> .dataTables_sizing),
html[data-bs-theme="dark"] .dataTables_scrollBody table.dataTable > thead td:has(> .dataTables_sizing) {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.dataTables_scrollBody table.dataTable > thead th.sorting:has(> .dataTables_sizing)::before,
.dataTables_scrollBody table.dataTable > thead th.sorting:has(> .dataTables_sizing)::after,
.dataTables_scrollBody table.dataTable > thead th.sorting_asc:has(> .dataTables_sizing)::before,
.dataTables_scrollBody table.dataTable > thead th.sorting_asc:has(> .dataTables_sizing)::after,
.dataTables_scrollBody table.dataTable > thead th.sorting_desc:has(> .dataTables_sizing)::before,
.dataTables_scrollBody table.dataTable > thead th.sorting_desc:has(> .dataTables_sizing)::after,
.dataTables_scrollBody table.dataTable > thead td.sorting:has(> .dataTables_sizing)::before,
.dataTables_scrollBody table.dataTable > thead td.sorting:has(> .dataTables_sizing)::after,
.dataTables_scrollBody table.dataTable > thead td.sorting_asc:has(> .dataTables_sizing)::before,
.dataTables_scrollBody table.dataTable > thead td.sorting_asc:has(> .dataTables_sizing)::after,
.dataTables_scrollBody table.dataTable > thead td.sorting_desc:has(> .dataTables_sizing)::before,
.dataTables_scrollBody table.dataTable > thead td.sorting_desc:has(> .dataTables_sizing)::after,
table.dataTable > thead > tr.datatable-filter-row > th.sorting::before,
table.dataTable > thead > tr.datatable-filter-row > th.sorting::after,
table.dataTable > thead > tr.datatable-filter-row > th.sorting_asc::before,
table.dataTable > thead > tr.datatable-filter-row > th.sorting_asc::after,
table.dataTable > thead > tr.datatable-filter-row > th.sorting_desc::before,
table.dataTable > thead > tr.datatable-filter-row > th.sorting_desc::after,
table.dataTable > thead > tr.datatable-filter-row > td.sorting::before,
table.dataTable > thead > tr.datatable-filter-row > td.sorting::after,
table.dataTable > thead > tr.datatable-filter-row > td.sorting_asc::before,
table.dataTable > thead > tr.datatable-filter-row > td.sorting_asc::after,
table.dataTable > thead > tr.datatable-filter-row > td.sorting_desc::before,
table.dataTable > thead > tr.datatable-filter-row > td.sorting_desc::after {
    content: none !important;
    display: none !important;
}

table.dataTable thead > tr > th.sorting::after,
table.dataTable thead > tr > th.sorting_asc::after,
table.dataTable thead > tr > th.sorting_desc::after,
table.dataTable thead > tr > th.sorting_asc_disabled::after,
table.dataTable thead > tr > th.sorting_desc_disabled::after,
table.dataTable thead > tr > td.sorting::after,
table.dataTable thead > tr > td.sorting_asc::after,
table.dataTable thead > tr > td.sorting_desc::after,
table.dataTable thead > tr > td.sorting_asc_disabled::after,
table.dataTable thead > tr > td.sorting_desc_disabled::after {
    top: 0px !important;
}

.f-action-column-menu,
.menu-sub-dropdown.f-action-column-menu,
.table-action-button-container .dropdown-menu {
    width: var(--ifm-action-menu-width) !important;
    min-width: var(--ifm-action-menu-width) !important;
    max-width: var(--ifm-action-menu-width) !important;
    padding: var(--ifm-action-menu-padding) !important;
    border: 1px solid var(--ifm-action-menu-border) !important;
    border-radius: var(--ifm-action-menu-radius) !important;
    background: var(--ifm-action-menu-bg) !important;
    box-shadow: var(--ifm-action-menu-shadow) !important;
    box-sizing: border-box !important;
    color: var(--ifm-action-menu-text) !important;
    overflow: hidden !important;
}

/* Yeni eklendi. */.f-action-column-menu.show,
.menu-sub-dropdown.f-action-column-menu.show,
.table-action-button-container .dropdown-menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    background: var(--ifm-action-menu-bg) !important;
}

    .f-action-column-menu .menu-item,
    .table-action-button-container .dropdown-menu .menu-item {
        margin: 0 0 var(--ifm-action-menu-list-gap) 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

        .f-action-column-menu .menu-item:last-child,
        .table-action-button-container .dropdown-menu .menu-item:last-child {
            margin-bottom: 0 !important;
        }

    .f-action-column-menu > .menu-link:not(:last-child),
    .f-action-column-menu > .dropdown-item:not(:last-child),
    .table-action-button-container .dropdown-menu > .menu-link:not(:last-child),
    .table-action-button-container .dropdown-menu > .dropdown-item:not(:last-child) {
        margin-bottom: var(--ifm-action-menu-list-gap) !important;
    }

    .f-action-column-menu .menu-link,
    .f-action-column-menu .dropdown-item,
    .table-action-button-container .dropdown-menu .menu-link,
    .table-action-button-container .dropdown-menu .dropdown-item {
        min-height: var(--ifm-action-menu-item-height) !important;
        height: var(--ifm-action-menu-item-height) !important;
        padding: var(--ifm-action-menu-item-inner-padding-y) var(--ifm-action-menu-item-inner-padding-x) !important;
        border: 0 !important;
        border-radius: var(--ifm-action-menu-item-radius) !important;
        background: transparent !important;
        color: var(--ifm-action-menu-text) !important;
        font-family: var(--ifm-font-family, Geist, Inter, Arial, sans-serif) !important;
        font-size: var(--ifm-action-menu-text-size) !important;
        font-weight: var(--ifm-action-menu-font-weight) !important;
        line-height: var(--ifm-action-menu-line-height) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        text-align: left !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        transition: box-shadow 0.15s ease-out, transform 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out !important;
    }

        .f-action-column-menu .menu-link:hover,
        .f-action-column-menu .dropdown-item:hover,
        .table-action-button-container .dropdown-menu .menu-link:hover,
        .table-action-button-container .dropdown-menu .dropdown-item:hover,
        .f-action-column-menu .menu-link:focus,
        .f-action-column-menu .dropdown-item:focus,
        .table-action-button-container .dropdown-menu .menu-link:focus,
        .table-action-button-container .dropdown-menu .dropdown-item:focus {
            background: var(--ifm-action-menu-item-hover-bg) !important;
            color: var(--ifm-action-menu-item-hover-color) !important;
            box-shadow: var(--ifm-action-menu-item-hover-shadow, 0 5px 13px rgba(0, 67, 184, 0.16)) !important;
            transform: translateY(-1px) !important;
        }

        .f-action-column-menu .menu-link.active,
        .f-action-column-menu .menu-link:active,
        .f-action-column-menu .dropdown-item.active,
        .f-action-column-menu .dropdown-item:active,
        .table-action-button-container .dropdown-menu .menu-link.active,
        .table-action-button-container .dropdown-menu .menu-link:active,
        .table-action-button-container .dropdown-menu .dropdown-item.active,
        .table-action-button-container .dropdown-menu .dropdown-item:active {
            background: var(--ifm-action-menu-item-active-bg) !important;
            color: var(--ifm-action-menu-item-active-color) !important;
            box-shadow: var(--ifm-action-menu-item-active-shadow, 0 2px 6px rgba(0, 67, 184, 0.2)) !important;
            transform: translateY(0) !important;
        }

        .f-action-column-menu .menu-link i,
        .f-action-column-menu .menu-link .svg-icon,
        .f-action-column-menu .menu-link svg,
        .f-action-column-menu .dropdown-item i,
        .f-action-column-menu .dropdown-item .svg-icon,
        .f-action-column-menu .dropdown-item svg,
        .table-action-button-container .dropdown-menu .menu-link i,
        .table-action-button-container .dropdown-menu .menu-link .svg-icon,
        .table-action-button-container .dropdown-menu .menu-link svg,
        .table-action-button-container .dropdown-menu .dropdown-item i,
        .table-action-button-container .dropdown-menu .dropdown-item .svg-icon,
        .table-action-button-container .dropdown-menu .dropdown-item svg {
            width: var(--ifm-action-menu-icon-size) !important;
            height: var(--ifm-action-menu-icon-size) !important;
            min-width: var(--ifm-action-menu-icon-size) !important;
            font-size: var(--ifm-action-menu-icon-size) !important;
            color: var(--ifm-action-menu-icon) !important;
            stroke: currentColor !important;
        }

        .f-action-column-menu .text-danger,
        .f-action-column-menu .menu-link.text-danger,
        .f-action-column-menu .dropdown-item.text-danger,
        .table-action-button-container .dropdown-menu .text-danger {
            color: var(--ifm-action-menu-text) !important;
        }

        /* Yeni eklendi. */        .f-action-column-menu :is(.menu-link, .dropdown-item).text-danger:is(:hover, :focus),
        .table-action-button-container .dropdown-menu :is(.menu-link, .dropdown-item).text-danger:is(:hover, :focus) {
            color: var(--ifm-action-menu-item-hover-color) !important;
        }

            .f-action-column-menu .menu-link.text-danger i,
            .f-action-column-menu .menu-link.text-danger .svg-icon,
            .f-action-column-menu .menu-link.text-danger svg,
            .f-action-column-menu .dropdown-item.text-danger i,
            .f-action-column-menu .dropdown-item.text-danger .svg-icon,
            .f-action-column-menu .dropdown-item.text-danger svg,
            .table-action-button-container .dropdown-menu .menu-link.text-danger i,
            .table-action-button-container .dropdown-menu .menu-link.text-danger .svg-icon,
            .table-action-button-container .dropdown-menu .menu-link.text-danger svg,
            .table-action-button-container .dropdown-menu .dropdown-item.text-danger i,
            .table-action-button-container .dropdown-menu .dropdown-item.text-danger .svg-icon,
            .table-action-button-container .dropdown-menu .dropdown-item.text-danger svg {
                color: var(--ifm-action-menu-icon) !important;
                stroke: currentColor !important;
            }

    .f-action-column-menu .dropdown-divider,
    .f-action-column-menu .menu-separator,
    .table-action-button-container .dropdown-menu .dropdown-divider,
    .table-action-button-container .dropdown-menu .menu-separator {
        width: 100% !important;
        height: 2px !important;
        margin: 0 0 var(--ifm-action-menu-list-gap) 0 !important;
        border: 0 !important;
        background: linear-gradient(var(--ifm-action-menu-divider), var(--ifm-action-menu-divider)) center / 100% 1px no-repeat, linear-gradient(var(--ifm-action-menu-divider-highlight), var(--ifm-action-menu-divider-highlight)) center / 100% 2px no-repeat !important;
        opacity: 1 !important;
    }



    /* Yeni eklendi. */
    .f-action-column-menu .menu-item:has(> a[onclick*="ShowTableRecordRecIDClick"])::before,
    .table-action-button-container .dropdown-menu li:has(> a[onclick*="ShowTableRecordRecIDClick"])::before {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        margin: 0 0 var(--ifm-action-menu-list-gap) 0;
        background: linear-gradient(var(--ifm-action-menu-divider), var(--ifm-action-menu-divider)) center / 100% 1px no-repeat, linear-gradient(var(--ifm-action-menu-divider-highlight), var(--ifm-action-menu-divider-highlight)) center / 100% 2px no-repeat;
    }

/* Yeni eklendi. */#authTable {
    table-layout: fixed;
    width: 100%;
}

    #authTable th:first-child,
    #authTable td:first-child {
        width: 260px;
        max-width: 260px;
        white-space: normal;
        word-break: break-word;
        vertical-align: middle;
    }

    #authTable th:not(:first-child) {
        text-align: center;
        vertical-align: middle;
    }

    #authTable td:not(:first-child) {
        text-align: center;
        vertical-align: middle;
    }

/* Yeni eklendi. */

.dropdown-menu {
    --bs-dropdown-bg: var(--ifm-dropdown-bg);
    --bs-dropdown-border-color: var(--ifm-dropdown-border);
    --bs-dropdown-color: var(--ifm-text);
    --bs-dropdown-link-color: var(--ifm-text);
    --bs-dropdown-link-hover-color: var(--ifm-menu-active-text);
    --bs-dropdown-link-hover-bg: var(--ifm-menu-hover-bg);
    --bs-dropdown-link-active-color: var(--ifm-menu-active-text);
    --bs-dropdown-link-active-bg: var(--ifm-menu-active-bg);
    --bs-dropdown-border-radius: var(--ifm-dropdown-radius);
    --bs-dropdown-box-shadow: var(--ifm-dropdown-shadow);
    background: var(--ifm-dropdown-bg);
    border-color: var(--ifm-dropdown-border);
    border-radius: var(--ifm-dropdown-radius);
    box-shadow: var(--ifm-dropdown-shadow);
    color: var(--ifm-text);
}

.dropdown-item {
    color: var(--ifm-text);
}

    .dropdown-item:hover,
    .dropdown-item:focus,
    .dropdown-item.active,
    .dropdown-item:active {
        background: var(--ifm-menu-hover-bg);
        color: var(--ifm-menu-active-text);
    }

.dropdown-divider {
    border-top-color: var(--ifm-border);
}

.modal {
    --bs-modal-bg: var(--ifm-modal-bg);
    --bs-modal-color: var(--ifm-text);
    --bs-modal-border-color: var(--ifm-border);
    --bs-modal-header-border-color: var(--ifm-border);
    --bs-modal-footer-border-color: var(--ifm-border);
}

.modal-backdrop {
    --bs-backdrop-bg: var(--ifm-modal-backdrop);
    background-color: var(--ifm-modal-backdrop);
}

.modal-title {
    color: var(--ifm-text);
}

.modal-body {
    color: var(--ifm-text);
}

.modal .btn-close,
.modal-header button.close {
    color: var(--ifm-text);
    opacity: 0.85;
}

    .modal .btn-close:hover,
    .modal-header button.close:hover {
        opacity: 1;
    }

.offcanvas {
    --bs-offcanvas-bg: var(--ifm-offcanvas-bg);
    --bs-offcanvas-color: var(--ifm-text);
    --bs-offcanvas-border-color: var(--ifm-border);
    background: var(--ifm-offcanvas-bg);
    border-color: var(--ifm-border);
    color: var(--ifm-text);
}

.offcanvas-header,
.offcanvas-body {
    color: var(--ifm-text);
}

.offcanvas-title {
    color: var(--ifm-text);
}

.offcanvas-backdrop {
    background-color: var(--ifm-modal-backdrop);
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.menu-link:focus-visible,
.dropdown-item:focus-visible,
.page-link:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible,
.form-check-input:focus-visible {
    outline: 0;
    box-shadow: var(--ifm-focus-ring);
}

.card:focus-within,
.modal-content:focus-within,
.offcanvas:focus-within {
    border-color: var(--ifm-border);
}

.popup-page .modal-dialog,
.popup-page .modal-content {
    height: 97%;
    max-height: calc(100% - 20px);
    margin-top: 5px;
    margin-bottom: 10px;
}

.popup-page .modal-body {
    overflow-y: auto;
    padding: 0px;
}

.popup-page {
    background-color: #00000066;
}

    .popup-page iframe {
        border: none;
        display: block;
    }

.modal-xl {
    max-width: 75%;
}

.modal-xxl {
    max-width: 95%;
}

#tooltip {
    display: none;
}

    #tooltip[data-show] {
        display: block;
    }

.foverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(99,99,99,0.6);
    z-index: 10000;
    cursor: default;
    display: flex;
    justify-content: center;
    align-items: center;
}


.modal.show {
    overflow-y: scroll;
}

.modal-dialog .modal-content {
    border: 1px solid var(--ifm-border-strong);
    border-radius: 7px;
}

.modal-dialog li {
    word-break: break-all;
}

.modal-body-h100 {
    height: 100%;
}

.toast-center-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.modal-header button.close {
    margin-left: 0px;
    border: none;
    background-color: transparent;
}

.iconpicker-popover.popover .popover-title {
    padding: 5px;
}

.note-editor .dropdown-toggle::after {
    display: none;
}

.iconpicker-popover.popover.inline {
    margin-bottom: 0px;
}

[data-bs-theme=dark] .iconpicker-popover.popover .popover-title {
    background-color: var(--bs-modal-bg);
}

.modal .modal-header.bg-warning,
.modal .modal-header.bg-success,
.modal .modal-header.bg-info,
.modal .modal-header.bg-danger {
    background: var(--ifm-modal-bg) !important;
    border-bottom: var(--ifm-border-width) solid var(--ifm-border) !important;
    color: var(--ifm-text) !important;
}

    .modal .modal-header.bg-warning .modal-title,
    .modal .modal-header.bg-success .modal-title,
    .modal .modal-header.bg-info .modal-title,
    .modal .modal-header.bg-danger .modal-title,
    .modal .modal-header.bg-warning .close i,
    .modal .modal-header.bg-success .close i,
    .modal .modal-header.bg-info .close i,
    .modal .modal-header.bg-danger .close i {
        color: var(--ifm-text) !important;
    }

/* Yeni eklendi. */.modal:has(.modal-header.bg-danger) .modal-body {
    color: var(--ifm-text) !important;
}

.select2-container--bootstrap5 .select2-dropdown,
.bootstrap-select .dropdown-menu,
.form-control .dropdown-menu {
    background: var(--ifm-dropdown-bg) !important;
    border: var(--ifm-border-width) solid var(--ifm-dropdown-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--ifm-dropdown-shadow) !important;
    color: var(--ifm-text) !important;
}

.select2-container--bootstrap5 .select2-results__option,
.bootstrap-select .dropdown-item {
    color: var(--ifm-text) !important;
    font-size: var(--ifm-font-size-body) !important;
    line-height: var(--ifm-line-height-body) !important;
}

    .select2-container--bootstrap5 .select2-results__option--highlighted,
    .select2-container--bootstrap5 .select2-results__option--selected,
    .bootstrap-select .dropdown-item:hover,
    .bootstrap-select .dropdown-item.active {
        background: var(--ifm-menu-hover-bg) !important;
        color: var(--ifm-primary-visual) !important;
    }

/* Yeni eklendi. */
.dropdown-menu,
.dropdown-item {
    font-size: var(--ifm-font-size-body) !important;
    line-height: var(--ifm-line-height-body) !important;
}

.modal-content {
    background: var(--ifm-modal-bg) !important;
    border: var(--ifm-border-width) solid var(--ifm-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--ifm-dropdown-shadow) !important;
    color: var(--ifm-text) !important;
    overflow: hidden;
}

.modal-header,
.modal-footer {
    background: var(--ifm-modal-bg) !important;
    border-color: var(--ifm-border) !important;
    color: var(--ifm-text) !important;
}

.modal-title {
    color: var(--ifm-text) !important;
}

/* Yeni eklendi. */[data-bs-theme="dark"] .modal .btn.btn-light,
[data-bs-theme="dark"] .modal .btn.btn-light-primary,
[data-bs-theme="dark"] .modal .btn.btn-secondary,
[data-bs-theme="dark"] .offcanvas .btn.btn-light,
[data-bs-theme="dark"] .offcanvas .btn.btn-light-primary,
[data-bs-theme="dark"] .offcanvas .btn.btn-secondary {
    background: var(--ifm-button-secondary-bg, #181818) !important;
    border-color: var(--ifm-button-secondary-border, #3a3a3a) !important;
    color: var(--ifm-button-secondary-color, var(--ifm-text)) !important;
}

[data-bs-theme="dark"] .modal .btn.btn-light:hover,
[data-bs-theme="dark"] .modal .btn.btn-light:focus,
[data-bs-theme="dark"] .modal .btn.btn-light-primary:hover,
[data-bs-theme="dark"] .modal .btn.btn-light-primary:focus,
[data-bs-theme="dark"] .modal .btn.btn-secondary:hover,
[data-bs-theme="dark"] .modal .btn.btn-secondary:focus,
[data-bs-theme="dark"] .offcanvas .btn.btn-light:hover,
[data-bs-theme="dark"] .offcanvas .btn.btn-light:focus,
[data-bs-theme="dark"] .offcanvas .btn.btn-light-primary:hover,
[data-bs-theme="dark"] .offcanvas .btn.btn-light-primary:focus,
[data-bs-theme="dark"] .offcanvas .btn.btn-secondary:hover,
[data-bs-theme="dark"] .offcanvas .btn.btn-secondary:focus {
    background: var(--ifm-button-secondary-hover-bg, #1f1f1f) !important;
    border-color: var(--ifm-button-secondary-hover-border, var(--ifm-primary-visual)) !important;
    color: var(--ifm-button-secondary-hover-color, var(--ifm-text-primary)) !important;
    box-shadow: none !important;
}

/* Yeni eklendi. */.modal-content .nav-tabs .nav-link,
.modal-content .nav-pills .nav-link,
.modal-content .nav-line-tabs .nav-link {
    color: var(--ifm-tab-color) !important;
}

    .modal-content .nav-tabs .nav-link:hover:not(.active),
    .modal-content .nav-tabs .nav-link:focus:not(.active),
    .modal-content .nav-pills .nav-link:hover:not(.active),
    .modal-content .nav-pills .nav-link:focus:not(.active),
    .modal-content .nav-line-tabs .nav-link:hover:not(.active),
    .modal-content .nav-line-tabs .nav-link:focus:not(.active) {
        color: var(--ifm-tab-hover-color) !important;
        background: var(--ifm-tab-hover-bg) !important;
    }

    [data-bs-theme="dark"] .modal-content .nav-tabs .nav-link:hover:not(.active),
    [data-bs-theme="dark"] .modal-content .nav-tabs .nav-link:focus:not(.active),
    [data-bs-theme="dark"] .modal-content .nav-pills .nav-link:hover:not(.active),
    [data-bs-theme="dark"] .modal-content .nav-pills .nav-link:focus:not(.active),
    [data-bs-theme="dark"] .modal-content .nav-line-tabs .nav-link:hover:not(.active),
    [data-bs-theme="dark"] .modal-content .nav-line-tabs .nav-link:focus:not(.active) {
        color: var(--ifm-text-secondary, #eeeeee) !important;
        background: var(--ifm-menu-hover-bg, rgba(54, 127, 255, 0.08)) !important;
        border-color: var(--ifm-tab-border, #2b2b2b) !important;
    }

    .modal-content .nav-tabs .nav-link.active,
    .modal-content .nav-tabs .nav-item.show .nav-link,
    .modal-content .nav-pills .nav-link.active,
    .modal-content .nav-pills .show > .nav-link,
    .modal-content .nav-line-tabs .nav-link.active {
        color: var(--ifm-tab-active-color) !important;
        background: var(--ifm-tab-active-bg) !important;
        border-color: var(--ifm-tab-border) !important;
        box-shadow: var(--ifm-tab-active-shadow) !important;
    }

    [data-bs-theme="dark"] .modal-content .nav-tabs .nav-link.active,
    [data-bs-theme="dark"] .modal-content .nav-tabs .nav-item.show .nav-link,
    [data-bs-theme="dark"] .modal-content .nav-pills .nav-link.active,
    [data-bs-theme="dark"] .modal-content .nav-pills .show > .nav-link,
    [data-bs-theme="dark"] .modal-content .nav-line-tabs .nav-link.active {
        color: var(--ifm-primary-visual, #367fff) !important;
        background: var(--ifm-tab-active-bg, #0d0d0c) !important;
        border-color: var(--ifm-tab-border, #2b2b2b) !important;
    }

.modal-body .row {
    row-gap: 6px;
}

.modal-footer:has(.copy-to-clipboard),
.modal-footer:has([data-clipboard]),
.swal2-actions {
    width: auto !important;
    max-width: var(--ifm-ui-test-popup-footer-max-width);
    margin-left: auto;
    margin-right: auto;
    gap: 8px !important;
}

/* Yeni eklendi. */
.ifm-side-drawer .modal-dialog {
    width: 100%;
    max-width: 420px;
    height: calc(100% - 16px);
    margin: 8px 8px 8px auto;
    min-height: 0;
    align-items: stretch;
}

.ifm-side-drawer.ifm-side-drawer-wide .modal-dialog {
    max-width: 760px;
}

/* Yeni eklendi. */.ifm-side-drawer.fade .modal-dialog {
    transform: translateX(100%);
    transition: transform 0.18s ease-out;
}

.ifm-side-drawer.show .modal-dialog {
    transform: translateX(0);
}

.ifm-side-drawer .modal-content {
    height: 100%;
    min-height: 0;
    background: var(--ifm-main-surface-bg) !important;
    border: var(--ifm-border-width, 1px) solid var(--ifm-main-surface-border) !important;
    border-radius: var(--ifm-main-surface-radius) !important;
    box-shadow: var(--ifm-main-surface-shadow) !important;
}

.ifm-side-drawer .modal-header {
    padding: 16px 16px 10px;
    background: transparent !important;
    border-color: var(--ifm-main-surface-border) !important;
}

.ifm-side-drawer .modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0 16px;
}

    /* Yeni eklendi. */

    .ifm-side-drawer .modal-body:has(.page-container) {
        padding: 0;
    }

    /* Yeni eklendi. */    .ifm-side-drawer .modal-body > form,
    .ifm-side-drawer .modal-body > div:not(.page-container) {
        margin: 12px !important;
    }

/* Yeni eklendi. */
.ifm-side-drawer .form-group.row {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 6px;
}

    .ifm-side-drawer .form-group.row > label.col-form-label {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding: 0 0 4px 0;
        text-align: left;
        font-size: 12px;
        color: var(--ifm-text);
    }

    .ifm-side-drawer .form-group.row > div[class*="col-sm-"],
    .ifm-side-drawer .form-group.row > .input-group[class*="col-sm-"] {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

/* Yeni eklendi. */
/* Yeni eklendi. */.ifm-side-drawer .input-group:not(.toolbar-search-container) {
    flex-wrap: wrap;
}

    .ifm-side-drawer .input-group > textarea.form-control {
        flex: 1 1 100%;
        width: 100%;
        /* Yeni eklendi. */        min-height: 120px;
    }

    .ifm-side-drawer .input-group:not(.toolbar-search-container) > .input-group-append {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-top: 4px;
    }

.ifm-side-drawer .select2-container {
    width: 100% !important;
}

/* Yeni eklendi. */
.ifm-side-drawer .modal-footer {
    padding: 12px 16px 16px;
    gap: 8px;
    background: transparent !important;
    border-color: var(--ifm-main-surface-border) !important;
}

    .ifm-side-drawer .modal-footer > .btn {
        margin: 0;
        font-size: 12px;
    }

    .ifm-side-drawer .modal-footer > .btn-secondary {
        background: transparent !important;
        border-color: transparent !important;
        color: var(--ifm-accent-primary) !important;
        padding: 0.4rem 0.5rem;
    }

    /* Yeni eklendi. */    .ifm-side-drawer .ifm-user-info-footer > .btn-secondary {
        background: var(--ifm-button-secondary-bg, var(--ifm-surface-muted)) !important;
        border-color: var(--ifm-button-secondary-border, var(--ifm-border)) !important;
        color: var(--ifm-button-secondary-color, var(--ifm-text)) !important;
        padding: 0.4rem 0.75rem;
    }

        .ifm-side-drawer .ifm-user-info-footer > .btn-secondary:hover,
        .ifm-side-drawer .ifm-user-info-footer > .btn-secondary:focus {
            background: var(--ifm-button-secondary-hover-bg, var(--ifm-tab-hover-bg)) !important;
            border-color: var(--ifm-button-secondary-hover-border, var(--ifm-accent-primary)) !important;
            color: var(--ifm-button-secondary-hover-color, var(--ifm-accent-primary)) !important;
        }

    .ifm-side-drawer .modal-footer > .btn-primary {
        flex: 1 1 auto;
        padding: 0.4rem 1rem;
    }

@media (max-width: 480px) {
    .ifm-side-drawer .modal-dialog {
        max-width: 100% !important;
        margin: 8px;
    }
}

/* Yeni eklendi. */
/* Yeni eklendi. */
.toast,
.swal2-popup {
    background: var(--ifm-ui-test-toast-bg) !important;
    border: var(--ifm-border-width) solid var(--ifm-ui-test-toast-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--ifm-dropdown-shadow) !important;
    color: var(--ifm-text) !important;
}

/* Yeni eklendi. */

#toastr-container > div,
.toastr {
    background-color: var(--ifm-surface-container-gradient-lighter) !important;
    border: var(--ifm-border-width) solid var(--ifm-ui-test-toast-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--ifm-dropdown-shadow) !important;
    color: var(--ifm-text) !important;
    opacity: 1 !important;
}

    #toastr-container > div .toastr-title,
    .toastr .toastr-title {
        font-weight: 600;
        margin-bottom: 2px;
    }

    #toastr-container > div .toastr-message,
    .toastr .toastr-message {
        color: var(--ifm-text) !important;
    }

    /* Yeni eklendi. */
    #toastr-container > div .toastr-close-button,
    .toastr .toastr-close-button {
        color: var(--ifm-text-muted) !important;
        text-shadow: none !important;
        opacity: 0.7 !important;
    }

/* Yeni eklendi. */

.alert-success,
.alert-danger,
.alert-warning,
.alert-info,
.alert-primary {
    /* Yeni eklendi. */

    background-color: var(--ifm-surface-container-gradient-lighter) !important;
    border: var(--ifm-border-width) solid var(--ifm-ui-test-toast-border) !important;
    border-radius: 8px !important;
    color: var(--ifm-text) !important;
}

/* Yeni eklendi. */


#toastr-container > .toastr-success,
.toastr.toastr-success,
.alert-success {
    border-left: 4px solid var(--ifm-success) !important;
}

    #toastr-container > .toastr-success .toastr-title,
    .toastr.toastr-success .toastr-title,
    .alert-success .alert-title {
        color: var(--ifm-success) !important;
    }

#toastr-container > .toastr-error,
.toastr.toastr-error,
.alert-danger {
    border-left: 4px solid var(--ifm-danger) !important;
}

    #toastr-container > .toastr-error .toastr-title,
    .toastr.toastr-error .toastr-title,
    .alert-danger .alert-title {
        color: var(--ifm-danger) !important;
    }

#toastr-container > .toastr-warning,
.toastr.toastr-warning,
.alert-warning {
    border-left: 4px solid var(--ifm-warning) !important;
}

    #toastr-container > .toastr-warning .toastr-title,
    .toastr.toastr-warning .toastr-title,
    .alert-warning .alert-title {
        color: var(--ifm-warning) !important;
    }

/* Yeni eklendi. */
#toastr-container > .toastr-info,
.toastr.toastr-info,
.alert-info,
.alert-primary {
    border-left: 4px solid var(--ifm-primary) !important;
}

    #toastr-container > .toastr-info .toastr-title,
    .toastr.toastr-info .toastr-title,
    .alert-info .alert-title,
    .alert-primary .alert-title {
        color: var(--ifm-primary) !important;
    }

/* Yeni eklendi. */#toastr-container > .toastr-success,
#toastr-container > .toastr-error,
#toastr-container > .toastr-warning,
#toastr-container > .toastr-info,
.toastr.toastr-success,
.toastr.toastr-error,
.toastr.toastr-warning,
.toastr.toastr-info {
    background-image: none !important;
}

#toastr-container > div::before,
.toastr::before {
    content: "";
    position: absolute;
    left: 1.5rem;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
}

    #toastr-container > .toastr-success::before,
    .toastr.toastr-success::before {
        background-color: var(--ifm-success);
        -webkit-mask-image: url("../lib/fontawesome/linear/tick-circle.svg");
        mask-image: url("../lib/fontawesome/linear/tick-circle.svg");
    }

    #toastr-container > .toastr-error::before,
    .toastr.toastr-error::before {
        background-color: var(--ifm-danger);
        -webkit-mask-image: url("../lib/fontawesome/linear/close-circle.svg");
        mask-image: url("../lib/fontawesome/linear/close-circle.svg");
    }

    #toastr-container > .toastr-warning::before,
    .toastr.toastr-warning::before {
        background-color: var(--ifm-warning);
        -webkit-mask-image: url("../lib/fontawesome/linear/warning-2.svg");
        mask-image: url("../lib/fontawesome/linear/warning-2.svg");
    }

    #toastr-container > .toastr-info::before,
    .toastr.toastr-info::before {
        background-color: var(--ifm-primary);
        -webkit-mask-image: url("../lib/fontawesome/linear/info-circle.svg");
        mask-image: url("../lib/fontawesome/linear/info-circle.svg");
    }

.form-group .col-sm-8,
.form-group .col-8 {
    width: 100% !important;
}

.form-group .col-sm-4,
.form-group .col-4 {
    width: 100% !important;
}




.modal-body .form-group:last-child,
.modal-body .fv-row:last-child,
.modal-body .mb-3:last-child {
    margin-bottom: 0 !important;
}

.modal .btn-close,
.modal-header button.close,
.btn-popup-maximize {
    transform: none !important;
}



.row.map-control-container {
    padding: 0px;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    height: 300px;
}

#topLeft .map-control-container {
    height: auto;
}

#topLeft .map-control {
    display: none;
}

.map-control-container label {
    flex: 0 1 auto;
}

.map-control-container .map-control {
    flex: 1 1 auto;
    border: 1px solid var(--ifm-border);
}

.leaflet-contextmenu a.leaflet-contextmenu-item {
    margin: 5px 8px;
}

.leaflet-container .leaflet-tooltip {
    border: none;
    box-shadow: none;
    background: transparent;
    font-weight: bold;
}

.map-control {
    min-width: 100%;
}

div.map-control {
    padding: 0px 0px;
}

.layer-switcher input[type='checkbox'] {
    margin-top: 3px;
}

.layer-switcher.ol-control li label {
    margin-bottom: 0rem;
}

.ol-unselectable.ol-control.layer-switcher {
    background-color: transparent;
}

    .ol-unselectable.ol-control.layer-switcher:not(.shown) button {
        background-color: transparent;
    }

.custom-checkbox label.custom-control-label::before {
    border-radius: 0.2rem;
}

.layer-switcher {
    max-height: 80%;
    overflow-y: auto !important;
}

.ol-ctx-menu-container .ol-ctx-menu-container ul {
    max-height: 400px;
    overflow-y: auto;
}

.ol-scale-bar {
    opacity: 0.4;
}

.iconpicker-popover .iconpicker-search {
    line-height: 1;
    padding: 0.5rem 0.5rem;
}

.layer-switcher .panel {
    background-color: var(--bs-app-bg-color) !important;
}

.note-modal-footer {
    height: 60px;
}

.note-editor h6, .note-editor .h6, .note-editor h5, .note-editor .h5, .note-editor h4, .note-editor .h4, .note-editor h3, .note-editor .h3, .note-editor h2, .note-editor .h2, .note-editor h1, .note-editor .h1 {
    color: inherit;
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false], .note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false] {
    background-color: var(--bs-gray-500);
}

[data-bs-theme=dark] .iconpicker .iconpicker-items {
    background-color: var(--bs-modal-bg);
}

.ol-viewport .panel .baselayer-info-button, .ol-viewport .panel .baselayer-legend-button {
    padding: 0px 3px !important;
}

    .ol-viewport .panel .baselayer-info-button.active {
        border: 1px solid var(--ifm-border) !important;
    }

/* Yeni eklendi. */
.ifm-surface-bg {
    background: var(--ifm-surface-container-bg);
    box-shadow: var(--ifm-shadow-container-inner);
}

.ifm-border {
    border: var(--ifm-border-width) solid var(--ifm-main-surface-border);
    border-radius: var(--ifm-main-surface-radius);
}

.ifm-margin-lr {
    margin-left: 8px;
    margin-right: 8px;
}

/* Yeni eklendi. */
.ifm-action-cards {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ifm-action-cards-left {
    display: flex;
    gap: 12px;
    align-items: flex-end;
}

.ifm-action-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 252px;
    height: 56px;
    padding: 12px 10px;
    background: var(--ifm-card-bg, #f8f8f8);
    border: 1px solid var(--ifm-card-border, #dedede);
    border-radius: 8px;
    box-shadow: inset 0 1px 1px 0 var(--ifm-divider-highlight, #ffffff);
    cursor: pointer;
    transition: box-shadow 0.15s ease-out, transform 0.15s ease-out;
    position: relative;
    overflow: clip;
    box-sizing: border-box;
}

    .ifm-action-card:hover {
        box-shadow: inset 0 1px 1px 0 var(--ifm-divider-highlight, #ffffff), 0 4px 12px rgba(0, 67, 184, 0.12);
        transform: translateY(-1px);
    }

.ifm-action-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

    /* Yeni eklendi. */    .ifm-action-card-icon i {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        min-width: 28px;
        border-radius: 50%;
        background: var(--ifm-card-icon-bg, #ebebeb);
        color: var(--ifm-card-icon-color, #0043b8);
        font-size: 13px;
        padding: 6px;
    }

.ifm-action-card-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    min-width: 0;
}

.ifm-action-card-title {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: var(--ifm-card-title-color, #0043b8);
    word-break: break-word;
}

.ifm-action-card-subtitle {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    color: var(--ifm-card-subtitle-color, #303030);
    white-space: nowrap;
}

    .ifm-action-card-subtitle i {
        font-size: 8px;
    }

/* Yeni eklendi. */
.ifm-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px;
     /* Yeni eklendi. */    margin-bottom: 0;
}

.ifm-section-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--ifm-text-primary, #1a1a1a);
    margin: 0;
}

.ifm-section-search {
    display: flex;
    align-items: center;
    gap: 16px;
    background: var(--ifm-input-bg);
    color: var(--ifm-text);
    padding: 5px 10px;
    border-radius: 8px;
    border: 1px solid var(--ifm-border);
}

.ifm-search-input-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    min-width: 230px;
}

    .ifm-search-input-wrap i {
        color: var(--ifm-text-muted-token, #999999);
        font-size: 13px;
    }

    .ifm-search-input-wrap input {
        border: none;
        outline: none;
        background: transparent;
        font-size: 13px;
        color: var(--ifm-text-primary, #1a1a1a);
        width: 100%;
    }

        .ifm-search-input-wrap input::placeholder {
            color: var(--ifm-text-muted-token, #999999);
        }

.ifm-advanced-search-link {
    font-size: 13px;
    font-weight: 500;
    color: var(--ifm-accent-primary, #0043b8);
    text-decoration: none;
    white-space: nowrap;
}

    .ifm-advanced-search-link:hover {
        text-decoration: underline;
    }



.vertical-center {
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.data-query-popup {
    max-height: 50vh;
    overflow: auto;
}

/* Yeni eklendi. */.modal:has(.data-query-popup) .modal-header button.close,
.modal:has(.data-query-popup) .modal .btn-close {
    color: var(--ifm-text-muted-token, #838383) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    opacity: 1 !important;
}

    .modal:has(.data-query-popup) .modal-header button.close:hover,
    .modal:has(.data-query-popup) .modal .btn-close:hover,
    .modal:has(.data-query-popup) .modal-header button.close:focus {
        color: var(--ifm-accent-primary, #0043b8) !important;
        background: var(--ifm-tab-hover-bg, rgba(0, 67, 184, 0.05)) !important;
        border-color: var(--ifm-border-icon, #ebebeb) !important;
        box-shadow: none !important;
    }

    .data-query-popup .input-container {
        display: flex;
    }

    .data-query-popup .query-operator, .adv-query-container .query-operator {
        width: fit-content;
        margin-right: 5px;
        font-size: 0.9rem;
    }

    .data-query-popup .query-operator-select {
        height: 100%;
    }

    .data-query-popup .property-input2 {
        display: none;
    }

    .data-query-popup .property-checkbox {
        margin-left: 10px;
        width: 20px;
    }

.page-container {
    height: 100%;
}

.query-section {
    margin-top: 20px;
    font-weight: 500;
}

.fhtml-seperator-container {
    padding: 3px 0px;
}

.sortable-list .list-item {
    display: flex;
    padding: 2px 5px;
    border: 1px solid var(--ifm-border);
    border-radius: 2px;
    margin: 2px 2px;
    padding-left: 10px;
}

    .sortable-list .list-item .main-content {
        flex: 1 1 auto;
        margin: auto;
        cursor: move;
    }

.geoCodeSearchResult {
    margin-top: 20px;
}

    .geoCodeSearchResult li {
        padding: 10px;
        border: 1px solid var(--ifm-border);
        border-radius: 0.42rem;
        cursor: pointer;
    }

.editGeometryCoordinatesInnerPopup .header-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

    .editGeometryCoordinatesInnerPopup .header-container > div {
        flex: 1 1 auto;
    }

        .editGeometryCoordinatesInnerPopup .header-container > div:nth-child(2) {
            text-align: right;
        }

.attachment-container .set-content {
    padding-top: calc(0.65rem + 1px);
    padding-bottom: calc(0.65rem + 1px);
    padding-left: 12.5px;
    padding-right: 12.5px;
    font-weight: 500;
    font-size: 1.05rem;
}

.adv-query-item-title > div {
    flex-basis: content;
    padding: 2px 2px;
}

    .adv-query-item-title > div:last-child {
        text-align: right
    }

.adv-query-item-title {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .adv-query-item-title.row {
        margin: 0px;
    }

    .adv-query-item-title span {
        margin-left: 3px;
    }

    .adv-query-item-title button:not(:first-child) {
        margin-left: 3px;
    }

.adv-query-container li.row {
    width: calc(100% - 10px);
    margin: 3px 0px 3px 10px;
    position: relative;
}

.adv-query-container li li.row:before {
    content: '';
    left: -7px;
    border-width: 0 0 1px 1px;
    border-color: #ccc;
    border-style: solid;
    width: 9px;
    height: calc(50% + 6px);
    position: absolute;
}

.adv-query-container li li.row:after {
    content: '';
    left: -7px;
    border-width: 0 0 0 1px;
    border-color: #ccc;
    border-style: solid;
    width: 9px;
    height: calc(50% + 6px);
    position: absolute;
    top: 50%;
}

.adv-query-container li li.row:last-child:after {
    border-width: 0;
}

.adv-query-container ul {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

/* Yeni eklendi. */.adv-query-container li[fcolumnfilter] .form-select,
.adv-query-container li[fcolumnfilter] input.form-control {
    height: var(--ifm-input-height, 28px) !important;
    min-height: var(--ifm-input-height, 28px) !important;
    color: var(--ifm-text) !important;
    background-color: var(--ifm-input-bg) !important;
}
.adv-query-container li[fcolumnfilter] > div { min-width: 0; }
@media (max-width: 576px) {
    .adv-query-container li[fcolumnfilter] > div { width: 100%; }
    .adv-query-container li[fcolumnfilter] { row-gap: 6px; }
}
.adv-query-container li > div:first-child {
    padding: 0px;
}

.adv-query-container li > div:nth-child(2) {
    padding: 0px 3px;
}

.adv-query-container li > div:nth-child(3) {
    padding: 0px;
    display: flex;
    flex-direction: row;
}

    .adv-query-container li > div:nth-child(3) .adv-query-value {
        flex-grow: 1;
    }

.adv-query-container > ul > li.row:first-child > .adv-query-item-title div:nth-child(2) button:last-child {
    display: none;
}

.adv-query-container .select-container.adv-query-value {
    flex-grow: 1;
}

/* Yeni eklendi. */.adv-query-container .input-group-append .btn:has(.fa-ellipsis),
.adv-query-container .input-group-append .btn:has(.fa-solid.fa-ellipsis) {
    min-width: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--ifm-button-secondary-bg, var(--ifm-surface)) !important;
    border-color: var(--ifm-button-secondary-border, var(--ifm-border)) !important;
    color: var(--ifm-button-secondary-color, var(--ifm-text)) !important;
}

    .adv-query-container .input-group-append .btn:has(.fa-ellipsis):hover,
    .adv-query-container .input-group-append .btn:has(.fa-ellipsis):focus {
        background: var(--ifm-menu-hover-bg, var(--ifm-surface-2)) !important;
        border-color: var(--ifm-primary-visual, var(--ifm-primary)) !important;
        color: var(--ifm-text) !important;
    }

    .adv-query-container .input-group-append .btn:has(.fa-ellipsis) .fa-ellipsis {
        color: currentColor !important;
        opacity: 1 !important;
    }

[data-bs-theme=dark] .list-group-item {
    background-color: inherit !important;
}

i.fa-solid.fa-ellipsis {
    transform: rotate(90deg);
}

.adv-query-item-title {
    align-items: center;
    gap: 6px;
}

/* Yeni eklendi. */#notificationRoot .menu-sub-dropdown {
    color: var(--ifm-text) !important;
    background: var(--ifm-surface) !important;
}

#notificationRoot .nav-line-tabs .nav-link[href^="#kt_topbar_notifications"] {
    color: var(--ifm-tab-color) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    opacity: 1 !important;
}

#notificationRoot .nav-line-tabs .nav-link[href^="#kt_topbar_notifications"]:hover,
#notificationRoot .nav-line-tabs .nav-link[href^="#kt_topbar_notifications"]:focus {
    color: var(--ifm-tab-hover-color) !important;
    background: var(--ifm-tab-hover-bg) !important;
    border-color: var(--ifm-tab-border) !important;
}

#notificationRoot .nav-line-tabs .nav-link[href^="#kt_topbar_notifications"].active,
#notificationRoot .nav-line-tabs .nav-link[href^="#kt_topbar_notifications"][aria-selected="true"] {
    color: var(--ifm-tab-active-color) !important;
    background: var(--ifm-tab-active-bg) !important;
    border-color: var(--ifm-tab-border) !important;
    box-shadow: var(--ifm-tab-active-shadow) !important;
}

#notificationRoot .tab-content .menu-link {
    color: var(--ifm-text) !important;
    background: transparent !important;
    border-radius: 8px;
}

#notificationRoot .tab-content .menu-link:hover,
#notificationRoot .tab-content .menu-link:focus,
#notificationRoot .tab-content .menu-link.active {
    color: var(--ifm-menu-active-text, var(--ifm-text)) !important;
    background: var(--ifm-menu-hover-bg) !important;
}

#notificationRoot .tab-content .menu-link:hover .fw-semibold,
#notificationRoot .tab-content .menu-link:focus .fw-semibold,
#notificationRoot .tab-content .menu-link.active .fw-semibold {
    color: var(--ifm-menu-active-text, var(--ifm-text)) !important;
}

#notificationRoot .tab-content .menu-link .badge {
    color: var(--ifm-primary-visual, var(--ifm-primary)) !important;
    background: var(--ifm-accent-soft, rgba(0, 67, 184, 0.1)) !important;
}

/* Değiştirildi. */

@media (min-width: 992px) {
    [data-kt-app-header-fixed="true"] .app-header,
    [data-kt-app-header-fixed="true"] #kt_app_header {
        top: var(--ifm-shell-gap);
        left: var(--ifm-shell-gap) !important;
        right: var(--ifm-shell-gap);
        width: auto;
        min-height: var(--ifm-header-height);
        height: var(--ifm-header-height);
        border-radius: var(--ifm-container-radius);
        overflow: hidden;
    }

    #kt_app_header_container {
        min-height: var(--ifm-header-height);
        height: var(--ifm-header-height);
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #kt_app_header_wrapper,
    .app-header-menu {
        align-items: center !important;
        height: 100% !important;
    }

    #kt_app_sidebar_logo {
        display: flex;
        align-items: center;
        align-self: center;
        height: 100% !important;
        min-height: 0 !important;
        margin-right: 16px;
        padding-right: 16px;
    }

        #kt_app_sidebar_logo img.app-sidebar-logo-default {
            height: 30px !important;
            min-height: 0 !important;
            max-height: 30px !important;
        }

        #kt_app_sidebar_logo::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            width: 1px;
            height: 24px;
            transform: translateY(-50%);
            background: var(--ifm-border-divider);
            opacity: 1;
            pointer-events: none;
        }

    #kt_app_header_menu {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
        padding-left: 0 !important;
    }

    #pageTitle {
        display: inline-flex !important;
        align-items: center !important;
        height: 100% !important;
        min-height: 0;
        margin: 0 !important;
        padding-left: 0 !important;
        line-height: var(--ifm-page-title-line-height, 20px) !important;
    }

    [data-kt-app-sidebar-fixed="true"] .app-sidebar,
    [data-kt-app-sidebar-fixed="true"] #kt_app_sidebar {
        top: calc(var(--ifm-header-height) + (var(--ifm-shell-gap) * 2));
        bottom: var(--ifm-shell-gap);
        left: var(--ifm-shell-gap);
        width: var(--ifm-sidebar-width);
        min-width: var(--ifm-sidebar-width);
        border-radius: var(--ifm-shell-radius);
        overflow: hidden;
        padding: var(--ifm-layout-padding-y);
    }

    [data-kt-app-header-fixed="true"] .app-wrapper {
        margin-top: calc(var(--ifm-header-height) + (var(--ifm-shell-gap) * 2)) !important;
    }

    [data-kt-app-sidebar-fixed="true"] .app-wrapper {
        margin-left: calc(var(--ifm-sidebar-width) + (var(--ifm-shell-gap) * 2)) !important;
    }

    body[data-kt-app-sidebar-fixed="true"]:not([data-kt-app-sidebar-minimize="on"]) .app-wrapper,
    body[data-kt-app-sidebar-fixed="true"]:not([data-kt-app-sidebar-minimize="on"]) #kt_app_wrapper {
        margin-left: calc(var(--ifm-sidebar-width) + (var(--ifm-shell-gap) * 2)) !important;
    }

    [data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] .app-sidebar,
    [data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] #kt_app_sidebar {
        width: var(--ifm-sidebar-minimize-width) !important;
        min-width: var(--ifm-sidebar-minimize-width) !important;
    }

    [data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] .app-wrapper {
        margin-left: calc(var(--ifm-sidebar-minimize-width) + (var(--ifm-shell-gap) * 2)) !important;
    }

    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] .app-wrapper,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] #kt_app_wrapper {
        margin-left: calc(var(--ifm-sidebar-minimize-width) + (var(--ifm-shell-gap) * 2)) !important;
    }

    [data-kt-app-sidebar-minimize="on"] .app-sidebar .menu .menu-heading,
    [data-kt-app-sidebar-minimize="on"] .app-sidebar .menu .menu-title,
    [data-kt-app-sidebar-minimize="on"] .app-sidebar .menu .menu-arrow,
    [data-kt-app-sidebar-minimize="on"] .app-sidebar-home-container span:last-child {
        width: 0 !important;
        min-width: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
    }

    [data-kt-app-sidebar-minimize="on"] .app-sidebar .menu .menu-item .menu-link {
        justify-content: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        [data-kt-app-sidebar-minimize="on"] .app-sidebar .menu .menu-item .menu-link .menu-icon,
        [data-kt-app-sidebar-minimize="on"] .app-sidebar-home-container span:first-child {
            margin-left: auto !important;
            margin-right: auto !important;
        }

    .app-main,
    #kt_app_main {
        background: var(--ifm-main-surface-bg) !important;
        border: var(--ifm-border-width) solid var(--ifm-main-surface-border);
        border-radius: var(--ifm-main-surface-radius);
        box-shadow: var(--ifm-main-surface-shadow) !important;
        margin-top: 0;
        margin-right: 12px;
        overflow: hidden;
    }
}

@media (min-width: 576px) {
    .modal-dialog.modal-xxl {
        max-width: 95%;
    }
}

@media (max-width:600px) {
    .tempus-dominus-widget.timepicker-sbs .td-row .td-half {
        width: 100% !important;
    }

    .tempus-dominus-widget.timepicker-sbs .td-row {
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {
    body:not([data-kt-app-toolbar-fixed-mobile=true]) .app-toolbar {
        background-color: var(--bs-app-header-base-bg-color);
    }

    /* Yeni eklendi. */    #kt_app_sidebar_logo .main-image-text {
        display: none !important;
    }

    #kt_app_sidebar_logo,
    #kt_app_header_container a.d-lg-none {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
    }

    #kt_app_header_container .theme-light-show,
    #kt_app_header_container .theme-dark-show {
        max-width: 120px;
        object-fit: contain;
    }
}

@media (max-width: 481px) {
    .btn-popup-maximize {
        display: none !important;
    }
}

@media (min-width: 992px) {
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] #kt_app_sidebar:hover,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] .app-sidebar:hover {
        width: var(--ifm-sidebar-width) !important;
        min-width: var(--ifm-sidebar-width) !important;
        z-index: 105 !important;
        overflow: visible !important;
    }

    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .menu .menu-heading,
    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .menu .menu-title,
    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .menu .menu-arrow,
    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .app-sidebar-home-container span:last-child,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .menu .menu-heading,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .menu .menu-title,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .menu .menu-arrow,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .app-sidebar-home-container span:last-child {
        width: auto !important;
        min-width: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .menu .menu-item .menu-link,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .menu .menu-item .menu-link {
        justify-content: flex-start !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Yeni eklendi. */    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .app-sidebar-home-container,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .app-sidebar-home-container {
        flex-grow: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
        padding: 0 6px !important;
        overflow: visible !important;
    }

    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .app-sidebar-menu,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .app-sidebar-menu,
    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .app-sidebar-wrapper,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .app-sidebar-wrapper {
        min-height: 0 !important;
        padding-bottom: 8px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

        body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .menu .menu-item .menu-link .menu-icon,
        body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .app-sidebar-home-container span:first-child,
        body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .menu .menu-item .menu-link .menu-icon,
        body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .app-sidebar-home-container span:first-child {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
}

/* Değiştirildi. */@media (min-width: 992px) {
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] #kt_app_sidebar:hover,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] .app-sidebar:hover {
        max-height: calc(100vh - var(--ifm-header-height) - (var(--ifm-shell-gap) * 3)) !important;
    }

    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] #kt_app_sidebar:hover ~ .app-wrapper,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] .app-wrapper,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] #kt_app_wrapper {
        margin-left: calc(var(--ifm-sidebar-minimize-width) + (var(--ifm-shell-gap) * 2)) !important;
    }

    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .app-sidebar-wrapper,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .app-sidebar-wrapper {
        max-height: calc(100vh - var(--ifm-header-height) - (var(--ifm-shell-gap) * 4) - 56px) !important;
    }

    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .app-sidebar-menu,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .app-sidebar-menu {
        max-height: 100% !important;
        padding-right: 4px !important;
        scrollbar-gutter: stable;
    }

    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:not(:hover) .app-sidebar-home-container,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:not(:hover) .app-sidebar-home-container {
        justify-content: center !important;
    }

    body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:not(:hover) .app-sidebar-home-container span:first-child,
    body[data-kt-app-sidebar-minimize="on"] .app-sidebar:not(:hover) .app-sidebar-home-container span:first-child {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        margin: 0 !important;
    }
}

@media (max-width: 991.98px) {
    #kt_app_header_container {
        gap: 8px;
        min-width: 0;
    }

    #kt_app_header_container .app-sidebar-logo-default,
    #kt_app_header_container .theme-light-show,
    #kt_app_header_container .theme-dark-show {
        max-width: min(112px, 34vw) !important;
        height: auto !important;
    }

    #kt_app_header_container a.d-lg-none,
    #kt_app_header_container .btn.btn-icon {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
    }

    #pageTitle {
        min-width: 0;
        max-width: 42vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: var(--ifm-page-title-line-height, 20px) !important;
    }

    .app-main,
    #kt_app_main,
    .app-content,
    #kt_app_content {
        min-width: 0;
        overflow-x: hidden;
    }

    .app-toolbar .app-container {
        min-width: 0;
        gap: 8px;
    }
}

@media (max-width: 480px) {
    #pageTitle {
        max-width: 36vw;
    }

    .app-toolbar .app-container {
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) {
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] #kt_app_sidebar:not(:hover),
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-fixed="true"] .app-sidebar:not(:hover) {
        width: var(--ifm-sidebar-minimize-width) !important;
        min-width: var(--ifm-sidebar-minimize-width) !important;
    }
}

/* Yeni eklendi. */
.ifm-user-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: var(--ifm-primary, #0043b8);
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    background-image: linear-gradient(90deg, rgb(178, 74, 0) 0%, rgb(178, 74, 0) 100%), linear-gradient(90deg, rgb(172, 71, 255) 0%, rgb(172, 71, 255) 100%) !important;
    flex-shrink: 0;
}
/* Yeni eklendi. *//* Yeni eklendi. */i.fa-chevron-down.ifm-avatar-caret {
    font-size: 9px !important;
    color: var(--bs-gray-500, #99a1b7);
    margin-left: 4px;
    pointer-events: none;
}

/* Yeni eklendi. */.fde-tab-element-title {
    font-size: var(--ifm-font-size-caption) !important;
    font-weight: var(--ifm-font-weight-semibold) !important;
    line-height: var(--ifm-line-height-compact) !important;
    letter-spacing: 0 !important;
}

#formContent {
    
    
    
    
    
    
}

/* Yeni eklendi. */
.fde-left-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

#childTableList .list-group-item {
    margin: 5px 0px !important;
    border: 1px solid #ebebeb !important;
    border-radius: 8px !important;
}
/* Yeni eklendi. */
.fde-panel-tabs-wrap {
    background: var(--ifm-main-surface-bg) !important;
    border: 1px solid var(--ifm-main-surface-border) !important;
    border-radius: var(--ifm-main-surface-radius) !important;
    box-shadow: var(--ifm-main-surface-shadow) !important;
}


/* Yeni eklendi. */
.fde-panel-content {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 12px 6px;
    background: var(--ifm-main-surface-bg) !important;
    border: 1px solid var(--ifm-main-surface-border) !important;
    border-radius: var(--ifm-main-surface-radius) !important;
    box-shadow: var(--ifm-main-surface-shadow) !important;
    margin-top: 12px;
}

    .fde-panel-content .tab-pane {
        padding: 8px;
    }

/* Yeni eklendi. */
.fde-elem-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}


    .fde-elem-list .list-group-item {
        min-height: 40px;
        padding: 8px 12px;
        border: 1px solid #ebebeb !important;
        border-radius: 8px !important;
        background: #ffffff;
        cursor: grab;
    }

    .fde-elem-list .fhtml-element {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 11px;
        color: #838383;
    }

/* Yeni eklendi. */
.fde-elem-icon {
    width: 24px;
    text-align: center;
    color: var(--ifm-primary, #0043b8) !important; /* Yeni eklendi. */    font-size: 15px;
    flex-shrink: 0;
}

/* Yeni eklendi. */
.fde-ag-icon {
    font-weight: 700;
    color: var(--ifm-primary, #0043b8); /* Yeni eklendi. */    flex-shrink: 0;
    width: 24px;
    text-align: center;
    line-height: 1;
}

.fde-ag-lg {
    font-size: 18px;
}

.fde-ag-md {
    font-size: 14px;
}

.fde-ag-sm {
    font-size: 12px;
}

/* Yeni eklendi. */
html[data-bs-theme="dark"] .fde-elem-list .list-group-item {
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color) !important;
}

html[data-bs-theme="dark"] .fde-elem-list .fhtml-element {
    color: var(--bs-secondary-color);
}

html[data-bs-theme="dark"] .fde-elem-icon,
html[data-bs-theme="dark"] .fde-ag-icon {
    color: var(--ifm-primary, #4d8fe8);
}

/* Yeni eklendi. */

/* Yeni eklendi. */
/* Yeni eklendi. */
.fde-section-label {
    font-size: 11px;
    font-weight: 600;
    color: #838383;
    /* Yeni eklendi. */    text-transform: none;
    letter-spacing: 0.4px;
    margin: 0 0 12px 0;
}

/* Yeni eklendi. */
.fde-source-row {
    display: flex;
    width: 100%;
    gap: 4px;
    margin-bottom: 8px;
}

/* Yeni eklendi. */.fde-tree-btn {
    border: 1px solid #dedede !important;
    padding: 0 8px !important;
    border-radius: 6px !important;
    background: #fcfcfc;
    color: #838383;
    flex-shrink: 0;
    height: 28px;
    min-height: 28px !important;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .fde-tree-btn:hover {
        background: #f0f0f0;
    }

/* Yeni eklendi. */
#parentObject.form-select {
    font-size: 12px;
    height: 28px;
    padding: 2px 28px 2px 8px;
    background-color: #fcfcfc;
    border-color: #dedede;
    border-radius: 6px;
    color: var(--ifm-input-select-color);
}

/* Yeni eklendi. */
#fde-tab-props > hr {
    border-color: #ebebeb;
    margin: 6px 0 8px 0;
    opacity: 1;
}

/* Yeni eklendi. */
#propertyList.list-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#propertyList li.list-group-item {
    border: 1px solid #ebebeb !important;
    border-radius: 8px !important;
    background: #ffffff;
    padding: 8px;
    cursor: grab;
}

/* Yeni eklendi. */
#propertyList .form-group.row {
    flex-direction: column;
    gap: 4px;
    margin: 0;
}

    #propertyList .form-group.row > label {
        max-width: 100%;
        width: 100%;
        padding: 0 4px;
        font-size: 12px;
        font-weight: 500;
        color: #090909;
    }

    #propertyList .form-group.row > div[class*="col"] {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }

#propertyList .form-control {
    font-size: 12px;
    min-height: 28px;
    padding: 3px 8px;
    background-color: #fcfcfc;
    border-color: #dedede;
    border-radius: 6px;
}

#propertyList textarea.form-control {
    min-height: 60px;
}

/* Yeni eklendi. */
html[data-bs-theme="dark"] #propertyList li.list-group-item {
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color) !important;
}

html[data-bs-theme="dark"] #propertyList .form-group.row > label {
    color: var(--bs-body-color);
}

html[data-bs-theme="dark"] #parentObject.form-select {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}



@media (max-width: 767.98px) {
    .dataTables_wrapper > .bottom {
        grid-template-columns: 1fr auto !important;
    }

        .dataTables_wrapper > .bottom .dataTables_info {
            grid-column: 1 !important;
            grid-row: 1 !important;
        }

        .dataTables_wrapper > .bottom .dataTables_length {
            grid-column: 2 !important;
            grid-row: 1 !important;
            justify-self: end !important;
        }

        .dataTables_wrapper > .bottom .dataTables_paginate {
            grid-column: 1 / -1 !important;
            grid-row: 2 !important;
            /* Yeni eklendi. */            justify-self: stretch !important;
        }

            .dataTables_wrapper > .bottom .dataTables_paginate .pagination {
                justify-content: center !important;
            }
}

/* Yeni eklendi. */
#formContent {
    padding: 10px 0;
}

#formContent .container {
    max-width: none !important;
    padding: 0 !important;
}

/* Yeni eklendi. */
#formContent .card {
    margin-bottom: 24px;
    padding: 18px;
    background: var(--ifm-surface-container-bg);
    border: var(--ifm-border-width, 1px) solid var(--ifm-border-container);
    border-radius: var(--ifm-container-radius);
}

    /* Yeni eklendi. */

    #formContent .card > .card-header {
        padding: 0 0 12px 0;
        min-height: 0;
        background: transparent;
        border-bottom: none;
    }

    #formContent .card > .card-body {
        padding: 16px;
    }

/* Yeni eklendi. */
#formContent .form-group {
    margin-bottom: 20px;
}

    #formContent .form-group:last-child {
        margin-bottom: 0;
    }

/* Yeni eklendi. */
#formContent .row {
    --bs-gutter-x: 24px;
}

/* Yeni eklendi. */
#formContent .tabs,
#formContent .fhtml-container {
    border-radius: 6px;
}

#formContent .fhtml-container {
    padding: 16px;
}

#formContent .tab-pane {
    padding: 10px 0;
    border-top: none;
}

#formContent .tabs .nav {
    flex-wrap: wrap !important;
}

/* Yeni eklendi. */div.dataTables_wrapper div.dataTables_length select,
.dataTables_wrapper .dataTables_length .form-select,
.dataTables_wrapper .dataTables_length .custom-select {
    min-width: 72px;
    width: auto;
    padding-right: 28px !important;
    background-color: var(--ifm-input-bg, var(--ifm-main-surface-bg)) !important;
    border-color: var(--ifm-input-border, var(--ifm-border-container)) !important;
    color: var(--ifm-input-color, var(--ifm-text)) !important;
}

.dataTables_wrapper .dataTables_length .dropdown-menu,
.dataTables_wrapper .bootstrap-select .dropdown-menu {
    min-width: 120px;
    background: var(--ifm-dropdown-bg) !important;
    border-color: var(--ifm-dropdown-border) !important;
    box-shadow: var(--ifm-dropdown-shadow) !important;
}

body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .menu-arrow,
body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .menu-arrow {
    opacity: 1 !important;
    visibility: visible !important;
    color: var(--ifm-text-muted) !important;
}

body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .menu-arrow::after,
body[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover .menu-arrow::after {
    border-color: currentColor !important;
}

/* Yeni eklendi. */
#kt_app_body:not([data-kt-app-sidebar-minimize="on"]) #kt_app_sidebar .menu-link > .menu-title,
#kt_app_body #kt_app_sidebar:hover .menu-link > .menu-title {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}
#kt_app_body:not([data-kt-app-sidebar-minimize="on"]) #kt_app_sidebar .menu-link > .menu-arrow,
#kt_app_body #kt_app_sidebar:hover .menu-link > .menu-arrow {
    flex: 0 0 13px !important;
    width: 13px !important;
    min-width: 13px !important;
    height: 13px;
    margin-left: 8px;
}
#kt_app_body #kt_app_sidebar .menu-link > .menu-arrow::after {
    width: 13px;
    height: 13px;
    background-size: contain;
    mask-size: contain;
    background-color: currentColor !important;
    flex-shrink: 0;
}
@media (min-width: 992px) {
    #kt_app_body #kt_app_sidebar .app-sidebar-wrapper {
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    #kt_app_body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .app-sidebar-menu {
        overflow-y: hidden !important;
        scrollbar-gutter: auto;
    }
}

.menu-sub-dropdown,
.dropdown-menu,
.select2-dropdown {
    z-index: 1085;
}

.modal .menu-sub-dropdown,
.modal .dropdown-menu,
.modal .select2-dropdown {
    z-index: 1095;
}

table.dataTable tbody tr:hover > *,
.table tbody tr:hover > * {
    background: var(--ifm-table-row-hover-bg) !important;
    background-color: var(--ifm-table-row-hover-bg) !important;
    box-shadow: inset 0 0 0 9999px var(--ifm-table-row-hover-bg) !important;
}

.form-check-input {
    border-radius: 4px !important;
}

.form-check-input[type="checkbox"] {
    min-width: 18px;
    width: 18px;
    height: 18px;
}

/* Yeni eklendi. */i.bi,
i[class^=fonticon-],
i[class*=" fonticon-"],
i[class^=fa-],
i[class*=" fa-"],
i[class^=la-],
i[class*=" la-"] {
    font-size: 1.2rem !important;
}

/* Yeni eklendi. */.form-check.form-switch .form-check-input {
    display: block;
    width: 38px !important;
    height: 20px !important;
    /* Yeni eklendi. */    margin: 0px 12px !important;
    border-radius: 20px !important;
    background-size: contain !important;
}

/* Yeni eklendi. */.adv-query-item-title .btn.btn-outline.btn-outline-success,
.adv-query-item-title .btn.btn-light-success {
    background: var(--ifm-button-secondary-bg, var(--ifm-surface-muted)) !important;
    border-color: var(--ifm-button-secondary-border, var(--ifm-border)) !important;
    color: var(--ifm-button-secondary-color, var(--ifm-text)) !important;
}

.adv-query-item-title .btn.btn-outline.btn-outline-success:hover,
.adv-query-item-title .btn.btn-outline.btn-outline-success:focus,
.adv-query-item-title .btn.btn-light-success:hover,
.adv-query-item-title .btn.btn-light-success:focus {
    background: var(--ifm-menu-hover-bg, var(--ifm-surface-2)) !important;
    border-color: var(--ifm-primary-visual, var(--ifm-primary)) !important;
    color: var(--ifm-text-primary, var(--ifm-text)) !important;
}

table.dataTable tbody tr:hover {
    background: var(--ifm-table-row-hover-bg) !important;
}

.data-query-popup .input-group-append .btn:hover,
.data-query-popup .input-group-append .btn:focus,
.adv-query-container .input-group-append .btn:hover,
.adv-query-container .input-group-append .btn:focus {
    background: var(--ifm-menu-hover-bg, var(--ifm-surface-2)) !important;
    border-color: var(--ifm-primary-visual, var(--ifm-primary)) !important;
    color: var(--ifm-text-primary, var(--ifm-text)) !important;
}

.data-query-popup .input-group-append .btn:hover i,
.data-query-popup .input-group-append .btn:focus i,
.adv-query-container .input-group-append .btn:hover i,
.adv-query-container .input-group-append .btn:focus i {
    color: currentColor !important;
    opacity: 1 !important;
}

/* Yeni eklendi. */.modal .input-group > .input-group-append > .btn,
.ifm-side-drawer .input-group > .input-group-append > .btn {
    min-width: 36px;
    align-self: stretch;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.modal .input-group > .input-group-append > .btn i,
.ifm-side-drawer .input-group > .input-group-append > .btn i {
    margin: 0 !important;
    line-height: 1 !important;
}

/* Yeni eklendi. */.modal-content .nav-tabs,
.modal-content .nav-pills,
.modal-content .nav-line-tabs,
.card .nav-tabs,
.card .nav-pills,
.card .nav-line-tabs {
    overflow: visible;
}

.modal-content .nav-link:focus-visible,
.card .nav-link:focus-visible {
    position: relative;
    z-index: 2;
}

/* Yeni eklendi. */#dynamicLanguage table.dataTable th:first-child,
#dynamicLanguage table.dataTable td:first-child {
    min-width: 280px !important;
}

body:not(#kt_app_body) table.dataTable th.select-checkbox,
body:not(#kt_app_body) table.dataTable td.select-checkbox {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body:not(#kt_app_body) table.dataTable td.select-checkbox::before,
body:not(#kt_app_body) table.dataTable th.select-checkbox::before {
    margin: 0 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

body:not(#kt_app_body) table.dataTable tr.selected td.select-checkbox::after,
body:not(#kt_app_body) table.dataTable tr.selected th.select-checkbox::after {
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
}

@media (max-width: 767.98px) {
    .ifm-section-header {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .ifm-section-search {
        width: 100%;
        min-width: 0;
        gap: 10px;
    }

    .ifm-search-input-wrap {
        min-width: 0;
        flex: 1 1 auto;
    }
}

/* Yeni eklendi. */body:not(#kt_app_body) .form-group:has(> .ifm-code-field) {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
body:not(#kt_app_body) .form-group:has(> .ifm-code-field) > label {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
body:not(#kt_app_body) .ifm-code-field {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0;
    padding: 0 !important;
    border: 1px solid var(--ifm-border-container) !important;
    border-radius: var(--ifm-input-radius, 6px) !important;
    background: var(--ifm-input-bg) !important;
}
body:not(#kt_app_body) .ifm-code-field:focus-within { border-color: var(--ifm-primary) !important; }
body:not(#kt_app_body) .ifm-code-field > textarea.form-control {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px;
    min-height: 40px !important;
    max-height: none;
    margin: 0 !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-radius: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--ifm-text) !important;
    font-family: Consolas, monospace;
    font-size: 12px !important;
    line-height: 18px !important;
    resize: vertical;
}
body:not(#kt_app_body) .ifm-code-field > .input-group-append {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body:not(#kt_app_body) .ifm-code-field .ifm-code-field-open {
    align-self: flex-end;
    flex: 0 0 auto;
    width: auto !important;
    max-width: 100%;
    min-width: 0 !important;
    height: auto !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 2px 8px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--ifm-primary) !important;
    font-size: 12px !important;
    line-height: 18px !important;
    white-space: normal;
}
body:not(#kt_app_body) .ifm-code-field .ifm-code-field-open:focus-visible {
    outline: 2px solid var(--ifm-primary);
    outline-offset: -2px;
}
/* Yeni eklendi. */body:not(#kt_app_body) .ifm-code-field .ifm-code-field-open::before,
body:not(#kt_app_body) .ifm-code-field .ifm-code-field-open::after {
    content: none !important;
    display: none !important;
}

/* Yeni eklendi. */
.popup-page:has(.page-container > iframe:is([src*="/objectEdit.html"], [src*="/formDesign.html"], [src*="/formDataEdit.html"], [src*="/codeEditor.html"])) {
    overflow-y: auto;
    padding-right: 0 !important;
    scrollbar-gutter: auto;
}
/* Değiştirildi. */.popup-page:has(.page-container > iframe:is([src*="/objectEdit.html"], [src*="/formDesign.html"], [src*="/formDataEdit.html"], [src*="/codeEditor.html"])) > .modal-dialog {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
}
.popup-page:has(.page-container > iframe:is([src*="/objectEdit.html"], [src*="/formDesign.html"], [src*="/formDataEdit.html"], [src*="/codeEditor.html"])) > .modal-dialog > .modal-content {
    height: 100%;
    max-height: 100%;
    margin: 0;
}

/* Yeni eklendi. */body:not(#kt_app_body) .select2-container .select2-selection--single {
    height: var(--ifm-input-height) !important;
    min-height: var(--ifm-input-height) !important;
    padding: 0 28px 0 6px !important;
    display: flex;
    align-items: center;
}
body:not(#kt_app_body) .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    line-height: normal !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}