.dataTable {
    width: 100% !important;
}
.dt-container {
    padding: 1rem;
    margin: 1rem;
    background-color: white;
    border-radius: 1rem;
}


/* th {
    text-align: center !important;
} */

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
	text-align: left !important;
}

.dt-type-numeric {
    text-align: left !important;
}

.tdcenter {
    text-align: center !important;
}

th {
    color: black !important;
    font-size: 0.9rem !important;
}

.select2 .select2-container .select2-container--default .select2-container {
    background-color: #fff !important;
}
.select2-container--default .select2-selection--single {
    @apply input input-bordered w-full sm:max-w-xs;
    border-color: #d0d0d0 !important;
    height: auto; /* Adjust the height */
    padding: 0.5rem 0.75rem; /* Adjust padding for better alignment */
    border-radius: 0.6rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}

.select2-container--default .select2-dropdown {
    @apply bg-white border border-gray-300 rounded-md shadow-lg;
    padding: 0.5rem;
}

.voucher-modal-box.w-11\/12.max-w-5xl {
    @apply cursor-pointer hover:bg-gray-100;
}

.select2-container--default .select2-results__option--highlighted {
    @apply bg-blue-500 text-white;
}

.voucher-modal-box.w-11\/12.max-w-5xl {
    height: 90vh !important;
    overflow: auto !important;
    background: white !important;
    border-radius: 1rem !important;
}

.btn.second {
    margin-right: 1rem !important;
    margin-bottom: 1.5rem !important;
}

.select2 .select2-container .select2-container--default .select2-container--disabled{
	background-color: #f0f0f0 !important;
}

.input:disabled, .input[disabled] {
    border-color: #d0d0d0 !important;
}


.max-width-column {
    max-width: 400px !important;   /* Set the max width */
    overflow: hidden !important;    /* Hide overflow text */
    text-overflow: ellipsis !important; /* Show ellipsis for overflow text */
}

body {
    overflow-y: clip !important;
}

.tooltip {
    display: none !important;
    position: absolute !important;
    background-color: black !important;
    color: white !important;
    padding: 0.5rem !important;
    border-radius: 0.25rem !important;
    z-index: 100 !important;
    white-space: normal; /* Allow text to wrap to the next line */
    max-width: 300px; /* Set a maximum width for the tooltip */
    word-wrap: break-word; /* Break long words if needed */
    text-align: left !important;/* ← left-align all tooltip text */

}

td:hover .tooltip {
    display: block !important;
}

.dt-search {
	display: block ruby !important;
}

.dt-layout-cell.dt-layout-end {
    margin-bottom: inherit !important;
}

.thebtn {
    height: 2rem !important;
}

.hey-invoice-top{
    margin-top: 1rem;
}

.block.text-base.font-normal {
	font-size: 0.8rem;
}

div[type="text"], div[type="date"] {
    font-size: 0.8rem;
}

.w-16 {
	width: 6rem;
}

.sticky-column {
    position: sticky;
    right: 0;
    background-color: #ffffff; /* Match the table background to avoid overlap */
    z-index: 2;
}

.sticky-column:hover {
    z-index: 3; /* Elevate on hover for better visibility */
}

.font-size-invoice {
    font-size: 0.75rem !important;
}

.text-center.relative {
    position: relative;
}

.search-code {
    position: relative; /* Ensure the input is positioned properly */
    z-index: 10; /* Allow the input to stay on top of other elements */
}

.dropdown-item- {
    font-size: 14px;
}
.zzz{
    z-index: 1;
    position: relative;
}


@media print {
    .invoice-container > * + * {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .font-size-invoice {
        font-size: 0.65rem !important;
    }
    .space-container-x-4  > * + * {
        margin-right: 16px;
        margin-left: 16px;
    }
    .space-container-y-2  > * + * {
        margin-top: 8px;
        margin-bottom: 8px
    }
}
@media print {
    /* table:last-of-type tfoot.footer-content {
        display: table-row-group;
    } */
    table tr {
        page-break-inside: avoid;
    }
    tfoot.footer-content {
        display: table-row-group;
    }
}