.footer {
    position: fixed !important;
    height: 50px;
    background-color: white;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
    z-index: 5;
}

.content-body {
    margin-bottom: 50px !important;
}

.dxmLite_MaterialCompact .dxctToolbar_MaterialCompact.dxm-horizontal.dxmtb .dxm-image-l .dxm-content, � .dxmLite_MaterialCompact .dxctToolbar_MaterialCompact.dxm-horizontal.dxmtb .dxm-image-r .dxm-content, � .dxmLite_MaterialCompact .dxctToolbar_MaterialCompact.dxm-horizontal.dxmtb .dxm-image-l .dxm-subMenu .dxm-content, � .dxmLite_MaterialCompact .dxctToolbar_MaterialCompact.dxm-horizontal.dxmtb .dxm-image-r .dxm-subMenu .dxm-content� {
    padding: 10px 10px 2px 11px !important;
}

.dxeNullText_Material .dxeEditArea_Material {
    color: #151e30;
}


.btn-ekoposColor {
    border-color: #f15721 !important;
    background-color: #f15721 !important;
    color: #FFFFFF;
}


.pull-right {
    float: right;
}

.pull-left {
    float: left;
}


.main-menu-content {
    background-color: #00A6A1 !important;
}

.header-navbar .navbar-container ul.nav li > a.nav-link {
    color: white;
}

.user-nav {
    color: #f15821;
}

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li.active > a {
    background: -webkit-linear-gradient(118deg, #f15721, rgb(241, 87, 33));
    background: linear-gradient(118deg, #f15721, rgb(241, 87, 33));
    box-shadow: 0 0 6px 1px rgb(241, 87, 33);
    color: #FFFFFF;
    border-radius: 4px;
}

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover > a {
    background: rgb(241, 87, 33) !important;
}

.page-title {
    color: #008b43;
}

/*.header-navbar .navbar-container ul.nav li > a.nav-link {
    color: white;
}*/

/*#Captcha_IMG {
    height: 50px !important;
    width: 100px !important;
}*/

#Captcha_IMGD {
    /*width: 100px !important;*/
    background-color: #6dc5a1 !important;
}

#Captcha_TB {
    width: 140px !important;
}

.btn-giris {
    border-color: #f15721 !important;
    background-color: #f15721 !important;
}

.dxcaRefreshButtonCell_MaterialCompact {
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    vertical-align: middle !important;
}

.dxcaRefreshButtonText_MaterialCompact {
    font-size: 13px;
}

.dxcaRefreshButtonCell_Material {
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    vertical-align: middle !important;
}

.dxcaRefreshButtonText_Material {
    font-size: 13px;
}


.dxgvDataRow_Material td.dxgv {
    /*    overflow: hidden;
    border-bottom: 1px solid #DFDFDF !important;
    border-right: 1px solid #DFDFDF;
    border-top-width: 0;
    border-left-width: 0;*/
    padding: 5px 5px 5px 5px !important;
}

.dxmLite_Material .dxctToolbar_Material.dxm-main.dxmtb {
    padding-top: 5px;
    padding-bottom: 5px;
}



.card-body {
    padding: 5px !important;
}

.form-control {
    padding: 5px;
}

.form-group {
    margin-bottom: 5px;
}


element.style {
}

.breadcrumb {
    font-size: 13px !important;
}

h4, .h4 {
    font-size: 1.1rem;
}

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

.baslik {
    color: #00A6A1;
}

.icerik {
    color: #f15721;
}

.btn-warning-bold {
    border-color: #f15721 !important;
    background-color: #f15721 !important;
    color: #FFFFFF;
}

.textBlue {
    color: #E30F18;
}

.text-red-bold {
    color: #E30F18;
    font-weight: 700;
    font-size: small;
    /*margin-right: 5px;*/
}

.text-blue-bold {
    color: #233f86;
    font-weight: 700;
    font-size: small;
}

.text-normal {
    font-size: small;
    color: #233f86;
    margin-bottom: 14px;
}



body {
    line-height: 1.2;
}

.card .card-title {
    margin-left: 5px;
    font-weight: 700;
    letter-spacing: 0.05rem;
    font-size: 1.32rem;
    margin-bottom: 0.5rem;
}


/*.dxgvControl_Moderno a {
    color: #ffffff !important;
}

.main-menu-content {
    background-color: #E30F18 !important
}

.btn-danger {
    border-color: #E30F18 !important;
    background-color: #E30F18 !important;
    color: #FFFFFF;
}

.page-title {
    color: #233f86;
}*/


/*.dxgvHeader_Material {
    color: #274388;
}

.dxgvControl_Material a {
    color: #ffffff;
}*/

.dxeReadOnly_Material {
    border: 1px solid #d9a4a4 !important;
}

.dxbButton_Material.dxbTSys {
    background-color: #f15721;
    color: white;
}

.dxgvControl_Material .dxgvTable_Material .dxgvFocusedRow_Material, .dxgvControl_Material .dxgvTable_Material .dxgvFocusedRow_Material.dxgvDataRowHover_Material {
    background-color: #5ad981;
    color: #100f0f;
}

.dxgvControl_Material a {
    color: #4362a2;
}

.example .example-tools {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.example .example-toggle,
.example .example-copy {
    height: 34px;
    width: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.25rem;
    transition: all 0.15s ease;
    cursor: pointer;
    font-size: 1.15rem;
    color: #B5B5C3;
}

    .example .example-toggle:hover,
    .example .example-copy:hover {
        transition: all 0.15s ease;
        color: #3699FF;
    }

.example .example-toggle {
    font-size: 1.35rem;
}

    .example .example-toggle:after {
        font-family: Ki;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        content: "\F116";
    }

    .example .example-toggle.example-toggled {
        background-color: #F3F6F9;
        transition: all 0.15s ease;
        color: #3699FF;
        border-top-left-radius: 0.42rem;
        border-top-right-radius: 0.42rem;
    }

        .example .example-toggle.example-toggled:after {
            content: "\F115";
        }

.example .card-toolbar .example-toggle {
    border-radius: 0.42rem;
}

.example .example-copy:after {
    font-family: Ki;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\F117";
}

.example .example-copy.example-copied {
    transition: all 0.15s ease;
    color: #3699FF;
}

    .example .example-copy.example-copied:after {
        content: "\F108";
    }
/*a {
    color: #484848;
}*/

/*.dxgvFooter_Material td.dxgv {
    padding: 7px 3px 7px;
    background-color: #ffffff;
    border-bottom: 1px solid #DFDFDF;
    border-bottom-width: 1px !important;
    color: #274388;
}
*/

/* ============================================================================
   GLOBAL TİPOGRAFİ — daha kurumsal font (Inter) + daha okunaklı (büyük) boyutlar
   Tüm sistemi etkiler (Site.Master → style.css cache-buster'lı, anında yansır).
   ============================================================================ */
body {
    font-family: 'Inter','Montserrat',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    -webkit-font-smoothing: antialiased;
}
/* İçerik metinleri (eski/DevExpress sayfalar dahil) bir tık büyüsün */
.content-body, .content-body p, .content-body label,
.content-body td, .content-body th, .content-body a, .content-body li {
    font-size: .95rem;
}
.form-control {
    font-size: .95rem !important;
    padding: 8px 11px !important;
    line-height: 1.4 !important;
}
label { font-size: .9rem; }
.btn { font-size: .92rem; }
.page-title, h3.page-title { font-size: 1.25rem; font-weight: 700; }
.text-red-bold, .text-blue-bold, .text-normal { font-size: .9rem; }
/* DevExpress grid hücreleri okunaklı olsun */
.dxgvControl_Material, .dxgv, .dxeEditArea_Material, .dxeButtonEditButton_Material { font-size: .92rem !important; }

/* ============================================================================
   DURUM ROZETİ STANDARDI (global)
   ----------------------------------------------------------------------------
   Aktif/Pasif, Onaylı/Bekliyor, Evet/Hayır gibi TÜM durum rozetleri bu sınıfı
   kullanır. V2 sayfalarındaki ek-ui.css .stat/.pill/.wp ile birebir aynı
   geometri ve palet — böylece eski (DevExpress) ve yeni (ag-Grid) sayfalar
   yan yana aynı görünür.

   Kullanım:
     <span class="ek-stat ek-stat-on">Aktif</span>     yeşil  (aktif / onaylı / evet)
     <span class="ek-stat ek-stat-off">Pasif</span>    gri    (pasif / kapalı / hayır)
     <span class="ek-stat ek-stat-warn">Bekliyor</span>sarı   (onay bekliyor / belirsiz)
     <span class="ek-stat ek-stat-dng">İptal</span>    kırmızı(hata / iptal)

   Sayfaya özel rozet CSS'i YAZMAYIN; yeni bir ton gerekiyorsa buraya ekleyin.
   ============================================================================ */
.ek-stat {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 12px; border-radius: 8px;
    font-size: .74rem; font-weight: 700; letter-spacing: .02em; line-height: 1.2;
    white-space: nowrap; border: 1px solid transparent;
    font-family: 'Inter','Montserrat',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
.ek-stat::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
.ek-stat-on   { background: #ecfdf3; color: #15803d; border-color: #bbf7d0; }
.ek-stat-off  { background: #f1f5f9; color: #475569; border-color: #e2e8f0; }
.ek-stat-warn { background: #fffbeb; color: #b45309; border-color: #fde68a; }
.ek-stat-dng  { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
/* Nötr/bilgi tonu — durum değil TÜR rozetleri için (Bayi/Alt Bayi, Admin/Kullanıcı vb.) */
.ek-stat-info { background: #eef4ff; color: #1d4ed8; border-color: #dbe6fb; }

/* Eski Metronic rozetleri (.label label-light-*) için adaptör.
   11 eski sayfada bu markup var ve çoğunda .label-light-* hiç tanımlı değil —
   rozet düz metin olarak çıkıyordu. Aynı .ek-stat geometrisine ve paletine bağlar.
   Not: sadece .label-light-* seçicileri hedeflenir; sade .label / control-label
   gibi sınıflara dokunulmaz. Yeni sayfalarda bu sınıfları KULLANMAYIN, .ek-stat kullanın. */
.label-light-success, .label-light-danger, .label-light-warning,
.label-light-primary, .label-light-info, .label-light-slate {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 12px; border-radius: 8px;
    font-size: .74rem; font-weight: 700; letter-spacing: .02em; line-height: 1.2;
    white-space: nowrap; border: 1px solid transparent;
}
.label-light-success::before, .label-light-danger::before, .label-light-warning::before,
.label-light-primary::before, .label-light-info::before, .label-light-slate::before {
    content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none;
}
.label-light-success { background: #ecfdf3; color: #15803d; border-color: #bbf7d0; }
.label-light-danger  { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
.label-light-warning { background: #fffbeb; color: #b45309; border-color: #fde68a; }
.label-light-primary { background: #eef4ff; color: #1d4ed8; border-color: #dbe6fb; }
.label-light-info    { background: #eef2ff; color: #4f46e5; border-color: #dfe3fb; }
.label-light-slate   { background: #f1f5f9; color: #475569; border-color: #e2e8f0; }
/* DevExpress hücresi içinde satır yüksekliğini bozmasın */
.dxgv .ek-stat { vertical-align: middle; }