body, html {
    height: 100%;
    font-family: sans-serif;
}

body.submit-progress-bg {}

.limiter {
    width: 100%;
    margin: 0 auto;
}

.container-table100 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 33px 0px;
}

.wrap-table100 {
    width: 1170px;
}

table {
    border-spacing: 1px;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    table * {
        position: relative;
    }

    table td, table th {
        padding-left: 8px;
        padding-right: 8px;
    }

    table thead tr {
        height: 60px;
        background: #337AB7;
    }

    table tbody tr {
        height: 50px;
    }

        table tbody tr:last-child {
            border: 0;
        }

    table td, table th {
        text-align: left;
    }

        table td.l, table th.l {
            text-align: right;
        }

        table td.c, table th.c {
            text-align: center;
        }

        table td.r, table th.r {
            text-align: center;
        }

.table100-head th {
    font-size: 16px;
    line-height: 1.2;
    font-weight: unset;
}

    .table100-head th a {
        color: #fff;
    }

    .table100-head th {
        color: #fff;
    }

    tbody tr:nth-child(even) {
        background-color: #f5f5f5;
    }

tbody tr {
    font-size: 13px;
    color: gray;
    line-height: 1.2;
    font-weight: unset;
}

    tbody tr:hover {
        color: #555;
        background-color: #f5f5f5;
        cursor: pointer;
    }

@media screen and (max-width:992px) {
    table {
        display: block;
    }

        table > *, table tr, table td, table th {
            display: block;
        }

        table thead {
            display: none;
        }

        table tbody tr {
            height: auto;
            padding: 20px 0;
        }

            table tbody tr td {
                padding-left: 40% !important;
                margin-bottom: 24px;
                height: 10px;
            }

                table tbody tr td:before {
                    font-family: OpenSans-Regular;
                    font-size: 14px;
                    color: #999;
                    line-height: 1.2;
                    font-weight: unset;
                    position: absolute;
                    content: attr(data-th);
                    width: 40%;
                    left: 8px;
                    top: 0;
                }

    tbody tr {
        font-size: 14px;
    }
}
