.div-table {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center; 
    border: 1px solid #666666;
    border-spacing: 5px; 
}

.div-table-row { 
    width: 100%;
    border: 1px solid #ccc;
}

.div-table-header-row { 
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    border: 1px solid #ccc;
}

.div-table-header {
    display: table-column;
    float: left;
    background-color: #1c7eaf;
    color: #fff;
    padding: 8px 0px 8px 8px;
    /* width: 100%;*/
}

.div-table-col {
    display: table-column;
    float: left;
    padding: 8px;
    width: 100%;
    text-align: center; 
} 

.div-table-col-items {
    float: left;   
    padding: 1px; 
    /*border: 1px solid;*/
    margin: 2px;
    background-color: #f4f3f2;
}

.div-table-col-items-body {
    display: flex;
}

.div-table-col-items-header {
    display: flex;
    border: 1px solid;
}

.div-table-group { 
    padding: 10px;
    border: 1px solid #ccc;
    max-width: 100%;
    /*white-space: nowrap;*/
}

.div-table-group-all {
    width: 100%;
}

.div-table-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.pivot-item-selected {
    background-color: #226fa3;
    transition: background-color 0.4s ease-in, border-color 0.4s ease-in;
    color: #ffffff;
}

.div-table-col-item {
    width: auto;
    border: 1px solid;
    padding-right: 5px;
}

.div-table-col-field {
    font-size: 9px;
    padding-left: 5px;
}

.div-table-col-value {
    font-size: 0.9rem;
    padding-left: 5px;
}

.div-table-col-header-value {
    font-size: 0.9rem;
    padding-left: 5px;
}

.pivot-col-hidden {
    display: none;
}

.div-table > tbody {
    width: 100%;
}

.div-table-group-background {
    background-color: #e9f8ff;
    max-width: 250px !important;
}