.filter_cont #filterdiv { xposition: absolute; z-index: 1000; margin-top: 50px; }
.filter_cont .filter-reset { display: none; }
.filter_cont.filter_active .filter-reset { display: inline-block; }
.filter_cont.filter_active .filter-btn { background-color: #87B87F !important; border-color: #87B87F; }
table tr.inactive td,table tr.inactive td i {
    color: var(--ct-gray-400) !important;
}
.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

.table {
    &.table-primary:hover,
    &.table-primary tr:hover {
        background-color: #D1D119 !important;
    }
}

/* Selektor mieri na bunky (td), aby prebil Bootstrap shadow triky */
.table-hover > tbody > tr:hover > * {
    /* 1. Resetujeme systémové premenné stavu */
    --ct-table-accent-bg: transparent !important;
    --ct-table-bg-state: transparent !important;

    /* 2. Definujeme čistú farbu bez miešania */
    background-color: #e7f1ff !important; /* Veľmi svetlá modrá */

    /* 3. Kľúčový krok: Prepíšeme vnútorný tieň čistou farbou */
    box-shadow: inset 0 0 0 9999px #e7f1ff !important;

    /* 4. Text musí zostať tmavý pre čitateľnosť */
    color: #000 !important;
}

.crm-file.removed td {
    opacity: 0.4;
    text-decoration: line-through;
}

.hidden { display: none !important; }

.popover {
    max-width: 600px;
}
.popover .popover-body {
    padding: 0;
}

.file-preview-object {
    width: 100%;
    height: 75vh;
    border: none;
}
.modal-dialog.width90 {
    max-width: 90vw;
}
.file-preview-img  {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 75vh;
    display: block;
    margin: 0 auto;
}