.nb {
    background: var(--MainBackgroundColour);
    padding: 2px;
    border: 1px solid #66667e;
}

    .nb .itm, .nb .itm-h {
        font: bold 11px var(--actis-font-family);
        color: var(--MainForeColour);
        cursor: default;
    }

        .nb .itm .top, .nb .itm-x .top {
            text-align: center;
            color: var(--MainBackgroundColour);
            height: 30px;
            background-color: #867f8f;
            line-height: 30px;
            font-weight: bold;
            margin: 0;
            border: 1px solid #867f8f;
            border-bottom: none;
        }

    .nb .itm-x .top {
        border-color: #867c7a;
    }

    .nb .itm .sub, .nb .itm-h .sub {
        height: 30px;
        color: var(--GridBorderColour);
        margin: 1px 6px;
        font: normal 11px var(--actis-font-family);
        line-height: 30px;
    }

    .nb .itm-h .sub {
        color: var(--MainForeColour);
        margin: 0 5px;
        border: 1px solid #e1e1eb;
        background: var(--MainBackgroundColour);
    }

    .nb .grp {
        background: var(--MainBackgroundColour);
        width: 100%;
        margin: 0;
        border-top: 1px solid #867c7a;
    }

    .nb .top .ico {
        margin: 6px 8px 0 8px;
    }

    .nb .sub .ico {
        margin: 4px 8px 0 12px;
    }

    .nb .itm-h .top {
        background-color: #57566F;
        color: #333333;
        border: solid 1px #57566F;
        border-top-color: #9190AC;
        border-left-color: #9190AC;
        cursor: default;
        width: 100%;
        text-align: center;
        height: 30px;
        font-weight: bold;
        margin: 0;
        border-bottom: none;
        line-height: 30px;
    }