.pcs:after {
    content: " pcs";
}

.cur:before {
    content: "$";
}

.per:after {
    content: "%";
}

* {
    box-sizing: border-box;
}

.view {
}

body {
    /*padding: .2em 2em;*/
}

table {
    width: 100%;
}

    table th {
        text-align: left;
        border-bottom: 1px solid #ccc;
    }

    table th, table td {
        padding: .3em;
    }

    table.fold-table > tbody > tr.view td, table.fold-table > tbody > tr.view th {
        cursor: pointer;
    }

        table.fold-table > tbody > tr.view td:first-child,
        table.fold-table > tbody > tr.view th:first-child {
            position: relative;
            padding-left: 20px;
        }

            table.fold-table > tbody > tr.view td:first-child:before,
            table.fold-table > tbody > tr.view th:first-child:before {
                position: absolute;
                top: 50%;
                left: 5px;
                width: 9px;
                height: 16px;
                margin-top: -8px;
                font: 16px fontawesome;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                color: #260F91;
                content: "\f0da";
                transition: all .3s ease;
            }

    table.unique-table > tbody > tr.view td:first-child:before {
        position: absolute;
        top: 50%;
        left: 5px;
        width: 9px;
        height: 16px;
        margin-top: -8px;
        font: 16px fontawesome;
        color: #F8BC50;
        content: "\f0da";
        transition: all .3s ease;
    }

    table.fold-table > tbody > tr.view:nth-child(4n-1) {
        background: #eee;
    }

    table.fold-table > tbody > tr.view:hover {
        background: #eee;
    }
    table.fold-table > tbody > tr.tr-nivel.open {
        background: rgb(229, 227, 173);
        color: rgb(53, 34, 143);
    }
    table.fold-table > tbody > tr.tr-nivel-interface.open {
        background: rgb(251, 250, 218);
        /*background: rgb(221, 226, 229);*/
        color: rgb(53, 34, 143);
    }

        table.fold-table > tbody > tr.view.open td:first-child:before, table.fold-table > tbody > tr.view.open th:first-child:before {
            transform: rotate(90deg);
            color: #F51B1B;
        }

    table.fold-table > tbody > tr.fold {
        display: none;
    }

    table.fold-table > tbody > tr.fold.open {
        display: table-row;
    }

.fold-content {
    /*padding: .5em;*/
    /*padding-left: 0;*/

}

    .fold-content h3 {
        margin-top: 0;
    }

    .TableMenu .fold-content > table {
        border: 1px solid #ccc;
    }

        .fold-content > table > tbody tr:nth-child(even) {
            /*background: #eee;*/
        }

.col-but {
    float: right;
}

.col-mnu {
    width: 60%;
    overflow: auto;
}

.col-fold {
    width: 60%;
    float: left;
}
.col-fnc{
    width: 20%;
}  
.tr-nivel1 {
    /*background: rgb(250, 244, 227);*/
}
.col-mnu > div{
    float: left;
    line-height: 20px;
}
.col-check, .open.col-check {
    width: 20px;
    height:20px;
    overflow-y: hidden;
}
.col-interface{
    width: 80%;
}