.fss-table-footer-row {
    position: relative;
    display: flex;
    color: var(--fss-blue-grey);
    background-color: var(--fss-light-grey-better);
    border-top: 1px solid rgba(112, 112, 112, 0.4);
    border-bottom: 1px solid rgba(112, 112, 112, 0.4);
    width: 100%;
    height: 35px;
    align-items: center;

    .pull-left {
        display: flex;
        float: left;
        margin-left: 9px;
        width: 60%;
        align-items: center;

        .export-image {
            width: 14px;
            height: 14px;
            margin-right: 7px;
            cursor: pointer;
        }

        .caption-2 {
            font-family: "Roboto", Helvetica, Arial, serif;
            font-size: 12px;
            font-weight: 500;
            line-height: 19px;
            opacity: 1;
        }
    }

    .pull-right {
        width: 100%;
        .pull-right-content {
            display: flex;
            float: right;
            margin-right: 9px;
            align-items: center;

            .fss-table-available-columns {
                margin-left: 8px;
                .columns-image {
                    width: 17px;
                    height: 14px;
                    margin-right: 7px;
                    cursor: pointer;
                }
            }
        }

        .pull-right-content:before {
            content: "";
            position: absolute;
            top: 2px;
            bottom: 2px;
            width: 1px;
            background-color: var(--fss-vertical-gray-divider);
        }
    }

    @media screen and (min-width: 960px) {
        .pull-left {
            width: 75%;
        }

        .pull-right {
            width: 25%;
        }
    }
}