﻿/* stacked tables */
.table-stacked .item-num {
    word-break: normal;
}

@media (max-width: 767px) {
    .table-stacked thead {
        display: none;
    }

    .table-stacked tr {
        border: 1px solid #e6e7e8;
        box-shadow: .25rem .25rem .5rem #e6e7e8;
        border-top: 0;
        margin-top: 1rem !important;
        display: block;
        padding: .75rem;
    }

    .table-stacked td {
        border: 0;
        display: block;
        position: relative;
        padding: 0 0 10 7.75rem;
    }

        .table-stacked td.counter {
            float: left;
            padding-left: 0;
        }

            .table-stacked td.counter.counter-select {
                float: none;
                margin-bottom: .5rem;
            }

        .table-stacked td[data-caption]:before {
            content: attr(data-caption) ":";
            display: table-cell;
            font-weight: 700;
            height: 100%;
            left: 3rem;
            margin: auto;
            position: absolute;
            vertical-align: middle;
            white-space: nowrap;
            width: 9rem;
            text-align: right;
            left: 0;
            width: 7rem;
        }

    .table-stacked span[data-caption]:before {
        content: attr(data-caption) ": ";
        font-weight: 700;
    }

    .table-stacked td.col-result {
        padding-left: 0;
        margin-top: 1rem;
    }
}

.table-stacked .item-num {
    font-size: .875rem;
    vertical-align: text-bottom;
}

.item-num:after {
    content: ".";
}

@media (max-width: 767px) {
    .table-stacked-image td {
        padding-left: 7.75rem;
    }

        .table-stacked-image td.col-image {
            float: left;
            padding-left: 0;
            margin-top: .125rem;
            margin-bottom: 1rem;
        }

        .table-stacked-image td.clear-float {
            clear: both;
        }

        .table-stacked-image td.border-top {
            margin-top: .5rem;
            padding-top: .5rem;
            border-top: 1px solid #e6e7e8;
        }
}

.table-stacked td.counter-select {
    padding-left: 0;
    padding-right: 0;
    padding-top: .5rem;
}

    .table-stacked td.counter-select.noselect {
        padding-top: .75rem;
    }

.table-stacked h5 {
    font-size: 1rem;
}

.table-stacked .alert {
    padding: .75rem;
}

.table-stacked .dropdown-item {
    color: #58595b !important;
}
