/* According Arrow */
.widget-wrapper > .widget-header:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    content: "\f078";
    color: var(--color-primary-500);
    float: right;
    position: relative;
    display: block;
    top: 2px;
    transition: .3s all;
    transform: rotate(-180deg);
    opacity: 100;
}

.widget-wrapper.active > .widget-header:after {
    transform: rotate(0deg);
}

.accordion-body.js-accordion-body {
    display: none;
}


.table {
    margin: 1em 0;
    min-width: 300px;
    width: 100%;
}

    .table tr.docTitle {
        border-top: 1px solid var(--color-surface-100);
    }

    .table tr {
        border-top: none;
    }

    .body.dark .table tr.alt {
        background-color: var(--color-surface-800);
    }

    .table>tbody+tbody {
        border-top: 2px solid var(--color-surface-100);
    }
    
    .body.inverted:not(.dark) .table>tbody+tbody {
        border-top: 2px solid var(--color-surface-300);
    }

    .body.dark .table>tbody+tbody {
        border-top: 2px solid var(--color-surface-700);
    }

    .table > tbody > tr > th {
        border-top: none;
    }

    .table > tbody > tr > td {
        border-top: none;
    }

    .table th {
        display: none;
    }

    .table td {
        display: block;
    }

        .table td:first-child {
            padding-top: .5em;
        }

        .table td:last-child {
            padding-bottom: .5em;
        }

        .table td:before {
            content: attr(data-th) ": ";
            font-weight: bold;
            width: 7em;
            display: inline-block;
        }

@media (min-width: 656px) {
    .table td:before {
        display: none;
    }
}

.table th, .rwd-table td {
    text-align: left;
}

@media (min-width: 656px) {
    .table th, .table td {
        display: table-cell;
        padding: .25em .5em;
    }

        .table th:first-child, .table td:first-child {
            padding-left: 0;
        }

        .table th:last-child, .table td:last-child {
            padding-right: 0;
        }
}

.table {
    background: var(--color-surface-0);
    color: var(--on-light);
    border-radius: .4em;
    overflow: hidden;
}

.body.dark .table {
    background-color: var(--color-surface-800);
    color: var(--on-dark);
} 

    .table tr {
        border-color: var(--color-surface-0);
    }
    
    .body.dark .table tr {
        border-color: var(--color-surface-800);
    }

    .table th, .table td {
        margin: .5em 1em;
    }

@media (min-width: 656px) {
    .table th, .table td {
        padding: 1em !important;
    }
}

.table th, .table td:before {
    color: var(--color-accent);
}

.radio {
    margin-left: 20px;
}

.radio-inline {
    margin-top: 0px;
}

@media (min-width: 992px) {
    .inline-description {
        max-width: 56vw;
    }
}

@media (min-width: 845px) and (max-width: 991px) {
    .inline-description {
        width: 750px;
    }
}

@media (min-width: 656px) and (max-width: 844px) {
    .inline-description {
        max-width: 85vw;
    }
}

@media (max-width: 655px) {
    .inline-description {
        max-width: 80vw;
    }
}