* {
    font-family: 'Poppins';
}

.dataTables_length, .dataTables_info {
    margin-left: 20px;
}

.dataTables_filter, .dataTables_paginate {
    margin-right: 20px !important;
}

    .dataTables_paginate ul li a {
        font-size: 13px !important;
    }

table.dataTable tbody tr > .dtfc-fixed-left, table.dataTable tbody tr > .dtfc-fixed-right {
    z-index: 1;
    background-color: transparent !important;
}

/*.dataTables_scrollBody {
    height: 200px !important;
}*/


.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.sortable-table tbody tr {
    cursor: grab;
}

.sortable-table .sortable-chosen {
    background-color: transparent !important;
}

.sortable-table .sortable-ghost {
    background-color: transparent !important;
}

.handle {
}

    .handle::before {
    }

.btn-group-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start; /* Adjusts vertical alignment of buttons */
}

    .btn-group-flex .btn {
        flex: 0 0 auto; /* Prevents the buttons from stretching */
        margin-right: 5px;
        margin-bottom: 5px;
    }

.e-grid * {
    font-family: 'Poppins', sans-serif;
}

.e-grid .e-headertext {
    font-size: 12px !important; /* Adjust as per your preference */
}


/*select2*/
/*.select2-container,
.select2-dropdown,
.select2-search__field,
.select2-selection {
    font-family: 'Poppins', sans-serif;
}

.select2-container--bootstrap-5 .select2-selection--single {
    height: 30px !important;
}

.select2-container--bootstrap-5 .select2-selection {
    font-size: 14px !important;
    font-weight: normal !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    font-weight: normal !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 14px;
}

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
        color: #fff;
        background-color: gray;
    }

        .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected:hover, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted):hover {
            background-color: #0d6efd;
        }

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role="group"] .select2-results__group {
        color: #222425;
        font-size: 14px;
    }

.select2-container--disabled .select2-selection,
.select2-container--disabled .select2-selection__rendered,
.select2-container--disabled .select2-dropdown,
.select2-container--disabled .select2-search__field {
    background-color: #f1f1f1 !important;
}

.select2-results__option[aria-disabled="true"] {
    background-color: #f2f2f2;
}*/

.table {
    font-family: 'Poppins', sans-serif;
}

.form-control[readonly] {
    cursor: not-allowed; /* Indicate it's non-editable */
    opacity: 0.7;
}

.details-control::before {
    content: "+";
    display: block;
    cursor: pointer;
    vertical-align: middle !important;
    margin-top: 12px;
}

tr.shown .details-control::before {
    content: "-";
    vertical-align: middle !important;
}

/*#grid table.display thead {
    display: table-header-group;*/ /* Important for webkit */
/*}*/


/*#grid table.display thead {
    z-index: 1;
    position: relative;
}

#grid table.display thead,
#grid table.display th {
    display: table-header-group !important;
    display: table-cell !important;
    visibility: visible !important;
}
*/



#grid-body table {
    display: block;
}

    #grid-body table thead {
        /* display: block !important;*/
        height: 35px !important;
        background-color: red !important;
        color: black !important;
        padding: 10px 0 !important;
    }


    #grid-body table tbody {
        /* display: block !important;*/
    }

        #grid-body table tbody tr {
            width: 100% !important;
        }
/*#grid-body table thead tr {
            color: red !important;
        }

        #grid-body table thead th {*/
/* display: table-cell !important;*/
/*visibility: visible !important;
            color: white !important;
            font-weight: bold;
            vertical-align: middle;
        }


        #grid-body table tbody tr {
            display: block !important;
            width: 100% !important;
        }*/




/*table th:nth-child(1), table td:nth-child(1) {
    width: 100px;  Adjust as necessary 
}

table th:nth-child(2), table td:nth-child(2) {
    width: 150px;  Adjust as necessary 
}*/
/*table tbody {
    max-height: 300px;
    Adjust as necessary overflow-y: auto;
}*/

/* Define these styles in a CSS file */
.padding-level-1 {
    padding-left: 40px !important;
}

.padding-level-2 {
    padding-left: 60px !important;
}

.padding-level-3 {
    padding-left: 80px !important;
}

.padding-level-4 {
    padding-left: 100px !important;
}

.js-voucher {
    cursor: pointer;
}

.voucher-container .active {
    cursor: pointer;
}

.btn-outline-primary.active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.swal2-container {
    font-family: 'Poppins';
}

.modal-header button.btn-circle {
    width: 2.0rem !important;
    height: 2.0rem !important;
}

.btn-transparent {
    background-color: transparent !important;
    border-color: transparent !important;
    text-align: left !important;
}

.card .card-header .toggle-icon {
    float: right;
}

/*#dropzone {
    border: 2px dashed gray;
    border-radius: 5px;
    background: white;
    padding: 20px;
    text-align: center;
    cursor: pointer;
}*/

.position-abs {
    position: absolute !important;
}

.form-select:disabled {
    background-color: #f0e68c; /* Change this to your desired color */
    color: #6c757d; /* Change this to your desired text color */
}

/*.select2-container--bootstrap-5 .select2-selection--single.select2-selection--disabled {
    background-color: #f0e68c !important;*/ /* Change this to your desired color */
/*color: #6c757d !important;*/ /* Change this to your desired text color */
/*}*/

/*.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #6c757d !important;
}*/

/*.select2-container--bootstrap-5 .select2-selection--single {
    background-color: #f0e68c !important;
}*/

/*    .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow b {
        border-color: #6c757d transparent transparent transparent !important;
    }*/

/* General option styling */
/*.select2-container--bootstrap-5 .select2-results__option {
    background-color: #fff;*/ /* Default background */
/*color: #212529;*/ /* Default text color */
/*}*/

/* Hover background for dropdown options */
/*.select2-container--bootstrap-5 .select2-results__option--highlighted {
    background-color: #e9ecef;*/ /* Light gray hover background */
/*color: #212529;*/ /* Dark text on hover */
/*}*/

/* Selected option background */
/*.select2-container--bootstrap-5 .select2-results__option[aria-selected="true"] {
    background-color: #007bff;*/ /* Bootstrap primary color for selected option */
/*color: #fff;*/ /* White text for selected option */
/*}

.select2-results__option--highlighted {
    background-color: #e9ecef !important;*/ /* Hover background */
/*color: #212529;*/ /* Hover text color */
/*}*/



/*.form-select {
    display: none !important;
}*/

.e-grid .e-content {
    min-height: 400px !important;
}

.details .e-content {
    min-height: auto !important;
}

.units .e-content {
    min-height: auto !important;
}

.addresses .e-content {
    min-height: auto !important;
}

.contactPersons .e-content {
    min-height: auto !important;
}

.ledger .e-content {
    min-height: auto !important;
}

.payments .e-content {
    min-height: auto !important;
}

.accordion-body .e-content {
    min-height: auto !important;
}

.duplicate-highlight {
    /*background-color: #f8d7da !important;*/ /* Light red */
    color: #721c24 !important; /* Dark red text */
    border: 2px solid #f5c6cb !important; /* Red border */
}

.tab-min-height {
    min-height: 500px !important;
}

@media (min-width: 768px) {
    .navbar-card-components {
        min-width: 28.8125rem;
    }
}

.no-border-tr {
    border: none !important;
    border-color: transparent !important;
}

.no-last-col-padding tr > *:last-child,
.no-last-col-padding td:last-child,
.no-last-col-padding th:last-child {
    padding-right: 5px !important;
}

.form-control:read-only {
    background-color: var(--falcon-gray-200);
    opacity: 1;
    cursor: not-allowed;
    pointer-events: none;
}

    .form-control:read-only:hover {
        cursor: not-allowed;
    }

.cpe-0 {
    padding-right: 0 !important;
}

.l-h {
    display: none !important;
}

[data-bs-theme="dark"] .e-input-group {
    border-color: #344050 !important;
    background-color: #0b1727 !important;
    font-size: 0.875rem !important;
}


[data-bs-theme="dark"] .e-toolbar {
    /* Styles for nested elements in dark theme */
    border-color: #344050 !important;
    background-color: #232e3c !important;
}


/*[data-bs-theme="dark"] .e-gridheader {*/
    /* Styles for nested elements in dark theme */
    /*border-color: #344050 !important;
    background-color: #232e3c !important;
}*/


[data-bs-theme="dark"] .e-grid .e-headercell {
    background-color: #232e3c;
}
[data-bs-theme="dark"] .e-grid .e-detailheadercell {
    background-color: #232e3c;
}

[data-bs-theme="dark"] .e-table{
    /* Styles for nested elements in dark theme */
    border-color: #344050 !important;
    background-color: #121e2d !important;
}