/* DEFAULT FORBION */

* {
    font-family: 'Raleway';
    font-weight: 500;
    --color-success: #70B62B !important;
    --color-success-hover: #70B62B !important;
    --color-primary-element-text: white !important;
}

#body-public {
    --color-primary-element: #70B62B;
    --color-primary-element-hover: #68a230;
    --color-background-plain: #f0f2f5;
    --image-background: none;
    --color-background-hover: #e5efe8a8 !important;
}

html {

    &.no-scroll {
        overflow: hidden;
    }
}

*::selection {
    background: rgb(179, 215, 255) !important;
    color: rgb(0, 0, 0) !important;
}

*::-moz-selection {
    background: rgb(179, 215, 255) !important;
    color: rgb(0, 0, 0) !important;
}

*,
*::before,
*::after {
    outline: none !important;
}

html,
body {
    background: #e5efe8;
}

body#body-public {

    & #header {
        height: unset;

        & .header-left .header-appname {
            padding-left: 0;
            margin: 7px;

        }

        #header-controls {
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            gap: 3px;
            margin-right: 7px
        }

        #talk-sidebar-trigger {
            order: -1;
            flex-shrink: 0;
        }


        & .header-right,
        #header-primary-action {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        & .header-right {
            gap: 3px;
        }

        & #header-secondary-action {
            & #header-actions-toggle {
                background-color: #70B62B;
            }
        }

        & #talk-sidebar-trigger {
            display: flex;
            justify-content: center;
            align-items: center;

            & .material-design-icon.message-text-outline-icon svg path {
                color: #70B62B;
            }
        }


    }


    & #content-vue {
        margin: 90px 7px 7px 7px !important;
        width: calc(100% - 14px) !important;
        height: calc(100% - 7px - 90px) !important;

    }

    & #app-content-vue {
        border-radius: 8px !important;
    }

    & #talk-sidebar {
        border-radius: 8px;
        margin-left: 2px;
        & .icon.icon-talk {
            background-image: url('/themes/forbion/images/files/go-to-chat-colored.svg') !important;
        }
    }


    /* app-files*/

    & #content-vue.content.app-files {
        & .files-list__table {
            & .files-list__thead {
                position: static !important;
            }

            & .files-list__row-head {
                height: 65px !important;

                & .files-list__column.files-list__row-name.files-list__column--sortable {
                    height: 65px !important;

                    & .file-list-filters {
                        gap: 2px !important;
                    }
                }

                & .button-vue.files-list__column-sort-button {
                    min-width: 0 !important;
                    width: 100px;
                }
            }
        }

        & .files-list__thead-overlay {
            top: 0 !important;
        }

        & .files-list__header {

            & .material-design-icon.view-grid-outline-icon svg,
            .material-design-icon.format-list-bulleted-square-icon svg,
            .material-design-icon.view-grid-icon svg {
                display: none;
            }

            & .magnifier-icon {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            & .material-design-icon.view-grid-outline-icon::before,
            .material-design-icon.view-grid-icon::before {
                background-image: url("/themes/forbion/images/files/grid-files-gray.svg") !important;
                content: '';
                width: 16px;
                height: 16px;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }

            & .material-design-icon.format-list-bulleted-square-icon::before {
                background-image: url("/themes/forbion/images/files/grid-files-gray.svg") !important;
                content: '';
                width: 16px;
                height: 16px;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }

            & .button-vue.router-link-exact-active .button-vue__text {
                font-size: 16px;
                font-weight: 500;
                color: #000;
            }



        }

        & .file-list-filters__filter {
            & .icon-vue svg path {
                color: #808080 !important;
            }

            & .button-vue__text {
                font-size: 15px;
                font-weight: 500;
                color: #000;
            }
        }

        & .material-design-icon.folder-icon svg,
        .material-design-icon.link-icon.files-list__row-icon-overlay svg,
        .material-design-icon.account-group-icon.files-list__row-icon-overlay svg,
        .material-design-icon.folder-icon.thumbnail::after,
        .material-design-icon.tag-icon.files-list__row-icon-overlay svg {
            display: none;
        }

        & .material-design-icon.folder-icon::before {
            background-image: url("/themes/forbion/images/files/main-folder-icon-black.svg") !important;
            content: '';
            width: 30px;
            height: 30px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        & .files-list.files-list--grid {
            & .material-design-icon.folder-icon::before {
                background-image: url("/themes/forbion/images/files/main-folder-icon-black.svg") !important;
                content: '';
                width: 160px;
                height: 160px;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }
        }

        /*
        & #talk-sidebar {
            border-radius: 8px;
            margin-left: 5px;
        }*/

    }


    /* app-spreed*/
    & #content-vue.content.app-talk {

        & #app-sidebar-vue {
            margin-left: 5px;
        }

        & .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle {
            margin-top: 5px !important;
            margin-right: 217px !important;
        }

    }

    & footer {

        display: none !important;

        & .entity-name {

            font-size: 15px;
            font-weight: 500;
            color: #000;
        }
    }
}