.tbl-header a:hover .icon-caret, .tbl-header .sorted .icon-caret {
    opacity: 1;
    transition: transform .3s ease-in-out, opacity .1s ease;
}

.tbl-fixed .tbl-row {
    padding-left: 0;
    background-color: #ffffff;
}

.tbl-fixed .tbl-body .tbl-row:hover,
.tbl-fixed .row-selected {
    outline: none;
    position: relative;
    z-index: 10;
}

.tbl-fixed .tbl-body .tbl-row:hover:before,
.tbl-fixed .row-selected:before {
    content: "";
    display: block;
    position: absolute;
    inset: -1px 0;
    z-index: 30;
    border: 2px solid #9bb2f2; /*rgba(51, 101, 227, 0.5)*/
    pointer-events: none;
}

.tbl-fixed .tbl-body .tbl-row:first-child:hover:before {
    top: 0;
}

.tbl-fixed .tbl-td--fixed,
.tbl-fixed .tbl-header .tbl-td--fixed {
    left: 0;
    z-index: 20;
    background-color:  inherit;
    order: -2;
    position: unset;
}

.tbl-fixed .tbl-td--fixed:first-child,
.tbl-fixed .tbl-header .tbl-td--fixed:first-child {
    padding-left: 1rem;
}

.tbl-fixed .tbl-td--fixed.w40:first-child,
.tbl-fixed .tbl-header .tbl-td--fixed.w40:first-child {
    padding-left: .75rem;
}

.tbl-fixed .tbl-td--fixed .tbl-td-title,
.tbl-fixed .tbl-header .tbl-td.tbl-td--fixed > a {
    padding-left: 21px;
    position: relative;
}

.tbl-fixed .tbl-td--fixed .tbl-td-title:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 3L7.33317 5.66667L4.6665 6.66667L3.6665 7.66667L8.33317 12.3333L9.33317 11.3333L10.3332 8.66667L12.9998 6' stroke='%233365E3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 10L3 13' stroke='%233365E3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.6665 2.66675L13.3332 6.33341' stroke='%233365E3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-color: var(--primary, #3365e3);
    mask-repeat: no-repeat;
    mask-size: 16px 16px;
    mask-position: 50% 50%;
    position: absolute;
    left: 0;
    top: -2px;
}

.tbl-fixed .tbl-footer {
    position: sticky;
    bottom: 0;
    z-index: 30;
    background-color: #ffffff;
    margin-top: auto;
}

.tbl-fixed .tbl-divider {
    display: none;
    border-right: 1px solid #cccccc;
    order: -1;
    margin-top: -1px;
    margin-bottom: -1px;
}

.tbl-fixed .tbl-td--fixed ~ .tbl-divider {
    display: block;
}

.tbl-fixed .tbl-row:last-child .tbl-divider {
    margin-bottom: 0;
}

.tbl-fixed .tbl-header .tbl-divider {
    /*margin-top: 34px;*/
    /*opacity:0;*/
}

.tbl-fixed .row-success {
    background: #ddfed7;
}

.tbl-fixed .row-danger {
    background: #ffdad5;
}

.tbl-fixed .row-warning {
    background: #fefad6;
}

.tbl-fixed .row-info {
    background: #d7f2ff;
}

.tbl-fixed .row-light {
    background-color: #f3f3f3;
}

.tbl-fixed .tbl-td.sorted {
    background: #eaeffc;
}

.tbl-fixed .row-success .tbl-td.sorted {
    background: #cbeed9;
}

.tbl-fixed .row-danger .tbl-td.sorted {
    background: #eaced7;
}

.tbl-fixed .row-warning .tbl-td.sorted {
    background: #eaebd8;
}

.tbl-fixed .row-info .tbl-td.sorted {
    background: #c6e4fc;
}

.tbl-fixed .row-light .tbl-td.sorted {
    background: #e0e4f3;
}

.tbl-body .tbl-row.checked {
    background: #eeeeee;
}

.tbl-fixed .tbl-body .tbl-row.checked .tbl-td.sorted {
    background: #dbe0ed;
}

@media (min-width: 768px) {
    .tbl-fixed {
        overflow-y: auto;
    }

    .tbl-fixed .tbl {
        height: auto;
        min-height: 100%;
    }

    .tbl-fixed .tbl-header {
        position: sticky;
        top: 0;
        background-color: #ffffff;
        z-index: 40;
    }

    .tbl-fixed .tbl-body {
        overflow: visible;
        height: auto;
    }

    .tbl-fixed .tbl-td--fixed,
    .tbl-fixed .tbl-header .tbl-td--fixed {
        position: sticky;
    }

    .tbl-fixed .tbl-header .bootstrap-select .dropdown-menu > .inner {
        max-height: calc(100vH - 390px) !important;
    }
}

.fixed-control {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.tbl-header .fixed-control .custom-checkbox {
    margin-top: 0;
    min-height: auto;
    width: 100%;
}

.tbl-header .fixed-control .custom-control-label {
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
}

.modal-column .tbl-td a {
    padding-right: 10px;
}

.modal-column .fixed-control .custom-control-label::before,
.modal-column .fixed-control .custom-control-label::after {
    top: -2px;
}

.modal-column .tbl-header .tbl-td--fixed {
    /*position: sticky;*/
    /*left: 0;*/
    /*background-color: #ffffff;*/
    /*z-index: 20;*/
    order: -2;
    background-color: #EBF0FD;
}

.modal-column .tbl-header .tbl-td--fixed.first-fixed {
    border-radius: 8px 0 0 8px;
}

.modal-column .tbl-header .tbl-td--fixed.last-fixed {
    border-radius: 0 8px 8px 0;
}

.modal-column .tbl-td.is-checked {
    background-color: #EBF0FD;
}

.modal-column .tbl-td.is-checked:not(.tbl-td--fixed) {
    border-radius: 8px;
}