/* Style the app of data for action module by browser's */
.AppDataBrowser__Actions {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

    position: absolute;
    bottom: 0px;
    z-index: 11;

    width: 100%;
    height: 70%;

    padding-top: var(--size-07);
    padding-left: 1.7vw;
    padding-right: 1.7vw;
}

    .AppDataBrowserActions__Block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;

        background: rgb(255, 255, 255);
        border-top: 1px solid rgb(237, 237, 237);
        border-left: 1px solid rgb(237, 237, 237);
        border-right: 1px solid rgb(237, 237, 237);
        border-top-left-radius: var(--size-07);
        border-top-right-radius: var(--size-07);

        width: 100%;
        height: 100%;

        box-shadow: 0px -7px 47px rgba(57, 57, 57, 0.17);
    }

        .AppDataBrowserActionsBlock__Header {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;

            border-bottom: 1px solid rgb(237, 237, 237);

            width: 100%;

            padding: var(--size-07);
        }

            .AppDataBrowserActionsBlockHeader__Icon {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;

                margin-right: var(--size-04);
            }

                .AppDataBrowserActionsBlockHeader__Icon > img {
                    width: var(--icon-button-size-options);
                    height: auto;
                    max-width: var(--icon-button-size-options);
                }

            .AppDataBrowserActionsBlockHeader__Data {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: flex-start;

                width: 100%;
            }

                .AppDataBrowserActionsBlockHeaderData__Title {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: flex-start;

                    text-align: left;
                    white-space: normal;

                    width: 100%;
                }

                .AppDataBrowserActionsBlockHeaderData__Functions {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: flex-end;
                }

        .AppDataBrowserActionsBlock__List {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;

            width: 100%;

            overflow-y: auto;

            padding-top: var(--size-07);
            padding-left: var(--size-07);
            padding-right: var(--size-07);
        }

            .AppDataBrowserActionsBlockList__Item {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: flex-start;

                background: rgb(255, 255, 255);
                border: 1px solid rgb(237, 237, 237);
                border-radius: var(--size-07);
                
                width: 100%;

                padding: var(--size-07);
                margin-bottom: var(--size-07);

                transition: 0.4s;
            }

                .AppDataBrowserActionsBlockList__Item:hover {
                    transition: 0.2s;
                    background: rgb(250, 250, 250);
                }

                .AppDataBrowserActionsBlockListItem__Icon {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;

                    margin-right: var(--size-04);
                }

                    .AppDataBrowserActionsBlockListItem__Icon > img {
                        width: 100%;
                        height: auto;
                        max-width: var(--icon-button-size);

                        opacity: 0.7;
                        transition: 0.4s;
                    }

                        .AppDataBrowserActionsBlockList__Item:hover img {
                            transition: 0.2s;
                            opacity: 1.0;
                        }

                .AppDataBrowserActionsBlockListItem__Name {
                    display: block;
                    text-align: left;
                    
                    width: 100%;
                }


/* ACTIONS THE TEMPLATE */
/* <div class="AppDataBrowser__Actions">
    <div class="AppDataBrowserActions__Block">
        <div class="AppDataBrowserActionsBlock__Header">
            <div class="AppDataBrowserActionsBlockHeader__Icon">
                <img src="/assets/images/system/icons/copy.svg">
            </div>
            <div class="AppDataBrowserActionsBlockHeader__Data">
                <div class="AppDataBrowserActionsBlockHeaderData__Title">
                    Копировать в...
                </div>
                <div class="AppDataBrowserActionsBlockHeaderData__Functions">
                    <button class="ButtonContext"><img src="/assets/images/system/icons/close.svg"></button>
                </div>
            </div>
        </div>
        <div class="AppDataBrowserActionsBlock__List">
            <div class="AppDataBrowserActionsBlockList__Item">
                <div class="AppDataBrowserActionsBlockListItem__Icon">
                    <img src="/assets/images/system/icons/folder.svg">
                </div>
                <div class="AppDataBrowserActionsBlockListItem__Name">
                    Новая папка
                </div>
            </div>
        </div>
    </div>
</div> */