body.auth{
    background: #f1f4f9;    
}
body.guest{
    background: url(../../images/backgrounds/AFAD.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
body{
    font-size:12px !important;
    visibility: hidden;
}
.text-danger{
    color:#f72b2b !important;
}
.text-success{
    color:#378617 !important;
}
.text-primary{
    color:#2387b6 !important;
}
.text-warning{
    color:#FFA500 !important;
}
.text-limegreen{
    color:#216e1f !important;
}

.text-indigo{
    color:#7B68EE !important;
}

.btn-indigo{
    background-color: #7B68EE;
}
.btn-warning{
    background-color: #FFA500;
}

.border-bottom-indigo{
    border-bottom-color: #7B68EE;
}


input,select,textarea,.selectc,.selecte,.selectize{
    background-color: var(--body-bg) !important;
    color: var(--body-color) !important;
}

input:disabled, input[readonly], .form-control:disabled {
    background-color: var(--body-bg) !important;
}

.form-check-input {
    background-color: var(--body-bg) !important;
}
.form-check-input:checked {
    background-color: var(--form-check-input-checked-bg-color) !important;
}
.content{
padding: 5px;
}

.top-offcanvas{
    top: -2.4% !important;
}

.end-offcanvas{
    right: 50% !important;
}
.navbar{
    padding: 0;
}
.navbar-nav-link {
    padding: 2px 4px;
}

.navbar-brand a, .navbar-brand a i{
    color:var(--body-color);
}

.nav-group-sub .nav-link {
    padding-left: calc(var(--nav-link-padding-x)* 0.5 + var(--icon-font-size));
}

.nav-group-sub .nav-group-sub .nav-link {
    padding-left: calc(var(--nav-link-padding-x)* 1.5 + var(--icon-font-size));
}

@media only screen and (max-width: 500px) {
    .g-recaptcha {
        transform:scale(0.77);
        transform-origin:0 0;
    }
}

@media only screen and (min-width: 501px) {
    .g-recaptcha {
        transform:scale(1.19);
        transform-origin:0 0;
    }
}

.login-form .card{
    background-color: rgba(255,255,255,.4);
    box-shadow: none;
}
.card{
    border-radius: 0%;
}

.card-header,.card-header:first-child {
    border-radius: 0%;
}

.card-header-title {
    padding: 5px 10px;
}
.card-header h5,.sidebar-section h5{
    font-size: 1.1em;
}
.card-header h5{
    color: #fff;
}
.card-footer {
    padding: 5px;
}



.btn {
    padding: 5px;
    border-radius: 0%;
    font-size: 12px;
}
.searchBox input{
    padding:2px;
    margin:0;
    padding-left: 30px !important;
    border-radius: 0%;
}

.searchBox .form-control-feedback-icon{
    padding:2px;
    margin:0;
}
.filtreKutusu{
    display: inline-flex;
    margin-bottom:2px;
}
.filtreKutusu .dropdown{
    margin-left:5px !important;
    margin-top:0px !important;
}
.filtreKutusu .dropdown .form-check{
    margin-top:2px !important;
}

.filtreKutusu select{
    padding:2px;
    min-width: 150px;
    font-size:12px;
}

.filtreKutusu button{
    padding:2px;
}
.form-select~label{
    padding: 2px;
}
.form-select {
    padding: 5px;
    margin:0;
    font-size:11px;
    color:var(--body-color);
    border:1px solid #ccc;
    border-radius: 0%;
}
.form-select option {
    color:var(--body-color);
}

.sidebar-control i{
    color: var(--body-color);
}
.sidebar-section-body{
    padding: 5px;
}

.sidebar-section-header{
    padding:5px;
}
.select2-selection{    
    padding: 2px;
    margin:0;
    font-size:11px;
    border:1px solid #ccc;
    text-indent: 0;
    border-radius:0%;
}
.select2-selection--single .select2-selection__rendered{
    padding:0;
    font-size: 11px;
}
.select2-search--dropdown {
    padding: 2px;
}
.select2-results__option.loading-results {    
    font-size:11px !important;
}
.select2-search--dropdown .select2-search__field {
    padding: 2px;
    text-indent: 22px;
}
.select2-results__option+.select2-results__option {
    padding: 2px;
    font-size:10px !important;
}
.select2-results__option.select2-results__option--highlighted:active, .select2-results__option[aria-selected=true] {
    padding: 2px;
}

.select2-search--dropdown:after {
    left:5px;
}

input[type="date"]{
    padding: 5px;
    font-size: 11px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.modal-backdrop.show {
    background-color: var(--body-color)
}
.modal-header {
    padding: 2px;
    background-color: #777;
    color: #555;
    border-radius: 0%;
}
.modal-title {
    font-size:12px;
}
.modal-content{
    border-radius: 0%;
}
.modal-body{
    padding: 0;
    /*max-height: 720px;*/
}
.modal-body .card{
    background-color: var(--body-bg);
    padding: 0;
    margin:0;
}
.modal-footer {
    padding:2px;
}

.form-control{
    padding:2px;
    font-size:12px;
    border-radius: 0%;
}

.swal2-title{
    font-size:14px;
}

.paginate_button>a{
    padding: 1px 8px;
    min-width: auto;
}

.sonucYazisi{
    color:red;
    font-size:28px;
}


.rc-handle-container{position:relative}.rc-handle{position:absolute;width:7px;cursor:ew-resize;margin-left:-3px;z-index:2}table.rc-table-resizing{cursor:ew-resize}table.rc-table-resizing thead,table.rc-table-resizing thead>th,table.rc-table-resizing thead>th>a{cursor:ew-resize}

#formList .bootstrap-table .fixed-table-container .table tfoot th .th-inner,#formList .bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding: .15rem;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#formList .bootstrap-table.bootstrap5 .pagination-lg .page-link{
    padding: 1px;
}

.fixed-columns,.fixed-columns-right{
    background-color: red;
}

#gridTable {
    max-width: 100%; /* Tablo konteyneri genişliğini ayarla */
    overflow-x: auto; /* Yatay kaydırma çubuğu ekle */
    white-space: nowrap; /* İçeriği bir satırda tut */
    border: 1px solid #ddd; /* Tablo kenarlığı */
}

/* Kaydırma çubuğu stili */
#gridTable::-webkit-scrollbar {
    height: 8px;
}

#gridTable::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

#gridTable::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}



div.dt-button-collection {
    background-color: var(--body-bg);
    color: var(--body-color);
}

.tabulator {
    background-color: var(--body-bg);
    font-size:12px !important;
}

.tabulator .tabulator-header {
    background-color: var(--body-bg);
    color: var(--body-color);
    padding: 1px !important;
}
.tabulator .tabulator-header input {
    border: 1px solid var(--gray-400)
}

.tabulator .tabulator-header .tabulator-col {
    background: var(--body-bg);
}

.tabulator .tabulator-header .tabulator-col.tabulator-moving {
    background: var(--body-bg);
}

.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight {
    background-color: var(--body-bg);
    color: var(--body-color)
}

.tabulator .tabulator-header .tabulator-col.tabulator-range-selected {
    background-color: #3876ca;
    color: var(--body-color)
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
    background: var(--body-bg);   
    padding: 1px !important;
}


.tabulator .tabulator-header .tabulator-calcs-holder {
    background: var(--body-bg)!important;
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
    background: var(--body-bg)!important;
}

.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
    color: var(--body-color);
}

.tabulator .tabulator-tableholder .tabulator-table {
    background-color: var(--body-bg);
    color: var(--body-color);
}

.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
    background: var(--body-bg)!important;
}

.tabulator .tabulator-footer {
    background-color: var(--body-bg);
}

.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active {
    background: var(--body-bg);
}

.tabulator .tabulator-footer .tabulator-calcs-holder {
    background: var(--body-bg)!important;
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
    background: var(--body-bg)!important;
}

.tabulator .tabulator-footer .tabulator-paginator {
    color: var(--body-color);
}
.tabulator .tabulator-footer .tabulator-page {
    background: var(--body-bg);
}

@media (hover: hover) and (pointer:fine) {
    .tabulator .tabulator-footer .tabulator-page:not(disabled):hover {
        background:var(--body-bg);
        color: var(--body-color);
    }
}

.tabulator .tabulator-alert .tabulator-alert-msg {
    background: var(--body-bg);
}


.tabulator-row {
    background-color: var(--gray-400);
    padding: 1px !important;
}
.tabulator-cell {
    padding: 1px !important;
}

.tabulator-row.tabulator-row-even {
    background-color:var(--gray-100);
}
.tabulator-row.tabulator-row-even, .tabulator-row.tabulator-row-odd {
    border-bottom: 1px solid #555;
}

@media (hover: hover) and (pointer:fine) {
    .tabulator-row.tabulator-selectable:hover {
        background-color:var(--body-bg);
    }
}

.tabulator-row.tabulator-selected {
    background-color: #000;
    color:#fff;
}

@media (hover: hover) and (pointer:fine) {
    .tabulator-row.tabulator-selected:hover {
        background-color:#000;
        color:#fff;
    }
}

.tabulator-row.tabulator-selected {
    border: 1px solid white;
}

@media (hover: hover) and (pointer:fine) {
    .tabulator-row.tabulator-selected:hover {
        border: 1px solid white;
    }
}

.tabulator-row.tabulator-row-moving {
    background: var(--body-bg);
}
.tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header {
    background-color: var(--body-bg);
    color: var(--body-color);
}

.tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header,.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header {
    background-color: #3876ca;
    color: var(--body-color)
}

.tabulator-row .tabulator-cell.tabulator-row-header {
    background: var(--body-bg);
    padding: 1px !important;
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
    background: var(--body-bg);
}

.tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header) {
    background-color: var(--body-bg)
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control {
    background: var(--body-bg);
}

@media (hover: hover) and (pointer:fine) {
    .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
        background:var(--body-bg);
    }
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
    background: var(--body-color);
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
    background: var(--body-color);
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
    background: var(--body-color);
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
    background: var(--body-bg);
    color: var(--body-color);
}


.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {
    stroke: var(--body-color)
}


.tabulator-row.tabulator-group {
     /*background-color:var(--body-bg);*/
     background-color:#32CD32;
     color:#000;
}

@media (hover: hover) and (pointer:fine) {
    .tabulator-row.tabulator-group:hover {
        /*background-color:var(--body-bg);*/
        background-color:#32CD32;
    }
}

.tabulator-row.tabulator-group span {
    /*color: var(--body-color);*/
    color: #000;
}

.tabulator-toggle {
    background: var(--body-bg);
}

.tabulator-toggle.tabulator-toggle-on {
    background: var(--body-bg)
}

.tabulator-toggle .tabulator-toggle-switch {
    background: var(--body-bg);
}

.tabulator-popup-container {
    background: var(--body-bg);
}


@media (hover: hover) and (pointer:fine) {
    .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
        background:var(--body-bg);
    }
}


.tabulator-edit-list .tabulator-edit-list-item {
    color: var(--body-color);
}

.tabulator-edit-list .tabulator-edit-list-item.active {
    background: var(--body-bg);
    color: var(--body-color)
}

@media (hover: hover) and (pointer:fine) {
    .tabulator-edit-list .tabulator-edit-list-item:hover {
        background:var(--body-bg);
        color: var(--body-color);
    }
}

.tabulator-edit-list .tabulator-edit-list-placeholder {
    color: var(--body-color);
}

.tabulator-edit-list .tabulator-edit-list-group {    
    color: var(--body-color);
}


.tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after {
    background-color: var(--body-bg);
}

.tabulator-print-table .tabulator-print-table-group {
    background: var(--body-bg);
}

@media (hover: hover) and (pointer:fine) {
    .tabulator-print-table .tabulator-print-table-group:hover {
        background-color:var(--body-bg)
    }
}


.tabulator-print-table .tabulator-print-table-group span {
    color: var(--body-color)
}

.tabulator-print-table .tabulator-data-tree-control {
    background: var(--body-bg);
}

@media (hover: hover) and (pointer:fine) {
    .tabulator-print-table .tabulator-data-tree-control:hover {
        background: var(--body-bg);
    }
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
    background: var(--body-bg);
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
    background: var(--body-bg);
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
    background: var(--body-bg);
}

.custom-context-menu {
    background: var(--body-bg);
    font-size: 14px;
}

.custom-context-menu ul {
    margin: 0;
    padding: 0;
}

.custom-context-menu li {
    padding: 5px 5px;
    cursor: pointer;
    transition: background 0.2s;
}

.custom-context-menu li:hover {
    background: var(--body-color);
    color: var(--body-bg);
}

.selected-row {
    background-color: #ffcc00;
    color: black;
}



.jsPanel-content{
    font-size: 12px !important;
    background: var(--body-bg);
    color: var(--body-color);
}
.jsPanel-titlebar .jsPanel-title {
    font-size: 12px !important;
    font-variant: none;
}

.jsPanel-ftr {
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
    display: none;
    box-sizing: border-box;
    font-size: 1rem;
    height: auto;
    background: var(--body-bg);
    font-weight: 400;
    color: var(--body-color);
    overflow: hidden
}

.selectize-input {
    border: 0;
    padding: 0px;
    box-shadow: none;
}
.selectize-input>input {
    background: var(--body-bg);
    color: var(--body-color);
}
.selectize-dropdown .active:not(.selected) {
    background: var(--body-color);
    color: var(--body-bg)
}
.form-select[data-color-theme=dark], [data-color-theme=dark] .form-select:not([data-color-theme]), html[data-color-theme=dark] .form-select {
    background-image: none;
}
.form-select[data-color-theme=light], [data-color-theme=light] .form-select:not([data-color-theme]), html[data-color-theme=light] .form-select {
    background-image: none;
}
.selectize-control.single .selectize-input.input-active, .selectize-input {
    background: var(--body-bg);
    color:var(--body-color)
}
.selectize-dropdown, .selectize-input, .selectize-input input {
    font-size: inherit;
}
.selectize-input.dropdown-active::before {
    background: var(--body-bg);
    color: var(--body-color);
}

.selectize-control.single .selectize-input {
    background-color: var(--body-bg);
    background-image: none;
    box-shadow: none;
    border: 0;
}

.selectize-control.plugin-clear_button .clear {
    color: var(--body-color);
}