.StickyHeaderTable {
    &-customHeader {
        border-bottom: 1px solid var(--gray-200);
        display: flex;
        padding-right: 14px;
        width: 100%;
    }

    &-defaultTableSize {
        height: 440px;
        width: 550px;
    }

    &-headerCell {
        color: $section-title;
        float: left;
        font-size: 12px;
        font-weight: $weight_bold;
        overflow: hidden;
        padding: 5px 10px;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
    }

    &-headerCellSortable {
        cursor: pointer;
    }

    &-rowNumber {
        color: $section-title;
        font-size: 10px;
        padding: 10px;
        text-align: center;
    }

    & .Icons-chevron {
        fill: #d9d2d0;
    }

    &-sortIconDown {
        float: right;
        margin-right: 5px;
        margin-top: 3px;
        width: 16px;
    }

    &-sortIconUp {
        float: right;
        margin-right: 5px;
        margin-top: 3px;
        transform: rotate(180deg);
        width: 16px;
    }

    &-sortIconDown > .Icons-chevron,
    &-sortIconUp > .Icons-chevron {
        fill: #6d6565;
    }

    &-sortIcon-hidden {
        display: none;
    }

    &-tableContainer {
        overflow-y: auto;
        width: 100%;
    }
    &-table {
        table-layout: fixed;
        width: 100%;
    }

    &-tableCell {
        overflow: hidden;
        padding: 10px;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    &-tableRow {
        border-bottom: 1px solid var(--gray-200);
    }

    &-tableRow:hover {
        background-color: var(--gray-200);
    }

    &-tableRowNoHover {
        border-bottom: 1px solid var(--gray-200);
    }

    &-tableRowHighlighted {
        background-color: var(--gray-200);
    }

    &-tableRowActive {
        background-color: var(--bluejay_light);
    }

    &-noScrollbar > :last-child {
        padding-right: 27px;
    }

    &-textAlignLeft {
        text-align: left;
    }

    &-textAlignRight {
        text-align: right;
    }

    &-tooltip-icon {
        padding-top: 2px;
    }
}