.table {
    /* Table background color */
    --bs-table-bg: #ffffff;
    /* Alternate row color */
    --bs-table-striped-bg: #effafb;
    /* Hover color */
    --bs-table-hover-bg: #daf1cf;
}

.table-custom-header {
    /* Header color */
    --bs-table-bg: #daeff1;
    --bs-table-color: #000000;
    /*--bs-table-bg: linear-gradient(90deg, #6c63ff, #8a2be2);*/
}

.table-container {
    /*background-color: #91ced4;*/
    background-color: #daeff1;
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden; /* Ensures child elements with rounded corners are contained */
    padding-left: 3px;
    padding-right: 3px;
}

.col-group-header {
    --bs-table-bg: #daf1cf;
    --bs-table-striped-bg: #daf1cf
}

.toggle-selected {
    background-color: #daeff1;
    --bs-btn-hover-bg: #daf1cf;
    --bs-btn-border-color: teal;
    --bs-btn-hover-border-color: teal;
}

.toggle-not-selected {
    background-color: #ffffff;
    --bs-btn-hover-bg: #daf1cf;
    --bs-btn-border-color: teal;
    --bs-btn-hover-border-color: teal;
}

.custom-edit {
    background: var(--nf-input-background-color);
    font-family: inherit;
    font-size: var(--nf-input-font-size);
    border-bottom-width: var(--nf-input-border-width);
    font-family: var(--nf-input-font-family);
    box-shadow: none;
    border-radius: var(--nf-input-border-radius);
    border: var(--nf-input-border-width) var(--nf-input-border-style) var(--nf-input-border-color);
    border-bottom: var(--nf-input-border-bottom-width) var(--nf-input-border-style) var(--nf-input-border-color);
    color: var(--nf-input-color);
    width: 100%;
    padding: calc(var(--nf-input-size) * 0.75);
    height: calc(var(--nf-input-size) * 2.75);
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.15s ease-out;
    --icon-padding: calc(var(--nf-input-size) * 2.25);
    --icon-background-offset: calc(var(--nf-input-size) * 0.75);
}