.DynaTable {
    overflow-x: auto;
    border: 1px solid #ccc;
}

.DynaTable table {
    border-collapse: collapse;
    width: max-content;
}

.DynaTable th, .DynaTable td {
    border: 1px solid #888;
  /*  white-space: nowrap; */
}

/* Righe sticky */
.DynaTable .sticky-header {
    position: sticky;
    top: 0;
    z-index: 3;
}

/* Prima colonna fissa */
.DynaTable .sticky-col {
    position: sticky;
    left: 0;
    z-index: 2;
}

/* Riga con colspan */
.DynaTable .sticky-header td {

}

.DynaTable .sticky-col.sticky-header {
    z-index: 5;
}

.DynaTable tbody .sticky-col {
    background: #222;
    font-weight: normal;
    font-family: Oswald, sans-serif;
}

.DynaTable tbody .sticky-header.AppXSection {
    background: #024;
    font-weight: bold;
}

.DynaTable tbody .sticky-header.AppXSubSection {
    background: #042;
    font-weight: bold;
}

.DynaTable thead tr {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 1000;
    background: #048
}

.DynaTable .AppXPadder {
    display: inline-block;
    height: 1.1em;
}

.DynaTable thead tr th.sticky-header.sticky-col {
    z-index: 100;
    background: #048;
}

.DynaTable .AppXType_bool_C {
    text-align: center;
}

.DynaTable .AppXType_bool {
    width: 1.4em;
    height: 1.4em;
}

.DynaTable .DynaTable_Value.AppXType_enum {
    width: 100%;
    border: #444 1px solid;
    border-radius: 3pt;
    padding: 3pt;
    background: #fff;
    color: #000 !important;
}

.DynaTable .DynaTable_Value.AppXType_enum.AppXDisabled {
    background: #888;
}

.DynaTable .AppXTextH.AppXScrolling {
    visibility: hidden;
}

.DynaTable .AppXInvalid {
    background: #300;
}

.DynaTable .AppXMissing_C {
    background: #222;
    color: #555;
    text-align: center;
    font-size: 16px
}

.DynaTable .AppXTextH .mdi {
    font-size: 130%;
    vertical-align: middle;
    margin-right: 4pt;
}

.DynaTable .AppXMissing_C .AppXMissing:after {
    content: "░░";
}