@import url("./forms/_forms.css");
@import url("./icons/_icons.css");

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

[data-section-id="personal-info"][data-section-type="personal"],
[data-section-id="sharing"][data-section-type="personal"],
[data-section-id="availability"][data-section-type="personal"] {
    display: block !important;
}

.app-navigation-personal li[data-section-id="security"],
.app-navigation-personal li[data-section-id="theming"],
.app-navigation-personal li[data-section-id="workflow"],
.app-navigation-personal li[data-section-id="richdocuments"],
.app-navigation-personal li[data-section-id="notifications"],
.app-navigation-personal li[data-section-id="externalstorages"],
.app-navigation-personal li[data-section-id="sync-clients"],
.app-navigation-personal li[data-section-id="privacy"],
.app-navigation-personal li[data-section-id="sociallogin"] {
    display: none !important;
    cursor: none;
}

.settings-section__name {
    & .settings-section__info {
        display: none !important;
    }
}

a.icon-info {
    display: none;
}

body#body-settings {
    --color-primary-element: #70B62B !important;
    --color-primary-element-hover: #6faf2e !important;
    --color-primary-element-light-hover: #ffffff !important;

    & .app-settings:not(.modal-mask) {

        & div.section.development-notice {
            cursor: none;

            & p a,
            p {
                background-color: transparent;
                box-shadow: none;
                border: none;
                color: #fff;
                display: none;
            }

            & .social-button svg path {
                display: none;
            }
        }

        & #app-content[data-active-section-id="presets"],
        #app-content[data-active-section-id="admindelegation"] {
            & .settings-section.settings-section--limit-width {
                display: block !important;
            }
        }

        & #app-content[data-active-section-id="sharing"] {
            & .settings-section--limit-width:nth-of-type(2) {
                display: none !important;
            }

        }

        & #app-content[data-active-section-id="overview"] {
            display: flex;
        }


        & #app-content[data-active-section-id="ai"] {
            & .settings-section.settings-section--limit-width {}
        }

        & #app-content[data-active-section-id="externalstorages"] {
            & #files_external {

                &>p {
                    color: transparent;
                    display: none;
                }

            }

            & .followupsection {
                padding: 30px;
            }
        }

        & #app-content[data-active-section-id="personal-info"] {
            & .personal-settings-section {
                & .visibility-dropdowns {
                    & .v-select {
                        width: 400px;
                    }
                }
            }

        }

        & #app-content[data-active-section-id="security"] {

            & #bruteforcesettings {
                padding: 0px !important;

                &>.settings-section {
                    margin: 0px !important;
                }

            }

            & .checkbox-radio-switch.checkbox-radio-switch-switch #checkbox-radio-switch-nc-vue-0-label {
                & .checkbox-content__wrapper::before {
                    content: 'Применить белый список для ограничения скорости';

                }

                & .checkbox-content__wrapper .checkbox-content__text.checkbox-radio-switch__text {
                    display: none;
                }

            }

        }

        & #app-content[data-active-section-id="support"] {
            & .section.community-support {
                display: none;
                color: transparent !important;

                & a.button.link-button {
                    background-color: transparent !important;
                }
            }

        }

        & #app-content[data-active-section-id="security"] {
            & .settings-section__name {
                margin-bottom: 0px;
            }

            & .settings-section.settings-section--limit-width .settings-section__desc {
                color: transparent;
                display: none;
            }
        }

        & #app-content[data-active-section-id="groupware"] {

            & .settings-section {
                &>p {
                    padding: 0;
                }
            }

            & #example-content {
                & .settings-section__desc {
                    color: transparent;
                    display: none;
                }

                & .settings-section__name {
                    margin-bottom: 0px;
                }
            }
        }

        & #app-navigation {
            background: #ffffff;
            border-radius: 8px;
            max-width: 256px;

            & .app-navigation-caption {
                display: none;
            }

            & .app-navigation-administration {
                & ul {
                    padding: 4px;
                }
            }

            & .app-navigation-personal {

                & ul {

                    padding: 4px;

                    &>li {

                        img {
                            display: none;
                        }

                        &.active {

                            & a {
                                background: #70B62B !important;

                                & span {
                                    font-size: 14px;
                                    line-height: 20px;
                                    color: #ffffff;
                                }
                            }

                            &[data-section-id="personal-info"]::before {
                                background-image: url("/themes/forbion/images/lk-main-white.svg");
                            }

                            &[data-section-id="sharing"]::before {
                                background-image: url("/themes/forbion/images/lk-sharing-white.svg");
                            }

                            &[data-section-id="availability"]::before {
                                background-image: url("/themes/forbion/images/lk-availability-white.svg");
                            }

                            &[data-section-id="ai"]::before {
                                background-image: url("/themes/forbion/images/assistant/ai-white.svg");
                            }
                        }

                        & a:active {
                            background: rgb(245, 245, 245);
                        }

                        &:not(:last-child) {
                            margin-bottom: 2px;
                        }

                        & a {
                            z-index: 0;
                        }

                        &::before {
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 10px;
                            width: 16px;
                            height: 100%;
                            background-repeat: no-repeat;
                            background-position: center;
                            z-index: 1;
                        }

                        &[data-section-id="personal-info"]::before {
                            background-image: url("/themes/forbion/images/lk-main.svg");
                        }

                        &[data-section-id="sharing"]::before {
                            background-image: url("/themes/forbion/images/lk-sharing.svg");
                        }

                        &[data-section-id="availability"]::before {
                            background-image: url("/themes/forbion/images/lk-availability.svg");
                        }

                        &[data-section-id="ai"]::before {
                            background-image: url("/themes/forbion/images/assistant/ai-gray.svg");
                        }

                        & span {
                            padding-left: 29px;
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 500;
                            letter-spacing: 0;
                        }
                    }
                }
            }
        }

        & #app-content[data-active-section-id="server"] {
            & .settings-section.settings-section--limit-width>p {
                color: transparent;
                display: none;

            }
        }

        & #app-content[data-active-section-id="ai"] {
            & .section {
                padding: 25px 16px;

                &>h2 {
                    justify-content: center;
                }

                & #assistant-content {
                    margin: 0;
                    border-radius: 8px;
                    border: 1px solid #E6E6E6;
                    padding: 16px;

                    &>fieldset {
                        max-width: 100%;
                        margin-bottom: 16px;
                    }

                    &>div {
                        &>h3, 
                        div:nth-of-type(2) {
                            display: none;
                        }

                        & h5 {
                            font-weight: 600;
                            font-size: 16px;
                            line-height: 20px;
                        }

                        &>div[data-v-b644ef39] {
                            font-weight: 500;
                            font-size: 14px;
                            line-height: 20px;


                        }

                        & div:nth-of-type(1),
                        div:nth-of-type(3),
                        div:nth-of-type(4),
                        div:nth-of-type(5) {
                            margin-block: 16px;
                            & h5 {
                                display: none;
                            }
                        }

                        & div:nth-of-type(1)::before {
                            content: 'Резервный помощник Ассистента - ';
                            font-weight: 600;
                            font-size: 16px;
                            line-height: 20px;
                        }

                        & div:nth-of-type(3)::before {
                            content: 'Генератор текстовых документов Office - ';
                            font-weight: 600;
                            font-size: 16px;
                            line-height: 20px;
                        }

                        & div:nth-of-type(4)::before {
                            content: 'Генератор электронных таблиц Office - ';
                            font-weight: 600;
                            font-size: 16px;
                            line-height: 20px;
                        }

                        & div:nth-of-type(5)::before {
                            content: 'Генератор презентаций Assistant - ';
                            font-weight: 600;
                            font-size: 16px;
                            line-height: 20px;
                        }
                    }
                }
            }
        }

        & #app-content {

            background: #ffffff;
            margin-left: var(--main-margin-panels);
            border-radius: 8px;

            & #version {
                color: transparent;
                display: none;
            }

            & .files-personal-settings-page-wrapper {
                display: flex;
                border: 1px solid #E6E6E6;
                border-radius: 8px;
                margin-inline: 32px;
                margin-top: 44px;

                & .button-vue--vue-secondary {
                    background: #fff !important;
                    border: 1px solid #E6E6E6 !important;
                }

                & .button-vue__text {
                    font-size: 14px;
                    font-weight: 500;
                    letter-spacing: 0;
                    font-family: var(--font-family-main) !important;
                }
            }

            & .personal-settings-section {

                & #profile-visibility .visibility-dropdowns {
                     & > div:has(label[for="profile-visibility-bluesky"]), 
                      > div:has(label[for="profile-visibility-twitter"]), 
                      > div:has(label[for="profile-visibility-website"]), 
                      > div:has(label[for="profile-visibility-pronouns"]), 
                      > div:has(label[for="profile-visibility-address"]) {
                         display:none;
                     }
                }
               
                & #profile-visibility {
                    margin-left: 0 !important;

                    & .visibility-dropdowns {
                        display: flex;
                        flex-direction: column;
                        gap: 8px;

                        & .visibility-container {
                            align-items: center;

                            &>label {
                                line-height: 20PX;
                            }
                        }

                    }
                }
            }

            & .personal-settings-setting-box-detail {
                & .material-design-icon {
                    display: none !important;
                }
            }

            & h2 {
                margin-top: 0;
                font-size: 20px;
                line-height: 20px;
            }

            & h3 {
                margin: 0;
                font-size: 16px;
                line-height: 20px;
                font-weight: 500;
            }

            & p {
                font-size: 18px;
                line-height: 22px;
                font-weight: 600;
                color: #000;
                max-width: 700px;
            }


            & .settings-section {
                padding: 16px;
                border: unset;
                display: flex;
                justify-content: center;
                flex-direction: column;

                &#availability {

                    & .time-zone {
                        display: flex;
                        flex-direction: column;
                        padding-top: 0;

                        & label {
                            margin-bottom: 10px;
                            font-size: 16px;
                            cursor: default;
                        }

                        & .time-zone__heading {
                            font-size: 16px;
                            /*line-height: 40px;*/
                            font-family: Raleway;
                            font-weight: bold;
                            font-size: 16px;
                            line-height: 20px;
                            letter-spacing: 0%;


                        }
                    }

                    & .week-day-container {
                        color: #000000 !important;

                        &:before {
                            content: 'Дни недели';
                            font-weight: 500;
                            font-size: 16px !important;
                        }

                        /*margin-top: 25px;*/
                        margin-bottom: 32px;

                        & .day-container {

                            /*padding: 20px 0 12px;*/
                            padding: 0 0 2px;
                            border-top: unset !important;

                            & .label-weekday {

                                margin-top: 6px;
                                margin-bottom: auto;
                                padding-top: 0;

                                & span {
                                    height: auto;
                                }
                            }

                            & .availability-slots {
                                margin-left: 8px;
                                max-width: 225px;

                                & .availability-slot {
                                    flex-wrap: nowrap;
                                }

                                &+.button-vue {
                                    opacity: 1 !important;
                                    background: rgba(245, 245, 245, 0);
                                    transition: .3s !important;

                                    &:hover {
                                        opacity: 0.75 !important;
                                        background: rgba(245, 245, 245, 1);
                                    }
                                }
                            }

                            & .native-datetime-picker {

                                position: relative;

                                &.end-date+.button-vue {
                                    margin-left: 4px;
                                }

                                &::before {
                                    content: '';
                                    position: absolute;
                                    top: 50%;
                                    right: 20px;
                                    background-image: url("/themes/newtheme/core/img/clock.svg");
                                    width: 16px;
                                    height: 16px;
                                    transform: translateY(-50%);
                                    background-color: #ffffff;
                                    pointer-events: none;
                                }

                                &.end-date {

                                    &::before {
                                        right: 8px;
                                    }
                                }
                            }

                            &:first-child {
                                margin-top: 16px;
                            }
                        }
                    }

                    &>div {

                        border: 1px solid #E6E6E6;
                        border-radius: 8px;
                        padding: 32px;
                        width: 100%;
                        max-width: 100%;

                        &>.checkbox-radio-switch {

                            max-width: 500px;

                            & .checkbox-radio-switch__content {
                                margin-left: -2px;
                                padding: 0;
                                background: unset;

                                & .checkbox-content__text {
                                    padding-left: 8px;
                                    line-height: 20px;
                                }
                            }
                        }

                        &>.button-vue {
                            height: 40px;
                            margin-top: 20px;
                            padding: 0 14px 0 42px;

                            & .button-vue__wrapper {

                                & .button-vue__text::before {
                                    content: '';
                                    position: absolute;
                                    top: 50%;
                                    left: 15px;
                                    background-image: url("/themes/forbion/images/arrow-btn.svg");
                                    width: 22px;
                                    height: 22px;
                                    transform: translateY(-50%);
                                }
                            }
                        }
                    }
                }

                &#absence {
                    display: none;
                }
            }


            & #vue-personal-federated+#files-personal-settings {
                display: none;
            }

            & #vue-personal-federated+#files-personal-settings+#files-sharing-personal-settings {
                display: none;
            }

            & .sharing-content-title {
                font-weight: 600;
                font-size: 24px;
            }

            & .sharing-content-title-discription {
                font-weight: 500;
                font-size: 18px;
                margin-bottom: 24px;
            }

            & #files-personal-settings {

                /*margin: 42px 32px 48px;*/
                padding: 32px;
                /*border: 1px solid #E6E6E6;*/
                border-radius: 8px;

                &>div {
                    margin-top: 32px;
                    max-width: 400px;
                }

                & p:first-child {
                    margin-top: 0;
                }

                & p:last-child {

                    &>.button-vue {
                        height: 40px;
                        margin-top: 25px;
                        padding: 0 14px 0 42px;


                        & .button-vue__wrapper {


                            & .button-vue__text::before {
                                content: '';
                                position: absolute;
                                top: 50%;
                                left: 15px;
                                background-image: url("/themes/forbion/images/arrow-btn.svg");
                                width: 22px;
                                height: 22px;
                                transform: translateY(-50%);
                            }
                        }
                    }
                }

                & p.new-owner-row {
                    display: flex;
                    flex-direction: column;
                    margin-top: 20px;
                }

                & p.transfer-select-row {

                    &>span:empty {
                        display: none;
                    }

                    &>span {
                        display: block;
                        margin: 16px 0px -8px;
                    }

                    &>.button-vue {
                        margin-top: 12px;
                        padding: 6px 8px;
                        background: transparent;
                        border: 1px solid #E6E6E6;
                        border-radius: 8px;
                        justify-content: start !important;
                        width: 374px !important;
                        height: 36px !important;


                        &>span {
                            color: #808080;
                            width: auto !important;
                            flex-shrink: 1;

                        }

                        &::before {
                            content: '';
                            position: absolute;
                            top: 50%;
                            right: 10px;
                            background-image: url("/themes/newtheme/core/img/plus-black.svg");
                            width: 16px;
                            height: 16px;
                            transform: translateY(-50%);
                            background-color: #ffffff;
                            pointer-events: none;
                        }
                    }
                }
            }

            & #files-sharing-personal-settings {
                display: flex;
                flex-direction: column;
                align-items: flex-start;

                &>p:nth-child(3) {
                    margin-top: 57px;

                    & .share-folder__form {

                        & .input-field.share-folder__picker,
                        .input-field__main-wrapper {
                            width: 374px;
                            height: 36px;
                        }

                        & .input-field__main-wrapper>label {
                            display: inline-block;
                        }

                        & input {
                            box-shadow: none;
                            border: 1px solid #E6E6E6;
                            width: 374px;
                            height: 36px !important;
                        }
                    }
                }

                &>p:nth-child(2) {
                    margin-top: 12px;
                    order: 1;

                    & label {
                        width: 374px;
                        display: block;
                        font-size: 14px;
                        font-weight: 400;
                        color: #000;
                        padding-inline-start: 2px;
                    }

                    & label::before {
                        border-radius: 4px;
                    }

                    & .share-folder__picker {

                        margin-top: 10px;

                        & .input-field__main-wrapper {

                            display: flex;
                            flex-direction: column-reverse;


                            & input {
                                padding-right: 50px;
                                width: 374px !important;
                                height: 36px;

                            }

                            & label {
                                position: relative;
                                min-height: max-content;
                                min-width: max-content;
                                padding: 0;
                                margin: 0;
                                top: -12px;
                                font-size: 16px;
                                line-height: 20px;
                                font-weight: 500;
                                color: #000000;
                            }

                            & .input-field__icon {

                                display: none;

                                &::before {
                                    content: '';
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                    background-image: url("/themes/newtheme/core/img/alarm-icon.svg");
                                    width: 16px;
                                    height: 16px;
                                    background-size: auto;
                                    background-position: center;
                                    background-repeat: no-repeat;
                                    opacity: .75
                                }
                            }
                        }
                    }
                }

            }

            & #personal-settings {
                display: flex !important;
                margin: 0 0 8px;
                padding: 16px;
                max-width: unset;
                flex-direction: column;
                
                & #wrapper-content-box-avater-and-info .person-grid {
                    & .personal-settings-setting-box {

                        & .native-datetime-picker {
                            & .native-datetime-picker--input[type="date"] {
                                background-image: url(/themes/forbion/images/tasks/calendar-black.svg);
                                background-repeat: no-repeat;
                                background-position: right 10px center;
                                padding-right: 40px;
                                position: relative;
                            }

                            &  .native-datetime-picker--input[type="date"]::-webkit-calendar-picker-indicator {
                                opacity: 0 !important;
                                position: absolute !important;
                                right: 8px !important;
                            }
                       }

                   }
                }

                & .person-content-title {
                    font-weight: 600;
                    font-size: 24px;
                }
                
                & #wrapper-content-box-profile-info .content-box {
                     & .personal-settings-setting-box.personal-settings-setting-box-profile > section{
                        & > .checkbox-container, 
                         > a[href="#profile-visibility"] {
                            display:none;
                         }
                     }
                }
                
                & #wrapper-content-box-avater-and-info {
                    margin-bottom: 24px;

                    & .person-grid {
                         & .personal-settings-setting-box.personal-settings-language-box {
                               display:none;
                            }
                         }
                }

                & .person-content-title-discription {
                    font-weight: 500;
                    font-size: 18px;
                    margin-bottom: 24px;
                }

                & .wrapper-content-box {
                    display: flex;
                    flex-direction: column;
                    border: 1px solid #E6E6E6;
                    border-radius: 8px;
                    width: 100%;
                    padding: 32px;

                    & .title-box {
                        font-weight: 600;
                        font-size: 20px;
                    }

                    & .content-box {
                        display: flex;

                        & .person-grid {
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            column-gap: 20px;
                            width: 100%;

                            & .personal-settings-setting-box.personal-settings-language-box section {
                                padding-block: 0px;
                            }

                            & .personal-settings-setting-box {

                                & .material-design-icon.plus-icon:before {
                                    margin-left: 7px;
                                }

                                & .headerbar-label {
                                    margin: 0;
                                    color: #000;
                                    font-weight: 400;

                                    & .federation-actions.federation-control.action-item.action-item--default-popover.action-item--tertiary {
                                        display: none;


                                    }

                                    & button {
                                        & .button-vue__text {
                                            display: none;
                                        }
                                    }
                                }

                                & #account-property-birthdate,
                                #account-property-email {
                                    color: #808080 !important;
                                    box-shadow: none;
                                    border: 1px solid #E6E6E6 !important;
                                }

                                & .property__helper-text-message,
                                em {
                                    display: none;
                                }

                                & .property {

                                    & input {
                                        color: #808080 !important;
                                        box-shadow: none;
                                        border: 1px solid #E6E6E6 !important;
                                    }
                                }
                            }
                        }

                        & #vue-avatar-section {
                            margin-right: 70px;

                            & .headerbar-label {
                                display: none;
                            }

                            & .avatar__container {
                                &>span {
                                    display: none;
                                }

                                & .avatar__buttons {
                                    &>button.button-vue {
                                        background-color: #70B62B;

                                        & svg path {
                                            color: #fff;
                                        }

                                        & .material-design-icon.folder-icon::before {
                                            background-image: url('/themes/forbion/images/folder-white.svg');
                                        }

                                        & .material-design-icon.delete-icon::before {
                                            background-image: url('/themes/forbion/images/files/basket-white.svg');
                                        }

                                    }
                                }

                            }
                        }

                        & .personal-settings-setting-box-profile {
                            margin-right: 20px;
                            width: 290px;

                            &>section {
                                padding: 0;
                                display: flex;
                                flex-direction: column;
                                align-items: start;

                                & .headerbar-label.profile-property {
                                    display: none;
                                }

                                & .preview-card {
                                    order: -1;
                                }

                                & .checkbox-radio-switch.checkbox-radio-switch-switch {
                                    & .checkbox-content {
                                        padding-inline: 0;
                                    }
                                }

                                & a:last-child {
                                    color: #000;
                                    font-size: 14px;
                                    margin: 0;

                                    & .chevron-down-icon.anchor-icon::before {
                                        background-image: url('/themes/forbion/images/plus-gray.svg');
                                        width: 16px;
                                        height: 16px;
                                        content: '';
                                        background-size: auto;
                                        background-position: center;
                                        background-repeat: no-repeat;
                                        margin-top: -4px;
                                        margin-left: -2px;

                                    }

                                }


                            }
                        }

                        & .personal-settings-setting-box.personal-settings-setting-box-detail {

                            & .headerbar-label.setting-property {
                                display: none;
                            }

                        }




                    }
                }

            }
        }

        & #app-content[data-active-section-id="notifications"] {
            & .settings-section {
                margin: 0;

            }
        }

        & #app-content[data-active-section-id="sharing"] {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 16px;

            & .sharing-settings-box {
                border: 1px solid #E6E6E6;
                border-radius: 8px;
                width: 100%;
                display: flex;
                height: 100%;
            }
        }
    }

    @media only screen and (max-width: 1024px) {
        #content {

            & #app-content[data-active-section-id="external"] {
                & .icon-list {
                    display: flex;
                    flex-direction: column;
                    gap: 5px;

                    & li {
                        width: 100% !important;
                    }
                }
            }


            & #personal-settings {

                & .person-content-title,
                .person-content-title-discription {
                    display: none;
                }
            }

            & .wrapper-content-box {
                padding: 0 !important;
                border: none !important;

                & .title-box {
                    font-size: 18px !important;
                }

                & .content-box {
                    flex-direction: column;

                    & #vue-avatar-section {
                        margin-right: 0 !important;
                    }

                    & .person-grid {
                        grid-template-columns: 1fr !important;
                        column-gap: 0px !important;

                        & .personal-settings-setting-box {

                            &>section {
                                padding: 0 !important;
                            }
                        }
                    }
                }
            }

            & #app-content[data-active-section-id="sharing"] {
                padding: 0;
                width: 100%;

                & .sharing-content-title,
                .sharing-content-title-discription {
                    display: none;
                }

                & .sharing-settings-box {
                    flex-direction: column;
                    padding: 16px;
                    gap: 18px;

                    & #files-personal-settings,
                    #files-sharing-personal-settings {
                        padding: 0px !important;
                        border: none !important;
                    }

                    & #files-personal-settings {

                        &>h2 {
                            margin-bottom: 20px !important;
                        }

                        &>div {
                            margin-top: 0 !important;

                            & form {
                                & .transfer-select-row {
                                    &>button {
                                        width: 100% !important;
                                    }
                                }

                                & p:last-child {
                                    display: flex;
                                    justify-content: end;

                                    &>button {
                                        margin-top: 0;
                                    }

                                }
                            }
                        }
                    }

                    & #files-sharing-personal-settings {

                        &>h2 {
                            margin-bottom: 20px;
                        }

                        &>p:nth-child(3) {
                            margin-top: 0;
                            width: 100%;

                            & form {}
                        }

                        &>p:nth-child(2) {
                            margin: 0 !important;
                        }
                    }
                }
            }

            & #app-content[data-active-section-id="availability"] {

                & .settings-section__name {
                    justify-content: start;
                    font-size: 18px;
                    font-weight: 600;
                }

                & .settings-section__desc {
                    font-size: 16px;
                    color: #000;
                    font-weight: 400;
                }

                & #availability {
                    &>div {
                        padding: 0;
                        border: none;

                        & .week-day-container {

                            & .day-container {

                                justify-content: space-between;

                                & .availability-slots {

                                    & .empty-content {
                                        display: none;
                                    }

                                    & button.button.button-vue.button-vue--size-normal.button-vue--icon-only.button-vue--vue-tertiary.button-vue--tertiary {
                                        & .button-vue__wrapper {
                                            & svg {
                                                & path {
                                                    color: #808080;
                                                }
                                            }
                                        }
                                    }
                                }
                            }

                        }

                        & .checkbox-radio-switch.checkbox-radio-switch-checkbox {

                            & #checkbox-radio-switch-ftjer-label {}

                            & .checkbox-content__text.checkbox-radio-switch__text {
                                font-size: 14px;
                                font-weight: 400;
                            }

                        }
                    }
                }

            }
        }

        #app-content {
            flex-basis: auto;

            #app-navigation-toggle {
                display: none !important;
            }
        }

        #app-navigation:not(.vue) {
            transform: none !important;
            position: static !important;
            overflow-x: scroll;
        }
    }

}

body ul.vs__dropdown-menu {
    color: #000000 !important;
    padding: 10px 10px 15px !important;
    border-top: 1px solid #E6E6E6 !important;
    border-bottom: 1px solid #E6E6E6 !important;
    border-right: 1px solid #E6E6E6 !important;
    border-left: 1px solid #E6E6E6 !important;
}

.v-select {

    cursor: pointer;

    & .vs__dropdown-toggle {

        border: 1px solid #E6E6E6 !important;
        border-radius: 8px;

        & .vs__actions {
            padding-right: 20px;
        }
    }
}

.button-vue--vue-primary {

    background-color: #70B62B !important;

    & .material-design-icon__svg {
        fill: #FFFFFF;
    }

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

button.vs__clear {
    margin-right: 20px !important;
    opacity: .55;
}

.vs__selected {
    overflow: hidden;
}

.share-folder__reset {
    margin-top: auto !important;
    margin-left: 8px !important;
    margin-bottom: 0 !important;
    height: 34px !important;
    text-decoration: unset !important;
    color: #000000 !important;
    transition: .3s;
}

.share-folder__reset:hover {
    opacity: .75;
}

.day-container {
    gap: 60px !important;
}