.informer {
    display: grid;
    width: 120px;
    grid-template-columns: 100%;
    padding-right: 20px;
    text-align: center;
}
/*
.data-grid-title {
    display: table-header-group;
    grid-template-columns: 100%;
    padding-right: 10px;
    text-align: left;
}*/

.count {
    font-size: 18px;
    font-weight: 500;
}

/* .dx-toolbar-items-container { */
.dx-datagrid-header-panel .dx-toolbar-items-container {
    margin: 0px;
    /* background-color: #989898; */
    color: #ffffff !important;
    padding: 0px;
    height: 44px !important;
}

.dx-datagrid-header-panel {
    height: 44px;
    /*background-color: #989898;*/
    background-color: #9e9e9e;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.dx-datagrid-header-panel .dx-icon {
    color: white !important;
}

.dx-datagrid-header-panel .dx-button-has-icon .dx-button-content {
    /*background-color: #989898;*/
    background-color: #9e9e9e;
}

.dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
    border-radius: 0% !important;
    box-shadow: none;
}

.dx-datagrid-row-class {
    height: 40px;
    font-weight: bold;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    font-weight: bold !important;
    /* font-size: 14px; */
    color: black;
}

.dx-placeholder {
    color: white !important;
}

.dx-datagrid-header-panel .dx-texteditor-input {
    color: white !important;
    /*background-color: #989898;*/
    background-color: #9e9e9e;
}

.dx-searchbox .dx-icon-search::before {
    color: white !important;
}

.dx-datagrid .dx-data-row > td {
    padding: 1px 1px !important;
    font-size: 12px !important;
    line-height: 1px !important;
    white-space: nowrap !important;
    height: 30px !important;
}

.dx-datagrid-filter-row {
    padding: 1px 1px !important;
    line-height: 1px !important;
}

.dx-datagrid .dx-datagrid-table .dx-header-row > td {
    padding: 5px 5px 5px 5px !important;
    font-size: 12px !important;
}

.dx-row.dx-column-lines.dx-header-row {
    background-color: #ccc;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    height: 30px !important;
    padding: 0 1px !important;
    /*
    background: rgba(255, 255, 255, 0);
    font-size: 14px;
    height: 25px;
    line-height: 25px;    
    margin-top: 0;
        */
}

.dx-datagrid-edit-popup-form {
    padding: 8px !important;
}

.dx-popup-content .dx-texteditor.dx-editor-filled .dx-texteditor-input {
    padding: 5px 5px 5px 5px !important;
    height: 35px !important;
}

.dx-field-item-label-location-top {
    padding: 10px 0px 4px !important;
    padding-inline-start: 1px !important;
    padding-inline-end: 10px !important;
    line-height: 0.2 !important;
}

/*.dx-searchbox.dx-editor-filled .dx-texteditor-input {
    padding: 15px 16px 14px !important;
}*/

/*.dx-layout-manager .dx-field-item {
    height: 70px !important;
    padding: 5px 5px 5px 5px !important;
}*/

.dx-datagrid-headers table td div.dx-datagrid-text-content {
    white-space: normal;
}

.dx-datagrid-group-panel .dx-group-panel-message {
    color: black !important; /* Yazı rengini beyaz yapar */
}

/* Toolbar'daki buton ve ikonların kutucuk etkisini kaldırır */
.dx-toolbar .dx-button-has-icon .dx-button-content,
.dx-toolbar .dx-icon,
.dx-toolbar .dx-button,
.dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
    background-color: transparent !important; /* Arka planı şeffaf yapar */
    border: none !important; /* Beyaz sınırları kaldırır */
    box-shadow: none !important; /* Gölgeyi kaldırır */
    border-radius: 0 !important; /* Kenarlık yuvarlamalarını sıfırlar */
}

/* Özellikle grid içindeki üç nokta (overflow menu) ikonlarını hedefler */
.dx-datagrid-header-panel .dx-icon-overflow,
.dx-toolbar .dx-icon-overflow {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Genel olarak tüm toolbar ve grid ikonlarını hedefler */
.dx-datagrid .dx-icon,
.dx-toolbar .dx-icon,
.dx-toolbar .dx-button-has-icon .dx-button-content {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Arama kutusunda focus durumundaki mavi kutucuğu kaldırır */
.dx-searchbox .dx-texteditor-input:focus {
    outline: none !important; /* Focus sınırını kaldırır */
    box-shadow: none !important; /* Focus gölgesini kaldırır */
}

.dx-datagrid-search-panel .dx-show-invalid-badge
.dx-textbox dx-texteditor .dx-editor-outlined .dx-searchbox
.dx-show-clear-button .dx-texteditor-empty dx-widget {
    border: transparent !important;
}