/* добавить в layout.user.php 

'/apps/dashboard' => '/themes/forbion/css/pages/app-dashboard/_app-dashboard.css',

*/


* {
    font-family: 'Raleway' !important;
    font-variant-numeric: lining-nums;
    font-weight: 500;
}

body {

    --color-primary-element: #70B62B !important;
    --color-primary-element-hover: #6faf2e !important;
    --color-primary-element-light-hover: rgba(128, 128, 128, 0.1) !important;
    --color-primary-element-light-text: #808080 !important;
    --color-primary-light: #F5F5F5 !important;
    --color-primary-element-light: #70B62B4D !important;
    --color-primary-element-light-hover: #70B62B4D !important;
    --color-primary-element-light-text: #808080 !important;

    --color-background-hover: rgba(128, 128, 128, 0.1) !important;
    --sidebar-pad: 0px;
    --vs-border-width: 1px solid #E6E6E6;
    --color-main-text: #000 !important;

    & #content.app-dashboard {

        & #app-dashboard {
            & h2 {
                color: var(--color-main-text);
                font-size: 24px;
                font-weight: 600;
                padding: 0;
            }

            & ul.statuses {
                margin-bottom: 0;

                & .user-status-icon.user-status-icon svg {
                    display: none;
                }

                & .user-status-icon.user-status-icon::before {
                    background-image: url("/themes/forbion/images/dashboard/circle-green.svg") !important;
                    content: '';
                    width: 18px;
                    height: 18px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                }

                & #status-status {
                    &>div>button {
                        background-color: transparent;
                        border: none;

                        & .button-vue__text {
                            color: var(--color-main-text);
                            font-size: 14px;
                            font-weight: 500;
                        }
                    }
                }

                & #status-weather {
                    & button {
                        border: none;
                        background-color: transparent;

                        & .button-vue__text {
                            color: var(--color-main-text);
                            font-size: 14px;
                            font-weight: 500;
                        }

                        & .button-vue__icon::before {
                            background-image: url("/themes/forbion/images/dashboard/location-icon-gray.svg") !important;
                            content: '';
                            width: 18px;
                            height: 18px;
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center;
                        }

                        & .button-vue__icon img {
                            display: none;
                        }
                    }
                }
            }

            & .panels {

                & .panel {


                    & .panel--content > div[data-id="tasks"]{
                       padding-top:12px;
                    }

                    & .panel--content > div[data-id="circles"], 
                    .panel--content > div.on-this-day-dashboard  {

                       & .empty-content__icon {
                          display:none;
                       }

                    }

                    & .item-list__entry:has(h3[title="Личные заметки"]), 
                    .item-list__entry:has(h3[title="Обновления приложения «Конференции» ✅"]), 
                    .item-list__entry:has(h3[title="Давайте начнём!"]) {
                        & .avatardiv {
                            display: none;
                        }
                    }
/*
                    & .item-list__entry:has(h3[title="Личные заметки"])::before {
                        background-image: url("/themes/forbion/images/dashboard/notes-icon-color.svg") !important;
                        content: '';
                        width: 54px;
                        height: 34px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                    }

                    & .item-list__entry:has(h3[title="Обновления приложения «Конференции» ✅"])::before {
                        background-image: url("/themes/forbion/images/dashboard/update-icon-color.svg") !important;
                        content: '';
                        width: 54px;
                        height: 34px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                    }

                    & .item-list__entry:has(h3[title="Давайте начнём!"])::before {
                        background-image: url("/themes/forbion/images/dashboard/chat-avatar-member-icon.svg") !important;
                        content: '';
                        width: 54px;
                        height: 34px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                    }*/
                }

                & .panel {
                    width: 250px;
                    background-color: transparent;

                    & .panel--header {
                        padding: 0;
                        background-color: white;
                        border-radius: 8px;
                        margin-bottom: 4px;
                    }

                    & .panel--content {
                        background-color: white;
                        border-radius: 8px;
                        margin: 0;

                        & .empty-content__icon:has(.material-design-icon.check-icon) {
                            display: none;
                        }

                        & .empty-content {
                            padding: 25px 16px 0 16px;
                        }

                        & .button-vue.button-vue--vue-secondary,
                        .button-vue.button-vue--secondary {
                            background-color: #F0F1F4;
                            border: none;
                            padding-right: 12px;

                            & .button-vue__text {
                                color: var(--color-main-text);
                                font-size: 14px;
                                font-weight: 500;
                            }
                        }

                        & .teams-dashboard-widget,
                        .on-this-day-dashboard {
                            & .empty-content {
                                justify-content: start;

                                & .empty-content__action a {
                                    padding: 0 !important;
                                }
                            }
                        }

                        & ul[data-v-d3cb7d50] {

                            & .avatardiv__initials-wrapper {
                                background-color: #70B62B4D !important;

                                & .avatardiv__initials {
                                    color: #70B62B !important;
                                }

                            }

                            & .item-list__entry:has(img[src="http://192.168.70.22/apps/circles/img/circles.svg"]) img {
                                display: none;
                            }

                            & .item-list__entry:has(img[src="http://192.168.70.22/apps/circles/img/circles.svg"])::before,
                            .item-list__entry:has(img[src="https://forbion.f7cloud.ru/apps/circles/img/circles.svg"])::before,
                            .item-list__entry:has(img[src="http://192.168.70.76/apps/circles/img/circles.svg"])::before {
                                background-image: url("/themes/forbion/images/dashboard/team-icon-black.svg") !important;
                                content: '';
                                width: 14px;
                                height: 14px;
                                background-size: contain;
                                background-repeat: no-repeat;
                                background-position: center;
                                position: absolute;
                                left: 42px;
                                bottom: 10px;
                                z-index: 1000;
                            }

                            & .avatardiv.popovermenu-wrapper.item-avatar img {
                                display: none;
                            }

                            & .item-list__entry:has(img.api-dashboard-widget-item__icon)::before {
                                background-image: url("/themes/forbion/images/dashboard/folder-gray.svg") !important;
                                content: '';
                                width: 34px;
                                height: 34px;
                                background-size: contain;
                                background-repeat: no-repeat;
                                background-position: center;
                            }

                            & .item-list__entry:has(h3[title="Обновления приложения «Конференции» ✅"])>span::before {
                                background-image: url("/themes/forbion/images/dashboard/update-icon-color.svg") !important;
                                content: '';
                                width: 34px;
                                height: 34px;
                                background-size: contain;
                                background-repeat: no-repeat;
                                background-position: center;
                                display: block;
                            }

                            & .item-list__entry:has(h3[title="Личные заметки"])>span::before {
                                background-image: url("/themes/forbion/images/dashboard/notes-icon-color.svg") !important;
                                content: '';
                                width: 34px;
                                height: 34px;
                                background-size: contain;
                                background-repeat: no-repeat;
                                background-position: center;
                                display: block;
                            }

                            & .item-list__entry:has(h3[title="Давайте начнём!"])>span::before {
                                background-image: url("/themes/forbion/images/dashboard/meeting-color.svg") !important;
                                content: '';
                                width: 34px;
                                height: 34px;
                                background-size: contain;
                                background-repeat: no-repeat;
                                background-position: center;
                                display: block;
                            }

                            & .item-list__entry:has(img.api-dashboard-widget-item__icon)>img,
                            .item-list__entry:has(h3[title="Обновления приложения «Конференции» ✅"]) img,
                            .item-list__entry:has(h3[title="Личные заметки"]) img,
                            .item-list__entry:has(h3[title="Давайте начнём!"]) img {
                                display: none;
                            }
                        }

                        & ul[data-v-b74472e8] {
                            display: none;
                        }

                        & .dashboard-widget ul[data-v-d3cb7d50]:not(:has(li)):not(.item-list__entry) {
                            display: none;
                        }
                    }

                    & .panel--header h2 {
                        color: var(--color-main-text);
                        font-size: 14px;
                        font-weight: 500;

                        display: flex;
                        justify-content: start;
                        align-items: center;
                    }

                    & .panel--header h2:has(img[src="https://des-new.f7cloud.ru/apps/spreed/img/app-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.22/apps/spreed/img/app-dark.svg"])::before,
                    .panel--header h2:has(img[src="https://forbion.f7cloud.ru/apps/spreed/img/app-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.76/apps/spreed/img/app-dark.svg"])::before {
                        background-image: url("/themes/forbion/images/dashboard/mention-widget-green.svg") !important;
                        content: '';
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-right: 12px;
                    }

                    & .panel--header h2:has(img[src="https://des-new.f7cloud.ru/apps/mail/img/mail-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.22/apps/mail/img/mail-dark.svg"])::before,
                    .panel--header h2:has(img[src="https://forbion.f7cloud.ru/apps/mail/img/mail-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.76/apps/mail/img/mail-dark.svg"])::before {
                        background-image: url("/themes/forbion/images/dashboard/message-icon-green.svg") !important;
                        content: '';
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-right: 12px;
                    }

                    & .panel--header h2:has(img[src="https://des-new.f7cloud.ru/apps/user_status/img/app-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.22/apps/user_status/img/app-dark.svg"])::before,
                    .panel--header h2:has(img[src="https://forbion.f7cloud.ru/apps/user_status/img/app-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.76/apps/user_status/img/app-dark.svg"])::before {
                        background-image: url("/themes/forbion/images/dashboard/avatar-widget-green.svg") !important;
                        content: '';
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-right: 12px;
                    }

                    & .panel--header h2:has(img[src="https://des-new.f7cloud.ru/apps/calendar/img/calendar-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.22/apps/calendar/img/calendar-dark.svg"])::before,
                    .panel--header h2:has(img[src="https://forbion.f7cloud.ru/apps/calendar/img/calendar-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.76/apps/calendar/img/calendar-dark.svg"])::before {
                        background-image: url("/themes/forbion/images/dashboard/calendar-widget-green.svg") !important;
                        content: '';
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-right: 12px;
                    }

                    & .panel--header h2:has(img[src="https://des-new.f7cloud.ru/core/img/actions/star-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.22/core/img/actions/star-dark.svg"])::before,
                    .panel--header h2:has(img[src="https://forbion.f7cloud.ru/core/img/actions/star-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.76/core/img/actions/star-dark.svg"])::before {
                        background-image: url("/themes/forbion/images/dashboard/folder-green.svg") !important;
                        content: '';
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-right: 12px;
                    }

                    & .panel--header h2:has(img[src="https://des-new.f7cloud.ru/apps/activity/img/activity-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.22/apps/activity/img/activity-dark.svg"])::before,
                    .panel--header h2:has(img[src="https://forbion.f7cloud.ru/apps/activity/img/activity-dark.svg"])::before,
                    .panel--header h2:has(img[src="http://192.168.70.76/apps/activity/img/activity-dark.svg"])::before {
                        background-image: url("/themes/forbion/images/dashboard//reload-widget-green.svg") !important;
                        content: '';
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-right: 12px;
                    }

                    & .panel--header .icon-deck {
                        background-image: url("/themes/forbion/images/dashboard/notes-widget-green.svg") !important;
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-top: 1px;

                    }

                    & .panel--header .icon-files-dark {
                        background-image: url("/themes/forbion/images/dashboard/folder-green.svg") !important;
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-top: 1px;

                    }

                    & .panel--header .icon-teams {
                        background-image: url("/themes/forbion/images/dashboard/avatar-widget-green.svg") !important;
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-top: 1px;

                    }

                    & .panel--header .icon-calendar-dark {
                        background-image: url("/themes/forbion/images/dashboard/calendar-widget-green.svg") !important;
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-top: 1px;

                    }

                    & .panel--header .icon-notes {
                        background-image: url("/themes/forbion/images/dashboard/notes-widget-green.svg") !important;
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-top: 1px;

                    }

                    & .panel--header .icon-tasks {
                        background-image: url("/themes/forbion/images/dashboard/check-widget-green.svg") !important;
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-top: 1px;
                    }

                    & .panel--header .icon-category-auth {
                        background-image: url("/themes/forbion/images/dashboard/reload-widget-green.svg") !important;
                        width: 16px;
                        height: 16px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;

                        margin-left: 12px;
                        margin-top: 1px;
                    }

                    & .panel--header h2>img {
                        display: none;
                    }
                }
            }

            & .footer {
                & button.button-vue.button-vue--vue-secondary {
                    background-color: #70B62B !important;
                    padding: 8px 12px;

                    & .material-design-icon.pencil-icon svg {
                        display: none;
                    }

                    & .material-design-icon.pencil-icon::before {
                        background-image: url("/themes/forbion/images/dashboard/pencil-icon-white.svg") !important;
                        content: '';
                        width: 20px;
                        height: 20px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                    }

                    & .button-vue__text {
                        color: white;
                    }
                }
            }
        }
    }

    & .modal-mask {
        & .modal-wrapper {
            & .modal-container {

                & .modal-container__content .modal__content>a {
                    background-color: #70B62B;
                    color: #fff;
                    position: relative;
                    padding: 10px 16px 10px 32px;
                }

                & .modal-container__content .modal__content>a::before {
                    background-image: url("/themes/forbion/images/dashboard/plus-white.svg") !important;
                    content: '';
                    width: 16px;
                    height: 16px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    display: block;
                    position: absolute;
                    top: 13px;
                    left: 10px;
                }

                & ol.panels {
                    gap: 8px;

                    & li .draggable {
                        margin: 0;
                        position: relative;
                    }

                    & li.panel-spreed label::after {
                        background-image: url("/themes/forbion/images/dashboard/mention-widget.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-passwords-widget label::after {
                        background-image: url("/themes/forbion/images/dashboard/reload-widget-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-mail label::after {
                        background-image: url("/themes/forbion/images/dashboard/message-icon-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-calendar label::after {
                        background-image: url("/themes/forbion/images/dashboard/calendar-widget-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-files-favorites label::after {
                        background-image: url("/themes/forbion/images/dashboard/folder-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-recommendations label::after {
                        background-image: url("/themes/forbion/images/dashboard/folder-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-weather .icon-weather-status {
                        background-image: url("/themes/forbion/images/dashboard/wether-icon-gray.svg") !important;
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;


                    }

                    & li.panel-activity label::after {
                        background-image: url("/themes/forbion/images/dashboard/reload-widget-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-photos-onthisday label::after {
                        background-image: url("/themes/forbion/images/dashboard/calendar-widget-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-circles label::after {
                        background-image: url("/themes/forbion/images/dashboard/team-icon-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-deck label::after {
                        background-image: url("/themes/forbion/images/dashboard/reload-widget-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-deckToday label::after,
                    li.panel-deckTomorrow label::after {
                        background-image: url("/themes/forbion/images/dashboard/check-widget-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-mail-unread label::after {
                        background-image: url("/themes/forbion/images/dashboard/message-icon-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-notes label::after {
                        background-image: url("/themes/forbion/images/dashboard/notes-widget-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-tasks label::after {
                        background-image: url("/themes/forbion/images/dashboard/check-widget-gray.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-user_status label::after {
                        background-image: url("/themes/forbion/images/dashboard/avatar-widget.svg") !important;
                        content: '';
                        width: 24px;
                        height: 24px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        display: block;
                        position: absolute;
                        top: 0;
                        margin-top: 12px;

                    }

                    & li.panel-spreed label img,
                    li.panel-mail label img,
                    li.panel-calendar label img,
                    li.panel-files-favorites label img,
                    li.panel-deck label img,
                    li.panel-deckToday .icon-deck,
                    li.panel-deckTomorrow .icon-deck,
                    li.panel-mail-unread label img,
                    li.panel-notes label img,
                    li.panel-tasks .icon-tasks,
                    li.panel-user_status label img,
                    li.panel-recommendations label img,
                    li.panel-photos-onthisday label img,
                    li.panel-activity label img,
                    li.panel-circles label img,
                    li.panel-passwords-widget .icon-category-auth {
                        display: none;
                    }
                }
            }
        }
    }
}