.dataTables_wrapper > div.row {
    flex-direction: row-reverse;
}

    .dataTables_wrapper > div.row ul {
        direction: ltr !important;
    }

    .dataTables_wrapper > div.row > div:first-child {
        justify-content: end !important;
    }

    .dataTables_wrapper > div.row > div:last-child {
        justify-content: start !important;
    }

.table.dataTable {
    min-height: 220px;
}

.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 .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%;
}


	.bg-drawing {
		background: url('/images/bg-drawing-mobile.jpg');
		background-size: cover;
		background-position: 50% 50%;
	}

@media (min-width: 678px){
	.bg-drawing {
		background: url('/images/bg-drawing-desktop.jpg');
		background-size: cover;
		background-position: 50% 50%;
	}
}