.header {
    display: flex;
    box-sizing: border-box;    
    width: 100%;
    justify-items: center;
}

.header > div {
    flex: 1 1 auto;
    margin: 5px;    
}
.scope {    
    align-items: end;
    font-size: 8pt;
    background: none;
}
.cn_table tbody tr.cn_hasChildren {    
    font-weight: normal;
}

.filter {
    border-bottom: none
}

.filter.active {
    border-bottom: 2px solid var(--main-color);
}
.filter.warning {
    border-bottom: 2px solid rgb(255, 111, 0);
}