a {
    color: #ff0200; 
}

.topbar-item.whatsapp i {
    font-size: 32px !important;
    color: #4dc247 !important;
}

.topbar-item.whatsapp .pulse.pulse-primary .pulse-ring {
    border-color: rgb(77 194 71 / 75%);
}

.whatsapp-widget {
    bottom: 85px;
    right: 15px;
    position: fixed;
    z-index: 99999999;
}

    .whatsapp-widget .whatsapp-block {
        width: 50px;
        height: 50px;
        background-color: rgb(37, 211, 102);
        position: relative;
        border-radius: 50%;
        box-shadow: 1px 1px 4px rgb(60 60 60 / 40%);
        transition: box-shadow .2s;
        cursor: pointer;
        overflow: hidden;
    }

        .whatsapp-widget .whatsapp-block img {
            width: 50px;
        }

.dataTables_wrapper table.dataTable.collapsed > tbody > tr[role=row] > td:first-child {
    padding-left: 1rem !important;
}

.dual-listbox__item i {
    font-size: 12px !important;
    color: #8a8a8a;
}

.dataTables_wrapper .dataTables_scroll{
    margin:0 !important;
}

input.custom-disabled,
textarea.custom-disabled,
select.custom-disabled {
    background-color: #f3f6f9;
    opacity: 1;
    pointer-events: none;
    cursor: default;
}



    .select2.custom-disabled .select2-selection--multiple,
    .select2.custom-disabled .select2-selection--single,
    select.select2.custom-disabled + span.select2 .select2-selection--multiple,
    select.select2.custom-disabled + span.select2 .select2-selection--single {
        cursor: default;
        background-color: rgb(243, 246, 249);
        opacity: 1;
    }


.select2.custom-disabled,
select.select2.custom-disabled + span.select2 {
    pointer-events: none;
    cursor: default;
}

#btn-paneldex-subheader-page-submit {
    width: 150px;
}

tr td.datatable-paneldex-btn-responsive {
    cursor: pointer;
}

tr td.datatable-paneldex-btn-responsive:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    
    content: "\f078";
}

tr.parent td.datatable-paneldex-btn-responsive:before {
    /*    content: "\f077";*/
    -webkit-transform: rotateZ( -180deg );
    transform: rotateZ( -180deg );
}

.form-paneldex {
}

.custom-validation-error {

}

.input-group > .select2-hidden-accessible:first-child + .select2-container > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:first-child + .select2-container > .selection > .select2-selection.form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container:not(:last-child) > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container:not(:last-child) > .selection > .select2-selection.form-control {
    border-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container:last-child > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container:last-child > .selection > .select2-selection.form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.card.card-paneldex .card-header {
    min-height: 50px;
    padding: 0 1.5rem;
}

.card.card-paneldex .card-body {
    padding: 1.5rem;
}

.breadcrumb.breadcrumb-arrow .breadcrumb-item:before {
    display: none
}

.breadcrumb.breadcrumb-arrow .breadcrumb-item:after {
    content: ">";
    padding-left: .5rem;
}

.breadcrumb.breadcrumb-arrow .breadcrumb-item:last-child:after {
    display: none
}

.btn-date-picker {
    cursor: pointer;
}

.cursor-na {
    cursor: not-allowed !important;
}

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

.select2 .select2-sm > .select2-selection__rendered {
    padding: .436rem .75rem;
}
.input-group.input-group-sm .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    height: 32px !important;
}

div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: 0;
}

div.dataTables_wrapper div.dataTables_length label {
    margin-bottom: 0;
}

div.dataTables_wrapper div.dataTables_filter input {
    border-radius: 4px 0 0 4px !important;
    margin-left: 0;
    display: inline-block;
    height: calc(1.35em + 1.1rem + 7.87px);
}

div.dataTables_wrapper div.dataTables_filter .btn-table-search {
    border-radius: 0 4px 4px 0 !important;
    border-left: 0;
    cursor: pointer;
    margin-top: -2px;
    border: 1px solid #e4e6ef;
    display: inline-block;
    height: 38.4px;
}

table.dataTable th {
    white-space: nowrap;
}


    table.dataTable td.dtfc-fixed-left,
    table.dataTable th.dtfc-fixed-left,
    table.dataTable td.dtfc-fixed-right,
    table.dataTable th.dtfc-fixed-right {
        background: #f3ffff;
        border-right: 2px solid #ebedf3 !important;
        z-index: 9;
    }

table.dataTable tr td.dtfc-fixed-left:first-child,
table.dataTable tr th.dtfc-fixed-left:first-child,
table.dataTable tr td.dtfc-fixed-right:first-child,
table.dataTable tr th.dtfc-fixed-rightt:first-child {
    border-width: 1px !important;
}

 
.nowrap {
    white-space: nowrap;
}

.nowrap-header th, .nowrap-header td {
    white-space: nowrap;
}


.card-filter .card-body div[class^="col-"], .card-filter .card-body div.col {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

.input-label-w50 .input-group .input-group-prepend:not(.input-group-append) {
    width: 50%;
}

.input-label-w50-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 50% !important;
}

.input-label-w20 .input-group .input-group-prepend:not(.input-group-append) {
    width: 20%;
}

.input-label-w20-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 20% !important;
}

.input-label-w30 .input-group .input-group-prepend:not(.input-group-append) {
    width: 30%;
}

.input-label-w30-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 30% !important;
}

.input-label-w10 .input-group .input-group-prepend {
    width: 10%;
}

.input-label-w10-important .input-group .input-group-prepend {
    width: 10% !important;
}

.input-label-w10 .input-group .select2 {
    width: 90% !important;
}

.input-label-w10-important .input-group .select2 {
    width: 90% !important;
}

.input-label-w10 .input-group .input-group-prepend.w-auto {
    width: auto;
}

.input-label-w10-important .input-group .input-group-prepend.w-auto {
    width: auto !important;
}

.input-group .input-group-prepend .input-group-text {
    width: 100%;
   /* font-weight: bold;*/
}

.input-label-w50 .input-group .select2 {
    width: 50% !important;
}

.input-label-w50-important .input-group .select2 {
    width: 50% !important;
}

.input-label-w20 .input-group .select2 {
    width: 80% !important;
}

.input-label-w20-important .input-group .select2 {
    width: 80% !important;
}

.input-label-w30 .input-group .select2 {
    width: 70% !important;
}

.input-label-w30-important .input-group .select2 {
    width: 70% !important;
}


.input-label-f150 .input-group .input-group-prepend:not(.input-group-append) {
    width: 150px;
}

.input-label-f150-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 150px !important;
}

.input-label-f150 .input-group .select2 {
    width: calc(100% - 150px) !important;
}

.input-label-f150-important .input-group .select2 {
    width: calc(100% - 150px) !important;
}

.input-label-f130 .input-group .input-group-prepend:not(.input-group-append) {
    width: 130px;
}

.input-label-f130-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 130px !important;
}

.input-label-f130 .input-group .select2 {
    width: calc(100% - 130px) !important;
}

.input-label-f130-important .input-group .select2 {
    width: calc(100% - 130px) !important;
}

.input-label-f120 .input-group .input-group-prepend:not(.input-group-append) {
    width: 120px;
}

.input-label-f120-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 110px !important;
}

.input-label-f120 .input-group .select2 {
    width: calc(100% - 120px) !important;
}

.input-label-f120-important .input-group .select2 {
    width: calc(100% - 120px) !important;
}

.input-label-f110 .input-group .input-group-prepend:not(.input-group-append) {
    width: 110px;
}

.input-label-f110-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 110px !important;
}

.input-label-f110 .input-group .select2 {
    width: calc(100% - 110px) !important;
}

.input-label-f110-important .input-group .select2 {
    width: calc(100% - 110px) !important;
}

.input-label-f100 .input-group .input-group-prepend:not(.input-group-append) {
    width: 100px;
}

.input-label-f100-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 100px !important;
}

.input-label-f100 .input-group .select2 {
    width: calc(100% - 100px) !important;
}

.input-label-f100-important .input-group .select2 {
    width: calc(100% - 100px) !important;
}

.input-label-f90 .input-group .input-group-prepend:not(.input-group-append) {
    width: 90px;
}

.input-label-f90-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 90px !important;
}

.input-label-f90 .input-group .select2 {
    width: calc(100% - 90px) !important;
}

.input-label-f90-important .input-group .select2 {
    width: calc(100% - 90px) !important;
}

.input-label-f80 .input-group .input-group-prepend:not(.input-group-append) {
    width: 80px;
}

.input-label-f80-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 80px !important;
}

.input-label-f80 .input-group .select2 {
    width: calc(100% - 80px) !important;
}

.input-label-f80-important .input-group .select2 {
    width: calc(100% - 80px) !important;
}

.input-label-f70 .input-group .input-group-prepend:not(.input-group-append) {
    width: 70px;
}

.input-label-f70-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 70px !important;
}

.input-label-f70 .input-group .select2 {
    width: calc(100% - 70px) !important;
}

.input-label-f70-important .input-group .select2 {
    width: calc(100% - 70px) !important;
}

.input-label-f200 .input-group .input-group-prepend:not(.input-group-append) {
    width: 200px;
}

.input-label-f200-important .input-group .input-group-prepend:not(.input-group-append) {
    width: 200px !important;
}

.input-label-f200 .input-group .select2 {
    width: calc(100% - 200px) !important;
}

.input-label-f200-important .input-group .select2 {
    width: calc(100% - 200px) !important;
}

.input-label-w10 .set-width-calc.input-group .select2 {
    width: calc(69% - 0.61px) !important;
}

.input-label-w10 .set-width-calc.input-group.ref-not .input-group-prepend {
    width: calc(((18%) + 0.61px) - 42px);
}

.input-group.select-w-50 .select2 {
    width: 50% !important;
}

.input-label-f100 .custom-select2-withcheck.input-group .select2 {
    width: calc(100% - 144px) !important;
}

.input-label-f100 .custom-select2-withcheck80.input-group .select2 {
    width: calc(100% - 124px) !important;
}

.input-label-f100 .custom-select2-withcheck145.input-group .select2 {
    width: calc(100% - 145px) !important;
}

.input-label-f70 .custom-select2-label70-withcheck100.input-group .select2 {
    width: calc(100% - 100px) !important;
}

.input-label-f80-important .input-group.select2-no-radius .select2 {
    width: 100% !important;
}

.spinner.spinner-left.btn:not(.btn-block).spinner-sm {
    padding-left: 2.75rem;
}

.card.card-paneldex .card-body #btn-search {
    width: 95px;
}
.custom-file-sm .custom-file-label {
    height: calc(1.0em + 1.0rem + 6px);
    padding: .45rem 1rem;
}
.custom-file-sm .custom-file-label::after {
        height: calc(1.0em + 1.0rem + 4px);
        padding: .45rem 1rem;
    }

.card-paneldex .btn-group-sm > .btn, .btn-sm {
    padding: .497rem .75rem;
}

.datepicker tbody tr > td.day.old {
    color: #cacaca;
}

body.full-screen-size #kt_aside,
body.full-screen-size #kt_header,
body.full-screen-size #kt_footer,
body.full-screen-size .breadcrumb,
body.full-screen-size .btn-paneldex-new-record,
body.full-screen-size .btn-paneldex-go-back
{
    display: none !important;
}

body.full-screen-size #kt_subheader {
    /*padding: 0 90px;*/
    left: 0;
    top: 0;
}

body.full-screen-size #card-kaydet {
    display: flex !important;
}

body.full-screen-size #kt_wrapper {
    padding-top: 55px;
    padding-left: 0 !important;
}

body.full-screen-size form.form-paneldex .container > .row > .col-lg-8 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.validation-summary-valid.alert {
    display: none;
}

.validation-summary-errors ul {
    margin: 0;
    padding-left: 10px;
    color: red;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple, 
.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default;
    background-color: #f3f6f9;
    opacity: 1;
}







.aside, 
.aside-menu {
    background-color: #c92423;
}

    .aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
        color: #ffffff;
        font-weight: 600;
        font-size: 1rem; 
    }

    .aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
        color: white;
    }

    .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
        color: #ffffff;
    }

    .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span
    {
        color: #ffffff;
        background-color: #ffffff;
    }


@media (min-width: 992px) {
    .brand {
        background-color: #cdcdcd;
    }

        .brand .btn.active .svg-icon svg g [fill], .brand .btn:hover .svg-icon svg g [fill] { 
            fill: #ffffff;
        }

        .brand .btn .svg-icon svg g [fill] {
            fill: #ffffff;
        }
}

.aside-menu .menu-nav > .menu-section .menu-text {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 500;
    padding-left: 36px;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon,
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon i{
    color: #ffffff;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon i{
    font-size: 21px;
}   


.aside-menu .menu-nav > .menu-section .menu-icon {
    color: #ffffff;
}

.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link {
    background-color: #a51f1f;
}

.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link {
    background-color: #a51f1f;
}

.sayfa-filter-button, .user-filter-button {
    cursor: pointer;
}




@media print {
    .col-print-1 {
        width: 8%;
        float: left;
    }

    .col-print-2 {
        width: 16%;
        float: left;
    }

    .col-print-3 {
        width: 25%;
        float: left;
    }

    .col-print-4 {
        width: 33%;
        float: left;
    }

    .col-print-5 {
        width: 42%;
        float: left;
    }

    .col-print-6 {
        width: 50%;
        float: left;
    }

    .col-print-7 {
        width: 58%;
        float: left;
    }

    .col-print-8 {
        width: 66%;
        float: left;
    }

    .col-print-9 {
        width: 75%;
        float: left;
    }

    .col-print-10 {
        width: 83%;
        float: left;
    }

    .col-print-11 {
        width: 92%;
        float: left;
    }

    .col-print-12 {
        width: 100%;
        float: left;
    }


}


@media (max-width: 991.98px) {
    .header-mobile {
        background-color: #a51f1f;
    }

        .header-mobile .burger-icon span {
            background-color: #ffffff;
        }

            .header-mobile .burger-icon span::after, .header-mobile .burger-icon span::before {
                background-color: #ffffff;
            }

        .header-mobile .btn.active .svg-icon svg g [fill], .header-mobile .btn:hover .svg-icon svg g [fill] { 
            fill: #ffffff;
        }

        .header-mobile .btn .svg-icon svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #ffffff;
        }
}

 .card-modern { border-radius: 16px; }
        .card-modern .card-header { border-top-left-radius: 16px; border-top-right-radius: 16px; }

        /* ===== Outline Label ===== */
        .outline-group { position: relative; margin-top: 26px; }
        .outline-group .form-control {
            height: 56px; border-radius: 14px; border: 1px solid #E5EAEE;
            padding: 18px 16px 10px 16px; background: #fff; box-shadow: none !important;
        }
        .outline-group textarea.form-control {
            height: auto; min-height: 140px; padding-top: 22px; resize: vertical;
        }
        .outline-group label {
            position: absolute; top: -9px; left: 14px; background: #fff; padding: 0 6px;
            font-size: 12px; font-weight: 800; color: #7E8299; z-index: 2; margin: 0; pointer-events: none;
        }
        .outline-group .form-control:focus {
            border-color: #0BB783; box-shadow: 0 0 0 4px rgba(11,183,131,.12) !important;
        }
        .outline-group.is-focus label { color: #0BB783; }

        .outline-group .input-validation-error,
        .outline-group .is-invalid {
            border-color: #F64E60 !important;
            box-shadow: none !important;
        }
        .outline-group.is-invalid label { color: #F64E60; }

        .custom-validation-error { display:block; font-size: 12px; margin-top: 6px; color: #F64E60 !important; }

        /* ===== Select2 Outline ===== */
        .outline-group .select2-container { width: 100% !important; }
        .outline-group .select2-container--default .select2-selection--single {
            height: 56px !important; border-radius: 14px !important; border: 1px solid #E5EAEE !important;
            display:flex !important; align-items:center !important; padding-left:10px !important; box-shadow:none !important;
        }
        .outline-group .select2-container--default .select2-selection--single .select2-selection__rendered {
            padding-left: 10px !important;
            color: #3F4254;
            line-height: 1.2 !important;
        }
        .outline-group .select2-container--default .select2-selection--single .select2-selection__arrow { height: 54px !important; }

        .outline-group.is-focus .select2-container--default .select2-selection--single {
            border-color: #0BB783 !important;
            box-shadow: 0 0 0 4px rgba(11,183,131,.12) !important;
        }

        /* ✅ Select2 INVALID FIX */
        .outline-group.is-invalid .select2-container--default .select2-selection--single {
            border-color: #F64E60 !important; box-shadow: none !important;
        }
        .outline-group.is-invalid.is-focus .select2-container--default .select2-selection--single {
            border-color: #F64E60 !important; box-shadow: 0 0 0 4px rgba(246,78,96,.12) !important;
        }
        select.input-validation-error + .select2-container .select2-selection--single { border-color: #F64E60 !important; box-shadow:none !important; }

        /* ===== Toggle Cards ===== */
        .choice-grid { display:flex; flex-wrap:wrap; margin:-8px; }
        .choice-col { width:50%; padding:8px; }
        .choice-card {
            border:1px solid #E5EAEE; border-radius:14px; padding:16px 16px; background:#fff;
            display:flex; align-items:center; cursor:pointer; transition:all .15s ease; min-height:62px; user-select:none;
        }
        .choice-card:hover { border-color:#B8C3CC; box-shadow:0 8px 18px rgba(0,0,0,.06); }
        .choice-card .choice-icon { width:22px; height:22px; border:2px solid #D5DEE6; border-radius:50%; margin-right:12px; position:relative; flex:0 0 22px; }
        .choice-card.active { border-color:#0BB783; background:rgba(11,183,131,.10); box-shadow:0 12px 22px rgba(11,183,131,.10); }
        .choice-card.active .choice-icon { border-color:#0BB783; }
        .choice-card.active .choice-icon:after {
            content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:#0BB783; top:50%; left:50%; transform:translate(-50%,-50%);
        }
        .choice-card .choice-text { font-weight:900; color:#1E1E2D; }

        /* ===== Wizard ===== */
        .wizard-modern .wizard-nav { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
        .wizard-modern .wizard-nav .wizard-step {
            flex:1 1 180px; border:1px solid #E5EAEE; border-radius:14px; padding:12px 14px; background:#fff;
            display:flex; align-items:center; gap:10px; cursor:pointer; transition:all .15s ease;
        }
        .wizard-modern .wizard-nav .wizard-step:hover { box-shadow:0 8px 18px rgba(0,0,0,.06); border-color:#D7DEE8; }
        .wizard-modern .wizard-nav .wizard-step .num {
            width:28px; height:28px; border-radius:10px; display:flex; align-items:center; justify-content:center;
            background:#F3F6F9; color:#3F4254; font-weight:900; flex:0 0 28px;
        }
        .wizard-modern .wizard-nav .wizard-step.active { border-color:rgba(11,183,131,.55); background:rgba(11,183,131,.08); }
        .wizard-modern .wizard-nav .wizard-step.active .num { background:rgba(11,183,131,.16); color:#0BB783; }

        .wizard-modern .wizard-panel { display:none; }
        .wizard-modern .wizard-panel.active { display:block; }

        .wizard-actions {
            display:flex; justify-content:space-between; gap:10px; margin-top:20px; padding-top:14px; border-top:1px solid #EEF1F5;
        }

        /* ===== Belgeler Tiles ===== */
        .doc-grid { display:grid; grid-template-columns: 1fr; gap: 12px; }
        @media (min-width: 768px) { .doc-grid { grid-template-columns: 1fr 1fr; } }
        .doc-tile { border:1px solid #E8EDF3; border-radius:14px; padding:14px 14px 12px 14px; transition:all .15s ease; background:#fff; }
        .doc-tile:hover { box-shadow:0 10px 22px rgba(0,0,0,.06); border-color:#D7DEE8; }

        .doc-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
        .doc-left { display:flex; gap:12px; align-items:flex-start; }
        .doc-ic { width:38px; height:38px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(54,153,255,.10); color:#3699FF; flex:0 0 38px; }
        .doc-title { font-weight:900; color:#1E1E2D; line-height:1.2; }
        .doc-meta { font-size:12px; color:#7E8299; margin-top:4px; }
        .doc-dot { width:10px; height:10px; border-radius:50%; background:#D7DEE8; margin-top:4px; flex:0 0 10px; }

        .doc-tile.is-filled .doc-dot { background:#0BB783; }
        .doc-tile.is-filled { border-color:rgba(11,183,131,.45); background:rgba(11,183,131,.05); }
        .doc-tile.is-filled .doc-ic { background:rgba(11,183,131,.12); color:#0BB783; }

        .doc-tile .custom-file { width:100%; margin-top:12px; }
        .doc-tile .custom-file-label {
            border-radius:12px; height:44px; display:flex; align-items:center; border:1px dashed #D7DEE8; color:#7E8299; background:#FCFDFE;
        }
        .doc-tile .custom-file-label::after {
            height:44px; border-radius:0 12px 12px 0; display:flex; align-items:center; background:#F3F6F9; color:#3F4254;
        }
        .doc-file-name { font-size:12px; color:#7E8299; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:8px; }
   .cm-filter-backdrop {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,.35);
            opacity: 0;
            visibility: hidden;
            transition: .2s ease;
            z-index: 1050;
        }

            .cm-filter-backdrop.open {
                opacity: 1;
                visibility: visible;
            }

        .cm-filter-drawer {
            position: fixed;
            top: 16px;
            right: 16px;
            bottom: 16px;
            width: 420px;
            max-width: calc(100vw - 32px);
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 20px 60px rgba(0,0,0,.2);
            transform: translateX(110%);
            transition: .25s ease;
            z-index: 1060;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

            .cm-filter-drawer.open {
                transform: translateX(0);
            }

        .cm-filter-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px;
            border-bottom: 1px solid #EEF1F5;
        }

        .cm-filter-title {
            font-size: 18px;
            font-weight: 800;
            color: #1E1E2D;
        }

        .cm-filter-body {
            padding: 14px 16px;
            overflow: auto;
        }

        .cm-filter-footer {
            padding: 12px 16px;
            border-top: 1px solid #EEF1F5;
            display: flex;
            gap: 10px;
        }

        .cm-filter-label {
            font-size: 12px;
            font-weight: 800;
            color: #7E8299;
            margin-bottom: 6px;
        }

        /* Select2 invalid kırmızı çerçeve */
        .select2-selection--single.is-invalid {
            border-color: #F64E60 !important;
        }
        /* ===== Drawer tarih alanı: ikon aşağı düşmesin, yan yana birleşsin ===== */
        #filterDrawer .outline-date .input-group {
            display: flex !important;
            flex-wrap: nowrap !important;
            align-items: stretch !important;
            width: 100% !important;
        }

            #filterDrawer .outline-date .input-group > .form-control {
                flex: 1 1 auto !important;
                min-width: 0 !important;
                height: 38px !important;
                min-height: 38px !important;
                border-radius: 12px 0 0 12px !important;
            }

        /* append/prepend kesinlikle alt satıra düşmesin */
        #filterDrawer .outline-date .input-group-append,
        #filterDrawer .outline-date .input-group-prepend {
            display: flex !important;
            flex: 0 0 auto !important;
            width: auto !important;
            margin: 0 !important;
        }

            /* ikon butonu */
            #filterDrawer .outline-date .input-group-append .btn,
            #filterDrawer .outline-date .input-group-prepend .btn {
                height: 38px !important;
                min-height: 38px !important;
                width: 42px !important;
                padding: 0 !important;
                border-radius: 0 12px 12px 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                border-color: #E4E6EF !important;
                background: #F5F8FA !important;
            }

            /* input ile ikon butonu birleşik görünsün (iki border üst üste gelmesin) */
            #filterDrawer .outline-date .input-group-append .btn {
                margin-left: -1px !important;
            }

            #filterDrawer .outline-date .input-group-prepend .btn {
                margin-right: -1px !important;
            }

        /* date-picker bazen ikon butonunu altta blok yapıyor: onu kır */
        #filterDrawer .outline-date .input-group-append,
        #filterDrawer .outline-date .input-group-prepend {
            align-self: stretch !important;
        }

        /* ===== Drawer genel: input/select boyunu küçült (senin isteğin) ===== */
        #filterDrawer .form-control,
        #filterDrawer .select2-container--default .select2-selection--single {
            height: 38px !important;
            min-height: 38px !important;
            border-radius: 12px !important;
            font-size: 13px;
        }

            /* Select2 içerik hizası */
            #filterDrawer .select2-container--default .select2-selection--single .select2-selection__rendered {
                line-height: 36px !important;
                padding: 7px 18px 7px 10px !important;
            }

            #filterDrawer  .select2-container--default .select2-selection--single .select2-selection__placeholder {
                padding: 11px 15px 7px 0px !important;
        }

            #filterDrawer .select2-container--default .select2-selection--single .select2-selection__arrow {
                height: 36px !important;
            }

        /* ===== Drawer: normal select yazısı görünür olsun ===== */
        #filterDrawer select.form-control,
        #filterDrawer select.form-control-sm {
            color: #3F4254 !important;
            background-color: #fff !important;
            -webkit-text-fill-color: #3F4254 !important; /* chrome autofill çakışmalarında lazım */
        }

        /* option yazıları da görünür */
        #filterDrawer select option {
            color: #3F4254 !important;
        }

        /* outline placeholder kuralın select'e bulaşmasın */
        #filterDrawer select::placeholder {
            color: #B5B5C3 !important;
        }

        /* ===== Easy fix: date-picker ikonunu input içine bindir ===== */
        #filterDrawer .dp-abs {
            position: relative;
        }

            /* input küçük ve ikon için sağ padding */
            #filterDrawer .dp-abs input.form-control {
                height: 38px !important;
                min-height: 38px !important;
                border-radius: 12px !important;
                padding-right: 44px !important;
                font-size: 13px;
            }

            /* ikon butonu nerede olursa olsun sağ üstte input içinde görünsün */
            #filterDrawer .dp-abs .btn,
            #filterDrawer .dp-abs button {
                position: absolute !important;
                top: 50% !important;
                right: 8px !important;
                transform: translateY(-50%) !important;
                height: 28px !important;
                width: 28px !important;
                min-height: 28px !important;
                padding: 0 !important;
                border-radius: 8px !important;
                background: #F5F8FA !important;
                border: 1px solid #E4E6EF !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                z-index: 10 !important;
            }

                /* ikon boyutu */
                #filterDrawer .dp-abs .btn i,
                #filterDrawer .dp-abs button i {
                    font-size: 14px !important;
                    color: #7E8299 !important;
                }

            /* altta görünen eski ikon satırı yer kaplamasın */
            #filterDrawer .dp-abs .input-group-append,
            #filterDrawer .dp-abs .input-group-prepend {
                position: absolute !important;
                right: -5px  !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                z-index: 10 !important;
            }

            /* append/prepend'in satır yüksekliği bozmasını engelle */
            #filterDrawer .dp-abs .input-group {
                margin-bottom: 0 !important;
            }

       


        #filterDrawer .outline-group .form-control {
            padding: 7px 18px 7px 19px;
        }

        #filterDrawer .dp-abs .btn-date-picker .input-group-text {
            border: none;
            background: transparent;
        }

        #filterDrawer .dp-abs .btn-date-picker .input-group-text i {
            font-size:28px;
        }

        /* =====================================================
   DataTable – kompakt, modern liste görünümü
   ===================================================== */

/* tablo genel */
.table.dataTable{
    border-collapse: collapse !important;
}

/* satır yüksekliği */
.table.dataTable tbody tr{
    height: auto !important;
}

/* hücre padding küçült */
.table.dataTable tbody td{
    padding: 4px 8px !important;  
    vertical-align: middle !important;
    font-size: 11px;
}

/* header da incelsin */
.table.dataTable thead th{
                padding-bottom: 6px !important;
                padding-top: 6px !important;
                font-size: 12px;
    font-weight: 700;
}

/* ikonlu butonlar satırı şişirmesin */
.table.dataTable .btn{
    padding: 4px 6px !important;
    min-height: unset !important;
    line-height: 1 !important;
}

.table.dataTable .badge{
    padding: 3px 6px !important;
    font-size: 11px;
    font-weight: 600;
}

.table.dataTable td.text-center{
    white-space: nowrap;
}

        .dataTables_scrollBody .table.dataTable thead{
            visibility: collapse !important;
        }
        table.dataTable > thead > tr > td:not(.sorting_disabled), table.dataTable > thead > tr > th:not(.sorting_disabled)
        {
            padding-right:30px !important;
          
        }

        /* satırlar arası boşluk olmasın */
        .table.dataTable tbody tr {
            border-bottom: 1px solid #EEF1F5;
        }

            /* hover daha soft */
            .table.dataTable tbody tr:hover {
                background-color: #F5F8FA;
            }

        div.dataTables_wrapper div.dataTables_info {
            font-size: 10px;
        }

       div.dataTables_wrapper  .dt-table-header .btn{
                padding: .35rem 0.5rem;
    font-size: 0.9rem;
    line-height: 1.5;
        }

        div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
    height: 28px;
    padding: 4px 10px 4px 3px !important;
}
div.dataTables_wrapper div.dataTables_filter input {
    border-radius: 4px 0 0 4px !important;
    margin-left: 0;
    display: inline-block;
    height: calc(1.35em + 0.8rem + 0.87px);
}
div.dataTables_wrapper div.dataTables_filter .btn-table-search {
    border-radius: 0 4px 4px 0 !important;
    border-left: 0;
    cursor: pointer;
    margin-top: -1px;
    border: 1px solid #e4e6ef;
    display: inline-block;
    height: 27.6px;
    padding: 4px 9px;
}
.table.dataTable tbody tr:hover {
    background-color: #d7ffce !important;
    cursor: pointer;
}