/* DEFAULT FORBION */

#body-login,
#body-settings {
    --color-primary-element: #5e922b;
    --color-primary-element-hover: #68a230;
    --color-background-plain: #f0f2f5;
    --image-background: none;
}


[data-theme-light] { 

--color-text-error: #D42722 !important;
--color-text-success: #356B00 !important;

/* warring */

--color-element-warning: #D7AC00 !important;
--color-warning: #FFF0B5 !important;
--color-warning-hover: #F8E188 !important;
--color-warning-text: #594800 !important;
--color-warning-rgb: rgb(255, 240, 181) !important;


/* error */

--color-element-error: #D74642 !important;
--color-error: #FFE2E2 !important;
--color-error-hover: #E6B5B4 !important;
--color-error-text: #692523 !important;
--color-error-rgb: rgb(255, 226, 226) !important;

/* success */

--color-element-success: #70B62B !important;
--color-success: #E3F4D2 !important;
--color-success-hover: #C2DFA5 !important;
--color-success-text: #355714 !important;
--color-success-rgb: rgb(227, 244, 210) !important;

/* info */

--color-element-info: #2B88B6 !important;
--color-info: #D1E8F4 !important;
--color-info-hover: #B6E3FA !important;
--color-info-text: #154E6B !important;
--color-info-rgb: rgb(209, 232, 244) !important;
}



html {

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

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

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

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

/* Chrome, Edge, Safari */
*::-webkit-scrollbar {
    width: 3px !important;
    height: 3px !important;
}

*::-webkit-scrollbar-thumb {
    background-color: #808080 !important;
    border-radius: 4px !important;
}

*::-webkit-scrollbar-track {
    background-color: #fff !important;
}

*::-webkit-scrollbar-button {
    display: none !important;
}

/* tool for header */
.global-tooltip {
    font-family: 'Raleway';
    position: fixed;
    z-index: 999999;
    background-color: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    font-weight: 600;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: opacity 0.2s ease-out;
    transition: opacity .12s ease;
    transform: translateY(-50%);
    will-change: transform, left, top, opacity;
}

.global-tooltip.visible {
    opacity: 1;
    pointer-events: auto;
}
/* --tool for header-- */


#body-login {
    --color-background-plain: var(--backgroud-color-main-darkgray) !important;

    & .wrapper {
        margin: 20px 0 110px;
        --color-primary-element: #70B62B !important;
        --color-primary-element-hover: #6faf2e !important;
        --color-primary-element-light-hover: #ffffff !important;

        & #header {

            margin: 0 auto 48px;
            width: 300px;
            height: 70px;
            position: static;

            & .logo {

                position: relative;
                background-image: url("/themes/forbion/images/login/big-forbion.svg");
                width: 100%;
                height: 100%;
                filter: unset !important;
            }
        }

        & fieldset input[value="Сохранить"]{
            background-color: #70B62B !important;
            color: #FFFFFF !important;
        }
    }
}

html {
    background: var(--backgroud-color-main-darkgray);
}

* {
   
    --color-primary-element-text: white !important;

    --backgroud-color-main-litegray: #F5F5F5;
    --backgroud-color-main-darkgray:#e5efe8; /*#E0E0E0*/
    --color-background-hover:#e5efe8a8 !important;

    --color-primary-element-light: #70B62B1A !important;
    --color-primary-element-light-text:#000 !important;
    

    --global-margin: 7px;
    --main-margin-panels: 5px;
}

#body-user .content.app-profile {
    & #app-content-vue {
        border-radius: 8px;

        & .profile__header {
            background-color: #F1F8EA;
        }

        & .profile__wrapper {
           & .user-actions {
            display: none;
                & .user-actions__primary.button-vue.button-vue--size-normal.button-vue--icon-and-text.button-vue--vue-primary .button-vue__icon {
                    display: none;
                }
           } 
        }
    }
}

#body-login .logo {
    width: 307px !important;
    height: 130px;
    filter: unset !important;
}

#body-login .icon-search,
body .icon-search-dark {
    background-image: var(--icon-search-white) !important;
}

#body-login .guest-box,
.body-login-container {
    --color-text-maxcontrast: black;
    --color-main-text: black;
    color: black;
    background-color: white;
    box-shadow: 0 0 10px #00000021;
    -webkit-backdrop-filter: var(--filter-background-blur);
    backdrop-filter: var(--filter-background-blur);
}

body#body-settings {
    position: relative;
    background: var(--backgroud-color-main-darkgray);
    display: flex;
    padding: var(--global-margin) !important;
    height: 100vh;
    box-sizing: border-box;
    overflow: hidden;
}

body#body-user {
    position: relative;
    background: var(--backgroud-color-main-darkgray);
    display: flex;
    padding: var(--global-margin) !important;
    height: 100vh;
    box-sizing: border-box;

}

#content {
    height: 100%;
    width: 100% !important;
    margin: 0 0 0 0px;
    position: static !important;
    border-radius: 0px !important;
}

#content-vue {
    width: 100% !important;
    max-width: 100%;
    height: 100%;
    position: relative;
    margin: 0 0 0 0px;
    padding: 0 !important;
    gap: var(--main-margin-panels);
    border-radius: 0px !important;
}

body #content-vue .app-navigation {
    background-color: transparent !important;
    width: 256px !important;
}

body #content-vue .app-navigation.app-navigation--close {
    background: transparent;
    width: 296px !important;
}

body #content-vue .app-navigation.app-navigation--closed {
    background: transparent;
    width: 296px !important;
}

#content-vue #app-content-vue {
    background: var(--backgroud-color-main-darkgray);
}

#content-vue #app-content-vue button.button-vue--vue-secondary {
    background: #70B62B;
    color: #ffffff;
    font-family: 'Raleway';
    font-weight: 500;
    font-size: 14px;
    transition: opacity .3s;
}

#content-vue #app-content-vue button.button-vue--vue-secondary:hover {
    opacity: .75;
}

#content-vue #app-content-vue .material-design-icon.plus-icon {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    width: 18px;
    height: 20px;
}

#content-vue #app-content-vue .material-design-icon.plus-icon svg {
    display: none;
}

#content-vue #app-content-vue .material-design-icon.plus-icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-image: url("/themes/forbion/images/new-plus.svg");
    background-repeat: no-repeat;
}

#content-vue #app-content-vue button.button-vue--vue-secondary .button-vue__text {
    margin-left: 2px;
    margin-bottom: 0;
}

#content-vue .splitpanes.default-theme .splitpanes__pane-list {
    margin: 0px var(--main-margin-panels) 0px 0px !important;
    border-radius: 8px;
    background: #ffffff;
}

#content-vue .splitpanes.default-theme .splitpanes__pane-details {
    border-radius: 8px;
    background: #ffffff;
}
/*
#content-vue .splitpanes__splitter {
    display: none;
}*/

#content-vue .app-content__empty {
    padding: 0 25px;
}

#content-vue .empty-content__icon {
    margin-bottom: 20px;
    padding: 45px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

#content-vue .empty-content__name {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 14px;
}

#content-vue .empty-content__action {
    margin-top: 0;
}

#content-vue .app-navigation.app-navigation--close+.app-content .splitpanes.default-theme .splitpanes__pane-list {
    margin-left: 0;
}

#content-vue .app-navigation.app-navigation--close #app-navigation-vue {
    opacity: 0;
}


.material-design-icon.folder-icon.thumbnail:after {
    background-image: url('/themes/forbion/images/files-black.svg') !important;
    content: '';
    width: 100%;
    height: 100%;
    min-height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.material-design-icon.folder-icon.thumbnail>svg {
    display: none;
}

.material-design-icon.folder-icon.thumbnail:after {
    background-image: url('/themes/forbion/images/files-black.svg') !important;
    content: '';
    width: 100%;
    height: 100%;
    min-height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.material-design-icon.folder-icon.thumbnail>svg {
    display: none;
}

@media only screen and (max-width: 1023px) {
    #content-vue {
       
        width: auto;
        max-width: unset;

        & .app-navigation__search {
            background-color: #fff;
        }
    }
}

/*userprofile*/

.app-profile {
    .profile__header[data-v-8ecdffca] {
        position: absolute;
        top: 140px;
        width: 100%;
        height: unset;

        & .profile__header__container[data-v-8ecdffca] {
            display: flex;
            justify-content: center;

            & .profile__header__container__displayname {
                margin-block: 200px 0;
                display: flex;
                justify-content: center;
                margin-right: 20px;

                &>a {
                    display: none;
                }
            }
        }
    }

    .profile__wrapper[data-v-8ecdffca] {

        & .profile__content {
            & .profile__sidebar {
                /*position: relative;*/
                /*padding-top: 260px;*/
                width: 100%;
                margin-bottom: 180px;
                margin-top: 120px;

                & .user-actions[data-v-8ecdffca] {
                    margin-top: 70px;
                    display: none;
                }
            }

            & .profile__blocks[data-v-8ecdffca] {
                margin: 20px 0 80px 0;

                & .empty-content[data-v-fede0c71] {
                    margin-top: 50px;

                    & .empty-content__icon {
                        & .material-design-icon.account-icon {
                            &>svg {
                                display: none;
                            }

                            &:after {
                                background-image: url('/themes/forbion/images/user-big.png') !important;
                                content: '';
                                background-repeat: no-repeat;
                                background-position: center;
                                background-size: cover;
                                width: 90px;
                                height: 90px;
                            }
                        }
                    }
                }
            }
        }
    }


}

.poll-card {
    max-width: 100% !important;
}

.v-popper__wrapper .searchable-list__wrapper {
    width: unset !important;
}

.searchable-list__list .button-vue__text {
    margin-bottom: 10px;
    margin-left: 20px;
}

.searchable-list__list .button-vue--vue-tertiary {
    margin-bottom: 10px;
    padding-left: 10px !important;
    height: 34px !important;
}

.input-field__main-wrapper .input-field__label {
    display: none;
}

/*.input-field__main-wrapper .input-field__icon--leading{
    top: 5px;
}
.input-field__main-wrapper .input-field__input{
   height: 30px !important;
}*/

.modal-mask.first-run-wizard {
    display: none !important;
}

.modal-mask {

    & .unified-search-modal__header {

        & .input-field {

            height: 40px;

            & .input-field__main-wrapper {

                height: 40px;

                & input {

                    height: 40px !important;

                }
            }
        }

        & .unified-search-modal__filters {
            margin-top: 8px;

            &>div {

                & button {
                    background: rgb(112, 182, 43) !important;
                    transition: opacity .2s;

                    &:hover {
                        background: rgb(112, 182, 43) !important;
                        opacity: .75 !important;
                    }
                }

                & .button-vue__icon {
                    svg {
                        fill: #ffffff;
                    }
                }

                & .button-vue__text {
                    color: #FFFFFF !important;
                }
            }
        }

        & .unified-search-modal__filters-applied {

            & .chip {

                background: rgb(112, 182, 43) !important;
                transition: opacity .2s;
            }
        }

        & .text {
            color: #FFFFFF;
        }
    }

    & .unified-search-custom-date-modal {

        h1 {
            margin-bottom: 16px;
        }

        & .unified-search-custom-date-modal__pickers {

            & input {
                height: 40px !important;
            }
        }

        & .unified-search-custom-date-modal__footer {
            margin-top: 25px !important;
        }

        .button-vue {
            background-color: rgb(112, 182, 43) !important;

            & .button-vue__icon {
                svg {
                    fill: #ffffff;
                }
            }

            & .button-vue__text {
                color: #FFFFFF !important;
            }
        }
    }
}