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

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

#content-vue #app-content-vue {
    background: unset !important;
}

& #content-vue:has(.usergroup-details-container) {
    gap: 0px;

    & #app-content-vue {
        margin-left: var(--main-margin-panels) !important;
    }
}


body .app-contacts[selectedusergroup='admin'] {

    & .usergroup-details-container,
    .circle-details-container {
        height: 100%;
    }

}

body .app-contacts {
    --color-primary-element: #70B62B !important;
    --color-primary-element-hover: #6faf2e !important;
    --color-primary-element-light-hover: #ffffff !important;
    margin-top: unset !important;
    height: unset !important;

    & .app-navigation {
        background: transparent;

        & #app-navigation-vue {

            & .app-navigation-list.app-navigation__list {
                padding: 5px 0px;
            }

            &>*:not(.app-navigation__search):not(.app-navigation__body) {
                background: #FFFFFF;
            }

            & .app-navigation__search {
                margin-bottom: 5px !important;

                & .header {

                    padding: 0;
                    margin-bottom: 0px;

                    & .button-vue {

                        width: 100%;
                        margin: 0;
                        padding: 3px 35px 3px 6px;
                        background: #70B62B;
                        color: #ffffff;
                        position: relative;
                        transition: opacity .3s;
                        border: none !important;

                        & .button-vue__wrapper {
                            justify-content: flex-start;
                            padding-left: 10px;
                        }

                        &::before {
                            content: '';
                            position: absolute;
                            top: 50%;
                            right: 12px;
                            transform: translateY(-50%);
                            width: 16px;
                            height: 16px;
                            background-image: url("/themes/forbion/images/contacts/plus-white-big.svg");
                            background-repeat: no-repeat;
                            pointer-events: none;
                        }

                        &::after {
                            content: '';
                            position: absolute;
                            top: 0;
                            right: 37px;
                            width: 2px;
                            height: 100%;
                            background: #ffffff;
                            pointer-events: none;
                        }

                        & .plus-icon {

                            &::before {
                                background-image: url("/themes/forbion/images/contacts/new-contact.svg");
                                width: 23px;
                                height: 18px;
                                top: -1px;
                                left: -5px;
                                transform: translate(-50%, -50%) scale(1.1);
                            }
                        }
                    }
                }
            }

            & .app-navigation-header {

                padding: 0;

                &>*:not(.flex-row) {

                    padding: 0 8px;
                    background: #FFFFFF;
                }

                & .flex-row {

                    margin-bottom: 8px;

                    & .button-vue {
                        width: 100%;
                        margin: 0;
                        width: calc(100% - 48px);
                        padding: 3px 35px 3px 6px;
                        background: #70B62B;
                        color: #ffffff;
                        position: relative;
                        transition: opacity .3s;

                        &::before {
                            content: '';
                            position: absolute;
                            top: 50%;
                            right: 12px;
                            transform: translateY(-50%);
                            width: 16px;
                            height: 16px;
                            background-image: url("/themes/forbion/images/contacts/close-fat.svg");
                            background-repeat: no-repeat;
                            pointer-events: none;
                        }

                        &::after {
                            content: '';
                            position: absolute;
                            top: 0;
                            right: 37px;
                            width: 2px;
                            height: 100%;
                            background: #ffffff;
                            pointer-events: none;
                        }

                        & .plus-icon {

                            &::before {
                                background-image: url("/themes/forbion/images/contacts/new-event.svg");
                                width: 23px;
                                height: 18px;
                                top: -1px;
                                left: -5px;
                            }
                        }
                    }
                }

                & .datepicker-button-section {

                    padding-top: 8px;
                    border-top-left-radius: 8px;
                    border-top-right-radius: 8px;

                    & .button-vue {
                        background: rgb(238, 244, 233);
                    }
                }

                & .new-event-today-view-section {

                    & .button-vue {
                        background: rgb(238, 244, 233);
                    }
                }
            }

            & .app-navigation-list {

                & .app-navigation__circle-desc {
                    display: none;
                }

                border-top-left-radius: 8px;
                border-top-right-radius: 8px;

                & .app-navigation-entry-wrapper {

                    & .app-navigation-entry {

                        padding-left: 5px;

                        & .app-navigation-entry-icon:empty {

                            position: relative;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            &:before {
                                content: '';
                                background-image: url("/themes/forbion/images/lk-main-white.svg");
                                width: 16px;
                                height: 16px;
                            }
                        }

                        & .app-navigation-entry-icon {

                            .material-design-icon {

                                &.account-multiple-icon {

                                    &:before {
                                        background-image: url("/themes/forbion/images/lk-sharing.svg");
                                        transform: translate(-50%, -50%) scale(1.1);
                                    }
                                }

                                &.account-icon {

                                    &:before {
                                        background-image: url("/themes/forbion/images/lk-main.svg");
                                        width: 16px;
                                        height: 16px;
                                    }

                                    & svg {
                                        display: none;
                                    }
                                }
                            }

                            &.icon-category-monitoring {

                                &:before {
                                    background-image: url("/themes/forbion/images/lk-sharing.svg");
                                    width: 16px;
                                    height: 16px;
                                    transform: scale(1.1);
                                }
                            }
                        }

                        & .app-navigation-entry__actions[data-v-54906a49] {
                            display: block;

                            & .material-design-icon.pencil-icon::before {
                                width: 16px;
                                height: 16px;
                                opacity: .55;
                            }
                        }

                        & .app-navigation-entry__name {
                            margin-left: 3px;
                        }

                        & .app-navigation-entry__utils {

                            & .counter-bubble__counter {
                                color: #70B62B;
                                transition: .2s;
                            }
                        }

                        &.active {

                            & .app-navigation-entry__name {
                                color: #FFFFFF;
                            }

                            & .app-navigation-entry-icon {

                                .material-design-icon {

                                    &.account-multiple-icon {

                                        &:before {
                                            background-image: url("/themes/forbion/images/lk-sharing-white.svg");
                                        }
                                    }

                                    &.account-icon {

                                        &:before {
                                            background-image: url("/themes/forbion/images/lk-main-white.svg");
                                        }
                                    }
                                }

                                &.icon-category-monitoring {

                                    &:before {
                                        background-image: url("/themes/forbion/images/lk-sharing-white.svg");
                                    }
                                }
                            }

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

                        &:hover {
                            & .app-navigation-entry__utils {

                                & .counter-bubble__counter {

                                    background: #FFFFFF;
                                }
                            }
                        }
                    }
                }
            }

            & .app-navigation-entry-link {

                & .app-navigation-entry-icon {

                    & .material-design-icon.delete-icon {

                        &::before {
                            background-image: url("/themes/forbion/images/delete-gray.svg");
                        }
                    }


                }
            }

            & .contacts-settings {
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;
            }
        }

        & .app-navigation-toggle-wrapper {
            top: 3px !important;

            & .button-vue__wrapper {
                justify-content: center !important;
            }

            & .button-vue {

                & .icon-vue {

                    & svg {
                        display: none;
                    }

                    &::before {
                        content: '';
                        width: 20px;
                        height: 36px;
                        background-image: url("/themes/forbion/images/contacts/close-sidebar-gray.svg");
                        background-repeat: no-repeat;
                        background-size: contain;

                    }
                }
            }

            & .button-vue[aria-expanded="false"] {
                & .icon-vue::before {
                    transform: rotateY(-180deg);
                }

            }
        }

        &.app-navigation--close {

            margin-right: 0;

            & .app-navigation-toggle-wrapper {
                right: -10px;
            }

            &+#app-content-vue {

                & .fc {
                    margin-left: 40px;
                }
            }
        }
    }



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

        & .usergroup-details-container,
        .circle-details-container {
            margin: 0;
            padding: 20px;
            background: #FFFFFF !important;
            border-radius: 8px;
        }

        & .app-navigation__body {
            padding-right: 30px;
        }

        & .splitpanes__pane.splitpanes__pane-list {
            margin: 0 !important;
        }

        & .splitpanes__splitter {
            background-color: transparent !important;
            width: 5px;
        }

        & .contacts-list__header {
            & .search-contacts-field {
                & .input-field {
                    margin: 0px !important;

                    & .input-field__main-wrapper {
                        height: 28px !important;

                        & button .icon-vue {
                            margin-bottom: 6px;
                        }
                    }

                    & input.input-field__input {
                        margin: 0px !important;
                        min-height: 0px;
                        border-radius: 16px;
                    }
                }
            }
        }

        & .contacts-list {

            margin-top: 10px;

            & .contacts-list__item-wrapper {

                & li.list-item__wrapper {
                    border-bottom: 1px solid #E6E6E6;
                }

                & .list-item__wrapper {

                    padding: 2px;



                    & .list-item {

                        padding: 6px 8px;

                        & .app-content-list-item-icon {

                            & .avatardiv {
                                position: relative;
                            }
                        }
                    }



                    &.list-item__wrapper--active {

                        & .list-item {

                            & .list-item-content__main {

                                &>* {
                                    color: #FFFFFF !important;
                                }
                            }
                        }
                    }
                }
            }
        }

        & .app-content-details:has(.property__row.last-edit) {

            & .property__row.last-edit {
                display: none;
            }

            & .contact-header {
                margin: 30px 28px;
                padding: 0;
                flex-wrap: wrap;
                justify-content: end;
                position: relative;

                & .contact-header__no-wrap {
                    padding-top: 40px;
                    width: 100%;
                }

                & .contact-header__no-wrap::before {
                    content: 'Создание нового контакта';
                    font-weight: 600;
                    font-size: 20px;
                    line-height: 24px;
                    position: absolute;
                    top: 0;
                }

                & .contact-header__actions {
                    margin-top: 0;

                    &>.button-vue {
                        background-color: var(--color-background-hover);
                    }
                }

                & .contact-header-avatar__wrapper {
                    width: 188px;
                    height: 188px;
                    position: static;
                    margin-inline: 30px;

                    &>.contact-header-avatar__photo {
                        --avatar-size: 188px !important;
                        line-height: 188px !important;
                        font-size: 84px !important;
                    }
                }
            }

            & .property {
                position: relative;

                & .property__row .property__label {}

                & .property__row .property__value {}
            }

            & .property__row.last-edit,
            .property.property--rev.last-edit {

                & .property__label {
                    display: none !important;
                }
            }

            & .property__label {
                display: flex !important;
            }

            & .property--groups {
                & .property--title {
                    padding-top: 0px !important;
                }

                & .property__row {

                    & .property__label {
                        display: none !important;

                    }

                    & .property__value {
                        flex: 1;
                    }
                }
            }

            & .contact-details {
                margin-bottom: 20px;

                & .property.property-adr {

                    & .property__row:nth-child(2),
                    .property__row:nth-child(3),
                    .property__row:nth-child(4),
                    .property__row:nth-child(5),
                    .property__row:nth-child(6),
                    .property__row:nth-child(8),
                    .property__row:nth-child(9) {
                        display: none !important;
                    }

                    .property__row:nth-child(7) {
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 0px;

                        & .property__label {
                            justify-content: flex-start;
                            margin-left: 5px;
                        }

                        & .property__value {
                            width: 100%;
                        }
                    }
                }

                & .property.property--title {
                    padding: 0 !important;
                    margin-bottom: 5px;


                    & .property__label {
                        display: flex;
                        margin-top: 0px;
                        font-weight: 500;
                        font-size: 16px;
                        line-height: 20px;

                    }
                }

                & .property-bday,
                .property-tz {

                    & .property__row {
                        & .property__label {
                            display: none !important;
                        }

                        & .property__value {
                            width: 100%;
                        }
                    }

                }

                & .property-bday .property__row .property__value>.vue-date-time-picker__wrapper {
                    width: 100%;
                }

                & .property-note {

                    & .property__row {
                        margin-bottom: 0;

                        .property__value {
                            height: unset !important;

                            & .textarea {
                                margin-top: 0px;
                            }
                        }

                        & .property__label {
                            display: none !important;
                        }
                    }
                }



                & .property__row {
                    display: flex;
                    gap: 1rem;

                    margin-bottom: 5px;

                    & .property__label,
                    .property__value {
                        flex: 1;
                    }


                    & .property__label {
                        margin-top: 0 !important;

                        & .v-select {
                            min-width: 260px !important;
                            margin: 0;
                        }
                    }

                    & .property__value {
                        height: 42px;
                        width: 370px;

                        & .input-field {
                            margin-top: 0 !important;
                            height: 42px;
                        }


                    }

                }

            }

        }

        & .app-content-details {
            overflow-x: hidden;

            padding-bottom: 20px;

            & .property.property--rev.last-edit {
                color: #fff;
                display: none;
            }

            & .contact-header__avatar {

                width: max-content;

                & .contact-header-avatar__photo+.contact-header-avatar__menu {
                    height: 36px !important;
                    width: 250px !important;
                    margin-left: -30px !important;
                    margin-top: -30px !important;

                    bottom: 0;
                    left: 30px;

                    & .button-vue {
                        opacity: 1 !important;
                        background-color: #70B62B !important;
                        height: 36px !important;
                        width: 250px !important;

                        &:hover {
                            opacity: .75 !important;
                        }

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

                        & .material-design-icon.image-outline-icon::before {
                            background-image: url("/themes/forbion/images/contacts/close-fat.svg");
                            width: 16px;
                            height: 16px;
                            left: 30px;
                        }

                        & .material-design-icon.image-outline-icon::after {
                            content: 'Добавить фото';
                            color: #fff;
                            font-family: Raleway;
                            font-weight: 500;
                            font-size: 14px;
                            line-height: 20px;
                            min-height: 20px;
                            min-width: 200px;
                        }
                    }
                }

                & .avatardiv {
                    position: relative;
                    pointer-events: none;
                }
            }

            & .contact-header {
                margin: 16px 16px 16px 16px;
                padding: 0;
                flex-wrap: nowrap;
                justify-content: space-between;
            }

            & .contact-header__actions {
                max-width: 170px;
                margin-top: 5px;
                justify-content: flex-end;

                & .material-design-icon.eye-circle-icon {
                    margin-right: 15px;

                    & svg {
                        display: none;
                    }

                    &:before {
                        background-image: url("/themes/forbion/images/eye.svg");
                        width: 16px;
                        height: 16px;
                    }
                }

                & .material-design-icon.check-icon:before {
                    background-image: url("/themes/forbion/images/arrow-btn.svg");
                    width: 21px;
                    height: 21px;
                }
            }

            & .contact-header__infos {

                & .contact-header__infos-title {

                    & .contact-title {
                        min-width: 280px;
                        line-height: 38px;
                    }

                    & input {
                        margin-top: 15px;
                        margin-right: 0;
                        width: 100%;
                    }
                }

                & .contact-header__infos-subtitle {

                    margin-right: -10px;

                    & input {
                        width: calc(50% - 10px);
                        margin-right: 10px;
                        margin-bottom: -20px;
                    }
                }
            }

            & .contact-header__no-wrap {
                display: flex;
                gap: 12px;
            }

            & .contact-header__infos,
            & .contact-header__actions,
            & .contact-header__no-wrap {
                width: max-content;

            }

            & .contact-header__quick-actions {

                margin-top: 5px;

                & .icon-talk {

                    & .button-vue__icon {
                        position: relative;

                        & .icon {
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            width: 20px;
                            height: 20px;
                            background-image: url("/themes/forbion/images/cinema-gray.svg");
                            background-size: auto;
                            background-position: center;
                            background-repeat: no-repeat;
                        }
                    }
                }

                & .quick-action {
                    background: #F5F5F5 !important;
                }

                & .material-design-icon.email-icon:before {
                    width: 20px;
                    height: 20px;
                    opacity: .55;
                }

                & .material-design-icon.phone-icon svg {
                    fill: gray;
                    opacity: .85;
                }

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

                & .material-design-icon.account-icon:before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: 20px;
                    height: 20px;
                    background-image: url("/themes/forbion/images/account-gray.svg");
                    background-size: auto;
                    background-position: center;
                    background-repeat: no-repeat;
                }
            }

            .contact-details-wrapper {
                width: 100%;
                margin: 0 auto;

                & .contact-details {

                    & .property__label {

                        & .material-design-icon.email-icon:before {
                            width: 20px;
                            height: 20px;
                            left: -20px;
                            transform: translateY(-50%) scale(0.9);
                        }

                        & .material-design-icon.badge-account-horizontal-icon:before {
                            content: '';
                            position: absolute;
                            background-image: url("/themes/forbion/images/account.svg");
                            top: 50%;
                            width: 16px;
                            height: 16px;
                            transform: translateY(-50%) scale(1.2);
                            left: -20px;
                        }

                        &:empty {
                            display: none;
                        }
                    }
                }

                &>.property {

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

                    & .material-design-icon.icon-address-book:before {
                        content: '';
                        position: absolute;
                        background-image: url("/themes/forbion/images/address-book.svg");
                        top: 50%;
                        width: 16px;
                        height: 16px;
                        transform: translateY(-50%) scale(1.2);
                        left: -5px;
                    }
                }
            }

            & .property {

                & .property--title {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    padding-right: 80px;
                    padding-top: 12px;
                    margin: 5px 16px;

                    & .property__value {

                        margin-left: -2px;
                        padding-top: 2px;
                        font-size: 16px;
                        line-height: 20px;
                        width: 350px;
                    }

                    & .property__label {
                        justify-content: flex-start;
                        width: auto;
                    }
                }

                & .property__row {
                    display: flex;
                    align-items: center;
                    margin: 0;
                    justify-content: flex-start;
                    margin: 0px 16px;

                    & .property__label {
                        display: none;
                    }

                    & .property__value {

                        width: 350px;

                        & .v-select {
                            width: 100%;
                        }

                        &>* {
                            margin-top: 16px;
                        }

                        & .input-field,
                        .input-field__main-wrapper {
                            height: 42px !important;
                        }

                    }

                    & .property__actions {
                        display: none;
                    }
                }

                & .property__actions {
                    opacity: 0;
                    pointer-events: none;
                    height: 0;
                }

                & .material-design-icon.account-multiple-icon:before {
                    left: -20px;
                    transform: translateY(-50%);
                }
            }

            & .related-resources {
                display: none !important;
            }

            & .property__row.last-edit {

                margin: 20px 0 10px;
                width: 100%;
                display: flex;
                justify-content: center;

                & .property__label {

                    &:empty {
                        display: none;
                    }
                }

                & .property__value {
                    width: 350px;

                    & .button-vue {
                        width: 350px;
                        height: 40px;
                    }
                }

                & .property__actions:empty {

                    display: none;
                }
            }

            & .property--rev.last-edit {
                display: flex;
                justify-content: center;
            }

            & input {
                border-radius: 8px !important;
                padding: 0 50px 0 10px;
                height: 42px !important;

                &:not([readonly])+.input-field__icon {

                    display: block !important;
                    position: absolute;
                    top: 0;
                    right: 5px;
                    left: unset;
                    height: 42px;

                    &:before {
                        content: '';
                        position: absolute;
                        background-image: url("/themes/forbion/images/pencil-icon-black.svg");
                        top: 50%;
                        left: 50%;
                        width: 16px;
                        height: 16px;
                        transform: translate(-50%, -50%);
                    }
                }
            }

            & .vs__selected {
                height: 36px !important;
            }

            & .vs__actions {

                & .vs__clear {
                    margin-right: 20px;
                }
            }
        }
    }

    & #app-settings {
        padding: var(--app-navigation-padding);
        padding-top: 0;
        padding-bottom: 12px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;

        & #app-settings__header {

            margin: 0;

            & .settings-button {
                border-radius: 8px;
            }
        }

        & #app-settings__content {

            box-shadow: 0 4px 16px rgba(0, 0, 0, .4);
            border-radius: 8px;

            & .settings-fieldset-interior {
                overflow-x: hidden;

                & .settings-fieldset-interior-item {

                    padding-left: 5px;
                    padding-right: 5px;

                    &[data-v-fda924a6] {

                        & .button-vue {
                            background: rgb(238, 244, 233) !important;
                            margin-bottom: 10px;
                        }
                    }

                    & .action-checkbox__label {

                        line-height: 21px;
                    }

                    & .vs__dropdown-toggle {

                        min-width: unset;
                        max-width: calc(100% - 16px);
                        border: 1px solid #E6E6E6 !important;
                        border-radius: 8px;

                        & .vs__actions {
                            right: 15px;
                        }
                    }
                }

                & .action:not(.settings-fieldset-interior-item) {
                    margin-left: 5px;
                    margin-right: 5px;
                    padding: 0 5px;

                    & .material-design-icon {
                        width: 20px;
                        height: 20px;
                        min-width: 20px;
                        margin-right: 14px;
                    }
                }
            }
        }

        &.open {
            & .app-settings__header {
                margin-bottom: 2px;
            }
        }
    }

    & #app-sidebar-vue {

        /*margin-top: 48px;*/
        /*height: calc(100% - 48px);*/
        margin-left: 8px;
        border-radius: 8px;

        & .app-sidebar-header {

            & .app-sidebar-header__description {

                & .app-sidebar__header {

                    padding: 3px 14px 0;
                    height: 34px;

                    & .calendar-picker-header {

                        & .v-popper--theme-dropdown {

                            & .button-vue__text {
                                display: flex;
                                align-items: center;

                                &::after {
                                    margin-top: 2px;
                                }
                            }
                        }
                    }
                }

                &>*:not(:last-child) {
                    margin-bottom: 14px;
                }

                & .property-title {

                    & .property-title__input {
                        position: relative;

                        & input {
                            padding-right: 50px;
                        }

                        &::before {
                            content: '';
                            position: absolute;
                            width: 16px;
                            height: 16px;
                            top: 50%;
                            right: 15px;
                            background-image: url("/themes/forbion/images/pencil-icon-black.svg");
                            background-repeat: no-repeat;
                            background-position: center;
                            transform: translateY(-50%);
                            transform-origin: center;
                        }
                    }
                }

                & .property-title-time-picker {

                    & .native-datetime-picker:first-child {

                        position: relative;

                        & input {
                            padding-right: 10px !important;
                        }

                        &:before {

                            content: '';
                            position: absolute;
                            top: 50%;
                            right: 13px;
                            transform: translateY(-50%);
                            background-image: url("/themes/forbion/images/calendar-blank-icon.svg");
                            background-size: auto;
                            background-position: center;
                            background-repeat: no-repeat;
                            width: 16px;
                            height: 16px;
                            pointer-events: none;
                            background-color: #fff;
                        }
                    }

                    & .native-datetime-picker:nth-child(2) {

                        position: relative;

                        & input {
                            padding-right: 10px !important;
                        }

                        &:before {

                            content: '';
                            position: absolute;
                            top: 50%;
                            right: 13px;
                            transform: translateY(-50%);
                            background-image: url("/themes/forbion/images/alarm-icon.svg");
                            background-size: auto;
                            background-position: center;
                            background-repeat: no-repeat;
                            width: 16px;
                            height: 16px;
                            pointer-events: none;
                            background-color: #fff;
                        }
                    }
                }

                & .property-add-talk {

                    & .material-design-icon {
                        height: 35px;
                    }
                }

                & .property-add-talk__button {
                    border: 1px solid #D9D9D9 !important;
                    padding: 5px 12px;
                }

                & .linkify-links {
                    border: 1px solid #D9D9D9 !important;
                    padding: 5px 12px 8px;
                }

                & .property-title-time-picker {

                    & .property-title-time-picker__time-pickers {

                        & .property-title-time-picker__time-pickers__inner {
                            display: flex;
                            flex-direction: column;

                            & input {
                                padding: 0 5px 0 9px;
                            }

                            & .property-title-time-picker__time-pickers-from {

                                & span[data-v-310f4ca4] {
                                    width: auto;
                                }
                            }

                            & .property-title-time-picker__time-pickers-to {

                                & span[data-v-310f4ca4] {
                                    width: auto;
                                }
                            }
                        }

                        &>.button-vue[data-v-b2be1481] {
                            display: none;
                        }
                    }

                    & .property-title-time-picker__all-day {
                        padding-left: 0;

                        & .checkbox-content {
                            padding-left: 0;
                            margin-left: -3px;
                            min-width: 250px;
                            background: unset;

                            & .checkbox-radio-switch__text {
                                padding-left: 5px;
                            }
                        }
                    }
                }
            }
        }

        & .app-sidebar-tabs__nav {
            margin-top: 30px;
            margin-bottom: 20px;
        }

        & .app-sidebar-tabs__content {

            & .app-sidebar__tab {
                box-shadow: unset;
            }

            & .app-sidebar-tab__content {

                & .property-color {

                    display: flex;
                    align-items: center;

                    & .property-color__input {

                        padding-top: 2px;

                        & .property-color__color-preview {
                            max-width: 25px;
                            max-height: 25px;
                            width: 25px !important;
                            height: 25px !important;
                            min-width: 25px;
                            min-height: 25px;
                        }

                        &>.action-item--single {
                            display: none;
                        }
                    }
                }

                & .property-repeat {
                    display: none;
                }
            }
        }

        & .save-buttons {
            bottom: 35px;
            padding-right: 24px;

            & .button-vue {

                & .material-design-icon.check-icon::before {
                    background-image: url("/themes/forbion/images/arrow-btn.svg");
                    width: 16px;
                    height: 16px;
                    transform: scale(1.25) translate(-50%, -50%);
                }
            }
        }
    }

    & .app-navigation--close+#app-content-vue {
        background: unset !important;
    }
}

.entity-picker__options[data-v-485cea51] {
    margin: 8px 0 4px;
}

.entity-picker__search-input {
    padding-right: 50px;
}

.button-vue:not([disabled="disabled"]) {
    transition: opacity .3s !important;

    &:hover {
        opacity: .75 !important;
    }
}

input,
textarea {
    border: 1px solid #E6E6E6 !important;
    border-radius: 8px;
    box-shadow: unset !important;
}

html .input-field__input[data-v-ceb23641]:active:not([disabled]),
html .input-field__input[data-v-ceb23641]:hover:not([disabled]),
html .input-field__input[data-v-ceb23641]:focus:not([disabled]) {
    box-shadow: unset !important;
}

input.vs__search {
    border: unset !important;
    padding-right: 50px;
}

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;
}

.button-vue--vue-primary {

    background-color: #70B62B !important;

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

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

.navigation__button-right.primary {
    background: rgb(112, 182, 43) !important;
    height: 40px;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    position: relative;
    transition: .3s;

    &:hover {
        opacity: .75;
    }
}

.navigation__button-left {

    background-color: #F0F1F4 !important;
    height: 40px;
    color: #000000 !important;
    font-weight: 500 !important;
    position: relative;
    padding-left: 42px !important;
    padding-right: 15px !important;
    transition: .3s;

    &:before {
        content: '';
        position: absolute;
        left: 15px;
        top: 50%;
        width: 16px;
        height: 16px;
        transform: translateY(-50%) scale(1.1);
        background-image: url("/themes/forbion/images/close-gray.svg");
        background-repeat: no-repeat;
    }

    &:hover {
        opacity: .75;
    }
}

.action .action-checkbox label.action-checkbox__label {
    position: relative;
    padding-left: 34px !important;
}

.action input[type=checkbox].checkbox+label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -1px;
    transform: translateY(-50%) scale(1.1);
    width: 16px;
    height: 16px;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/themes/forbion/images/checkbox-blank-outline-black-icon.svg");
    border: unset !important;
    background-color: unset !important;
}

.action input[type=checkbox].checkbox:checked+label::before {
    background-image: url("/themes/forbion/images/checkbox-marked-icon.svg");
}

.v-popper__popper {

    & .v-popper__inner {

        & .color-picker__navigation {

            & .button-vue--vue-primary {

                & .button-vue__wrapper {

                    position: relative;
                    padding: 0 5px;

                    & .button-vue__text {
                        opacity: 0;
                        margin-bottom: 0 !important;
                    }

                    &::before {
                        content: 'Выбрать';
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        color: #FFFFFF;
                    }
                }
            }
        }

        & ul[data-v-60a4c99d] {

            & li[data-v-903e8d3b].action {

                & .action-button {

                    align-items: center;
                }
            }
        }

        & ul[data-v-60a4c99d] {
            & li[data-v-903e8d3b] {
                & .action-button {
                    & .material-design-icon {
                        width: 34px;
                        height: 34px;
                    }

                    & .action-button__longtext {
                        margin-left: 5px;
                    }

                    & .action-button__text {
                        margin-left: 5px;
                    }

                    & .calendar-picker-header__icon+.action-button__text {
                        margin-left: 0;
                    }
                }
            }
        }
    }
}

.action-text {

    & .material-design-icon {
        margin-right: 3px;
    }
}

.action-link__longtext {
    line-height: 21px !important;
}

.action-text__longtext {
    line-height: 21px !important;
}

.action-button__longtext {
    line-height: 21px !important;
}

.empty-content__icon .material-design-icon:not(.loading-icon) svg {
    display: none;
}

.empty-content__icon .material-design-icon:before {
    display: block;
    transform: translate(-50%, -50%) scale(3.7);
    width: 20px;
    height: 20px;
}

.entity-picker__search-icon.icon-search {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    height: 100%;

    &:before {
        content: '';
        position: absolute;
        background-image: url("/themes/forbion/images/search-gray.svg");
        width: 16px;
        height: 16px;
    }
}

.modal-container__close {
    margin-top: 0 !important;
}

.empty-content.processing-screen__wrapper {
    & .empty-content__name {
        margin-top: 20px;
    }
}

progress {
    background: #70B62B !important;
    background-color: #70B62B !important;
}

.close__button {

    & .button-vue {

        margin-top: 30px;
        height: 40px;
        background: #70B62B !important;

        & .button-vue__wrapper {

            .button-vue__text {
                padding-left: 33px;
                padding-right: 6px;
                color: #FFFFFF;
                position: relative;

                &::before {

                    content: '';
                    position: absolute;
                    left: 0;
                    top: 50%;
                    background-image: url("/themes/forbion/images/arrow-btn.svg");
                    width: 20px;
                    height: 20px;
                    transform: scale(1.1) translateY(-50%);
                    background-repeat: no-repeat;
                }
            }
        }
    }
}

.import-contact__button--files {
    height: 40px;

    & .material-design-icon.folder-icon {

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

.import-contact__button--local {

    background-color: #F0F1F4 !important;
    height: 40px;

    & .button-vue__text {
        color: #000000;
        margin-bottom: 0 !important;
    }
}

.user-bubble__wrapper {
    margin-right: 5px;
}

#content-vue .splitpanes.default-theme .splitpanes__pane-list {
    margin: 0;
    border: unset;
}

#content-vue .empty-content.empty-content {
    background: #FFFFFF;
}

.search-contacts-field {

    padding-left: 47px;

    & input {
        height: 33px !important;
        min-height: 33px;
        max-height: 33px;
        margin-top: 4px;
        border-radius: 27px;
        font-size: 15px;
        cursor: text;
    }
}

.v-select {

    cursor: pointer;

    & .vs__dropdown-toggle {

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

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