/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* disabled durumdaki butonların Hint'inin görüntülenmesi için */
.add-hint {
    pointer-events: auto;
}

tr[class~="dx-header-row"] {
    font-weight: bold;
}

/*td[class~="highlighted-text"] {

}*/

.urun-karti-pazar-yeri-filtre-switch {
    padding-bottom: 6px !important;
}

.dx-switch-container {
    height: 24px !important;
    padding: 2px !important;
}

.dx-switch-on {
    font-size: larger !important;
    height: 30px !important;
}

.dx-switch-off {
    font-size: larger !important;
    height: 30px !important;
}

.cursor_hand {
    cursor: pointer;
}

/* DevExtreme 25.x'te kaldırıldı: rowsview üst border'ı header ile content arasında hizalama referansı.
   Eski 23.x'te görsel olarak istenmediği için gizleniyordu; 25.x'te layout'u bozuyor.
.dx-datagrid-rowsview {
    border-top: none !important;
}
*/

/* E-TİCARET --- START ---  */
/* E-TİCARET --- START ---  */
/* E-TİCARET --- START ---  */
.eticaret-siparislendi {
    text-align: center;
    color: yellow;
    padding: 1px;
    border-radius: 5px;
    background-color: black;
}

.eticaret-siparislendi-iptal-edilmis {
    text-align: center;
    color: yellow;
    padding: 1px;
    border-radius: 5px;
    background-color: red;
}

.eticaret-faturalandi {
    text-align: center;
    color: yellow;
    padding: 1px;
    border-radius: 5px;
    background-color: green;
}

.eticaret-hata {
    text-align: center;
    color: yellow;
    padding: 1px;
    border-radius: 5px;
    background-color: red;
}

.eticaret-faturalandi-iptal-edilmis {
    text-align: center;
    color: yellow;
    padding: 1px;
    border-radius: 5px;
    background-color: red;
}

.eticaret-onaylandi {
    text-align: center;
    color: yellow;
    padding: 1px;
    border-radius: 5px;
    background-color: seagreen;
}

.eticaret-islem {
    text-align: center;
    color: black;
    padding: 1px;
    border-radius: 5px;
    background-color: aquamarine;
}

.en-alt-dal:not(.dx-row-focused) {
    color: black;
    background-color: aquamarine !important;
}
/* E-TİCARET --- END ---  */
/* E-TİCARET --- END ---  */
/* E-TİCARET --- END ---  */
/* DATA GRID SELECTED ROW COLOR MODIFICATIN --- START ---  */
/* DATA GRID SELECTED ROW COLOR MODIFICATIN --- START ---  */
/* DATA GRID SELECTED ROW COLOR MODIFICATIN --- START ---  */
.special-selected-row-colorizing .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space, .special-selected-row-colorizing .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space {
    border-left-color: white !important;
}

.special-selected-row-colorizing .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td, .special-selected-row-colorizing .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td {
    border-bottom: 1px solid white !important;
    border-top: 1px solid white !important;
}

.special-selected-row-colorizing .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-datagrid-group-space, .special-selected-row-colorizing .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space {
    border-right-color: white !important;
}

.special-selected-row-colorizing .dx-datagrid-rowsview .dx-selection.dx-row > td, .special-selected-row-colorizing .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: white !important;
    color: #232323 !important;
}

.special-selected-row-colorizing .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
    background-color: white !important;
    color: #333 !important;
}
/* DATA GRID SELECTED ROW COLOR MODIFICATIN --- END   ---  */
/* DATA GRID SELECTED ROW COLOR MODIFICATIN --- END   ---  */
/* DATA GRID SELECTED ROW COLOR MODIFICATIN --- END   ---  */
/*
    HIZLI SATIŞ EKRANI FONT BÜYÜTME BAŞLANGIÇ
*/
div[id^="hizli-satis-"] {
    /*font-size: large !important;*/
}

    div[id^="hizli-satis-"] input {
        /*font-size: large !important;*/
    }

    div[id^="hizli-satis-"] div[class~="dx-dropdowneditor"] {
        /*height: 31px;
    font-size: large !important;*/
    }
/*
    HIZLI SATIŞ EKRANI FONT BÜYÜTME BİTİŞ
*/
.pazar-yeri-siparis-urunler-table {
    /*border-left: 0.2px solid lightgrey;*/
    font-size: 16px;
    font-family: Calibri,sans-serif;
    /*padding: 10px;*/
    word-wrap: break-word;
}

.borc_column {
    background-color: #f7ecec;
    color: black !important;
}

.borc_column2 {
    background-color: #dff2f8;
    color: black !important;
}

.borc_column3 {
    background-color: #dcfae9;
    color: black !important;
}

.error_column {
    background-color: red;
    color: yellow;
}

.alacak_column {
    background-color: #e0f7ce;
    color: black !important;
}

.alacak_column3 {
    background-color: #fcdede;
    color: black !important;
}

.alacak_column2 {
    background-color: #f7fac5;
    color: black !important;
}

.fis_bilgileri_column {
}

.toplam_column {
    background-color: #e8f3fa !important;
}

.read-only-column {
    background-color: #f3f3f3 !important;
    color: black !important;
}

.outlook-image-item {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI2IDI2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzNEM0QzRDt9PC9zdHlsZT48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUsN2MwLTAuMi0wLjEtMC42LTAuMy0wLjdDMjQuNiw2LjEsMjQuNCw2LDI0LjIsNkgxNnY1LjdsMS45LDEuN0wyNSw3eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLDIybDE0LDNWMUwxLDRWMjJ6IE04LDEwYzEuNywwLDMsMS44LDMsNGMwLDIuMi0xLjMsNC0zLDRzLTMtMS44LTMtNEM1LDExLjgsNi4zLDEwLDgsMTB6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE4LDE1bC0yLTJsMCw4bDguMiwwYzAuMiwwLDAuNC0wLjEsMC42LTAuM2MwLjItMC4yLDAuMi0wLjQsMC4yLTAuNkwyNSw5TDE4LDE1TDE4LDE1eiIvPjxlbGxpcHNlIGNsYXNzPSJzdDAiIGN4PSI4IiBjeT0iMTQiIHJ4PSIyIiByeT0iMyIvPjwvZz48L3N2Zz4NCg==);
    background-repeat: no-repeat;
}

.dx-tile-content {
    height: 100%;
    padding: 0;
    position: relative;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

/*
    mmenu 8.x BEM class adlandırması: .mm-menu--offcanvas (eski .mm-menu_offcanvas).
    Width artık CSS custom property'leri ile kontrol ediliyor (--mm-size / min / max).

    iconPanels addon AKTİF olduğu için sol tarafta 3 seviyeye kadar icon şeridi
    (her şerit ~50px) görünebilir. Bu yüzden drawer toplam genişliği eski
    320px'den 480px'e çıkarıldı. Böylece icon şeridi + ana liste için yeterli alan
    olur ve "Perakende Satış Fişleri (Ctrl + 8)" gibi uzun başlıklar sığar.
*/
.mm-menu--offcanvas {
    --mm-size: 480px;
    --mm-min-size: 400px;
    --mm-max-size: 560px;
}

/*
    iconPanels addon — paneller arası geçişte sol tarafta icon-only şeritler.
    Her şerit (icon column) varsayılan 50px. Daha geniş bir şerit yazıların alta
    binmesini engeller. Burada 56px'e çıkarıyoruz.
*/
.mm-menu--offcanvas.mm-menu--iconpanel {
    --mm-iconpanel-size: 56px;
}

/* mm-listitem text uzun olursa wrap olmasın, ellipsis ile kısalsın */
.mm-listitem__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*
    mmenu açıkken hamburger ikonunun (mburger) z-index olarak blocker'ın altında
    kalmaması için. mmenu blocker z-index: 3 kullanır.
*/
.mburger {
    z-index: 4;
    position: relative;
}

/*
    DevExtreme 25.2.x dxLoadPanel'in default load indicator'ı 8 segmentli "circle"
    spinner — birden çok şekil aynı anda görüntüleniyor, kalabalık duruyor.
    Override ile sadece tek bir dairesel CSS border-spinner gösteriyoruz.
*/
.dx-loadindicator .dx-loadindicator-content-circle .dx-loadindicator-segment,
.dx-loadindicator .dx-loadindicator-content-sparkle .dx-loadindicator-segment {
    display: none !important;
}

.dx-loadindicator .dx-loadindicator-icon {
    box-sizing: border-box;
    border: 3px solid rgba(21, 101, 192, 0.18);
    border-top-color: #1565c0;
    border-radius: 50%;
    animation: neytek-spinner-rotate 0.9s linear infinite;
    background: none !important;
}

/* Tek-rotasyonlu spinner için keyframe (DX kendi keyframe'inden ayrı). */
@keyframes neytek-spinner-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*
    DevExtreme dxSwitch override:
      - Default genişlik 36px ve font-size 8px → "Alt Hesapları Göster" gibi uzun label'lar
        ne sığıyor ne okunaklı.
      - Theme renkleri (carmine kırmızı, bluelight mavi) container'ı dolduruyor, içindeki
        yazı görünmüyor.

    Aşağıdaki kurallar:
      - Switch'i 220px genişlik + 26px yüksekliğe çıkarır
      - Container background'unu nötr açık gri yapar (theme rengini override)
      - Hem on hem off label'larını daha büyük font ve okunabilir koyu gri renkte gösterir
      - Handle (kayan parça) tab rengiyle aynı Material Blue Dark
*/
/*
    En uzun label uygulamada "Satış Fiyat Listesi Oluşturma" (32 karakter).
    12px font-size'da yaklaşık 210-220px gerekiyor. 280px genişlik + 50% slot
    her iki yakaya rahat sığacak şekilde ayarlandı.
*/
.dx-switch {
    width: 280px !important;
    height: 26px !important;
}

.dx-switch .dx-switch-container,
.dx-switch.dx-state-hover .dx-switch-container,
.dx-switch.dx-state-active .dx-switch-container,
.dx-switch.dx-state-focused .dx-switch-container,
.dx-switch.dx-state-readonly .dx-switch-container {
    height: 24px !important;
    background-color: #f5f5f5 !important;
    background: #f5f5f5 !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 13px !important;
    padding: 0 4px !important;
}

.dx-switch .dx-switch-on,
.dx-switch .dx-switch-off {
    width: 50% !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    color: #000 !important;            /* SİYAH — okunabilir */
    padding-left: 8px !important;
    padding-right: 22px !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Hem on hem off label tutarlı siyah */
.dx-switch.dx-switch-on-value .dx-switch-on,
.dx-switch .dx-switch-on {
    color: #000 !important;
    font-weight: 600 !important;
}

.dx-switch .dx-switch-off {
    color: #000 !important;
    padding-left: 22px !important;
    padding-right: 8px !important;
}

/* Handle (kayan top) */
.dx-switch .dx-switch-handle {
    flex-basis: 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: 1px !important;
}

.dx-switch .dx-switch-handle::before,
.dx-switch.dx-state-hover .dx-switch-handle::before,
.dx-switch.dx-state-active .dx-switch-handle::before,
.dx-switch.dx-state-focused .dx-switch-handle::before,
.dx-switch.dx-state-focused.dx-state-active .dx-switch-handle::before,
.dx-switch.dx-switch-on-value .dx-switch-handle::before {
    background-color: #1565c0 !important;
    border-radius: 50% !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

/* Disabled durum yumuşatılmış */
.dx-switch.dx-state-disabled .dx-switch-container {
    opacity: 0.55 !important;
}

.iptal-kayit {
    color: white !important;
    background-color: red !important;
}

.barkod-okunmus {
    color: white !important;
    background-color: cadetblue !important;
}

.barkod-okunmus-yarim {
    color: white !important;
    background-color: orange !important;
}

.gelen-fatura {
    color: white !important;
    background-color: lightcoral !important;
}

.readonly-column-bgcolor {
    background-color: lightgray !important;
}

.indianred {
    color: indianred !important;
}
/*.container {
    
}*/
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
}

.mm-navbar__title {
    text-align: center !important;
}

.vertical-aligment-middle {
    vertical-align: middle !important;
}

.grid-title {
    color: #bf4e6a;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    font-weight: bold;
    margin-right: 20px;
    margin-left: 10px;
}

.dx-datagrid-headers {
    color: #7c7c7c !important;
    background-color: #eeeeee !important;
}

.dx-datagrid-filter-row {
    color: #7c7c7c !important;
    background-color: #eeeeee !important;
}

.borc-grup {
    background-color: rgb(242, 238, 238) !important;
    padding: 10px;
    border-radius: 5px;
    margin-right: 5px;
    border: 1px solid lightgray;
}

.alacak-grup {
    background-color: rgb(242, 238, 238) !important;
    padding: 10px;
    border-radius: 5px;
    margin-left: 5px;
    border: 1px solid lightgray;
}

.finans-lookup-item-template {
    border-top: black;
    border-top-width: thin;
    border-top-style: dashed;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top-color: gray;
}

.dx-filemanager-details-item-thumbnail {
    height: 20px;
    width: 20px;
}

.dx-icon-cut {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('/images/kes.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.dx-icon-copy {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('/images/kopyala.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.dx-icon-paste {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('/images/yapistir.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}
/*
 *   Onay Süreçleri
 *
*/
.reddedildi {
    color: red !important;
    font-weight: 500 !important;
    font-size: larger !important;
}

.onay-surecinde {
    color: darkgoldenrod !important;
    font-weight: 500 !important;
    font-size: larger !important;
}

.onaylandi {
    color: darkgreen !important;
    font-weight: 500 !important;
    font-size: larger !important;
}

.islem_tipi {
    background-color: #d33434 !important;
    color: white !important;
}

.finans-doviz-filtreleme {
    background-color: #c6c6ff !important;
    color: black !important;
}

.fis_islem_tipi {
    background-color: #fe7171 !important;
    color: white !important;
}

div[role=tabpanel] {
    padding: 7px 7px 7px 6px !important; /* top right bottom left */
}
/* JQuery Tab panel overrides */
li[role=tab] {
    border-radius: 7px 7px 0px 0px;
}
/*.ui-state-active .ui-icon, .ui-button:active .ui-icon {

}*/
.ui-widget-header {
    color: #000 !important;
}

    /*
        Aktif tab: AÇIK mavi arka plan (#bbdefb = Material Blue 100) + siyah yazı.
        Koyu mavi (#1565c0) üzerinde siyah yazı okunmuyordu, açık mavi ile kontrast yeterli.
        Bottom border ile aktif olduğu vurgulanır.
    */
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        background: #bbdefb !important;
        border: 0 !important;
        border-bottom: 3px solid #1565c0 !important;
        color: #000 !important;
        font-weight: 700 !important;
    }

    /*
        Pasif (default) tab: nötr açık gri arka plan + SİYAH yazı (beyaz iken görünmüyordu).
    */
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        background: #f0f0f0 !important;
        border: 1px solid #d0d0d0 !important;
        color: #000 !important;
    }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #000 !important;
    font-weight: 700 !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
.ui-tabs-nav a, .ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #000 !important;
}

/*
    DevExtreme dxTabs / dxTabPanel — KRİTİK düzeltme.

    DX 25.2.x carmine/light temalarında pasif `dx-tab` background-color: #fafafa,
    `dx-tabs-wrapper` background-color: #fafafa, dxForm arka planı da neredeyse beyaz.
    Pasif sekmeler aynı renkte → görünmez. Aktif "Genel" tıklayınca sadece o
    görünüyor, "Diğer" sekme aynı yerde ama beyaz-üstüne-beyaz olduğu için
    kullanıcı görmüyor.

    Aşağıdaki override:
      - Tüm sekmelere belirgin bir arkaplan + border ekler
      - Aktif sekmeyi açık mavi (#bbdefb) + alt mavi çizgi ile vurgular
      - Hem aktif hem pasif yazısı siyah
      - Tabs container'a alt çizgi ekleyerek sekme şeridi belirginleşir
*/

/* Tabs container (sekme şeridi) */
.dx-tabs,
.dx-tabs-wrapper,
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-wrapper {
    background-color: #f5f5f5 !important;
    border-bottom: 1px solid #c0c0c0 !important;
}

/* Pasif sekme */
.dx-tab,
.dx-tabs .dx-tab,
.dx-tabpanel-tab {
    background-color: #e8e8e8 !important;
    color: #000 !important;
    border-right: 1px solid #c8c8c8 !important;
    min-width: 100px !important;
    padding: 6px 16px !important;
}

.dx-tab .dx-tab-text,
.dx-tabs .dx-tab .dx-tab-text {
    color: #000 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* Hover */
.dx-tab.dx-state-hover,
.dx-tabs .dx-tab.dx-state-hover {
    background-color: #d6e8f7 !important;
}

/* Aktif sekme (selected) */
.dx-tab.dx-tab-selected,
.dx-tabs .dx-tab.dx-tab-selected,
.dx-tabpanel-tab.dx-tabpanel-tab-active {
    background-color: #bbdefb !important;
    color: #000 !important;
    border-bottom: 3px solid #1565c0 !important;
}

.dx-tab.dx-tab-selected .dx-tab-text,
.dx-tabs .dx-tab.dx-tab-selected .dx-tab-text,
.dx-tab.dx-tab-selected .dx-icon,
.dx-tabs .dx-tab.dx-tab-selected .dx-icon {
    color: #000 !important;
    font-weight: 700 !important;
}

/* Active state (mousedown anında) */
.dx-tab.dx-state-active,
.dx-tabs .dx-tab.dx-state-active {
    background-color: #90caf9 !important;
    color: #000 !important;
}

.dx-tab.dx-state-active .dx-tab-text,
.dx-tab.dx-state-active .dx-icon {
    color: #000 !important;
}
/* JQuery Tab panel overrides */
.highlighted-text {
    color: #bf4e6a;
    font-weight: bold;
}

.highlighted-text-1 {
    color: #ff7f50;
    font-weight: bold;
}

.line-through {
    color: #bf4e6a;
    text-decoration: line-through;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}

.left-content {
    float: left;
}

.notifyjs-corner {
    font-size: 12px !important;
    font-weight: bold !important;
}

.top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 55px;
    background-color: cadetblue;
}

/* NOT: .bottom (footer) kuralı neytek-overrides.css'e taşındı —
   tüm UI özelleştirmeleri orada tek dosyada toplanıyor. */

.dx-button-mode-contained.dx-button-success {
    background-color: #5cb85c !important;
}

    .dx-button-mode-contained.dx-button-success.dx-state-hover {
        background-color: #46a046 !important;
    }


/*
.green {
    color: green !important;
    font-weight : bold !important;
}

.red {
    color: red !important;
    font-weight: bold !important;
}



.filter-container {
    background-color: rgba(191, 191, 191, 0.15) !important;
    padding: 5px !important;
    width: 560px !important;
    margin-bottom: 25px !important;
}

.dx-filterbuilder {
    padding: 10px !important;
}

.dx-button {
    margin: 10px !important;
    float: right !important;
}

.dx-filterbuilder .dx-numberbox {
    width: 80px !important;
}

*/