﻿.ItemAttributeValuesNewManagement {
    background-color: #ffffff;
}

    .ItemAttributeValuesNewManagement .MainContainer {
        display: flex;
    }

        .ItemAttributeValuesNewManagement .MainContainer .CategoriesContainer {
            border-left: solid 1px #333333;
            height: calc(100vh - 170px);
            overflow-x: hidden;
            overflow-y: auto;
            width: 300px;
        }

            .ItemAttributeValuesNewManagement .MainContainer .CategoriesContainer .Node {
                padding-right: 20px;
            }

                .ItemAttributeValuesNewManagement .MainContainer .CategoriesContainer .Node .Selected {
                    font-weight: 700;
                }

        .ItemAttributeValuesNewManagement .MainContainer .CategoriesContainer .fa {
            font-size: 12px;
            opacity: 0.5;
            width: 20px;
        }

        .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer {
            height: calc(100vh - 170px);
            overflow-x: hidden;
            overflow-y: auto;
            padding-right: 20px;
            width: calc(100vw - 300px);
        }

            .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .Title {
                border-bottom: solid 1px #000000;
                font-size: 24px;
            }

            .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .SubTitle {
                font-size: 20px;
            }

            .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .Category {
                margin-top: 20px;
            }

                .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .Category .Buttons {
                    margin-top: 20px;
                }

                .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .Category .ChildCategory {
                    margin-top: 20px;
                }

            .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .Items {
                margin-top: 50px;
                padding-bottom: 10px;
            }

                .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .Items .ItemContainer {
                    background-color: rgba(38, 40, 41, 0.1);
                    border-radius: 10px;
                    height: 140px;
                    margin-left: 10px;
                    margin-top: 10px;
                    overflow: hidden;
                    padding: 10px;
                }

                    .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .Items .ItemContainer .ItemDetails {
                        display: flex;
                    }

                        .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .Items .ItemContainer .ItemDetails .ItemId {
                        }

                        .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .Items .ItemContainer .ItemDetails .ItemName {
                        }

                        .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .Items .ItemContainer .ItemDetails .ItemImage {
                            margin-left: 10px;
                            width: 100px;
                        }

                            .ItemAttributeValuesNewManagement .MainContainer .DetailsContainer .Items .ItemContainer .ItemDetails .ItemImage img {
                                max-height: 100px;
                            }
