app-plugins,
app-controls {
    width: 100%;

    .main-content {
        width: 100%;
        display: flex;
        .main-list {
            width: 15%;
            border-right: 1px solid #ccc;
            padding: 20px 40px 20px 40px;
            overflow: auto;
            .list-head {
                margin-bottom: 5px;
            } // >li {
            //     margin-bottom: 10px;
            //     font-size: 16px;
            //     font-weight: 600;
            // }
            //display: none;
            .active {
                color: #17b6ed;
            }
            li {
                cursor: pointer;
                font-size: 14px;
                font-weight: 400;
                margin-bottom: 10px;
                font-size: 16px;
                font-weight: 600;
                a {
                    color: #000;
                    display: block;
                    padding: 5px;
                    &:hover {
                        color: #17b6ed;
                        background: #f5f5f5;
                    }
                }
            }
        }
        .plugins-section {
            width: 85%;
            padding-left: 20px;
            overflow: auto;
            padding: 20px 40px 20px 40px;
        }
    }

    main {
        height: 100%; //calc(100% - 110px);
        display: flex;
        flex: 1;

        user-select: none;
        position: relative;
        border-bottom: 1px solid #ccc;
    }
}