body, html, main, .card-body {
    background-color: #fff;
}
.row-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.pos-input {
    max-width: 50px;
    display: inline-block !important;
}
.set-title {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    img {
        width: 50px;
        border-radius: 5px;
    }
}
.trend-cell {
    .trend-up {
        width: 26px;
        height: 26px;
        border-radius: 3px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: #198754;
        color: #fff !important;
    }
    .trend-down {
        width: 26px;
        height: 26px;
        border-radius: 3px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: #dc3545;
        color: #fff !important;
    }
    .trend-none {
        width: 26px;
        height: 26px;
        border-radius: 3px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: #9da3a9;
        color: #fff !important;
    }
}
.mass-actions {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}
.set-box {
    flex: 1;
}
.hidden-elem {
    display: none !important;
}