﻿.dataTables_wrapper > div.row {
    flex-direction: row-reverse;
}

.dataTables_wrapper > div.row ul {
    direction: ltr !important;
}

.card-body:not([data-kt-dataTable-report]) .dataTables_wrapper > div.row > div:first-child {
    justify-content: start !important;
    flex-wrap: wrap;
}

.card-body:not([data-kt-dataTable-report]) .dataTables_wrapper > div.row > div:last-child {
    justify-content: start !important;
}

.table.dataTable:not(.fixedHeader-floating) {
    min-height: 220px;
}

.dtfh-floatingparent {
    top: 70px !important;
}

.image-input-placeholder {
    background-image: url('/AdminPanel/assets/media/svg/files/blank-image.svg');
}

[data-bs-theme="dark"] .image-input-placeholder {
    background-image: url('/AdminPanel/assets/media/svg/files/blank-image-dark.svg');
}

.ck-balloon-panel {
    z-index: 2000 !important;
}

.select2-selection__choice {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

.select2-selection__choice__display {
    margin-left: 0 !important;
    margin-right: 1.1rem !important;
}

.apexcharts-tooltip-marker {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

.apexcharts-xaxistooltip.apexcharts-active {
    margin-top: 2px;
}

.w-max {
    width: max-content;
}

.right-0 {
    right: 0;
}

.cursor-pointer {
    cursor: pointer;
}

.block {
    display: block;
}

.h-screen {
    height: 100vh;
}

.m-auto {
    margin: auto;
}

.mt-24 {
    margin-top: 96px;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-12 {
    margin-top: 3rem;
}

.text-xl {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
}

.text-6xl {
    font-size: 3.75rem; /* 60px */
    line-height: 1;
}

.rounded-md {
    border-radius: 0.375rem; /* 6px */
}

.hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.min-h-fit {
    min-height: fit-content !important;
}

.h-fit {
    height: fit-content !important;
}

.bg-drawing {
    background: url(/images/bg-drawing.jpg);
    background-size: cover;
    background-position: center center;
}

    .bg-drawing .card {
        box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12);
        -webkit-backdrop-filter: saturate(200%) blur(30px);
        backdrop-filter: saturate(200%) blur(30px);
        background-color: rgb(255 255 255 / 50%) !important;
    }

    .bg-drawing .form-control {
        background-color: rgba(255, 255, 255, 0.75) !important;
        color: #945d0d !important;
    }

        .bg-drawing .form-control:not(.is-valid, .is-invalid) {
            border-color: #ffd9a4;
        }

        .bg-drawing .form-control:focus {
            border-color: #daa65d;
        }

    .bg-drawing label[for] {
        color: #945d0d !important;
    }

.btn-gold {
    color: var(--bs-primary-inverse) !important;
    background-color: #d88d1a;
}

    .btn-gold:hover,
    .btn-gold:active {
        background-color: #c98012 !important;
    }

    .opacity-30{
        opacity: 0.3;
    }

    .opacity-40{
        opacity: 0.4;
    }

    .opacity-45{
        opacity: 0.45;
    }

.h-70{
    height: 70%;
}

.apexcharts-legend-marker {
    margin-right: 0 !important;
    margin-left: 4px;
}

.custom-card-header {
    background-color: var(--bs-card-bg);
    color: var(--bs-body-color);
    border-radius: var(--bs-card-border-radius);
    box-shadow: var(--bs-card-box-shadow);
}

[data-bs-toggle="collapse"] .ki-plus {
    display: none;
}

[data-bs-toggle="collapse"] .ki-minus {
    display: inline-flex;
}

[data-bs-toggle="collapse"].collapsed .ki-plus {
    display: inline-flex;
}

[data-bs-toggle="collapse"].collapsed .ki-minus {
    display: none;
}

@media (min-width: 992px) {
    .aggregation-report .dataTables_wrapper .row{
        margin-top: 1rem;
    }

    .aggregation-report .dataTables_wrapper .row > div {
        width: 100%;
        justify-content: center !important;
    }
}