.ProfilePictureContainer {
    border: 1px solid #e2e5ec;
    padding: 5px;
    border-radius: 0.5rem;
}

td.Gelir {
    color: #1acd1a !important;
}

td.Gider {
    color: #ff3019 !important;
}

tr.del td {
    background-color: #f9f9f9 !important;
    color: #ffc6c6 !important;
}

tr.del td.Gelir {
    background-color: #f9f9f9 !important;
    color: #ffc6c6 !important;
}

tr.del td.Gider {
    background-color: #f9f9f9 !important;
    color: #ffc6c6 !important;
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 18.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    border-width: 0 0 100px 200px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translate(-300px, 0) scale(4);
    direction: ltr;
    cursor: pointer;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 4px;
}
.swal-medium{
    width:50em !important;
}.swal-wide{
     width:75em !important;
 }
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.blink {
    animation: blink-animation 2s steps(5, start) infinite;
    -webkit-animation: blink-animation 2s steps(5, start) infinite;
}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

td.options button {
    
}

.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}


.form-group:has(input[required]) > label::after,
.form-group:has(select[required]) > label::after,
.form-group:has(textarea[required]) > label::after {
    content: " *";
    color: #fd397a;
    font-weight: 600;
}

.record-nav {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.kt-subheader .record-nav .btn {
    margin: 0;
    flex: 0 0 auto;
}

.record-nav .kt-subheader__search {
    width: 9rem;
    max-width: 100%;
    margin: 0 0.25rem;
}

.record-nav .kt-subheader__search .form-control {
    height: 32px;
    text-align: center;
}

@media (max-width: 1024px) {
    .kt-subheader__toolbar:has(.record-nav) {
        flex: 1 0 100%;
    }

    .kt-subheader__toolbar:has(.record-nav) .kt-subheader__wrapper,
    .record-nav {
        display: flex;
        width: 100%;
        align-items: center;
    }

    .record-nav .kt-subheader__search {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }
}