table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    word-break: normal;
}

table, td, th {
    border: 1px solid black;
    font-size: 15px;
}

table p {
    color: #505050;
}

td, th {
    width: auto;
    vertical-align: top;
} 

td, td *,
th, th * {
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.table__toggle-btn {
    margin-bottom: 5px;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
}

.table__toggle-btn,
.table__toggle-btn:focus,
.table__toggle-btn:active {
    outline: none;
    border: none;
}

.table__toggle-btn .icon-show,
.table__togle-btn .icon-hide {
    display: inline-flex;
    align-items: center;
}

.icon-show__txt,
.icon-hide__txt {
    margin-left: 3px;
    color: #505050;
    font-size: 15px;
    font-weight: 300;
}

.table__toggle-target.is-collapsed {
    display: none;
}

.table__toggle-target.is-expanded {
    display: table;
}

.table__toggle-btn .icon-show {
    display: inline-flex;
    align-items: center;
}

.table__toggle-btn.is-expanded .icon-show {
    display: none;
}

.table__toggle-btn .icon-hide {
    display: none;
    align-items: center;
}

.table__toggle-btn.is-expanded .icon-hide {
    display: inline-flex;
}