﻿app {
    height: 100%;
    display: flex;
}

.dashboard-tabs .nav-link span {
    font-size: 3rem;
}

.cursor-default {
    cursor: default !important;
}

.navi .navi-item .navi-link {
    cursor: pointer;
}

.m3ds {
    width: 100%;
    height: 60vh;
    border: none;
}

.card-filter > div {
    margin-bottom: 20px;
}

.hasTableList .dt-bootstrap4 > .row {
    max-height: calc(100vh - 265px);
    overflow: auto
}

    .hasTableList .dt-bootstrap4 > .row.pagination-row {
        overflow: unset;
    }

time.icon {
    font-size: 1em; /* change icon size */
    display: block;
    position: relative;
    width: 5em;
    height: 5em;
    background-color: #fff;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
    overflow: hidden;
}

    time.icon * {
        display: block;
        width: 100%;
        font-size: 1em;
        font-weight: bold;
        font-style: normal;
        text-align: center;
    }

    time.icon strong {
        position: absolute;
        top: 0;
        /*padding: 0.2em 0;*/
        color: #fff;
        background-color: #fd9f1b;
        border-bottom: 1px dashed #f37302;
        box-shadow: 0 2px 0 #fd9f1b;
    }

    time.icon em {
        position: absolute;
        bottom: 0.1em;
        color: #fd9f1b;
    }

    time.icon span {
        font-size: 1.6em;
        letter-spacing: -0.05em;
        padding-top: 1em;
        color: #2f2f2f;
    }

.tagify__input {
    border: hidden;
}

.tagify__dropdown__item.selected {
    background: #8950FC;
    color: #fff;
}


.timeline.timeline-6 .timeline-item .timeline-label {
    width: 100px !important;
}

.timeline.timeline-6:before {
    left: 101px !important;
}

.top-yearbox .btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-clean:not(:disabled):not(.disabled).active, .show > .btn.btn-clean.dropdown-toggle, .show .btn.btn-clean.btn-dropdown {
    width: auto;
    padding: 10px;
}

#kt_content > .flex-column-fluid > .container-fluid {
    max-width: calc(100vw - 282px);
}

.aside-minimize #kt_content > .flex-column-fluid > .container-fluid {
    max-width: calc(100vw - 87px);
}

.form-control {
    background-color: #fcfcfc !important;
}

.dataTables_wrapper .dataTable thead th i {
    font-size: 0.6rem;
}

.dataTables_wrapper .dataTable thead th {
    white-space: nowrap;
    padding: 1rem;
    background: #f3f3f3 !important;
    cursor: default;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #333;
}

    .dataTables_wrapper .dataTable thead th.sorting {
        cursor: pointer;
    }

.dataTables_wrapper .dataTable td {
    white-space: nowrap;
    padding: 0 0.5rem 0;
    text-align: left !important;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #999;
}

.mrp-scroller {
    max-width: 100vw;
    max-height: 60vh;
    overflow: scroll;
    position: relative;
}

    .mrp-scroller .dataTable {
        position: relative;
        border-collapse: collapse;
    }

        /*    .mrp-scroller .kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__body .kt-datatable__row.kt-datatable__row--even > .kt-datatable__cell {
        background: antiquewhite !important;
    }*/

        /* .mrp-scroller .kt-datatable__table th {
        background: #FFF !important;
    }
*/
        .mrp-scroller .dataTable thead th {
            position: -webkit-sticky; /* for Safari */
            position: sticky;
            top: 0;
            background: #FFF;
            color: #000;
        }

        /*  .mrp-scroller .kt-datatable__table thead th:first-child {
            left: 0;
            z-index: 1;
        }*/

        /*     .mrp-scroller .kt-datatable__table thead th:nth-child(1), .kt-datatable__table thead th:nth-child(2), .kt-datatable__table thead th:nth-child(3) {
            min-width: 100px;
            z-index: 2;
        }*/

        .mrp-scroller .dataTable tbody th {
            position: -webkit-sticky; /* for Safari */
            position: sticky;
            left: 0;
            z-index: 1;
            background: #FFF;
            min-width: 60px;
        }

/*  .mrp-scroller .dataTable tbody th:nth-child(2), .kt-datatable__table thead th:nth-child(2) {
                left: 100px;
            }

            .mrp-scroller .dataTable tbody th:nth-child(3), .kt-datatable__table thead th:nth-child(3) {
                left: 200px;
                border-right: 1px solid #CCC;
            }*/

#invoiceList .kesildi td {
}

#invoiceList .onayland td {
    color: #34A952;
    font-weight: 600;
}

#invoiceList .reddedildi td {
    color: #EA4436;
    font-weight: 600;
}

.tagify__dropdown {
    z-index: 101;
}
