html:not(#__):not(#___) {
    /**
    * Publishing process layout tree
     - tree height
     - icons colors
     All rules must be '!important' to override the reset in the i-frame popup view.
    
     Icons are set in :publishing-enhancements:custom-layouttree
    */
    .layout-selector {
        > div.layout-selector-options:nth-child(1) {
            max-width: 300px;
        }

        > div.layout-selector-options:nth-child(2) {
            max-height: unset;
            min-width: 400px;
        }

        .treeview .component-icon {
            > svg.lexicon-icon-pencil {
                background-color: blue;
                color: white;
                border: 2px solid blue;
            }

            > svg.lexicon-icon-check-square {
                background-color: darkorange;
                color: white;
                border: 2px solid darkorange;
            }

            > svg.lexicon-icon-warning {
                background-color: indianred;
                color: white;
                border: 2px solid indianred;
            }

            > svg.lexicon-icon-check-circle-full {
                color: green;
            }
        }
    }


    .control-menu-level-1-nav {

        /* NMWSO-2838 Seitennamen mittig anzeigen */
        .tools-control-group {
            flex-grow: 1;

            .control-menu-nav {
                justify-content: flex-end;
            }
        }
    }
}