[fixed-first-column] {
    position: relative;
    width: 100%;
    margin: 10px;
    padding-bottom: 1px;
    max-height: 400px;
    display: -moz-groupbox;
    overflow: auto;
}

    [fixed-first-column] > .table-responsive {
        margin-left: 430px;
    }

        [fixed-first-column] > .table-responsive table {
            border-collapse: collapse;
            background-color: #f5f5f5;
        }

            /*[fixed-first-column] > .table-responsive table > tbody {
                overflow-x: scroll;
                max-height: 400px !important;
            }*/

                [fixed-first-column] > .table-responsive table > tbody > tr > td:first-child {
                    overflow-y: scroll;
                    max-height: 400px !important;
                    width: 100%;
                    position: absolute;
                    left: 0;
                    padding-top: 0 !important;
                    padding-bottom: 0 !important;
                    padding-right: 5px !important;
                    margin-right: 430px !important;
                }

        [fixed-first-column] > .table-responsive .table > thead > tr > td:first-child,
        [fixed-first-column] > .table-responsive .table > tbody > tr > td:first-child,
        [fixed-first-column] > .table-responsive .table > thead > tr > th:first-child,
        [fixed-first-column] > .table-responsive .table > tbody > tr > th:first-child {
            position: absolute;
            display: inline-table;
            table-layout: fixed;
            max-width: 430px;
            width: 430px;
            left: 0;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            padding-right: 5px !important;
        }


            /*[fixed-first-column] > .table-responsive .table > tbody > tr > td {
                min-width: 80px;
                width: 80px;
            }*/
            [fixed-first-column] > .table-responsive .table > thead > tr > td:first-child > div,
            [fixed-first-column] > .table-responsive .table > tbody > tr > td:first-child > div,
            [fixed-first-column] > .table-responsive .table > thead > tr > th:first-child > div,
            [fixed-first-column] > .table-responsive .table > tbody > tr > th:first-child > div {
                max-width: 350px;
                width: 350px;
                text-align: left;
                text-wrap: normal;
                padding-top: 10px;
                padding-bottom: 10px;
                padding-right: 5px !important;
                line-height: 2.5em;
                text-indent:1px;
            }

        [fixed-first-column] > .table-responsive .table > thead > tr > th,
        [fixed-first-column] > .table-responsive .table > tbody > tr > th,
        [fixed-first-column] > .table-responsive .table > tfoot > tr > th,
        [fixed-first-column] > .table-responsive .table > thead > tr > td,
        [fixed-first-column] > .table-responsive .table > tbody > tr > td,
        [fixed-first-column] > .table-responsive .table > tfoot > tr > td {
            padding: 10px;
            line-height: 1.45;
            vertical-align: top;
            border-top: 1px solid #eeeeee;
            border: 1px solid #eeeeee;
            min-width: 150px; /* default width */
            max-width: 150px;
        }


            [fixed-first-column] > .table-responsive .table > tbody > tr > td:first-child {
                padding-top: 10px;
                padding-bottom: 10px;
                line-height: 1.45;
                vertical-align: top;
                border-top: 1px solid #eeeeee;
                border: 1px solid #eeeeee;
            }

        [fixed-first-column] > .table-responsive .table > thead > tr > th,
        [fixed-first-column] > .table-responsive .table > thead > tr > td {
            border-bottom-width: 1px;
        }