

        .no-more-tables {
            width: auto !important;
            max-width: 100% !important;
        }

        .cf {
            font-family: Droid Arabic Naskh, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
        }

        .table-bordered {
            border: 0px solid #004B86;
            padding-right: 0px;
            padding-left: 0px;
        }
        .table-nobordered {
            border: 0px;
            padding-right: 0px;
            padding-left: 0px;
        }

        .no-more-tables .table-bordered > tbody > tr > td {
            font-weight: normal;
        }

        .no-more-tables .table-bordered > thead > tr > th {
            text-align: center !important;
            background-color: #ebf0f9 !important;
            color: black;
            border-bottom-style: none !important;
            border-bottom: 0px solid #eee !important;
        }

        .no-more-tables .table-bordered > tbody > tr > th {
            text-align: center !important;
            background-color: #357CA5;
            color: black;
        }

/*.table-striped > tbody > tr:nth-child(odd) > td {
    background-color: rgba(84, 84, 84, 0.13) !important;
}

.table-striped3 > tbody > tr:nth-child(3n+3) > td {
    background-color: rgba(84, 84, 84, 0.13) !important;
}*/

        @media (max-width: 767px) {

            .no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr {
                display: block;
            }

                /* Hide table headers (but not display: none;, for accessibility) */
                .no-more-tables thead tr {
                    position: absolute;
                    top: -9999px;
                    left: -9999px;
                }

            .no-more-tables .table-bordered > thead > tr > th {
                text-align: center !important;
            }

            .no-more-tables .table-bordered > tbody > tr > td {
                width: auto;
                min-height : 14px;
            }

            .no-more-tables .nobeforecontent > td {
                padding-right: 5% !important;
            }

            .no-more-tables td {
                /* Behave like a "row" */
                border: none;
                border-top: 0px solid #ddd !important;
                position: relative;
                padding-right: 40% !important;
                white-space: normal;
                text-align: right;
            }

                .no-more-tables td:before {
                    /* Now like a table header */
                    position: absolute; /* Top/left values mimic padding */
                    top: 6px;
                    right: 6px;
                    width: 45%;
                    padding-right: 10px;
                    white-space: nowrap;
                    text-align: right;
                    font-weight: bold;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                /*
        Label the data
        */
                .no-more-tables td:before {
                    content: attr(data-title);
                    width : 30%;
                }

            .no-more-tables .bordertopf > tbody > tr:first-child {
                border-top: 1px solid #ddd !important;
            }

            .no-more-tables .noColorFormatMobile {
                background-color: white;
            }

            .no-more-tables .noDisplayCustomtd {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            .no-more-tables .nobeforecontent0 > td {
                padding-right: 0 !important;
            }
        }