.bg-gray {
    background-color: var(--light-gray);
}

.bg-green {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--main-color-rgb), var(--bs-bg-opacity)) !important;
}

.border-transparent {
    border-color: transparent;
}

.nowrap {
    white-space: nowrap
}

.no-link{
    text-decoration: none !important;
}

.om-text-primary {
    color: var(--main-color);
}

.text-normal {
    color: var(--main-text-color);
}

.text-yellow {
    color: #ffca00
}

.transparent {
    background-color: transparent;
    color: transparent;
}

.min-w-0 {
    min-width: 0 !important;
}
.truncate-24ch {
    max-width: 24ch;
}
.truncate-16ch {
    max-width: 16ch;
}    

.btn-green {
    --bs-btn-color: var(--main-on-color); /* testo */
    --bs-btn-bg: var(--main-color); /* sfondo */
    --bs-btn-border-color: var(--main-color); /* bordo */

    --bs-btn-hover-color: var(--main-on-color);
    --bs-btn-hover-bg: var(--main-color-hover);
    --bs-btn-hover-border-color: var(--main-color-hover);
    --bs-btn-focus-shadow-rgb: var(--main-color-rgb); /* box-shadow focus */

    --bs-btn-active-color: var(--main-on-color);
    --bs-btn-active-bg: var(--main-color-active);
    --bs-btn-active-border-color: var(--main-color-active);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: var(--main-on-color);
    --bs-btn-disabled-bg: var(--main-color-disabled);
    --bs-btn-disabled-border-color: var(--main-color-disabled);
}


.btn-outline-green{
    --bs-btn-color: var(--main-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--main-color);
    --bs-btn-hover-color: var(--main-on-color);
    --bs-btn-hover-bg: var(--main-color);
    --bs-btn-hover-border-color: var(--main-color);
    --bs-btn-focus-shadow-rgb: var(--main-color-rgb);
    --bs-btn-active-color: var(--main-on-color);
    --bs-btn-active-bg: var(--main-color-active);
    --bs-btn-active-border-color: var(--main-color-active);
    --bs-btn-disabled-color: var(--main-color-disabled);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--main-color-disabled);
}

.qg-wrapper {
    position: relative;
}

.qg-empty-overlay {
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

::deep tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

::deep td:empty {
    display: none;
}