/*SpinEdits*/
.floating-dateedit {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 50px; /* Kutunun yüksekliği */
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden; /* Yuvarlak köşelerden taşma engeli */
}

    .floating-dateedit .dx-texteditor-container { /*DxSpinEdit > Text */
        border: none !important;
        background-color: transparent !important;
        flex-grow: 1; /* Metin alanı genişlesin */
        display: flex;
        align-items: center;
        padding: 0 12px; /* Soldan ve sağdan iç boşluk */
    }

    .floating-dateedit .dx-texteditor-input { /* Tarih Alanı*/
        border: none !important;
        background-color: transparent !important;
        width: 100%;
        font-size: 1rem;
        color: #1e1e2d;
        outline: none;
    }

    .floating-dateedit .dx-dropdowneditor-button { /* Takvim Butonu*/
        background-color: #F1F2F6;
        border-left: 1px solid #e3e3e3;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 16px;
    }

    .floating-dateedit:hover {
        border-color: #ccc;
    }

    .floating-dateedit.dx-state-focused {
        border-color: #5d78ff; /* Odaklanınca mavi çerçeve */
    }

.dxspinvalue {
    text-align: right !important;
}

/*Grids*/
.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) {
    background-color: var(--bs-primary-light) !important;
    color: black !important;
}

.dxbl-grid .dxbl-grid-table > tbody > tr > td {
    border-color: darkgray !important;
}

.dxbl-grid .dxbl-grid-table > tbody > tr:nth-child(odd) {
    background-color: #ebebeb !important;
}

td.belgedurum {
    background-color: orange !important;
}
.oncelik > td {
    background-color: yellow;
}
    .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: #e9f3ff !important;
}

.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content {
    margin: .30rem !important;
}
.dxbl-grid-table.dxbl-grid-row-hover-enabled > tbody > tr:not(.dxbl-grid-group-row):not(.dxbl-grid-group-footer-row):not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):hover > td:not(.dxbl-grid-edit-form):not(.dxbl-grid-indent-cell):not(.dxbl-grid-detail-cell):not(.dxbl-grid-empty-data-area):not(.dxbl-grid-empty-cell)::before{
    background-color: transparent !important;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before{
    background:transparent !important;
}
.fixedgrid {
    background: #c6e2ff !important;
    color: black !important;
}

    .fixedgrid .pinned-col-header > i {
        color: black !important;
    }

.grid {
    max-height: 77vh !important;
    overflow-y: auto;
}
.grid100 {
    height: 100% !important;
}
.height100 {
    height: 100% !important;
}
.gridnested {
    max-height: 70vh !important;
    overflow-y: auto;
}

.gridwithbtn {
    max-height: 77vh !important;
    overflow-y: auto;
}
.gridIslem{
    max-height:50vh !important;
    overflow-y:auto;
    margin-top:3rem;
}
.gridCekler {
    max-height: 50vh !important;
    overflow-y: auto;
}
.gridSenetler {
    max-height: 50vh !important;
    overflow-y: auto;
}
.gridwithbtn .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-row-drag-anchor-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data-area):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell) {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.gridnested.dxbl-grid > .dxbl-grid-toolbar-container,
.gridnested.dxbl-grid > .dxbl-grid-top-panel {
    display: none !important;
}

.gridnested .dxbl-grid-table .dxbl-grid-detail-cell {
    padding: .2rem .2rem .2rem 2.4rem !important;
}

.highlight-row {
    background-color: #fff3e6;
}
.gridDetail > .dxbl-grid-toolbar-container, .dxbl-grid > .dxbl-grid-top-panel{
    display:none !important;
}
/*Icons*/
.icon-delete {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url("assets/media/delete.svg");
    mask-image: url("assets/media/delete.svg");
    margin: 0 8px 0 0;
    background-color: currentColor;
}

.dxbl-text-edit.invalid .dxbl-edit-validation-status > .dxbl-image.dxbl-edit-validation-status-icon-invalid {
    color: darkred !important;
}

.excelicon {
    font-size: 2rem !important;
}

.blue {
    color: #5a5aff;
}
.darkblue{
    color:darkslateblue;
}

.green {
    color: #088708;
}

.red {
    color: #d03d3d;
}

.purple {
    color: #922e92;
}

.orange {
    color: #cc7325;
}

.grey {
    color: grey;
}
.brown{
    color:saddlebrown;
}
/*TextBoxs*/
.floating-label {
    position: absolute;
    top: 4px; /* Kutunun üst kenarından mesafe */
    left: 5px; /* Kutunun sol kenarından mesafe */
    font-size: 0.75rem;
    color: #999;
    pointer-events: none; /* Etiket tıklanamaz */
}

.dxbl-text-edit {
    height: 25px !important;
    border-color: #cacaca !important;
    --dxbl-text-edit-validation-invalid-color: var(--bs-border-color, var(--bs-gray-400, #ced4da)) !important;
    font-size:13px !important;
}

    .dxbl-text-edit > .dxbl-text-edit-input[readonly] {
        background: #f1f1f1;
    }

.textboxbtn {
    text-align: center !important;
    width: 1.8rem;
}
input.secure {
    text-security: disc;
    -webkit-text-security: disc;
}
/*Buttons*/
.dxbl-btn.dxbl-btn-link {
    color: black !important;
}

.btn.btn-success {
    background-color: #5cb85c !important;
}

    .btn.btn-success:hover {
        color: white !important;
    }
btn btn-primary:hover{
    color:white !important;
}

.btnsave {
    background-color: #337ab7 !important;
}
.btntamamla {
    background-color: #0f8939 !important;
}

.btnopenclose {
    background-color: #337ab7 !important;
    width: 12rem;
}

.btngray {
    background-color: #d9534f !important;
}
    .btngray:focus {
        background-color: #afb1b8 !important;
    }
.btncancel {
    background: #d03d3d !important;
}
    .btncancel:focus {
        background: #a33535 !important;
    }
    .btncancel:hover {
        background: #a33535 !important;
    }

.gridaddbtn {
    height: 25px !important;
    color: white !important;
    font-size: 2rem !important;
    background: #0b6a0b !important;
}

    .gridaddbtn:hover {
        background: green !important;
    }

.deletebtndetail {
    width: 17rem !important;
}
.operationbtndetail {
    width: 18rem !important;
}

.excelsavebtn {
    width: 20rem !important;
}

.btn-customsecondary {
    background-color: var(--bs-secondary-active) !important;
    color: black !important;
}

.btn-dex {
    height: 2rem !important;
    padding: 1rem !important;
}

.btn-iskonto {
    width: 100% !important;
}
    .btn-iskonto:focus {
        background-color: #abaaaa !important;
    }

.btnsave:focus {
    background-color: #376b98 !important;
}
.btn-uretim {
    background: #646464 !important;
    color:white !important;
}
    .btn-uretim:focus {
        background: #292626 !important;
    }
    .btn-uretim:hover {
        background: #292626 !important;
    }
.table-responsive .dropdown,
.table-responsive .btn-group,
.table-responsive .btn-group-vertical {
    position: static;
}

.demo-drawer-menu .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn > .dxbl-menu-item-text-container .dxbl-menu-item-text {
    font-size: 1rem !important;
    margin-left: .5rem !important;
}

.dxbl-btn-dropdown-popup .dxbl-btn-dropdown-list-item .dxbl-btn-dropdown-item > .dropdownitems > :not(.dxbl-image) {
    margin-left: 0.5rem !important;
}

.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-active-page-btn {
    background: #337ab7 !important;
}

.dxbl-btn-toolbar.dxbl-btn-plain-toolbar > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator {
    display: none !important;
}
/*Checkboxs*/
.dxbl-text-edit.valid.modified:not([type=checkbox]) {
    --dxbl-text-edit-border-color: var(--bs-border-color, var(--bs-gray-400, #ced4da)) !important;
}
/*Dialogs*/
.my-confirm-dialog {
    margin: auto !important;
}

    .my-confirm-dialog .dx-dialog-content {
        background-color: #d0d0d0 !important;
        border-radius: 8px;
        padding: 20px;
    }

    .my-confirm-dialog .dx-dialog-header {
        background-color: #f2dede;
        font-weight: bold;
        padding: 10px;
    }

    .my-confirm-dialog .dx-dialog-footer {
        padding: 10px;
        display: flex;
        justify-content: flex-end;
    }
/*Treeviews*/
.treeview-border {
    border: 1px solid #dde2e6; /* Açık gri border */
    border-radius: 4px; /* Hafif yuvarlatma */
    padding: 0.5rem; /* İçeriden boşluk */
    background-color: #ffffff; /* Beyaz zemin */
}

    /* Filtre paneliyle node liste arasındaki ayırıcı çizgi */
    .treeview-border .dx-treeview-filter-panel {
        border-bottom: 1px solid #dde2e6;
        margin-bottom: 0.5rem;
        padding-bottom: 0.5rem;
    }
/*Tabs*/
.tabs-card {
    padding: 0 0.5rem !important;
    min-height: 3rem !important;
    margin-bottom: 1rem !important;
}

.dxtabs > dxbl-tab-list.dxbl-tabs-tablist-scrollable {
    margin: 0 2.35rem;
    background-color: aliceblue;
}

.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-disabled):not(:disabled) {
    background: #D3E3FD;
}

.dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
    background: #76a7f6;
    color: white;
}
/* Aktif sekmenin close butonu (beyaz) */
.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer >
.dxbl-scroll-viewer-content > ul > li >
.dxbl-tabs-item.dxbl-active > .dxbl-tabs-close-button svg {
    color: white !important;
}

/* Pasif sekmelerin close butonu (siyah) */
.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer >
.dxbl-scroll-viewer-content > ul > li >
.dxbl-tabs-item:not(.dxbl-active):not(.dxbl-disabled):not(:disabled) >
.dxbl-tabs-close-button svg {
    color: black !important;
}

.dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > .dxbl-scroll-viewer {
    padding: 0rem .7rem;
}

@media (max-width: 991.98px) {
    .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > .dxbl-scroll-viewer {
        padding: 0;
    }
}
/*Loading Panel*/
.dxbl-loading-panel .dxbl-loading-panel-container {
    position: fixed !important;
}

.dxspinner {
    z-index: 99999;
}
/*Drawer Panel*/
.demo-drawer {
    display: flex !important;
    height: 80vh !important;
    overflow: hidden !important;
}

    .demo-drawer > .dxbl-drawer-panel {
        position: sticky !important;
        top: 0 !important;
        height: 100vh !important;
        overflow: hidden !important;
    }

    .demo-drawer > .dxbl-drawer-content {
        flex: 1 !important;
        height: 100vh !important;
        overflow-y: auto !important;
        padding: 1rem !important;
        height: 45rem !important;
    }

/*Menus*/
.dxmenu.dxbl-menu-vertical .dxbl-menu-item-list {
    border-top: 1px solid;
}

.dxmenu {
    background-color: #e5eeff !important;
}

/*Flyouts*/
.flyouth {
    font-size: 1rem !important;
    color: black !important;
}

.dxbl-flyout > .dxbl-flyout-dialog-fade.dxbl-flyout-dialog-show {
    display: contents !important;
}

.dxbl-flyout .dxbl-popover-bottom > .dxbl-arrow {
    display: none !important;
}

/*Popups/Modals*/
.modalpreheader {
    background-color: #f3f3f3;
    padding: 2px 1rem;
}

.modalprebody {
    padding: .6rem !important;
}

.dxbl-popup-cell {
    z-index: 9999 !important;
}

.grideditpopup {
    min-width: 80% !important;
    overflow: unset !important;
}

/*Section Dividers*/
.section-divider {
    position: relative;
    text-align: center;
    margin: 20px 0;
}

    .section-divider::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
        background: #dee2e6;
        z-index: 1;
    }

    .section-divider span {
        position: relative;
        background: white;
        padding: 0.5rem 1rem;
        color: #6c757d;
        font-size: 0.875rem;
        border: 1px solid #dee2e6;
        border-radius: 30px;
        z-index: 2;
    }
/*ScroolBars*/
.dxbl-scroll-viewer > .dxbl-scroll-viewer-hor-scroll-bar > .dxbl-scroll-viewer-scroll-thumb {
    height: 100% !important;
}

/*ColorPalette*/
.dropdown-template-color-palette {
    border-width: 0 !important;
}

.color-preview {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: 4px;
}

.template-container {
    display: flex;
    align-items: center;
}

/* Dropdown*/
.combo-btn {
    margin-left: -1px !important; /* combonun sağ sınırını override’lar */
    border-top: 1px solid #cacaca !important; /* DevExpress combobox’ın border rengi */
    border-right: 1px solid #cacaca !important;
    border-bottom: 1px solid #cacaca !important;
    border-left: none !important; /* sol border’ı kaldır */
    border-top-right-radius: .25rem !important; /* combonun sağ köşesi ne ise onu kullanın */
    border-bottom-right-radius: .25rem !important;
    background-color: white !important; /* combobox’ın arkaplanı kadar */
    padding: .375rem .75rem !important;
    height: 25px !important; /* buton iç boşluğu, combonun height’ine yakın */
}

    .combo-btn i {
        font-size: 1rem; /* ikon boyutu */
    }

.dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    border-color: #cacaca !important;
}

.dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible, .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused {
    border-color: #cacaca !important;
}
.comboboxdropdown{
    width:115rem !important;
}
.comboboxdropdownmd {
    width: 50rem !important;
}
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr:not(:first-child) > td, .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr:not(:first-child) > td {
    font-size:13px !important;
}
.gridcardw{
    width:50rem !important;
}
    /*TagBox*/
    dxbl-tag-box .dxbl-text-edit.tagbox-scroll {
    height: auto !important;
    min-height: 40px !important;
    padding-top: 6px;
    padding-bottom: 6px;
}

    dxbl-tag-box.dxbl-text-edit.tagbox-scroll .dxbl-field-text,
    dxbl-tag-box.dxbl-text-edit.tagbox-scroll .dxbl-tag-container,
    dxbl-tag-box.dxbl-text-edit.tagbox-scroll .dxbl-tagbox-tags {
        max-height: 84px;
        overflow-y: auto;
        overflow-x: hidden;
        display: flex;
        flex-wrap: wrap;
    }

    dxbl-tag-box.dxbl-text-edit.tagbox-scroll .dxbl-tag,
    dxbl-tag-box.dxbl-text-edit.tagbox-scroll .dxbl-tagbox-tag {
        padding: 4px 10px;
        margin: 2px 4px;
        border-radius: 12px;
        font-size: .875rem;
        height: auto;
    }