.frame-type-standing-table {
    .scrollbar {
        overflow: hidden; //remove scrollbar
        position: relative;

        &::after {
            content: "";
            @include position(absolute, 0 -1px 0 null);
            width: 20px;
            background: linear-gradient(90deg, rgba($white, 0), $white);
        }

        .table-responsive {
            cursor: grab;
            margin-bottom: -20px; //remove scrollbar

            &:active {
                cursor: grabbing;
            }
        }
    }
}

.table-standings {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;

    th,
    td {
        border-top: none;
        vertical-align: middle;
    }

    th {
        border-bottom: none;
        font-size: .75rem;
        font-weight: normal;
    }

    tbody {
        tr {
            background-color: #F6F6F6;
            border-top: 5px solid $white;

            td {
                font-size: $font-size-sm;

                &:first-child {
                    padding-left: 1.5rem;
                    position: relative;

                    &::before {
                        content: "";
                        @include position(absolute, 0 null 0 0);
                        background-color: #E2E2E2;
                        width: 10px;
                    }
                }

                &:first-child,
                &:nth-child(3) {
                    @include Rift-Bold;
                    white-space: nowrap;

                    @include media-breakpoint-up(md) {
                        font-size: $h5-font-size;
                    }
                }
            }

            &.hsg td {

                &:first-child,
                &:nth-child(3) {
                    color: $secondary;
                }
            }
        }
    }

    img {
        width: 30px;
        height: 30px;
    }
}