.table-dropdown {
    z-index: 1050 !important;
}

.details-table {
    width: 100%;
    table-layout: fixed;
}

    .details-table th {
        width: 1%;
        white-space: nowrap;
        padding-right: 15px;
    }

    .details-table td {
        width: auto;
        word-break: break-word;
    }


.table-fit th {
    white-space: nowrap;
    width: 1%;
}

@media (max-width: 767px) {
    .details-table, .details-table tbody, .details-table tr, .details-table td, .details-table th {
        display: block;
        width: 100%;
    }

        .details-table tr {
            margin-bottom: 15px;
        }

        .details-table td, .details-table th {
            text-align: left;
            padding-left: 50%;
            position: relative;
        }

            .details-table th:before, .details-table td:before {
                content: attr(data-label);
                position: absolute;
                left: 6px;
                width: 45%;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
            }