/* The style of app for tasks by share pbulic */
.AppTasksShareView {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

    width: 100%;

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

@media screen and (max-width: 900px){
    .AppTasksShareView {
        padding: var(--size-07);
    }
}

    .AppTasksShareView__Loading {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;

        width: 100%;

        grid-column: span 2;
    }

        .AppTasksShareView__Loading > img {
            width: 100%;
            height: auto;
            max-width: var(--icon-loading-size);
        }

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

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

        width: 100%;

        /* padding-bottom: var(--size-07); */
        margin-top: var(--size-17);
    }

        .AppTasksShareView__Item:nth-of-type(1) {
            margin-top: unset;
        }

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

            position: relative;
            z-index: 1;

            width: 100%;

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

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

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

                .AppTasksShareViewItemHeader__Icon > img {
                    width: 100%;
                    height: auto;
                    max-width: var(--icon-button-size);
                    
                    opacity: 0.7;
                    transition: 0.4s;
                }

                    .AppTasksShareView__Item:hover .AppTasksShareViewItemHeader__Icon > img {
                        transition: 0.2s;
                        opacity: 1.0;
                    }

            .AppTasksShareViewItemHeader__Title {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;

                width: 100%;
            }

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

            width: 100%;
        }

            .AppTasksShareViewItemBlock__Deadline {
                display: grid;
                align-items: flex-start;
                justify-content: flex-start;

                grid-template-columns: repeat(auto-fill, minmax( 25%, 1fr ));

                width: 100%;

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

            @media screen and (max-width: 650px){
                .AppTasksShareViewItemBlock__Deadline {
                    grid-template-columns: repeat(auto-fill, minmax( 45%, 1fr ));
                }
            }

                .AppTasksShareViewItemBlockDeadline__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%;
                    height: 100%;

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

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

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

                        .AppTasksShareViewItemBlockDeadlineItem__Icon > img {
                            width: var(--icon-view-size);
                            height: auto;
                            max-width: var(--icon-view-size);
                        }

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

                        width: 100%;
                    }

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

                            font-size: var(--font-size-context);

                            width: 100%;
                        }

            .AppTasksShareViewItemBlock__Description {
                display: block;

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

                text-align: left;
                white-space: normal !important;
                word-break: break-word !important;

                width: 100%;
                min-height: var(--size-7);

                padding: var(--size-07);

                box-sizing: border-box;
            }

                .AppTasksShareViewItemBlock__Description * {
                    font-size: var(--fotn-size) !important;
                    white-space: normal !important;
                    word-break: break-word !important;
                    
                    width: auto !important;

                    cursor: text;
                }

            .AppTasksShareViewItemBlock__Files,
            .AppTasksShareViewItemBlock__Performers {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: flex-start;

                width: 100%;
            }

                .AppTasksShareViewItemBlockFiles__Item,
                .AppTasksShareViewItemBlockPerformers__Item {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;

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

                    width: 100%;

                    padding: var(--size-04);
                    margin-top: var(--size-07);

                    transition: 0.4s;
                }

                    .AppTasksShareViewItemBlockFiles__Item:hover,
                    .AppTasksShareViewItemBlockPerformers__Item:hover {
                        transition: 0.2s;
                        background: rgb(245, 245, 245);
                    }

                    .AppTasksShareViewItemBlockFiles__Item:nth-of-type(1),
                    .AppTasksShareViewItemBlockPerformers__Item:nth-of-type(1) {
                        margin-top: unset;
                    }

                    .AppTasksShareViewItemBlockFilesItem__Header,
                    .AppTasksShareViewItemBlockPerformersItem__Header {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-items: flex-start;

                        width: 100%;

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

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

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

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

                                opacity: 0.7;
                                transition: 0.4s;
                            }

                                .AppTasksShareViewItemBlockFiles__Item:hover .AppTasksShareViewItemBlockFilesItemHeader__Icon > img {
                                    transition: 0.2s;
                                    opacity: 1.0;
                                }

                        .AppTasksShareViewItemBlockPerformersItemHeader__Photo,
                        .AppTasksShareViewItemBlockManagmentItemProfil__Photo {
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            justify-content: center;

                            /* background: url( '/assets/images/photo-test.jpeg' );
                            background-size: cover;
                            background-position: center;
                            background-repeat: no-repeat; */
                            border: 1px solid rgb(237, 237, 237);
                            border-radius: 100%;

                            width: var(--size-27);
                            height: var(--size-27);
                            min-width: var(--size-27);
                            min-height: var(--size-27);

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

                        .AppTasksShareViewItemBlockFilesItemHeader__Data,
                        .AppTasksShareViewItemBlockPerformersItemHeader__Data,
                        .AppTasksShareViewItemBlockManagmentItemProfil__Data {
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start;
                            justify-content: center;

                            width: 100%;
                        }

                            .AppTasksShareViewItemBlockFilesItemHeaderData__Title,
                            .AppTasksShareViewItemBlockPerformersItemHeaderData__Name,
                            .AppTasksShareViewItemBlockManagmentItemProfil__Name {
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                justify-content: flex-start;

                                white-space: normal;
                                word-break: break-all;

                                width: 100%;
                            }

                            .AppTasksShareViewItemBlockFilesItemHeaderData__Size,
                            .AppTasksShareViewItemBlockPerformersItemHeaderData__Type,
                            .AppTasksShareViewItemBlockManagmentItemProfil__Type {
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                justify-content: flex-start;

                                font-size: var(--font-size-context);

                                width: 100%;
                            }

                    .AppTasksShareViewItemBlockFilesItem__Functions,
                    .AppTasksShareViewItemBlockPerformersItem__Functions {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: flex-end;

                        border: 1px solid rgb(237, 237, 237);
                        border-radius: var(--size-07);

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

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

                width: 100%;
            }

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

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

                    position: relative;
                    z-index: 1;

                    width: 100%;

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

                    .AppTasksShareViewItemBlockPerformersReports__Item:nth-of-type(1) {
                        margin-top: unset;
                    }

                    .AppTasksShareViewItemBlockPerformersReportsItem__Loading {
                        display: none;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;

                        background: rgba(255, 255, 255, 0.9);
                        border-radius: var(--size-07);

                        position: absolute;
                        top: 0px;
                        left: 0px;
                        z-index: 2;

                        width: 100%;
                        height: 100%;

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

                        .AppTasksShareViewItemBlockPerformersReportsItem__Loading > img {
                            width: 100%;
                            height: auto;
                            max-width: var(--icon-loading-size);
                        }

                    .AppTasksShareViewItemBlockPerformersReportsItem__Statistics {
                        display: flex;
                        flex-direction: row;
                        align-items: flex-start;
                        justify-content: space-between;

                        width: 100%;

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

                        .AppTasksShareViewItemBlockPerformersReportsItemStatistics__Status,
                        .AppTasksShareViewItemBlockPerformersReportsItemStatistics__StatusGreen,
                        .AppTasksShareViewItemBlockPerformersReportsItemStatistics__StatusRed,
                        .AppTasksShareViewItemBlockPerformersReportsItemStatistics__StatusBlue {
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            justify-content: center;
                            
                            background: rgba(235, 235, 235, 0.4);
                            border: 0.017cm solid rgb(225, 225, 225);
                            border-radius: var(--size-07);
                            
                            font-size: var(--font-size-context);
                            font-weight: 600;

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

                            .AppTasksShareViewItemBlockPerformersReportsItemStatistics__StatusGreen {
                                background: rgba(157, 217, 97, 0.1);
                                border: 0.017cm solid rgb(157, 217, 97);
                                color: rgb(147, 197, 87);
                            }

                            .AppTasksShareViewItemBlockPerformersReportsItemStatistics__StatusRed {
                                background: rgba(237, 57, 57, 0.1);
                                border: 0.017cm solid rgb(237, 57, 57);
                                color: rgb(237, 57, 57);
                            }

                            .AppTasksShareViewItemBlockPerformersReportsItemStatistics__StatusBlue {
                                background: rgba(57, 127, 237, 0.1);
                                border: 0.017cm solid rgb(57, 127, 237);
                                color: rgb(57, 127, 237);
                            }

                        .AppTasksShareViewItemBlockPerformersReportsItemStatistics__Functions {
                            display: flex;
                            flex-direction: row;
                            align-items: flex-start;
                            justify-content: flex-end;

                            position: relative;
                            z-index: 1;
                        }

                    .AppTasksShareViewItemBlockPerformersReportsItem__Header {
                        display: flex;
                        flex-direction: row;
                        align-items: flex-start;
                        justify-content: space-between;

                        width: 100%;

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

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

                            width: 100%;
                        }

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

                                background: url( '/server/administration-panel/assets/images/system/icons/users/no-photo.svg' );
                                background-size: cover;
                                background-position: center;
                                background-repeat: no-repeat;
                                border: 1px solid rgb(237, 237, 237);
                                border-radius: 100%;

                                width: var(--size-27);
                                height: var(--size-27);
                                min-width: var(--size-27);
                                min-height: var(--size-27);

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

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

                                    text-align: left;
                                }

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

                                    color: rgba(127, 127, 127);
                                    font-size: var(--font-size-context);

                                    width: 100%;
                                }

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

                                width: 100%;
                            }

                    .AppTasksShareViewItemBlockPerformersReportsItem__Description {
                        display: block;

                        border: 1px solid rgb(237, 237, 237);
                        border-radius: var(--size-07);

                        text-align: left;
                        white-space: normal !important;
                        word-break: break-word !important;

                        width: 100%;

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

                        box-sizing: border-box;
                    }

                        .AppTasksShareViewItemBlockPerformersReportsItem__Description * {
                            font-size: var(--fotn-size) !important;
                            white-space: normal !important;
                            word-break: break-word !important;

                            width: auto !important;

                            cursor: text;
                        }

                        .AppTasksShareViewItemBlockPerformersReportsItem__Description a {
                            /* display: flex;
                            flex-direction: row;
                            align-items: center;
                            justify-content: flex-start; */

                            color: rgb(67, 147, 237);
                            font-size: var(--font-size);
                            white-space: nowrap;
                            word-break: normal;

                            cursor: default;
                        }

                            .AppTasksShareViewItemBlockPerformersReportsItem__Description a:hover {
                                transition: 0.2s;
                                color: rgb(237, 57, 57);
                            }

                    .AppTasksShareViewItemBlockPerformersReportsItem__Files {
                        display: flex;
                        flex-wrap: wrap;
                        align-items: flex-start;
                        justify-content: flex-start;

                        width: 100%;
                    }

                        .AppTasksShareViewItemBlockPerformersReportsItem__Files > a {
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            justify-content: flex-start;

                            font-size: var(--font-size-context);

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

                            .AppTasksShareViewItemBlockPerformersReportsItem__Files > a > img {
                                width: 100%;
                                max-width: var(--icon-button-size);

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

            .AppTasksShareViewItemBlock__Managment {
                display: grid;
                align-items: flex-start;
                justify-content: flex-start;

                grid-template-columns: repeat(auto-fill, minmax( 45%, 1fr ));

                width: 100%;

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

            @media screen and (max-width: 650px){
                .AppTasksShareViewItemBlock__Managment {
                    grid-template-columns: repeat(auto-fill, minmax( 100%, 1fr ));
                }
            }

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

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

                    width: 100%;
                    height: 100%;

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

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

                        width: 100%;

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

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

                            width: 100%;
                        }

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

                        width: 100%;
                    }

                        .AppTasksShareViewItemBlockManagmentItem__Status,
                        .AppTasksShareViewItemBlockManagmentItem__StatusGreen,
                        .AppTasksShareViewItemBlockManagmentItem__StatusRed,
                        .AppTasksShareViewItemBlockManagmentItem__StatusBlue {
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            justify-content: center;
                            
                            background: rgba(235, 235, 235, 0.4);
                            border: 0.017cm solid rgb(225, 225, 225);
                            border-radius: var(--size-07);
                            
                            font-size: var(--font-size-context);
                            font-weight: 600;

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

                            .AppTasksShareViewItemBlockManagmentItem__StatusGreen {
                                background: rgba(157, 217, 97, 0.1);
                                border: 0.017cm solid rgb(157, 217, 97);
                                color: rgb(147, 197, 87);
                            }

                            .AppTasksShareViewItemBlockManagmentItem__StatusRed {
                                background: rgba(237, 57, 57, 0.1);
                                border: 0.017cm solid rgb(237, 57, 57);
                                color: rgb(237, 57, 57);
                            }

                            .AppTasksShareViewItemBlockManagmentItem__StatusBlue {
                                background: rgba(57, 127, 237, 0.1);
                                border: 0.017cm solid rgb(57, 127, 237);
                                color: rgb(57, 127, 237);
                            }

                .AppTasksShareViewItemBlockManagment__Item > .AppPatternsOptions {
                    max-width: unset;
                }

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

                border: 1px solid rgb(237, 237, 237);
                border-radius: var(--size-07);

                width: 100%;

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

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

                    /* border: 1px solid rgb(237, 237, 237);
                    border-radius: var(--size-07); */

                    width: 100%;

                    /* padding: var(--size-07); */
                    margin-top: var(--size-07);
                }

                    .AppTasksShareViewItemBlockReport__Item:nth-of-type(1) {
                        margin-top: unset;
                    }

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

                        width: 100%;

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

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

                            width: 100%;
                        }

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

                        width: 100%;
                    }

        .AppTasksShareView__MainHeader {
            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-04);
        }

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

                margin-right: var(--size-04);
            }
                .AppTasksShareViewMainHeader__Icon > img {
                    width: var(--icon-button-size-options);
                    height: auto;
                    max-width: var(--icon-button-size-options);
                }

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

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

                width: 100%;
            }

            @media screen and (max-width: 900px){
                .AppTasksShareViewMainHeader__Title > h6 {
                    font-size: var(--font-size);
                }
            }

                @media screen and (max-width: 650px){
                    .AppTasksShareViewMainHeader__Title > h6 {
                        font-size: var(--font-size-context);
                    }
                }