:root {
/* светлая тема */
--Theme-colors-SpringGreen: #1ABE72;
--Theme-colors-Orange: #FF7E00;
--Dark-colors-GrayDark: #343434;
--Dark-colors-GrayWet: #4B4B4B;
--Dark-colors-GrayDim: #626262;
--Gray-task-card-title-text: #B4B4B4;
--Theme-colors-BlueSteel: #5881B8;
--acc-interaction-control: #E7EDE2;
--accept-btn: #1abe72;
--account-conf-svg-colored: #fdde31;
--account-conf-title: #939393;
--account-grayed-bg: #F0F1DE;
--action-file-preview: #fff;
--action-file-preview-border: #ccc;
--action-notify-faces: #B8BEC6;
--actions-hovered: #FCF9C6;
--activeButton: #0fabdd;
--activeButtonElements: var(--white-black, #ffffff);
--activeButtonRgb: 26, 190, 114;
--activeFilter: #00864b;
--activeFilterElement: var(--white-black, #fff);
--activeFilterElementWhite: --activeSlider;
--activeSlider: #1abe72;
--ai-button-bg1: #767EFE;
--ai-button-bg2: #E1BBFE;
--ai-popup-bg1: #EEF2FF;
--ai-popup-bg2: #FFF9FF;
--ai-popup-bottom-bg: #E0E4F4;
--ai-popup-shadow: rgba(153, 144, 194, 0.15);
--autocomplete-panel-border: #CBCBCB;
--background: #F0F0F0;
--background-color-default: #f2f2f2;
--background-color-light-gray: #f7f7f7;
--baron-scroller-bar-border: #dadada;
--billing-bonus-shadow: #F0C7FF;
--billing-gray-label: #868686;
--billing-years-hint-border: #BEE2F6;
--billing-years-hint-background: #ECF8FF;
--black: #fff;
--black-sort-icon: #231f20;
--black-white: #000;
--blockBottomMenuHover: #9e9e9e42;
--bottom-btn-text: #383838;
--bottomBackground: var(--theme-preview-bottom-bg, #3f4457);
--bottomElements: var(--white-black, #fff);
--bottomMenuItemColor: var(--preview-menu-item, #bdbdbd0f);
--bottomMenuPlusHybridBorderColor: var(--default-gray, gray);
--cardmenu-active-link: #FEFED9;
--cardmenu-back: var(--cardmenu-back, #53586b);
--cardmenu-count: #a2b4bc;
--cardmenu-hover: #43495d;
--cardmenu-text: #dde0e2;
--checkElement-add-placeholder: #c0c0c0;
--checklist-keyboard-help-bg: #E8FAEA;
--checklist-keyboard-help-border: #66DA71;
--chosen-contact-grayed: #9FEEFF;
--chosen-icon-active: #757575;
--chosen-multi-search-input: #666;
--chosen-multi-search-input-active: #111;
--chosen-text: #333;
--chosen-text-disabled: #989898;
--chosen-text-no-results-bg: #f4f4f4;
--chzn-border: #aaaaaa;
--chzn-box-shadow: rgba(0, 0, 0, 0.15);
--chzn-text: #444;
--cke-btn-over: #696969;
--cke-dialog-bg: #cfd1cf;
--cke-dialog-border: #b2b2b2;
--cke-dialog-spinner1: rgba(102, 102, 102, 0.2);
--cke-dialog-spinner2: #666666;
--cke-dialog-tab: #595959;
--cke-dialog-tab-disabled: #bababa;
--cke-dialog-tab-selected: #383838;
--cke-dialog-title-shadow: rgba(255, 255, 255, 0.75);
--cke-dialog-ui-button-sh1: rgba(255, 255, 255, 0.5);
--cke-dialog-ui-button-sh2: rgba(255, 255, 255, 0.15);
--cke-dialog-ui-input-bg-border: #c9cccf;
--cke-dialog-ui-input-bg-border-top: #a0a6ad;
--cke-disabled-span: #a0a0a0;
--cke-ialog-contents-border: #bfbfbf;
--cke-pasteframe: #aeb3b9;
--cke-resizer: #555;
--color-reminers: #ffc000;
--color-settings-val-label: #424242;
--comment-color: #888888;
--common-filter-title-text: #444444;
--common-filter-top-text: #A3A3A3;
--company-structure-highlight-background: #eee9ff;
--company-structure-highlight-border: rgba(124, 92, 230, 0.3);
--company-structure-highlight-text: #4f3b9b;
--company-structure-skeleton-base: #edf0f3;
--company-structure-skeleton-highlight: #f7f8fa;
--conf-create-ping-img-bg: #ebf0de;
--conf-create-ping-img-svg-blue: #737b84;
--conf-create-ping-img-svg-colored: #d3e16a;
--confirm-win-background: #F7F7F7;
--confirm-win-content-bg: #fff;
--confirm-win-content-border: #d9d9d9;
--confirm-win-head: #f5f5f5;
--confirm-win-head-bg: #4B4B4B;
--confirm-win-shadow: rgba(0, 0, 0, 0.24);
--confirm-win-text-box: #BBBEFF;
--confirm-win-text-box-bg: #c4c4c4;
--confirm-win-text-box-bg-focus: #f6f6f6;
--context-menu-block-shadow: #00000014;
--context-menu-skeleton-bg: rgba(255, 255, 255, 0.8);
--context-popup-dialog: rgba(255, 255, 255, 0.25);
--core-dropdown-text: #9C9C9C;
--crm-import: #797979;
--crm-merge-scrollbar-bg: #eeeeee4d;
--crm-merge-scrollbar-border: #dadada14;
--custom-field-create-access-bg: #F4FAE7;
--dashboard-block-shadow: rgba(156, 156, 156, 0.3);
--date-picker-bg: #F5F5F5;
--date-picker-holiday-bg: #ededed;
--date-picker-menu-border: #e0e0e0;
--date-picker-navigation-option-hover-bg: #8080801f;
--date-picker-navigation-select: #0000001c;
--date-picker-navigation-svg: #777;
--date-picker-separators-bg: #dfdfdff7;
--ddl-color-icon: #88909b;
--ddl-menu-separator: #c4c4c4;
--ddl-menu-switch-after: #a4a4a4;
--default-gray: #808080;
--default-user-avatar: #909090;
--deleteButton: red;
--dialog-box-shadow: rgba(0, 0, 0, 0.35);
--dialog-box-shadow-light: rgba(0, 0, 0, 0.25);
--dialog-box-shadow-ultralight: rgba(0, 0, 0, 0.15);
--dialog-btn-hover-shadow: #00000052;
--dialog-other-btn-hover-shadow: rgba(0, 0, 0, 0.2);
--dialog-win-dates-header-panel-shadow: rgba(156, 156, 156, 0.25);
--docs-dashboard-total: #424242;
--dashboard-visualization-background: #edf2fb;
--docs-upload-dropzone-hover: rgba(222, 235, 255, 0.4);
--drag-container-rc-resize: #e0e0e0;
--edit-win-attach-item-hover: #deebff;
--edit-win-switcher-wr-shadow-1: #c8c8c880;
--edit-win-switcher-wr-shadow-2: #c8c8c8;
--email-filter-case-number: #8DAF92;
--email-filter-if-case-bg: #ECF3ED;
--email-filter-logic-bg: #e8ebf2;
--email-filter-then-bg: #fafafa;
--empty-placeholder-background: #fafafa;
--empty-placeholder-active-text: #88909b;
--empty-placeholder-active-background: rgba(222, 235, 255, 0.4);
--empty-placeholder-active-border: #DEEBFF;
--menu-drop-zone-background: #f5f9ff;
--email-smtp-test-error-bg: #FFD8E1;
--emptyIconOpacity: 1;
--error-bg: #ffe6e6;
--error-red: #ff4444;
--fakelink-dashed-red: #f00;
--file-attached-control-shadow: #aba7a7;
--file-meta-data: #888;
--file-upload-compressed-sources-shadow: rgba(0, 0, 0, 0.25);
--file-upload-compressed-sources-shadowl: rgba(0, 0, 0, 0.25);
--file-upload-dropzone: rgba(222, 235, 255, 0.4);
--file-upload-file-arrow-block: rgba(52, 52, 52, 0.2);
--file-upload-file-arrow-block-hover: rgba(52, 52, 52, 0.5);
--file-upload-file-upload-text: #747474;
--file-upload-ubloaded-block: #EAEAEA;
--file-viewer-action-background: #DEDEDE;
--file-viewer-canvas-bg: #f7f7f7;
--file-viewer-canvas-btn-bg: #fff;
--file-viewer-canvas-btn-shadow: #bbb;
--file-viewer-canvas-email-bg: #eee;
--file-viewer-canvas-h3: #111;
--file-viewer-canvas-img-bg: #d1d1d1;
--file-viewer-canvas-img-flat-bg: #d1d1d1;
--file-viewer-canvas-link: #636363;
--file-viewer-canvas-no-active-btn-bg: #d4d4d4;
--file-viewer-right-panel: #ECECEF;
--file-viewer-right-version: #656565;
--file-viewer-separator-text: #7B7B7B;
--file-viewer-slider-thumb-shadow: #999;
--file-viewer-top-menu: #ECECEF;
--g-popup-win-min-container-bg: #9a9a9a;
--g-popup-win-min-secondary-3: #bdbdbd;
--gant-grid-item-highlight: #ffeeee;
--gant-grid-item-highlight-date: #ffcaca;
--gant-grid-item-highlight-first: #fcadad;
--gant-grid-item-holiday: #fae9e9;
--gant-task-item: rgba(255, 255, 255, 0.2);
--gray: gray;
--gray-back-hover: #e5e5e5;
--gray-border: #e2e2e2;
--gray-border-light: #f5f5f5;
--gray-button: #949494;
--gray-dark: #333;
--gray-dark-icon: #626262;
--gray-group-border: #d4d4d4;
--gray-ico: #a9a9a9;
--gray-inner: #eee;
--gray-input-border: #bbbbbb;
--gray-light: #c1c1c1;
--gray-light-border: #bebebe;
--gray-list-hover: #f0f0f0;
--gray-medium: #666;
--gray-modal-background: #ebebeb;
--gray-perl: #9c9c9c;
--gray-slider-background: #ccc;
--gray-site: #454546;
--green: #00864b;
--grey-action-list: #7F7F7F;
--grey-dark-hover: #f2f2f2;
--grey-group-text: #6c6c6c;
--grey-label: #838383;
--grey-list-border: #DEDEDE;
--grey-list-border0: #DEDEDE;
--grey-planner-holiday: #ababab;
--handbook-data-archived-name: #9d9d9d;
--head: #00864b;
--head2: #00864b;
--head3: #4f8017;
--head4: #1abe72;
--headMenuHover: var(--workspace-scroll-items-bg, rgba(255, 255, 255, 0.25));
--headMenuText: var(--white-black, #fff);
--headMenuTextFileViewer: #4B4B4B;
--header-color: #6b7e85;
--help-container-history-item-not-today: rgba(255, 255, 255, 0.7);
--help-container-history-space: rgba(255, 255, 255, 0.5);
--help-container-nenu-label: #737373;
--icon-color: #d3e16a;
--inner-view-report-description-bg: #f5f9e8;
--inner-view-report-description-border: #cfd3c2;
--integration-settings-control-container-bg: #e4e4e4;
--integration-settings-control-container-border: #cecece;
--integration-settings-control-sync: #D9F9CA;
--integration-svg-blue-gray: #737b84;
--integration-svg-colored: #fdde31;
--integration-telephony-icon: #c3c1ca;
--integration-telephony-item-border: #e3e1e3;
--integration-win-summary: #474747;
--left-menu-fixed-bg: #dddee1;
--leftMenuIcon: #dde0e2;
--link-color: #1b7FE8;
--link-color-gray: #9d9d9d;
--list-for-panel-row-active-bg: #53586C;
--list-for-panel-row-draggable-border: #d1d1d1;
--loader-border: rgba(255, 255, 255, 0.2);
--loader-border-1-5: #b8b8b8;
--loader-gray-border: rgba(190, 190, 190, 0.2);
--main-menu-item-svg: #88909B;
--main-menu-item-bg: rgba(255, 255, 255, 0.2);
--main-menu-popup-bg: #ffffff;
--main-menu-popup-bg-hover: #eee;
--main-menu-popup-text: #111;
--menu: #53586b;
--menu-logined-popup: #585858;
--menu-logined-popup-list-border: #ccc;
--menu-logined-popup-user-info: #9e9e9e;
--menuitem-color: #9094a4;
--menuitem-expander: #dde0e2;
--menu-item-dragging-background: #f5f5f5;
--menu-item-dragging-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
--micro-card-svg-market: rgba(0, 0, 0, 0.2);
--microcard-fakelink-hover: rgba(196, 196, 196, 0.25);
--mindmap-menu-item-disabled: #DEDEDE;
--modern-menu-head-text: #929AA4;
--modern-sys-message-bg: #393B4D;
--move-micro-card-shadow: rgba(0, 0, 0, 0.5);
--confirm-win-back: rgba(0, 0, 0, 0.5);
--new-field-name-input: #5e5e5e;
--not-planning-block-border: #eee;
--notActiveFilterElement: var(--gray-ico, #a9a9a9);
--notActiveFilterElement2: #bbb;
--notActiveFilterHover: --notActiveFilterText;
--notActiveFilterText: #dde0e2;
--notice-channel-small-text: #a6a6a6;
--notice-params-new-item: #969ba1;
--notice-params-switch-icon: #e3e3e3;
--notice-params-table-border: #e8e9eb;
--object-edit-analytics: rgba(222, 235, 255, 0.66);
--object-edit-box-field-item-active: #e1e1e187;
--object-edit-box-shadow: rgba(0, 0, 0, 0.3);
--object-edit-win-empty-cell: #d3d3d338;
--object-edit-win-empty-cell-hover: #7e7e7e38;
--online-user-add-task: rgba(75, 75, 75, 0.8);
--open-ai-dialog-item-config-shadow: rgba(226, 226, 226, 0.7);
--orgtree-add-user-border: #E7E7E7;
--orgtree-add-user-list-border: #c5c5c5;
--origin-user-block-bg: rgba(0, 0, 0, 0.8);
--page-layout-hidden-border: #E5E5E5;
--planner-block-bottom-shadow: rgba(255, 255, 255, 0.8);
--planner-block-move-svg: #cdd5de;
--planner-calendar-day: #FFF;
--planner-calendar-empty: #e0dfdfc9;
--planner-calendar-not-current-month-day: #f4f4f4;
--planner-calendar-today: #FDFDD7;
--planner-calendar-wrapper-month-shadow: #e8e8e8;
--planner-chronicle-item-action-panel: #fff;
--planner-chronicle-item-bg: white;
--planner-chronicle-item-bg-hover: #e6e6e6;
--planner-drag-daily: #7d9bcb;
--planner-drag-placeholder-bg: #A0A0A0;
--planner-file-control-border: #cdcdcd;
--planner-file-control-svg: #b7b7b7;
--planner-microcard-menu-svg: #575757;
--planner-microcard-title-default: #5d5d5d;
--planner-quick-add-placeholder: #b3b3b3;
--planner-schedule-fake-tbl-border: #e6e6e6;
--planner-schedule-free-day: #a2a2a2;
--planner-schedule-header-border: #C9C9C9;
--planner-schedule-item-task: #a1b8d4;
--planner-schedule-month-group: #adadad;
--planner-schedule-output-day-bg: #f8f8f8;
--planner-schedule-task-info: #404036;
--planner-schedule-today: #ff8a00;
--planner-schedule-today-bg: #FDFDD7;
--planner-schedule-user-post: #9e9e9e;
--planner-scroller-bar: #d8d9dc;
--planner-search-icons: #bbb;
--popup-shadow: rgba(0, 0, 0, 0.15);
--popup-win-header: #747474;
--popup-win-header-description: #8d8d8d;
--popup-win-min-border-hover: #222;
--popup-win-min-counter-bg: #484848;
--popup-win-min-secodary-border: #505050;
--preview-menu-item: #bdbdbd0f;
--quote-border: #969696;
--rc-danger-text: #d93025;
--react-dropdown-contact-focus: #B8EBF4;
--react-dropdown-focus: #DEEBFF;
--react-select-box-contact: #E3F7FB;
--react-select-box-contact-v2: #E3F7FB;
--react-select-chip-label: #777;
--react-select-common-contact: #00b8d9;
--react-select-common-contact-bg: #00b8d91c;
--react-select-contact-focus: #B8EBF4;
--react-select-focus: #DEEBFF;
--reminder-dialog-textbox: #767676;
--report-chart-select: #676767;
--report-head-selcted-col-blue: #C8D6EC;
--report-params-add: #62A70A;
--report-params-filter-bg: #C2CFC4;
--report-params-filter-border: #C6CDDB;
--report-params-groupby-after-border: #C2C2C2;
--report-params-groupby-bg: #E9EEFF;
--report-params-groupby-border: #C7CEDC;
--report-params-sort: #C1D4F4;
--report-progress-bar-wrap: #E9EAF2;
--report-save-empty-bg: #ebebeb;
--report-save-menu-shadow: rgba(209, 209, 209, 0.25);
--report-save-title: #4F4F4F;
--resize-overlay: #ccc;
--right-panel-active-icons: #828282;
--right-panel-icons: #ffffff;
--right-panel-item-c1: #53586b;
--right-panel-item-c11: #adacac;
--right-panel-item-c13: #f7c888;
--right-panel-item-c14-c16: #7895f4;
--right-panel-item-c2: #fd6f6e;
--right-panel-item-c21: #E993A8;
--right-panel-item-c3: #67D9E4;
--right-panel-item-c4: #cb96ee;
--right-panel-item-c5: #3ae3bc;
--right-panel-item-c6: #4DBDF1;
--right-panel-item-c7: #9fdd5b;
--right-panel-item-c8: #47aca6;
--right-panel-item-c9: #fdba9d;
--schedule-dayname: #B4B4B4;
--scrollbar-thumb: #d8d9dc;
--search-result-arrow-back-hover: rgba(255, 255, 255, 0.15);
--search-results-item-date: #b0b0b0;
--search-results-item-description: #7b7b7b;
--search-results-item-shadow: rgba(156, 156, 156, 0.45);
--setting-columns-text: #525252;
--status-set-accept-win: #3f3f3f;
--subscription-billing-state-gradient1: #97da4c;
--subscription-billing-state-gradient2: #2fba97;
--subscription-period-end-gradient: #d6d6d6;
--subscription-price-gradient1: #FFFEE0;
--subscription-price-gradient2: #BEFFCD;
--subst-color: #444;
--support-center-text: #4F4F4F;
--support-center-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
--svg-part-lamp-bottom: #000;
--svg-part-lamp-top: #7C7C7C;
--switcher-with-label-box-bg: #CBCBCB;
--switcher-with-label-box-item: #A3A3A3;
--tab-switcher-hover: #e5e5e5;
--tabs-panel-tab-hover: #e5e5e5;
--task-action-rem-border: #ddd;
--task-bg-action-bg: #f6f6f6;
--task-bg-action-contact: #efffff;
--task-bg-action-contact-boder: #d7f5f5;
--task-bg-action-contact-border-hover: #acdada;
--task-bg-action-linked: #eaffd2;
--task-bg-action-new: #fefed9;
--task-bg-action-new-border: #efefc3;
--task-bg-action-new-border-hover: #e6e696;
--task-bubble-info: #6f6f6f;
--task-card-action-change-workers-bg: #EBEBEB;
--task-card-action-draft-shadow-hover: rgba(0, 0, 0, 0.45);
--task-card-action-file-ext-text: #C5C5C5;
--task-card-action-gray-btn: #949494;
--task-card-action-hidden-svg: #fcb55b;
--task-card-action-icons: #b9b9b9;
--task-card-action-like-active: #D75A4A;
--task-card-action-like-num: #9D9D9D;
--task-card-action-normal-author: #a7a7a7;
--task-card-action-shadow: rgba(156, 156, 156, 0.25);
--task-card-add-action-borded: #eaeaea;
--task-card-add-action-comment-text: #999999;
--task-card-add-action-hover: #DFF1FF;
--task-card-add-action-icons: #AFAFAF;
--task-card-add-action-svg: #7d7d87;
--task-card-add-action-svg-bg: rgba(196, 196, 196, 0.15);
--task-card-add-action-svg-path: #808080;
--task-card-checklist-gradient: rgba(255, 255, 255, 0.6);
--task-card-checklist-item-hover: #f5f5f5;
--task-card-date-block-meta-text: #787878;
--task-card-description-owner-text: #434040;
--task-card-header-eye: #898989;
--task-card-header-gradient2: rgba(248, 248, 248, 0.88);
--task-card-header-gradient3: rgba(248, 248, 248, 0) 100%;
--task-card-header-status-icons-hover-bg: #f5f5f5;
--task-card-notified-item: #f3f3f3;
--task-card-notified-item-border: #D9DCE1;
--task-card-pull-svg: #a1a1a1;
--task-card-resizer: #979797;
--task-card-search-text: #8a8a8a;
--task-card-star: #d1d1d1;
--task-card-title-text: #4B4B4B;
--task-checklist-employer-border: #dcdcdc;
--task-dates-input-shadow: #b1b1b1;
--task-dates-input-text: #cecece;
--task-deadline-dead: #fd0000;
--task-edit-btn-val-shadow: #00000033;
--task-edit-checklist-hover: #ffffff;
--task-edit-checklist-text: #8c8c8c;
--task-edit-checkmark-value-box-svg: #5a5a5a;
--task-edit-checkmark-value-box-workers: #a2a2a2;
--task-filter-block-add-hover: #d1d1d18f;
--task-filter-label: #7a7a7a;
--task-filter-sort-svg: #979797;
--task-list-checkbox-disabled: #CCD3D8;
--task-list-focus-shadow: rgba(0, 0, 0, 0.1);
--task-status-color: #25BB69;
--task-status-color-active: #1b7FE8;
--task-status-color-canceled: #85878E;
--task-status-color-done: #30AB50;
--task-status-color-draft: #3D3F46;
--task-status-fade: rgba(83, 88, 107, 0.75);
--task-status-mix: var(--cardmenu-back, var(--cardmenu-back, #53586b));
--task-status-mix50: #53586b;
--task-status-mix75: var(--white-black, #fff);
--task-status-top-border: var(--cardmenu-back, var(--cardmenu-back, #53586b));
--td-first-child: #808080;
--telephony-params-text-bg: #e7f5fa;
--telephony-params-text-border: #a9cdda;
--template-color: #7f00a3;
--template-variable-fieldset: rgba(0, 0, 0, 0.75);
--text-color: #343434;
--theme-preview-bottom-bg: #3f4457;
--theme-preview-filter-svg: #a2b4bc;
--theme-preview-menu-item-bg: #464b5d;
--time-picker-dates: #C7C7C7;
--time-picker-dot: #202020;
--time-picker-li-active: #d9e7fd;
--time-picker-minute: rgba(217, 231, 253, 0.5);
--time-type-switcher-bg: #ffffff;
--time-type-switcher-bg-hover: #EDEDED;
--time-type-switcher-border: #d0d0d0;
--time-type-switcher-text: #D1D1D1;
--toggle-switcher-bg: #acacac;
--toggle-switcher-lock: #828282;
--tooltip-actions-after: #66DA71;
--tooltip-actions-color: #626262;
--tracking-data-error-bg: #ffe8e6;
--transparent-color: #9C9C9C40;
--trigger-block-dateshift-bg: #ebf2f3;
--upload-file-block-progress: #EEFFEE;
--upload-user-faded-bg: rgba(25, 25, 25, 0.7);
--user-passcode-hint-panel: #cadaa9;
--usually-field-composite-input-label: #858585;
--usually-field-disable-value: #8c8c8c;
--usually-field-edit-state-info-bg: #badbbd;
--usually-field-edit-state-info-red-bg: #f2b3b3;
--usually-switcher-toggle-switcher-shadow: rgba(0, 0, 0, 0.35);
--viewer-file-container: #dcdcdc;
--viewer-file-container-frame-shadow: #aaaaaa;
--viewer-file-container-pre: #f6f8fa;
--viewmode-button-active: #91d8d3;
--white: #000;
--white-black: #fff;
--white-black-rgb: 255 255 255;
--win-pointer-shadow: #00000060;
--work-space-dialog-hover-dark: rgba(0, 0, 0, 0.13);
--workspace-scroll-items-bg: rgba(255, 255, 255, 0.25);
--wrapper-calendar-empty: #fcfcfc;
--multiple-select-option: #DEEBFF;
--filter-table-menu-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
--document-signed-data-seporator: #EBECFF;
--nps-survey-background: linear-gradient(228deg, #DDFDFF 0%, #FFE3F7 100%);
--nps-survey-btn: linear-gradient(21deg, #767EFE 0%, #E1BBFE 100%);
--nps-survey-btn-hover: linear-gradient(21deg, #E1BBFE 0%, #767EFE 100%);
--error-block-background: #FFD7D7;
--contrast-background: #EBEBEB;
--success-block-background: #C8F9D3;
--tooltip-hover-background: rgba(94, 94, 94, 0.1);
--notify-list-contact-bg: #efffff;
--icon-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 6L8 11.3571L13 6' stroke='%23898989' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--resize-block-color: #5E5E5E;
--highlightPartnerColorOpacity: 1;
--text-editor-highlight: #FFFFFF;
--text-editor-table-cell-highlight: #D7E2E7;
--theme-colors-soft-blue: #DEEBFF;
--cloud-de: #dedede;
--reactionbar-button: #eaeaea;
--reminder-card-header: #E3EAE9;
--reminder-card-header-done: #e8e8e8;
--reminder-card-header-hover: #D6DCDB;
--ai-chat-text: #4B4B4B;
--ai-chat-comment-user-background: #eaebed;
--ai-chat-comment-assistant-background: #E8EBED;
--ai-chat-comment-assistant-text: #343434;
--ai-chat-comment-copy: #dedede;
--ai-chat-model-level-menu-bg: #ffffff;
--ai-chat-feedback-bg: #DEFCEF;
--ai-chat-box-shadow: rgba(86, 155, 255, 0.16);
--ai-chat-border-color: transparent;
--mass-bar-shadow: rgba(156, 156, 156, 0.45);
}
.dark-theme {
--text-color: #dadce0;
--white-black: #23252b;
--white-black-rgb: 0 0 0;
--black-white: #d4d6db;
--task-card-header-gradient2: rgba(16, 16, 16, 0.88);
--task-card-header-gradient3: rgba(16, 16, 16, 0);
--gray-border: #383b42;
--company-structure-highlight-background: #352d52;
--company-structure-highlight-border: rgba(155, 131, 236, 0.45);
--company-structure-highlight-text: #c8bdf6;
--company-structure-skeleton-base: #23252b;
--company-structure-skeleton-highlight: #2e3138;
--task-card-title-text: #c4c7cc;
--task-card-header-status-icons-hover-bg: #2e3138;
--task-card-header-eye: #888c93;
--task-card-star: #383b42;
--chzn-text: #c8cbd1;
--chzn-border: #5a5d64;
--chzn-box-shadow: rgba(0, 0, 0, 0.35);
--dialog-box-shadow: rgba(0, 0, 0, 0.35);
--dialog-box-shadow-light: rgba(0, 0, 0, 0.35);
--dialog-box-shadow-ultralight: rgba(0, 0, 0, 0.35);
--object-card-right-panel-background: #2e3138;
--task-card-action-shadow: rgba(0, 0, 0, 0.35);
--task-card-action-icons: #5a5d64;
--task-card-action-like-active: #ef7262;
--task-card-action-like-num: #888c93;
--task-card-action-draft-shadow: #000;
--task-card-action-draft-shadow-hover: rgba(255, 255, 255, 0.45);
--task-card-action-gray-btn: #888c93;
--task-card-action-hidden-svg: #803900;
--task-card-action-file-ext-text: #767a82;
--task-card-search-text: #93979f;
--task-card-notified-item: #23252b;
--task-card-notified-item-border: #383b42;
--task-card-action-normal-author: #767a82;
--task-card-action-change-workers-bg: #15171c;
--task-bg-action-bg: #1a1c21;
--task-bg-action-new: #060600;
--task-bg-action-new-border: #161600;
--task-bg-action-new-border-hover: #252500;
--task-bg-action-linked: #000f00;
--task-bg-action-contact: #23252b;
--task-bg-action-contact-boder: #383b42;
--task-bg-action-contact-border-hover: #0b3939;
--task-card-pull-svg: #767a82;
--task-card-checklist-item-hover: #2e3138;
--task-card-checklist-gradient: rgba(0, 0, 0, 0.6);
--task-card-description-owner-text: #c4c7cc;
--baron-scroller-bar-border: #383b42;
--task-card-date-block-meta-text: #a0a4ab;
--task-card-add-action-borded: #383b42;
--task-card-add-action-comment-text: #888c93;
--task-card-add-action-svg: #93979f;
--task-card-add-action-svg-path: #93979f;
--task-card-add-action-svg-bg: rgba(80, 84, 90, 0.15);
--task-card-add-action-icons: #5a5d64;
--task-card-add-action-hover: #021422;
--task-card-resizer: #888c93;
--task-action-rem-border: #363941;
--task-checklist-employer-border: #383b42;
--task-status-color-draft: #c8cbd1;
--task-status-color-canceled: #888c93;
--checklist-keyboard-help-bg: #253C2E;
--checklist-keyboard-help-border: #060;
--task-dates-input-shadow: #5a5d64;
--task-dates-input-text: #45484f;
--time-picker-dates: #45484f;
--billing-gray-label: #93979f;
--color-reminers: #7f4000;
--fakelink-dashed-red: #ff9292;
--gray-dark-icon: #adb1b8;
--core-dropdown-text: #9ea2aa;
--gray-light: #45484f;
--gray-input-border: #5a5d64;
--gray-light-border: #4a4d54;
--grey-label: #969aa2;
--background-color-light-gray: #15171c;
--gray-ico: #767a82;
--gray-group-border: #383b42;
--grey-planner-holiday: #767a82;
--grey-action-list: #767a82;
--link-color: #000;
--link-color-gray: #888c93;
--grey-list-border: #383b42;
--gray-modal-background: #1f2127;
--cardmenu-back: #a1a6b9;
--grey-group-text: #a8acb3;
--gray-inner: #2e3138;
--gray-list-hover: #2e3138;
--gray: gray;
--green: #00864b;
--gray-back-hover: #2e3138;
--background-color-default: #15171c;
--grey-dark-hover: #2e3138;
--gray-site: #c4c7cc;
--gray-slider-background: #23252b;
--gray-button: #888c93;
--default-gray: #969aa2;
--black-sort-icon: #e5e7ec;
--ddl-color-icon: #888c93;
--ddl-menu-switch-after: #767a82;
--ddl-menu-separator: #45484f;
--quote-border: #888c93;
--chosen-text: #d4d6db;
--chosen-text-disabled: #767a82;
--chosen-text-no-results-bg: #1a1c21;
--chosen-icon-active: #a8acb3;
--chosen-multi-search-input: #adb1b8;
--chosen-multi-search-input-active: #ebedf0;
--chosen-contact-grayed: #003346;
--reminder-dialog-textbox: #a8acb3;
--toggle-switcher-bg: #5a5e66;
--toggle-switcher-lock: #8c9099;
--scrollbar-thumb: #383b42;
--task-list-checkbox-disabled: #2c3138;
--task-list-focus-shadow: rgba(255, 255, 255, 0.1);
--context-popup-dialog: rgba(0, 0, 0, 0.35);
--setting-columns-text: #c4c7cc;
--planner-microcard-title-default: #c4c7cc;
--planner-file-control-border: #3e4148;
--planner-file-control-svg: #5a5d64;
--planner-microcard-menu-svg: #b8bbc2;
--microcard-fakelink-hover: rgba(59, 59, 59, 0.25);
--planner-quick-add-placeholder: #767a82;
--planner-block-move-svg: #242c35;
--planner-drag-placeholder-bg: #767a82;
--planner-scroller-bar: #45484f;
--planner-block-bottom-shadow: rgba(0, 0, 0, 0);
--planner-chronicle-item-bg: #23252b;
--planner-chronicle-item-bg-hover: #2e3138;
--planner-chronicle-item-action-panel: #23252b;
--wrapper-calendar-empty: #15171c;
--task-bubble-info: #a8acb3;
--micro-card-svg-market: rgba(255, 255, 255, 0.2080392);
--win-pointer-shadow: rgba(255, 255, 255, 0.35);
--like-win-shadow: rgba(0, 0, 0, 0.35);
--checkElement-add-placeholder: #9ea2aa;
--action-notify-faces: #767a82;
--planner-search-icons: #888c93;
--action-file-preview: #383b42;
--action-file-preview-border: #45484f;
--template-color: #ffb1ff;
--autocomplete-panel-border: #3e4148;
--resize-overlay: #1a1c21;
--time-type-switcher-border: #3e4148;
--time-type-switcher-text: #5a5d64;
--time-type-switcher-bg: #15171c;
--time-type-switcher-bg-hover: #2e3138;
--popup-win-header-description: #8c9099;
--popup-win-header: #a8acb3;
--edit-win-switcher-wr-shadow-1: #4a4d54;
--edit-win-switcher-wr-shadow-2: #4a4d54;
--edit-win-attach-item-hover: #1c2433;
--task-edit-checklist-text: #a0a4ab;
--task-edit-checkmark-value-box-workers: #5d5d5d;
--task-edit-checkmark-value-box-svg: #a5a5a5;
--task-edit-checklist-hover: rgba(46, 49, 56, 0.54);
--task-edit-btn-val-shadow: rgba(255, 255, 255, 0.2);
--react-select-chip-label: #888;
--react-select-box-contact: rgba(44, 58, 60, 0.4);
--react-select-box-contact-v2: rgba(56, 70, 72, 0.4);
--react-select-focus: #3C4654;
--react-select-contact-focus: #2c3a3c;
--react-select-common-contact-bg: #B8EBF41c;
--react-select-common-contact: #0091b2;
--react-dropdown-focus: #3C4654;
--react-dropdown-contact-focus: #384648;
--dialog-btn-hover-shadow: rgba(255, 255, 255, 0.32);
--dialog-other-btn-hover-shadow: rgba(255, 255, 255, 0.2);
--context-menu-block-shadow: rgba(255, 255, 255, 0.08);
--context-menu-skeleton-bg: rgba(0, 0, 0, 0.8);
--confirm-win-header: #595594;
--ai-chat-text: #adb1b8;
--ai-chat-comment-assistant-text: #dadce0;
--ai-chat-comment-copy: #a0a4ab;
--confirm-win-header-text: #dadce0;
--right-panel-item-c1: #333;
--right-panel-item-c2: #B06060;
--right-panel-item-c8: #3c7d79;
--right-panel-item-c3: #2B5CAB;
--right-panel-item-c13: #b59216;
--right-panel-item-c6: #536972;
--right-panel-item-c5: #029b78;
--right-panel-item-c9: #7c3110;
--right-panel-item-c4: #4d2866;
--right-panel-item-c7: #3e7500;
--right-panel-item-c11: #443f3f;
--right-panel-item-c14-c16: #495785;
--right-panel-item-c21: #C36D81;
--right-panel-item-c23: #458155;
--right-panel-icons: #c4c7cc;
--right-panel-active-icons: #969aa2;
--main-menu-popup-text: #d4d6db;
--main-menu-popup-bg: #3a3d44;
--main-menu-popup-bg-hover: #2e3138;
--main-menu-item-bg: #1a1c21;
--popup-shadow: rgba(0, 0, 0, 0.55);
--support-center-text: #c4c7cc;
--help-container-nenu-label: #a8acb3;
--support-center-shadow: -1px 0 0 0 #383b42;
--search-results-item-shadow: rgba(99, 99, 99, 0.45);
--search-results-item-description: #a0a4ab;
--search-results-item-date: #767a82;
--search-result-arrow-back-hover: rgba(0, 0, 0, 0.15);
--schedule-dayname: #767a82;
--planner-schedule-header-border: #45484f;
--planner-schedule-user-post: #888c93;
--planner-schedule-fake-tbl-border: #23252b;
--planner-schedule-month-group: #767a82;
--planner-schedule-output-day-bg: #1a1c21;
--planner-schedule-free-day: #767a82;
--planner-schedule-today: #cc5700;
--planner-schedule-today-bg: #070700;
--planner-schedule-item-task: #364d69;
--planner-schedule-task-info: #c8cbd1;
--planner-drag-daily: #4c6a9a;
--planner-calendar-empty: #2e3138c9;
--confirm-win-shadow: rgba(255, 255, 255, 0.24);
--confirm-win-head-bg: #b4b4b4;
--confirm-win-head: #1a1c21;
--confirm-win-content-border: #383b42;
--confirm-win-background: #15171c;
--confirm-win-content-bg: #23252b;
--confirm-win-text-box: #5a5d64;
--confirm-win-text-box-bg: #45484f;
--confirm-win-text-box-bg-focus: #1a1c21;
--tooltip-actions-after: #48B172;
--page-layout-hidden-border: #252526;
--task-filter-label: #a8acb3;
--task-filter-sort-svg: #888c93;
--task-filter-block-add-hover: #3a3d448f;
--switcher-with-label-box-bg: #3e4148;
--switcher-with-label-box-item: #767a82;
--tab-switcher-hover: #2e3138;
--td-first-child: #969aa2;
--black: #000;
--white: #fff;
--file-viewer-canvas-bg: #15171c;
--file-viewer-canvas-img-bg: #383b42;
--file-viewer-canvas-img-flat-bg: #383b42;
--file-viewer-canvas-btn-bg: #15171c;
--file-viewer-canvas-btn-shadow: #5a5d64;
--file-viewer-canvas-no-active-btn-bg: #383b42;
--file-viewer-slider-thumb-shadow: #888c93;
--file-viewer-canvas-link: #adb1b8;
--file-viewer-canvas-h3: #ebedf0;
--file-viewer-canvas-email-bg: #15171c;
--file-attached-control-shadow: #767a82;
--file-viewer-right-version: #adb1b8;
--file-viewer-separator-text: #a0a4ab;
--viewer-file-container: #363941;
--viewer-file-container-frame-shadow: #5a5d64;
--viewer-file-container-pre: #1a1c21;
--date-picker-bg: #1a1c21;
--date-picker-menu-border: #383b42;
--date-picker-separators-bg: #2e3138f7;
--date-picker-day-shadow: #ffffff21;
--date-picker-holiday-bg: #1a1c21;
--date-picker-navigation-select: #ffffff1c;
--date-picker-navigation-option-hover-bg: #7f7f7f1f;
--date-picker-navigation-svg: #a0a4ab;
--time-picker-dot: #e5e7ec;
--time-picker-li-active: #0d1b31;
--time-picker-minute: rgba(13, 27, 49, 0.5);
--integration-telephony-item-border: #2e3138;
--integration-telephony-icon: #a0a4ab;
--bottom-btn-text: #d4d6db;
--list-for-panel-row-active-bg: #a1a6ba;
--list-for-panel-row-draggable-border: #383b42;
--new-field-name-input: #c4c7cc;
--usually-switcher-toggle-switcher-shadow: rgba(255, 255, 255, 0.35);
--loader-border: rgba(0, 0, 0, 0.2);
--loader-gray-border: rgba(65, 65, 65, 0.2);
--loader-border-1-5: #5a5d64;
--common-filter-top-text: #767a82;
--common-filter-title-text: #c8cbd1;
--integration-settings-control-container-bg: #23252b;
--integration-settings-control-container-border: #45484f;
--integration-settings-control-sync: #001a00;
--status-set-accept-win: #d4d6db;
--tabs-panel-tab-hover: #2e3138;
--trigger-block-dateshift-bg: #091011;
--report-head-selcted-col-blue: #1e2c42;
--telephony-params-text-bg: #010f14;
--telephony-params-text-border: #1b3f4c;
--report-params-sort: #1b2e4e;
--inner-view-report-description-bg: #060a00;
--inner-view-report-description-border: #2c301f;
--report-params-groupby-bg: #0c1122;
--report-params-groupby-border: #2b3240;
--report-save-empty-bg: #15171c;
--report-save-title: #c4c7cc;
--report-save-menu-shadow: rgba(46, 46, 46, 0.25);
--usually-field-disable-value: #93979f;
--usually-field-composite-input-label: #93979f;
--usually-field-edit-state-info-bg: #153618;
--usually-field-edit-state-info-red-bg: #703131;
--planner-calendar-day: #15171c;
--planner-calendar-not-current-month-day: #1a1c21;
--planner-calendar-today: #070700;
--planner-calendar-wrapper-month-shadow: #23252b;
--menu-logined-popup: #c4c7cc;
--menu-logined-popup-user-info: #b8bbc2;
--menu-logined-popup-list-border: #45484f;
--crm-import: #a0a4ab;
--integration-win-summary: #c8cbd1;
--integration-svg-blue-gray: #93979f;
--integration-svg-colored: #4c2d00;
--move-micro-card-shadow: rgba(255, 255, 255, 0.5);
--confirm-win-back: rgba(0, 0, 0, 0.8);
--tooltip-actions-color: #C4C7CC;
--notice-channel-small-text: #767a82;
--notice-params-new-item: #888c93;
--notice-params-table-border: #2e3138;
--notice-params-switch-icon: #45484f;
--drag-container-rc-resize: #2e3138;
--dashboard-block-shadow: rgba(99, 99, 99, 0.3);
--docs-dashboard-total: #c8cbd1;
--dashboard-visualization-background: #2b3240;
--object-edit-win-empty-cell: rgba(56, 59, 66, 0.22);
--object-edit-win-empty-cell-hover: rgba(160, 164, 170, 0.22);
--object-edit-box-shadow: rgba(255, 255, 255, 0.31);
--object-edit-box-field-item-active: rgba(56, 59, 66, 0.53);
--dialog-win-dates-header-panel-shadow: rgba(99, 99, 99, 0.25);
--default-user-avatar: #888c93;
--deleteButton: #FE5A5A;
--origin-user-block-bg: rgba(255, 255, 255, 0.8);
--upload-user-faded-bg: rgba(230, 230, 230, 0.7);
--tooltip-rc-bg: #050900;
--tooltip-rc-border: #909d68;
--tooltip-rc-bg-after: #4c5924;
--custom-field-create-access-bg: #040a00;
--popup-win-min-border-hover: #d4d6db;
--popup-win-min-secodary-border: #c4c7cc;
--help-container-history-item-not-today: rgba(0, 0, 0, 0.7);
--help-container-history-date: #888c93;
--help-container-history-space: rgba(0, 0, 0, 0.5);
--help-container-timer-value: rgba(0, 0, 0, 0.4);
--help-container-timer-hover: rgba(0, 0, 0, 0.2);
--help-container-timer-border: #cdcce1;
--file-upload-ubloaded-block: #23252b;
--file-upload-dialog-theme: #c4c7cc;
--file-upload-file-upload-text: #a8acb3;
--file-upload-compressed-sources-shadow: rgba(255, 255, 255, 0.25);
--file-upload-dropzone: rgba(10, 23, 43, 0.4);
--file-upload-file-arrow-block: rgba(10, 10, 10, 0.4);
--file-upload-file-arrow-block-hover: rgba(10, 10, 10, 0.6);
--upload-file-block-progress: #000a00;
--left-menu-fixed-bg: #25272d;
--file-meta-data: #a0a4ab;
--cardmenu-active-link: #060600;
--open-ai-dialog-item-config-shadow: #1d1d1db2;
--subscription-period-end-gradient: #383b42;
--subscription-price-gradient1: #060500;
--subscription-price-gradient2: #002300;
--subscription-billing-state-gradient1: #135600;
--subscription-billing-state-gradient2: #008562;
--svg-marketing-pf-logo: #cdcdd1;
--conf-create-ping-img-bg: #0f1402;
--conf-create-ping-img-svg-colored: #273500;
--conf-create-ping-img-svg-blue: #7e868f;
--account-conf-svg-colored: #4c2d00;
--account-conf-title: #888c93;
--work-space-dialog-hover-dark: rgba(255, 255, 255, 0.15);
--workspace-scroll-items-bg: rgba(0, 0, 0, 0.25);
--menuitem-expander: #25272d;
--menuitem-color: #888c93;
--menu-item-dragging-background: #3a3d44;
--menu-item-dragging-shadow: 1px 2px 24px 0 #262626;
--preview-menu-item: #4242420f;
--preview-menu-item-hover: #767a8242;
--color-settings-val-label: #c4c7cc;
--color-palette-example-shadow: rgba(146, 146, 146, 0.5);
--theme-preview-filter-svg: #40525a;
--theme-preview-bottom-bg: #b5bacd;
--theme-preview-menu-item-bg: #afb4c6;
--email-filter-then-bg: #1a1c21;
--empty-placeholder-background: #3e4148;
--empty-placeholder-active-text: #c4c7cc;
--empty-placeholder-active-background: rgba(47, 57, 71, 0.4);
--empty-placeholder-active-border: #4a4d54;
--menu-drop-zone-background: #3C4654;
--email-filter-if-case-bg: #09100a;
--email-filter-logic-bg: #11141b;
--email-filter-case-number: #416346;
--g-popup-win-min-container-bg: #767a82;
--g-popup-win-min-secondary-3: #5a5d64;
--popup-win-min-counter-bg: #c4c7cc;
--email-smtp-test-error-bg: #3c151e;
--cke-dialog-border: #5a5d64;
--cke-dialog-bg: #383b42;
--cke-dialog-title-shadow: rgba(0, 0, 0, 0.75);
--cke-pasteframe: #5a5d64;
--cke-dialog-spinner1: rgba(153, 153, 153, 0.2);
--cke-dialog-spinner2: #adb1b8;
--cke-ialog-contents-border: #4a4d54;
--cke-dialog-tab: #b8bbc2;
--cke-dialog-tab-selected: #d4d6db;
--cke-dialog-tab-disabled: #5a5d64;
--cke-dialog-ui-input-bg-border: #45484f;
--cke-dialog-ui-input-bg-border-top: #767a82;
--cke-dialog-ui-button-sh1: rgba(0, 0, 0, 0.5);
--cke-dialog-ui-button-sh2: rgba(0, 0, 0, 0.15);
--cke-disabled-span: #161e07;
--cke-btn-over: #b8bbc2;
--cke-resizer: #c4c7cc;
--user-passcode-hint-panel: #233302;
--orgtree-add-user-border: #23252b;
--orgtree-add-user-list-border: #45484f;
--acc-interaction-control: #10160b;
--gant-grid-item-highlight: #1b0a0a;
--gant-grid-item-highlight-date: #531e1e;
--gant-grid-item-holiday: #200f0f;
--gant-grid-item-highlight-first: #7f3030;
--gant-task-item: rgba(0, 0, 0, 0.2);
--report-params-groupby-after-border: #45484f;
--report-params-filter-bg: #2a372c;
--report-params-filter-border: #2c3341;
--report-progress-bar-wrap: #15171c;
--report-params-add: #478c00;
--report-chart-select: #b8bbc2;
--template-variable-fieldset: rgba(255, 255, 255, 0.75);
--object-edit-analytics: rgba(10, 23, 43, 0.66);
--object-edit-analytics-hover: #0a172b;
--svg-part-lamp-top: #a0a4ab;
--svg-part-lamp-bottom: #fff;
--handbook-data-archived-name: #c8cbd1;
--mindmap-menu-item-disabled: #383b42;
--modern-sys-message-bg: #3a3d44;
--account-grayed-bg: #1a1c1f;
--viewmode-button-active: #004641;
--not-planning-block-border: #2e3138;
--actions-hovered: #0f0c00;
--online-user-add-task: rgba(180, 180, 180, 0.8);
--transparent-color: transparent;
--tracking-data-error-bg: #240d0b;
--crm-merge-scrollbar-border: #383b4214;
--crm-merge-scrollbar-bg: #15171c4d;
--ai-chat-comment-assistant-background: #2e3138;
--ai-chat-model-level-menu-bg: #3a3d44;
--ai-popup-bg1: #090d1a;
--ai-popup-bg2: #090309;
--ai-popup-shadow: rgba(109, 100, 150, 0.15);
--ai-button-bg1: #6a72f2;
--ai-button-bg2: #502a6d;
--ai-popup-bottom-bg: #161a2a;
--billing-bonus-shadow: #471e56;
--docs-upload-dropzone-hover: rgba(47, 57, 71, 0.4);
--menu: #25272d;
--headMenuText: #d4d6db;
--head: #3a3d44;
--notActiveFilterText: #d4d6db;
--notActiveFilterElement: #d4d6db;
--notActiveFilterElement2: #d4d6db;
--leftMenuIcon: #d4d6db;
--notActiveFilterHover: #2e3138;
--blockBottomMenuHover: #2e3138;
--bottomBackground: #25272d;
--bottomElements: #d4d6db;
--bottomMenuItemColor: #5a6177;
--modern-menu-border: rgba(0, 0, 0, 0.2);
--ai-chat-border-color: #383b42;
--cloud-de: #45484f;
--gray-perl: #adb1b8;
--emptyIconOpacity: 0.8;
--reactionbar-button: #1a1c21;
--task-deadline-dead: #E54B4B;
--accept-btn: #1ABE72;
--multiValueDel: #002831;
--multiValueDelSetString: rgba(0, 0, 0, 0.15);
--file-viewer-top-menu: #383b42;
--file-viewer-right-panel: #383b42;
--file-viewer-action-background: #1a1c21;
--headMenuTextFileViewer: #d4d6db;
--modern-menu-item-hover: rgba(0, 0, 0, 0.25);
--modern-menu-item-active: rgba(0, 0, 0, 0.15);
--filter-table-menu-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.35);
--multiple-select-option: #2F3947;
--promt-hint-gradient-start: #1F2B33;
--promt-hint-gradient-end: #2F2330;
--promt-hint-box-shadow: rgba(17, 17, 17, 0.25);
--document-signed-data-seporator: #383b42;
--nps-survey-background: linear-gradient(228deg, #1C1F24 0%, #242029 100%);
--nps-survey-btn: #956AD1;
--nps-survey-btn-hover: #7D4FBD;
--error-block-background: #593434;
--contrast-background: #15171c;
--success-block-background: #35513B;
--icon-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 6L8 11.3571L13 6' stroke='%23767676' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--billing-years-hint-border: #5B5E81;
--billing-years-hint-background: #393C57;
--resize-block-color: #a8acb3;
--partner-status-line-bg: #3a3d44;
--tooltip-hover-background: rgba(140, 140, 140, 0.1);
--notify-list-contact-bg: #0a2a2a;
--highlightPartnerColorOpacity: 0.8;
--text-editor-highlight: #23252b;
--text-editor-table-cell-highlight: #465C67;
--theme-colors-soft-blue: #3C4654;
--billing-blocking-background: #15171c;
--reminder-card-header: #283035;
--reminder-card-header-done: #2d2e34;
--reminder-card-header-hover: #353C41;
--ai-chat-text: #9D9D9D;
--ai-chat-comment-user-background: #2a2b2f;
--ai-chat-comment-assistant-background: #2B2B2B;
--ai-chat-comment-assistant-text: #D3D3D3;
--ai-chat-comment-copy: #88909B;
--ai-chat-model-level-menu-bg: #383838;
--ai-chat-feedback-bg: #2D3A34;
--ai-chat-box-shadow: transparent;
--ai-chat-border-color: #2C2C2C;
--mass-bar-shadow: rgba(0, 0, 0, 0.45);
}
.page-layout-block.draw-styles-for-taskCard.chat-colored {
background-color: var(--background-color-light-gray);
}
.page-layout-block.draw-styles-for-taskCard.chat-colored .b-task-description {
background-color: var(--background-color-light-gray);
}
.page-layout-block.draw-styles-for-taskCard.chat-colored .b-task-description .td-empty {
background-color: var(--background-color-light-gray);
}
.page-layout-block.draw-styles-for-taskCard .cke_wysiwyg_frame,
.page-layout-block.draw-styles-for-taskCard .cke_wysiwyg_div {
background-color: var(--white-black, #ffffff);
}
.page-layout-block.draw-styles-for-taskCard .baron_scroller__bar {
background-color: var(--scrollbar-thumb, #d8d9dc);
border-color: transparent;
}
.page-layout-block.draw-styles-for-taskCard .baron_scroller__bar:hover {
background-color: var(--gray-input-border, #bbbbbb);
}
.page-layout-block.draw-styles-for-taskCard .baron_scroller__bar {
width: 4px;
border-radius: 15px;
}
.marketing-pf-logo-fill {
fill: #313135;
}
.dark-theme {
background-color: var(--resize-overlay, #ccc);
}
.dark-theme .main-menu {
background-color: var(--head) !important;
color: var(--headMenuText);
}
.dark-theme .main-menu .cube-menu-tail-start,
.dark-theme .main-menu .main-menu-head {
background-color: var(--head) !important;
}
.dark-theme .main-menu .main-menu-head .cube-menu-tail-start {
box-shadow: lab(5 0 0) 0 0 11px 1px;
}
.dark-theme input:not([type='button']),
.dark-theme textarea {
background-color: var(--white-black, #fff);
color: var(--black-white, #000);
}
.dark-theme input:-webkit-autofill,
.dark-theme input:-webkit-autofill:hover,
.dark-theme input:-webkit-autofill:focus {
-webkit-text-fill-color: var(--black-white, #000);
-webkit-box-shadow: 0 0 0 1em var(--white-black, #fff) inset;
}
.dark-theme .draw-styles-for-taskCard.chat-colored .baron_wrapper:not(.action-list-v3-bar-wrapper) .cke_inner {
background: var(--background-color-light-gray, #fff);
}
.dark-theme .draw-styles-for-taskCard.chat-colored .baron_wrapper:not(.action-list-v3-bar-wrapper) .cke_wysiwyg_frame,
.dark-theme .draw-styles-for-taskCard.chat-colored .baron_wrapper:not(.action-list-v3-bar-wrapper) .cke_wysiwyg_div {
background-color: var(--background-color-light-gray, #fff);
}
.dark-theme .draw-styles-for-taskCard.chat-colored .baron_wrapper:not(.action-list-v3-bar-wrapper) .ckeditor-panel-container .cke_top {
background-color: var(--background-color-light-gray, #fff) !important;
}
.dark-theme .draw-styles-for-taskCard.chat-colored .baron_wrapper:not(.action-list-v3-bar-wrapper) .inline-editor-container .cke_chrome,
.dark-theme .draw-styles-for-taskCard.chat-colored .baron_wrapper:not(.action-list-v3-bar-wrapper) .user-create .cke_chrome {
background: var(--background-color-light-gray, #fff);
}
.dark-theme .cke_inner {
background: var(--white-black, #fff);
}
.dark-theme .cke_wysiwyg_frame,
.dark-theme .cke_wysiwyg_div {
background-color: var(--white-black, #fff);
}
.dark-theme .task-as-chat-editor .cke_wysiwyg_frame,
.dark-theme .task-as-chat-editor .cke_wysiwyg_div {
background-color: var(--white-black, #fff);
}
.dark-theme .handbook-select-data-button.v-mid {
font-size: 16px;
outline: none;
border: none;
background: none;
box-shadow: 0 0 0 1px var(--gray-input-border, #bbb);
color: var(--gray-input-border, #bbb);
cursor: pointer;
}
.dark-theme .marketing-pf-logo-fill {
fill: #cdcdd1;
}
.dark-theme .nps-survey-rc__container .popup-content {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
@font-face {
font-family: 'OpenSansLight';
font-style: normal;
font-weight: normal;
src: local('OpenSansLight'), url(/fonts/OpenSansLight.woff);
}
/*
Document : main
Created on : 24.06.2009, 17:01:46
Author : seva
Description:
Purpose of the stylesheet follows.
*/
/* Micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.cf:after {
clear: both;
}
/* Chrome for Android outline hide */
textarea:focus,
input:focus {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-modify: read-write-plaintext-only;
}
input[type=checkbox]:focus {
-webkit-user-modify: initial;
}
audio {
width: 80%;
}
body {
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
font-size: 13px;
}
body input {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
}
body button {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
}
body:not(.classic-font) {
-webkit-font-smoothing: antialiased;
color: var(--text-color, #343434);
}
body.classic-font {
font-family: arial;
color: var(--black-white);
}
body.classic-font input {
font-family: arial;
}
body.classic-font button {
font-family: arial;
}
body.overflow-y {
overflow-y: hidden;
}
body.overflow-all {
overflow: hidden;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
font-weight: normal;
}
form {
margin: 0;
padding: 0;
}
a {
color: var(--task-status-color-active, #1b7FE8);
text-decoration: none;
}
a img {
border: none;
vertical-align: middle;
}
a:hover {
color: var(--task-status-color, #25BB69);
text-decoration: underline;
}
a:focus {
outline: 0;
}
s > a {
text-decoration: line-through;
}
s > a:hover {
text-decoration: line-through underline;
}
p {
margin: 0;
padding: 0;
}
.handbook-item-view-fields .handbook-data-custom-value-text a[href]:not(.file-new-tab-open),
.tr-actions-body .td-text a.link-with-no-text[href],
.tr-actions-body-issystem a.link-with-no-text[href],
.tr-actions-body-new .td-text a.link-with-no-text[href]:not(.link-on-task):not(.file-new-tab-open),
.tr-check-list-element .check-list-description a[href]:not(.tr-tasktype-task):not(.tr-tasktype-template):not(.tr-tasktype-crmtemplate),
.actions-item-v2-normal-bubble a.link-with-no-text[href]:not(.link-on-task):not(.file-new-tab-open),
.b-description-text a.link-with-no-text[href],
.block-with-shortened-links a[href] {
display: inline-block;
max-width: 400px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: bottom;
width: auto;
}
body.disable-links-autowrap .handbook-item-view-fields .handbook-data-custom-value-text a[href]:not(.file-new-tab-open),
body.disable-links-autowrap .tr-actions-body .td-text a.link-with-no-text[href],
body.disable-links-autowrap .tr-actions-body-issystem a.link-with-no-text[href],
body.disable-links-autowrap .tr-actions-body-new .td-text a.link-with-no-text[href]:not(.link-on-task):not(.file-new-tab-open),
body.disable-links-autowrap .tr-check-list-element .check-list-description a[href]:not(.tr-tasktype-task):not(.tr-tasktype-template):not(.tr-tasktype-crmtemplate),
body.disable-links-autowrap .actions-item-v2-normal-bubble a.link-with-no-text[href]:not(.link-on-task):not(.file-new-tab-open),
body.disable-links-autowrap .b-description-text a.link-with-no-text[href],
body.disable-links-autowrap .block-with-shortened-links a[href] {
-ms-word-wrap: break-word;
word-wrap: break-word;
max-width: none;
white-space: normal;
display: inline;
}
.tr-check-list-element .check-list-description a[href]:not(.tr-tasktype-task):not(.tr-tasktype-template):not(.tr-tasktype-crmtemplate) {
max-width: 260px;
}
.actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description table a.link-with-no-text[href]:not(.link-on-task):not(.file-new-tab-open),
.tr-actions-body .td-text a.link-with-no-text[href],
.b-description-text td a.link-with-no-text[href],
.tr-actions-body-new .td-text a.link-with-no-text[href],
.task-card-data-custom-value-text.block-with-shortened-links a[href] {
max-width: min(100%, 400px);
}
.planner-block .tr-check-list-element .check-list-description a[href]:not(.tr-tasktype-task):not(.tr-tasktype-template):not(.tr-tasktype-crmtemplate) {
max-width: 200px;
}
.taskview-log .tr-actions-body .td-text a[href],
.tr-actions-body .td-text code a[href],
.tr-actions-body-issystem code a[href],
.tr-actions-body-new .td-text code a[href],
.actions-item-v2-normal-bubble code a[href],
.b-description-text code a[href],
.block-with-shortened-links code a[href] {
max-width: none;
white-space: normal;
display: inline;
word-wrap: break-word;
}
svg tspan {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
}
.classic-font svg tspan {
font-family: Arial;
}
.tr-actions-body .td-text pre,
.tr-actions-body-issystem pre,
.tr-actions-body-new .td-text pre,
.b-description-text pre {
white-space: pre-wrap;
}
input.check-box {
margin-left: 0;
margin-top: 2px;
vertical-align: top;
}
input.text-box,
select.text-box {
border: none;
border-bottom: 1px solid var(--gray-input-border, #bbb);
font-size: 13px;
margin-left: 0;
margin-top: 0;
outline: none;
background-color: var(--white-black, #fff);
}
input.text-box,
textarea.text-box {
padding: 5px;
}
select.text-box {
padding: 5px 5px;
background-color: var(--white-black, white);
color: var(--black-white, #000);
}
input.text-box[type=checkbox] {
border: none;
}
input.text-box[type=checkbox].task-custom-field-create-flag {
position: relative;
top: 0.6em;
}
.no-wrap {
white-space: nowrap;
}
.notransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
transition-delay: 0s !important;
}
.roll-btn {
cursor: pointer;
display: inline-block;
background: url("/img/ui-button-bg.png") repeat-x;
border: 1px solid #D3D3D3;
border-radius: 5px;
height: 14px;
width: 10px;
padding: 5px 8px;
margin-right: 5px;
}
.roll-btn:hover {
border: 1px solid #999;
}
.text-box {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
font-size: 13px;
}
.classic-font .text-box {
font-family: arial;
}
textarea {
/* border:1px solid #7B9EBD;*/
border: 1px solid var(--gray-input-border, #bbb);
font-size: 13px;
padding: 1px;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
outline: none;
overflow: hidden;
}
.classic-font textarea {
font-family: arial;
}
table {
border-spacing: 0;
}
.clear {
clear: both;
}
.v-top {
vertical-align: top;
}
.v-mid {
vertical-align: middle !important;
}
.v-bot {
vertical-align: bottom;
}
.b-logo {
float: left;
}
.b-logo .logo-pic-tl {
background: #1abe72 url(/img/btn-cor/l-tl.gif) no-repeat;
float: left;
}
.b-logo .logo-pic-tr {
background: transparent url(/img/btn-cor/l-tr.gif) no-repeat top right;
}
.b-logo .logo-pic-bl {
background: transparent url(/img/btn-cor/l-bl.gif) no-repeat bottom left;
}
.b-logo .logo-pic-br {
background: transparent url(/img/btn-cor/l-br.gif) no-repeat bottom right;
}
.b-logo .logo-pic-body {
font-size: 12pt;
color: #ffffff;
padding-left: 20px;
padding-right: 23px;
padding-bottom: 3px;
padding-top: 3px;
}
.b-logo .logo-pic-body a {
text-decoration: none;
color: #ffffff;
}
.b-logo .sub-title {
float: left;
padding-left: 12px;
padding-top: 6px;
}
.b-logo .logo-pic {
float: left;
}
/*
* HEADER
*/
.main-header {
background: #fff;
padding: 15px 1px 0 15px;
}
.main-header-logo {
height: 25px;
margin-right: 15px;
width: 25px;
float: left;
background: url('/img/header-logo.png') no-repeat;
display: block;
text-decoration: none;
}
.main-header-logo:hover {
text-decoration: none;
}
.b-content {
font-size: 12px;
width: 100%;
}
.b-cw-hack {
display: inline-block;
min-width: 100%;
}
.b-content-wrapper {
overflow: hidden;
/*border-top: 1px solid #e2e2e2;*/
}
.b-right-block {
padding: 0;
vertical-align: top;
min-height: 350px;
}
.left-panel-resize.collapsed ~ .b-right-block.b-first-block {
border-left: 1px solid #c5c5c5;
}
.b-right-block.b-last-block[data-type=handbookpanel],
.b-right-block.b-last-block[data-type=taskdata] {
box-shadow: none;
}
.b-right-block[data-number="2"] .b-top-btn {
padding-right: 20px;
}
.b-green-block {
color: var(--confirm-win-head-bg, #4B4B4B);
font-size: 26px;
overflow: hidden;
padding: 15px 15px 15px 25px;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.b-green-block.b-green-block-project-notify {
padding-top: 25px;
}
.b-green-block.b-green-block-task-notify {
padding-top: 19px;
}
.b-green-block .custom-field-header {
display: flex;
align-items: center;
}
.b-green-block .custom-field-header .custom-field-limit {
font-size: 16px;
color: var(--core-dropdown-text, #9c9c9c);
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
}
.b-green-block--flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.b-green-block > div {
color: var(--gray-dark-icon, #626262);
float: right;
font-size: 13px;
padding-top: 5px;
}
.b-green-block > div:first-child {
color: var(--task-card-title-text, #4B4B4B);
float: left;
font-size: 26px;
padding-top: 0;
}
body:not(.classic-font) .b-green-block > div:first-child {
font-optical-sizing: none;
}
body:not(.classic-font) .b-green-block > div:first-child .macros-container {
font-optical-sizing: auto;
}
.b-green-block > div:last-child {
color: var(--gray-dark-icon, #626262);
float: right;
font-size: 13px;
padding-top: 5px;
}
.b-250-block .b-green-block > div:last-child {
float: none;
}
.leftmenu-container {
overflow: hidden;
}
.leftmenu-container.hidden {
background: #dddee1 url('/img/left-panel-grip.png') no-repeat center center;
background-position: 16px;
padding-bottom: 18px;
cursor: pointer;
}
.leftmenu-fixed:before,
.leftmenu-container.hidden:before {
content: ' ';
display: block;
background: url('/img/left-panel-show.gif') no-repeat;
height: 8px;
width: 9px;
margin-top: 18px;
margin-left: 15px;
}
.leftmenu-fixed {
width: 0;
overflow: hidden;
display: inline-block;
white-space: nowrap;
height: 100%;
background: var(--left-menu-fixed-bg, #dddee1) url(/img/left-panel-grip.png) no-repeat center center;
background-position: 16px calc(50% - 23px);
cursor: pointer;
position: fixed;
z-index: 10;
left: 0;
border-right: 1px solid var(--orgtree-add-user-list-border, #c5c5c5);
padding: 0;
transition: width 0.25s ease-in-out;
}
body.dark-theme .leftmenu-fixed {
background-color: #1a1c21 !important;
border-right-color: #252526 !important;
}
.leftmenu-fixed.force {
transition: none;
}
.leftmenu-topblock {
height: 58px;
font-size: 13px;
margin-right: -4px;
background: #43495d;
}
.leftmenu-topblock.leftmenu-topblock-empty {
background: none;
}
.leftmenu-topblock .leftmenu-topblock-content {
position: relative;
}
.leftmenu-topblock.chronicle-star-left-menu {
height: 0;
}
.leftmenu-topblock .return-link {
padding: 15px 20px 0 9px;
}
.leftmenu-topblock .return-link img {
margin-top: -3px;
vertical-align: middle;
margin-right: 3px;
}
.leftmenu-topblock .return-link a {
color: #514747;
}
.left-panel-resize,
.third-panel-resize {
cursor: e-resize;
padding: 0;
width: 8px;
min-width: 8px;
vertical-align: top;
background-color: var(--file-viewer-canvas-bg, #f7f7f7);
border-left: 1px solid var(--file-upload-ubloaded-block, #e9e9e9);
}
.left-panel-resize {
background: var(--file-viewer-canvas-bg, #f7f7f7);
}
.left-panel-resize.disabled {
cursor: default;
}
.left-panel-resize.collapsed {
background: var(--left-menu-fixed-bg, #dddee1);
cursor: default;
border: none !important;
}
.left-panel-resize.collapsed.planner-left-menu-resize {
border-right: 1px solid var(--orgtree-add-user-list-border, #c5c5c5) !important;
}
body.dark-theme .left-panel-resize.collapsed.planner-left-menu-resize {
border-right-color: #252526 !important;
}
.left-panel-resize.collapsed.planner-left-menu-resize ~ .b-right-block.b-first-block {
border-left: none;
}
.left-panel-resize .leftmenu-topblock {
margin-right: 0;
}
.left-panel-resize .leftmenu-topblock {
margin-right: 0;
border-bottom: none;
}
.public-account {
height: 15px;
}
.b-main-block {
padding: 0 15px 25px 25px;
outline: none !important;
}
.b-main-block.no-padding-bottom {
padding: 0 15px 0 25px;
}
.b-main-block_empty {
height: 100%;
background-color: var(--background-color-light-gray, #F8F8F8);
}
.b-main-block_empty .task-card-wrapper {
height: 100%;
}
.b-main-block_empty .empty-message {
border: none;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -80px;
}
.b-main-block_empty .empty-message .empty-strong {
font-size: 18px;
}
.b-main-block_empty .empty-message .empty-weak {
font-size: 14px;
}
.b-main-block-content {
outline: none !important;
}
.b-main-block-content.no-top-btns {
margin-top: -28px;
}
.b-main-block-content.no-top-btns .empty-comments-icon {
background-image: url("/img/empty/svgEmpty02.svg");
width: 220px;
height: 220px;
opacity: var(--emptyIconOpacity, 1);
}
.b-bottom-btn {
position: relative;
margin-left: -3px;
}
.b-bottom-btn .b-text-btn,
.b-top-btn .b-text-btn {
font-size: 13px;
}
.b-bottom-btn a {
color: var(--bottom-btn-text, #383838);
}
.b-footer-top-round {
overflow: hidden;
z-index: 100;
width: 100%;
height: 12px;
padding: 0;
}
.b-footer-top-round div {
position: relative;
border-bottom: 1px solid var(--gray-border, #e2e2e2);
height: 0px;
box-shadow: 0 0 11px 0 var(--chosen-text, #333);
}
.b-footer {
z-index: 100;
width: 100%;
background: var(--white-black, #fff);
padding: 0;
}
.b-footer-left {
float: left;
padding-left: 20px;
display: none;
}
.b-footer-right {
float: right;
display: none;
}
.b-footer-right > div {
display: inline-block;
height: 25px;
}
.b-footer-center {
color: var(--file-viewer-slider-thumb-shadow, #999);
text-align: center;
}
.b-footer-center > div:first-child {
padding: 10px 0;
}
.b-footer-center > div:last-child {
padding-top: 5px;
}
.b-version {
color: var(--file-viewer-slider-thumb-shadow, #999);
padding-right: 5px;
}
.b-version a {
color: var(--file-viewer-slider-thumb-shadow, #999);
}
.b-version a:hover {
color: var(--task-status-color, #25BB69);
}
.link-lj-plusone {
background: #D30000;
color: var(--white-black, #FFFFFF);
display: inline-block;
font-size: 6pt;
margin-top: -7px;
padding: 0 1px;
position: relative;
vertical-align: top;
}
.link-lj {
padding-top: 2px;
padding-right: 15px;
}
.link-twitter {
padding-top: 2px;
padding-right: 7px;
}
.link-facebook {
padding-top: 2px;
padding-right: 7px;
}
.link-facebook-like {
padding-right: 7px;
}
.b-inside-num-new {
/* color:#25BB69;*/
text-decoration: none;
}
.b-inside-num-red {
color: var(--task-deadline-dead, #FD0000);
text-decoration: none;
}
.menu-item-minus,
.tbl-new-action .b-additional-close {
background: transparent url(/img/tree-minus.gif) no-repeat center center;
text-decoration: none;
width: 9px;
display: block;
margin-right: 6px;
cursor: pointer;
}
.menu-item-plus,
.tbl-new-action .b-additional-expand {
background: transparent url(/img/tree-plus.gif) no-repeat center center;
text-decoration: none;
width: 9px;
display: block;
margin-right: 6px;
cursor: pointer;
}
.submenu-item-expander {
padding-left: 15px;
}
.submenu-item-expander-empty {
width: 15px;
height: 1px;
display: inline-block;
}
.tr-taskmenustatus-done a:hover {
color: var(--task-status-color, #25BB69);
}
.task-expander-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.task-expander-wrapper + .td-task-name-project {
margin-left: 17px;
}
.adaptive-width .task-expander-wrapper .task-name-subtask-after-expand {
text-overflow: ellipsis;
overflow: hidden;
}
.adaptive-width .task-expander-wrapper .task-name-subtask-after-expand a.td-task-name-link {
margin: 0;
}
.task-expander {
padding-left: 2px;
margin-right: 3px;
}
.task-project-group-span,
.task-project-group-span.task-project-group-span a {
color: var(--core-dropdown-text, #9c9c9c);
font-size: 12px;
text-decoration: none;
}
.task-project-group-span a:hover {
text-decoration: underline;
}
.tbl-inner-cell {
padding: 0;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.tbl-inner-cell td {
vertical-align: top;
}
.tbl-inner-cell td.v-mid {
vertical-align: middle;
}
.action-current-status {
color: #838383;
}
.b-newtask-table,
.tbl-new-action,
.tbl-new-action-dialog {
font-size: 13px;
border-spacing: 0;
}
.classic-font .b-newtask-table,
.classic-font .tbl-new-action,
.classic-font .tbl-new-action-dialog {
font-size: 12px;
}
.b-newtask-table.b-newtask-table .task-create-attached-files .number-top,
.tbl-new-action.b-newtask-table .task-create-attached-files .number-top,
.tbl-new-action-dialog.b-newtask-table .task-create-attached-files .number-top {
top: -4px;
margin-left: 4px;
position: relative;
font-size: 8pt;
color: #5881B8;
}
.b-newtask-table .td-item,
.tbl-new-action .td-item,
.tbl-new-action-dialog .td-item {
padding: 0 0 15px 0;
vertical-align: top;
}
.b-newtask-table .td-item,
.tbl-new-action .td-item,
.tbl-new-action-dialog .select-link {
padding-top: 7px;
}
.b-newtask-table .td-item .used-task-templates,
.tbl-new-action .td-item .used-task-templates,
.tbl-new-action-dialog .select-link .used-task-templates {
cursor: pointer;
color: #5881B8;
}
.b-newtask-table .td-item .used-task-templates:hover,
.tbl-new-action .td-item .used-task-templates:hover,
.tbl-new-action-dialog .select-link .used-task-templates:hover {
color: var(--task-status-color, #25BB69);
}
.td-item .b-contact-ico {
align-items: center;
margin-bottom: -5px;
}
.td-item .b-contact-ico > .task-title {
font-size: 16pt;
color: var(--task-card-title-text, #4B4B4B);
}
.td-item .b-contact-ico > .contact-post {
font-size: 13px;
color: var(--gray-dark-icon, #626262);
padding-top: 5px;
}
.b-newtask-table > tbody > tr > td:first-child,
.tbl-new-action > tbody > tr > td:first-child,
.tbl-new-action-dialog > tbody > tr > td:first-child {
color: var(--grey-label, #838383);
}
.tbl-new-action .td-dialog-item,
.tbl-new-action-dialog .td-dialog-item {
padding-bottom: 10px;
}
.b-newtask-table .td-item-mid,
.tbl-new-action .td-item-mid,
.tbl-new-action-dialog .td-item-mid {
padding: 0 0 15px 0;
vertical-align: middle;
}
.b-newtask-table .tr-addition-field td {
padding: 7px 15px 7px 0;
}
.b-newtask-table .tr-addition-field:hover td {
background: var(--task-bg-action-bg, #f6f6f6);
}
.b-newtask-table .tr-addition-field:hover .b-card-control .b-card-control-del,
.b-newtask-table .tr-addition-field:hover .b-card-control .b-card-control-edit {
display: inline-block;
}
.b-newtask-table .td-item-add {
padding: 20px 0 0 0;
vertical-align: top;
}
.b-newtask-table .td-item-mid-add {
padding: 20px 0 0 0;
vertical-align: middle;
}
.b-newtask-table .tbl-check-list {
margin-left: -20px;
margin-top: -10px;
}
.b-newtask-table .td-item-second {
padding-left: 15px !important;
}
.tbl-new-action .td-item-add,
.tbl-new-action-dialog .td-item-add {
padding: 10px 0 0 0;
vertical-align: top;
}
.b-newtask-table .td-item-add-ex,
.tbl-new-action .td-item-add-ex,
.tbl-new-action-dialog .td-item-add-ex {
padding: 10px 0 0 0;
vertical-align: top;
}
.tbl-new-action .tr-action-checklist .td-item-add-ex {
padding-top: 5px;
}
.tbl-new-action .td-item-add-ex.td-item-second,
.tbl-new-action-dialog .td-item-add-ex {
padding-bottom: 25px;
}
.b-newtask-table .td-item-mid-add-ex,
.tbl-new-action .td-item-mid-add-ex,
.tbl-new-action-dialog .td-item-mid-add-ex {
padding: 10px 0 0 0;
vertical-align: middle;
}
.b-oneletter-btn {
border: 1px solid #CFCFCF;
background: #fff;
cursor: pointer;
padding: 1px;
}
.access-rule-network-data-ip .b-oneletter-btn:first-child {
margin-top: 15px;
}
.access-rule-network-data-net .b-oneletter-btn:first-child {
margin-top: 35px;
}
.b-oneletter-btn-wide {
width: 22px;
height: 22px;
margin: 5px 0;
box-sizing: border-box;
padding: 4px;
line-height: 0;
}
.b-oneletter-btn-wide .svg-icon-16px {
width: 12px;
height: 12px;
}
.b-oneletter-btn-wide .svg-icon-16px svg {
width: 12px;
height: 12px;
}
.b-oneletter-btn-addall {
background: url('/img/ico-btn-addall.gif') no-repeat;
background-position: center center;
}
.b-oneletter-btn-delall {
background: url('/img/ico-btn-delall.gif') no-repeat;
background-position: center center;
}
.b-newtask-noresult {
background: #F2F2F2;
width: 400px;
margin: 0 0 0 100px;
padding: 10px 0 10px 25px;
font-size: 13px;
}
.b-newtask-noresult input {
vertical-align: middle;
}
/* кнопачки */
.btn-accept,
.btn-cancel {
font-size: 16pt;
color: #ffffff;
padding: 6px 23px;
}
.btn-accept-tl {
background: #1abe72 url(/img/grbtn-tl.gif) no-repeat top left;
}
.btn-accept-tr {
background: transparent url(/img/grbtn-tr.gif) no-repeat top right;
}
.btn-accept-bl {
background: transparent url(/img/grbtn-bl.gif) no-repeat bottom left;
}
.btn-accept-br {
background: transparent url(/img/grbtn-br.gif) no-repeat bottom right;
}
.btn-cancel-tl {
background: #FF0000 url(/img/rbbtn-tl.gif) no-repeat top left;
}
.btn-cancel-tr {
background: transparent url(/img/rbbtn-tr.gif) no-repeat top right;
}
.btn-cancel-bl {
background: transparent url(/img/rbbtn-bl.gif) no-repeat bottom left;
}
.btn-cancel-br {
background: transparent url(/img/rbbtn-br.gif) no-repeat bottom right;
}
/* НОВОЕ ДЕЙСТВИЕ */
.tbl-new-action {
width: 100%;
}
.tbl-new-action .hr-sep {
color: #D9D9D9;
background-color: #D9D9D9;
height: 1px;
border: #D9D9D9;
}
.tbl-new-action .tr-additional {
background-color: #F0F1DE;
}
.tbl-new-action .tr-additional td {
padding-top: 6px;
padding-bottom: 6px;
}
.tbl-new-action .tbl-inside {
width: 100%;
}
.tbl-new-action .tbl-inside td {
padding: 0;
font-size: 13px;
vertical-align: middle;
}
.tbl-new-action .b-minutes {
font-size: 14pt;
}
#newActionForm {
padding-bottom: 5px;
background: #FEFED9;
border-bottom: 1px solid #D4D4D4;
}
/*************** Лица в уведомляемых о новом действии ******************/
.action-notify-faces {
list-style-type: none;
margin: 0;
padding: 0;
/*max-width:790px;*/
}
.action-notify-faces li {
position: relative;
display: inline-flex;
align-items: center;
width: 140px;
height: 60px;
border: 1px solid var(--task-card-notified-item-border, #D9DCE1);
background: var(--task-card-notified-item, #F3F3F3);
border-radius: 5px;
-moz-border-radius: 5px;
padding-right: 10px;
margin: 6px 5px 5px 0;
color: var(--action-notify-faces, #B8BEC6);
cursor: pointer;
vertical-align: bottom;
}
.action-notify-faces .action-notify-face-all .all-members-task {
margin-left: 35px;
}
.action-notify-faces li img {
display: inline-block;
margin: 10px;
vertical-align: bottom;
width: 40px;
height: 40px;
}
.action-notify-faces li span {
width: 80px;
max-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
display: inline-block;
}
.action-notify-faces li .state .svg-icon-16px,
.action-notify-faces li div {
display: none;
}
.action-notify-faces li[disabled="1"] {
cursor: auto;
}
.action-notify-faces li.action-notify-user-notifyed {
/*border: 1px solid #B8BEC6;*/
background: var(--white-black, #FFFFFF);
color: var(--black-white, #000);
}
.action-notify-faces li.action-notify-user-notifyed div.state,
.action-notify-faces.action-notify-faces-hidden li div.state,
.action-notify-faces.action-notify-faces-hidden li.action-notify-user-notifyed div.state {
width: 16px;
height: 16px;
position: absolute;
margin-left: 138px;
display: block;
align-self: flex-start;
}
.action-notify-faces li.action-notify-user-notifyed div.state,
.action-notify-faces.action-notify-faces-hidden li.action-notify-user-notifyed div.state {
margin-top: -4px;
}
.action-notify-faces.action-notify-faces-hidden li div.state {
margin-top: -6px;
}
.action-notify-faces li.action-notify-user-notifyed div.state .svg-icon-notify {
display: block;
/*file: #71a830;
svg {
fill: #fff !important;
}*/
}
.action-notify-faces.action-notify-faces-hidden li div.state .svg-icon-lock {
display: block;
fill: #626262;
}
.action-notify-faces li.action-notify-user-notifyed div.state .svg-icon-lock {
display: none;
}
.action-notify-faces li div.online {
position: absolute;
left: 11px;
bottom: 11px;
width: 4px;
height: 4px;
background: #1abe72;
border: 1px solid #fff;
animation: action-notify-online 5s infinite;
-webkit-animation: action-notify-online 5s infinite;
}
@keyframes action-notify-online {
0% {
opacity: 0;
}
40% {
opacity: 1;
}
60% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes action-notify-online {
0% {
opacity: 0;
}
40% {
opacity: 1;
}
60% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/***************************************************/
.b-taskactions-left {
vertical-align: top;
}
.b-taskactions-right {
width: 280px;
vertical-align: top;
}
.b-taskactions-right .b-top {
text-align: right;
}
.b-taskactions-right .status-box {
padding-top: 10px;
}
.b-taskactions .table-actions {
font-size: 10pt;
padding: 0;
border-spacing: 0;
width: 100%;
}
.b-taskactions .add-action-title {
font-size: 13px;
font-weight: bold;
padding-left: 6px;
}
.b-pointer-down {
width: 100%;
text-align: right;
}
.taskactions-right-title {
font-size: 13px;
text-align: center;
width: 150px;
}
.taskactions-right-date {
color: #fff;
background-color: #92D050;
text-align: center;
padding: 10px 0px;
width: 150px;
}
.hide-link {
width: 100%;
text-align: right;
}
.subtask-return {
padding: 10px 0px 10px 3px;
font-size: 10pt;
}
.link-imitator {
color: #4573B1;
text-decoration: underline;
cursor: pointer;
}
/* пейджер */
#pager {
float: right;
font-size: 10.5pt;
color: #4573B1;
width: 100%;
}
#pager .b-contaner {
padding-left: 15px;
}
#pager span {
color: #000;
}
.group-a {
color: #CF790A;
}
.group-a:hover {
color: var(--task-status-color, #25BB69);
}
.td-action-type {
padding: 0 15px;
text-align: center;
color: #fff;
height: 20px;
width: 60px;
}
.b-action-hidden-notifyed {
display: none;
}
.b-action-hidden-notifyed-show a {
cursor: pointer;
color: #7F7F7F;
text-decoration: none;
}
.b-action-hidden-notifyed-show a:hover {
color: #7F7F7F;
text-decoration: none;
border-bottom: 1px dashed #7f7f7f;
}
.planfix-round-buttons {
text-decoration: none !important;
margin: 15px 5px 3px 0;
cursor: pointer;
text-align: center;
padding: 6.5px 16px !important;
line-height: 18px;
border-radius: 16px !important;
border: 1.5px solid var(--task-action-rem-border, #ddd);
background-color: var(--white-black, #fff);
color: var(--chosen-text, #333);
max-width: 400px;
white-space: nowrap;
display: inline-flex;
justify-content: center;
}
.planfix-round-buttons:after {
content: "\0000a0";
display: inline-block;
width: 0;
}
.planfix-round-buttons.loading:after {
display: none;
}
.planfix-round-buttons .macros-button-text-wrapper {
max-width: 384px;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.macros-group {
height: 18px;
}
.action-accept-button-round:hover {
color: var(--white-black, #fff) !important;
background: var(--accept-btn, #1abe72);
}
.action-accept-button-round {
color: var(--accept-btn, #1abe72) !important;
border-color: var(--accept-btn, #1abe72);
min-width: 60px;
}
.action-reject-button-round:hover {
color: var(--white-black, #fff);
}
.action-reject-button-round {
min-width: 60px;
display: inline-block;
color: var(--white-black, #fff) !important;
text-decoration: none !important;
background: #DD0000;
border-color: #DD0000;
padding: 5px 20px;
border-radius: 5px;
-moz-border-radius: 5px;
}
.action-reject-button-round.correct-look-reject-button {
padding: 5px 13px;
}
.action-reject-button {
color: var(--task-deadline-dead, #DD0000) !important;
border-color: var(--task-deadline-dead, #DD0000);
min-width: 60px;
}
.action-reject-button:hover {
background: var(--task-deadline-dead, #DD0000);
color: var(--white-black, #fff) !important;
}
.make-button-reject-link {
padding: 7px 20px;
border: 1.5px solid var(--gray-input-border, #bbb);
border-radius: 16px;
text-decoration: none;
min-width: 60px;
}
.make-button-reject-link:hover {
text-decoration: none;
}
.reject-description-size {
width: 100%;
}
.reject-description-textarea {
margin-bottom: 10px;
resize: none;
border: none;
background: var(--task-bg-action-bg, #f6f6f6);
outline: none;
border-bottom: 3px solid #81c562;
width: 100%;
}
.title-reject-description {
color: #81c562;
font-size: 13px;
}
/************** Строки о времени над действиями ******************/
.tr-actions-date td {
font-size: 18px;
font-weight: bold;
padding: 30px 0 2px;
color: #a2a2a2;
border-bottom: 1px dashed #D4D4D4;
}
.tr-actions-date.date-today td {
color: #000000;
}
.tr-actions-date .b-action-pin {
vertical-align: initial;
}
.tr-actions-date .actions-date-block-v1-text {
cursor: pointer;
}
.tr-actions-date.tr-actions-date-first td {
padding: 0 0 2px;
}
/******************* Блок быстрого добавления действия ***************/
.tr-actions-quick-add > td > div {
color: var(--gray-dark-icon, #626262);
}
.tr-actions-quick-add > td > div > .actions-quick-add-target {
color: var(--task-card-add-action-comment-text, #999999);
cursor: text;
font-size: 16px;
padding: 5px;
width: 500px;
border: 1px solid var(--task-action-rem-border, #dfdfdf);
margin-top: 2px;
position: relative;
}
.tr-actions-quick-add > td > div > .actions-quick-add-target img {
vertical-align: top;
margin: 2px 10px 0 4px;
}
.tr-actions-quick-add > td > div .actions-quick-add-container {
position: absolute;
top: 0;
right: 0;
}
.tr-actions-quick-add > td > div .actions-quick-add-file,
.tr-actions-quick-add > td > div .actions-quick-add-reminder,
.tr-actions-quick-add > td > div .actions-quick-add-analitic {
display: inline-block;
margin-top: 6px;
margin-right: 8px;
cursor: pointer;
}
.tr-actions-quick-add > td > div .actions-quick-add-file:hover .iconset-16px {
background-position: 0 -448px;
}
.tr-actions-quick-add > td > div .actions-quick-add-reminder:hover .iconset-16px {
background-position: 0 -544px;
}
.tr-actions-quick-add > td > div .actions-quick-add-analitic:hover .iconset-16px {
background-position: 0 -512px;
}
div.actions-sort,
.tr-actions-quick-add > td > div.actions-sort {
background: url("/img/ui-button-bg.png") repeat-x scroll 0 0 transparent;
border: 1px solid #D3D3D3;
border-radius: 5px 5px 5px 5px;
cursor: pointer;
display: inline-block;
height: 14px;
margin: 20px 20px 15px;
padding: 5px 8px;
width: 10px;
float: right;
font-size: 13px;
color: #777;
width: 35px;
text-shadow: #fff 0px 1px 0;
font-weight: bold;
}
div.actions-sort:hover {
border: 1px solid #999;
}
/*************** Текущее состояние задачи *****************/
.task-current-state {
overflow: hidden;
padding: 0px 0px 23px;
font-size: 13px;
color: #A7A7A7;
line-height: 24px;
}
.task-current-state .task-current-status {
float: left;
white-space: nowrap;
}
.task-current-state .task-current-status .b-task-param-editable:hover {
border-bottom: none;
}
.task-current-state .task-current-expect-date {
float: right;
}
.task-current-state:not(.task-empty-date) .task-current-expect-date .b-task-param-editable:hover {
border-bottom: 1px dashed #bbb;
}
.task-current-state .task-current-status .b-task-param-editable:hover span,
.task-current-status-control .b-task-param-editable:hover span {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: inherit;
}
.task-current-state .task-current-status .b-task-param-editable .task-current-status-text-activate-date {
border-bottom: 1px solid transparent;
}
/*************** Лог по задаче *****************/
.tr-log td {
vertical-align: top;
}
.td-log-text {
padding-left: 10px;
width: 100%;
}
.tr-log-time {
padding: 1px 3px 3px 7px;
background: #F0F1DE;
color: #A8A99F;
}
.tr-log-separator td {
height: 6px;
overflow: hidden;
background-color: #fff;
padding: 0;
}
.tr-log-separator2 td {
height: 1px;
overflow: hidden;
background-color: #ccc;
padding: 0;
}
/******************* tbl-card *****************/
.tbl-card {
width: 100%;
border-spacing: 0;
padding-top: 0px;
}
.tbl-card .td-head {
background-color: #F1F1F1;
padding-bottom: 22px;
padding-top: 22px;
padding-left: 20px;
/* font-size:12pt;*/
}
.tbl-card .td-head-left {
color: #717171;
vertical-align: top;
padding-left: 20px;
}
.tbl-card {
font-size: 13px;
}
.tbl-card .tr-group-header > td {
padding: 20px 0 3px;
color: var(--grey-group-text, #6C6C6C);
font-weight: bold;
font-size: 12pt;
border-bottom: 1px dashed var(--gray-group-border, #D4D4D4);
}
.tbl-card .tr-item > td {
padding: 7px 20px;
font-size: 10pt;
line-height: normal;
/*&.td-lable-for-email-for-tasks {
vertical-align: top;
}*/
}
.tbl-card.tbl-user-card td:first-child {
width: 300px;
}
.tbl-card.tbl-user-card .custom-field-name {
word-break: break-word;
}
.tbl-card .tr-item > td a {
text-decoration: none;
}
.tbl-card .tr-item > td a:hover {
text-decoration: underline;
}
.tbl-card .tr-item > td:first-child {
color: var(--td-first-child, #808080);
}
.tbl-card .tr-space.space-from-separator {
height: 14px;
}
.tbl-card .tr-space td {
height: 0;
overflow: hidden;
display: none;
}
.tbl-card .tr-item.tr-item-active > td {
background: var(--task-bg-action-bg, #F6F6F6);
}
.tbl-card.tbl-card-nohover .tr-item.tr-item-active td {
background: none;
}
.tbl-card .tr-space td {
line-height: 0;
font-size: 0;
}
.tbl-card .tr-disabled td {
color: #9c9c9c;
}
.tbl-card .tr-separator td,
.tbl-new-action .tr-separator td {
height: 0px;
overflow: hidden;
/*background-color:#D9D9D9;*/
padding: 0;
line-height: 0;
font-size: 0;
border-bottom: 1px dashed var(--gray-group-border, #D4D4D4);
}
.tbl-new-action .td-card-checkbox {
width: 35px;
background: #F2F2F2;
vertical-align: top;
text-align: center;
}
.tbl-new-action .td-edit {
padding-left: 15px;
}
.b-card-control {
float: right;
margin-right: -20px;
/*height:21px;*/
}
.b-card-control .b-card-control-ajax {
width: 10px;
height: 10px;
margin: 3px 5px;
display: none;
}
.b-card-control .b-card-control-edit {
width: 20px;
height: 21px;
margin: 0 2px;
/*display:none;*/
display: inline-block;
visibility: hidden;
cursor: pointer;
text-align: center;
line-height: 21px;
}
.b-card-control .b-card-control-edit:hover .gray.svg-icon-edit {
fill: #f58020;
}
.b-card-control .b-card-control-del {
background: url('/img/ico-square-close.png');
width: 20px;
height: 21px;
margin: 0 2px;
display: none;
cursor: pointer;
}
.tbl-card .tr-item-active .b-card-control .b-card-control-del,
.tbl-card .tr-item-active .b-card-control .b-card-control-edit {
display: inline-block;
visibility: visible;
}
.tbl-card .tr-item-active .b-card-control-disabled .b-card-control .b-card-control-del,
.tbl-card .tr-item-active .b-card-control-disabled .b-card-control .b-card-control-edit {
/*display: none;*/
visibility: hidden;
}
.b-card-control .b-card-control-edit .iconset-16px,
.b-card-control .b-card-control-del .iconset-16px {
vertical-align: bottom;
margin-bottom: 3px;
}
/*************************************************************/
.leftmenu-container table .link .menu-item-marker,
.lt-ie9 .leftmenu-container table .active .link .menu-item-marker {
display: none;
}
.leftmenu-container table .active .link .menu-item-marker {
cursor: default;
display: block;
position: absolute;
top: -16px;
right: 0;
z-index: 1;
width: 20px;
height: 60px;
}
body > .body-container > .menu-item-marker,
.g-popup-win-scroll-content-main .menu-item-marker,
.file-viewer-right .menu-item-marker,
.page-layout-block .menu-item-marker {
cursor: default;
display: block;
position: absolute;
top: -19px;
right: 0;
z-index: 1;
width: 20px;
height: 60px;
overflow: hidden;
}
.menu-item-marker div {
margin: 20px 0 0 10px;
width: 20px;
height: 20px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-item-marker div,
.leftmenu-container + .page-layout-block .menu-item-marker div,
.file-viewer-container .page-layout-block .menu-item-marker div {
background: #fff;
border-left: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
}
.page-layout-block .menu-item-marker div {
background: #f7f7f7;
border: 1px solid #e9e9e9;
}
.menu-item-marker.third-plus-panel div,
.page-layout-block .menu-item-marker div {
background: #f7f7f7;
border: 1px solid #e9e9e9;
}
.planfixcardmenu table .active .link .menu-item-marker div {
width: 25px;
height: 25px;
}
.tbl-projects-summary {
width: 100%;
padding: 0;
margin: 0;
border-spacing: 0;
font-size: 13px;
}
.tbl-projects-summary .td-summary-left {
background: #fff;
border-right: 5px solid #CADAA9;
vertical-align: top;
padding: 20px 25px 15px 15px;
}
.tbl-projects-summary .td-summary-left .summary-one-list {
width: 100%;
background: #FBF7AE;
border-bottom: 1px dashed #FECE2C;
padding: 3px 0px 3px 10px;
cursor: pointer;
}
.tbl-projects-summary .td-summary-left ul {
margin: 0;
padding: 0;
}
.tbl-projects-summary .td-summary-left li {
list-style-type: none;
}
.tbl-projects-summary .td-summary-left .outer-li {
padding: 10px 0px 5px 3px;
}
.tbl-projects-summary .td-summary-left .inner-li {
padding-top: 5px;
padding-left: 15px;
}
.tbl-projects-summary .td-summary-right .container {
/*min-height: 350px; */
overflow: hidden;
}
.strong {
font-weight: bold;
}
.fakelink-color {
color: #4573B1;
}
.fakelink {
color: #4573B1;
cursor: pointer;
}
.fakelink:hover {
color: var(--task-status-color, #25BB69);
}
.fakelink.fakelink-inactive,
.fakelink.fakelink-disabled {
color: #9d9d9d;
}
.fakelink-hidden {
color: #4573B1;
}
.fakelink-hidden:hover {
color: #4573B1;
cursor: pointer;
}
.fakelink-dashed {
color: #5881B8;
border-bottom: 1px dotted #5881B8;
padding-left: 2px;
cursor: pointer;
}
.fakelink-dashed a {
color: #5881B8;
text-decoration: none;
}
.fakelink-dashed-red {
color: #5881B8;
border-bottom: 1px dotted var(--fakelink-dashed-red, #f00);
padding-left: 2px;
cursor: pointer;
}
.fakelink-dashed.input {
border: none;
background: transparent;
border-bottom: 1px dotted;
}
.fakelink-long {
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.fakelink-dashed.fakelink-dashed-inactive {
color: #9D9D9D;
border-bottom: 1px dotted #9D9D9D;
}
.fakelink-dashed-accept {
color: #1abe72;
border-bottom: 1px dotted #1abe72;
padding-left: 2px;
cursor: pointer;
}
.fakelink-dashed-reject {
color: #DD0000;
border-bottom: 1px dotted #DD0000;
padding-left: 2px;
cursor: pointer;
}
.fakelink-dashed-white {
color: #fff;
border-bottom: 1px dotted #fff;
padding-left: 2px;
cursor: pointer;
}
.periodicity-reminder-details-trigger.fakelink-dashed,
.show-emailtext-trigger.fakelink-dashed,
.show-analitic-trigger.fakelink-dashed,
.show-reminder-trigger.fakelink-dashed,
.fakelink-dashed-checklist.fakelink-dashed {
border-bottom: none;
}
.periodicity-reminder-details-trigger.fakelink-dashed:hover,
.show-emailtext-trigger.fakelink-dashed:hover,
.show-analitic-trigger.fakelink-dashed:hover,
.show-reminder-trigger.fakelink-dashed:hover,
.fakelink-dashed-checklist.fakelink-dashed:hover {
text-decoration: underline;
}
.calendar {
width: 100%;
font-size: 12pt;
border-spacing: 0;
border-collapse: collapse;
margin-top: 5px;
}
.calendar td {
border: 1px solid #CBCBCB;
text-align: center;
}
.calendar .td-head {
height: 25px;
color: #6B6B6B;
padding-left: 7px;
background: #D9D9D9;
}
.calendar .td-item {
height: 40px;
color: #BBBBBB;
padding: 0px 5px;
}
.calendar .td-week {
font-size: 13px;
text-align: center;
padding: 0px 3px;
}
.calendar .active {
background: #FBF7AE;
color: #000;
padding-left: 5px;
}
.tbl-projects-summary .td-summary-right .tbl-log {
padding: 0;
margin: 0;
border-spacing: 0;
width: 100%;
}
.tbl-projects-summary .td-summary-right .tbl-log td {
padding: 0;
}
.tbl-projects-summary .td-summary-right .tbl-log .tr-space td {
height: 15px;
overflow: hidden;
}
.tbl-projects-summary .td-summary-right .tbl-log .tr-separator td {
height: 1px;
overflow: hidden;
background-color: #C6C6C6;
line-height: 0;
font-size: 0;
}
.tbl-projects-summary .td-summary-right .tbl-log .tr-header td {
font-size: 12pt;
font-weight: bold;
}
.tbl-projects-summary .td-summary-right .tbl-log .tr-item td {
font-size: 10pt;
vertical-align: top;
/*padding: 5px 3px;*/
}
.tbl-projects-summary .td-summary-right .tbl-log .tr-detailed td {
font-size: 10pt;
vertical-align: top;
background: #EDEDED;
padding: 7px;
}
.tbl-projects-summary .td-summary-right .tbl-log .td-status {
width: 70px;
padding-top: 4px ;
}
.tbl-projects-summary .td-summary-right .tbl-log .td-description {
padding: 7px 10px;
}
.tbl-projects-summary .td-summary-right .tbl-log .td-expand {
padding: 6px 0 0 6px;
width: 10px;
}
.tbl-projects-summary .td-summary-right .tbl-log .td-user {
padding-top: 7px;
padding-left: 5px;
padding-right: 30px;
width: 120px;
}
.tbl-projects-summary .td-summary-right .tbl-log .td-user a {
white-space: nowrap;
}
.tbl-projects-summary .td-summary-right .tbl-log .td-date {
width: 30px;
padding: 7px ;
}
.tbl-projects-summary .td-summary-right .tbl-log .div-label {
text-align: center;
padding: 4px 5px;
color: #fff;
font-size: 12px;
}
.tbl-projects-summary .td-summary-right .tbl-log .log-task {
background: #FFC000;
}
.tbl-projects-summary .td-summary-right .tbl-log .log-action {
background: #729FDC;
}
.tbl-projects-summary .td-summary-right .tbl-log .log-comment {
background: #92D050;
}
.tbl-projects-summary .td-summary-right .tbl-log .log-status {
background: #775E97;
}
.tbl-projects-summary .td-summary-right .tbl-log .log-file {
background: #CCAABB;
}
.tbl-projects-summary .td-summary-right .tbl-log .log-project {
background: #1abe72;
}
.tbl-projects-summary .td-summary-right .tbl-log .log-undefined {
/*background: #ccc;*/
background: #5881B8;
}
.tbl-projects-summary .td-summary-right .tbl-log .log-work {
background: var(--task-status-color-active, #1b7FE8);
}
.tbl-projects-summary .td-summary-right .tbl-log .log-done {
background: var(--task-status-color-done, #30AB50);
}
.tbl-projects-summary .td-summary-right .tbl-log .log-completed {
background: #A4A4A4;
}
.tbl-projects-summary .td-summary-right .tbl-log .log-alert {
background: #BB0000;
}
.tbl-projects-summary .td-summary-right .tbl-log .div-label-today {
background: #FBF7AE;
padding: 2px 0px;
margin-top: -2px;
}
.tbl-occupation-report {
width: 100%;
min-width: 700px;
padding: 0;
margin: 0;
border-spacing: 0;
font-size: 12px;
border-collapse: collapse;
table-layout: fixed;
}
.tbl-occupation-report td {
padding: 5px;
overflow: hidden;
}
.tbl-occupation-report .td-fill-common {
background: #F2F2F2;
}
.tbl-occupation-report .td-fill-yellow {
background: #FBF7AE;
color: #E28C36;
}
.tbl-occupation-report .td-fill-yellow a {
color: #E28C36;
}
.tbl-occupation-report .td-fill-red {
background: #FDEFE3;
color: #C92321;
}
.tbl-occupation-report .td-fill-blood {
background: #C00000;
color: #fff;
}
.tbl-occupation-report .td-fill-red a {
color: #C92321;
}
.tbl-occupation-report .td-fill-green {
background: #E3FCD1;
color: #217A44;
}
.tbl-occupation-report .td-fill-green a {
color: #217A44;
}
.tbl-occupation-report .td-item {
width: 8%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.tbl-occupation-report .td-item div {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
/* FF text-overflow hack */
@-moz-document url-prefix() {
.tbl-occupation-report .td-item {
padding: 0px;
height: 25px;
}
.tbl-occupation-report .td-item div:first-child {
float: left;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
overflow: hidden;
}
.tbl-occupation-report .td-item div + div {
float: right;
margin-top: -2em;
padding-top: 5px;
padding-bottom: 5px;
height: 11px;
}
.tbl-occupation-report .td-item div + div::after {
content: '...';
padding-left: 2px;
padding-right: 2px;
}
.tbl-occupation-report .td-fill-common div + div::after {
background: #F2F2F2;
}
.tbl-occupation-report .td-fill-red div + div::after {
background: #FDEFE3;
color: #C92321;
}
.tbl-occupation-report .td-fill-yellow div + div::after {
background: #FBF7AE;
color: #E28C36;
}
.tbl-occupation-report .td-fill-green div + div::after {
background: #E3FCD1;
color: #217A44;
}
}
.tbl-occupation-report .td-item a {
white-space: nowrap;
}
.tbl-occupation-report .td-bold-separator {
border-left: 3px solid #fff;
border-right: 3px solid #fff;
background: #7F7F7F;
width: 2px;
padding: 0;
}
.tbl-occupation-report .td-first,
.tbl-occupation-report .td-head {
font-size: 10pt;
}
.tbl-occupation-report .td-first {
text-align: right;
padding-right: 9px;
width: 15%;
white-space: nowrap;
text-overflow: ellipsis;
o-text-overflow: ellipsis;
}
.tbl-occupation-report .td-separator-bordered {
border-right: 1px dashed #D9D9D9;
}
.tbl-occupation-report .td-separator-begin {
width: 5px;
overflow: hidden;
border-right: 1px dashed #D9D9D9;
padding: 0;
}
.tbl-occupation-report .td-separator-end {
width: 5px;
overflow: hidden;
border-left: 1px dashed #D9D9D9;
padding: 0;
}
.tbl-occupation-report .td-right-border {
border-right: 1px dashed #D9D9D9;
}
.tbl-occupation-report .td-center {
text-align: center;
}
.tbl-occupation-report .td-today {
width: 12%;
}
.tbl-occupation-report .after-today {
background: #FBF7AE;
}
.tbl-occupation-report .tr-separator td {
height: 3px;
overflow: hidden;
padding: 0;
}
.tbl-occupation-report .tr-separator-big td {
height: 17px;
overflow: hidden;
padding: 0;
}
.tbl-occupation-report .td-marked {
border-top: 1px solid #E2E2E2;
border-bottom: 1px solid #E2E2E2;
}
.tbl-occupation-report .td-important {
text-align: right;
font-size: 10pt;
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
}
.td-general-id {
padding: 0 8px;
color: #ccc;
}
/* Стили кнопок Прикрепить файл и Тайм-трекинг */
.add-action-additional-expand {
cursor: pointer;
}
.add-action-additional-close {
cursor: pointer;
}
.log-script-text {
margin-top: 10px;
}
.log-script-text:empty {
margin-top: 0;
}
.log-trigger {
float: left;
width: 12px;
height: auto;
margin-right: 5px;
margin-left: -20px;
}
.log-trigger svg {
stroke: #808080;
}
.log-expand {
float: left;
height: 14px;
cursor: pointer;
padding-right: 5px;
}
.log-expand .svg-log-expand {
display: inline-block;
line-height: 0;
width: 9px;
height: 9px;
}
.log-expand .svg-log-expand svg {
width: 9px;
height: 9px;
fill: var(--black-white, #000);
}
.log-close {
float: left;
height: 14px;
cursor: pointer;
padding-right: 5px;
}
.log-close .svg-log-expand,
.log-expand.open .svg-log-expand {
display: inline-block;
line-height: 0;
width: 9px;
height: 9px;
transform: rotate(90deg);
}
.log-close .svg-log-expand svg {
width: 9px;
height: 9px;
fill: var(--black-white, #000);
}
.tr-projectstatus-completed,
.tr-projectstatus-completed a {
color: var(--task-status-color-canceled, #85878E);
}
.tr-projectstatus-draft,
.tr-projectstatus-draft a {
color: var(--task-status-color-draft, #3D3F46);
}
/* Left SubmenuBlock */
.wrapper-left-submenu {
/*width: 100%;*/
padding: 20px 10px 20px 30px;
}
.tbl-left-submenu {
width: 100%;
color: #dde0e2;
}
.tbl-left-submenu .tr-separator td {
background: #C7C8C1;
height: 1px;
overflow: hidden;
line-height: 0;
font-size: 0;
}
.tbl-left-submenu .tr-header td {
font-size: 13px;
padding: 10px 0px 7px 0px;
text-align: left;
}
.tbl-left-submenu .tr-checkbox td {
font-size: 13px;
padding: 5px 0px 5px 15px;
text-align: left;
}
.tbl-left-submenu .tr-checkbox td input {
/*padding: 0;*/
margin: 0px 3px 1px 3px;
vertical-align: bottom;
}
/* Мои действия */
.tbl-actions,
.calendar-modify-container {
width: 100%;
padding: 0;
border-spacing: 0;
font-size: 13px;
border-collapse: collapse;
}
.tbl-actions td {
border-top: 1px solid #DDDDDD;
}
.tbl-actions .tr-separator-big td {
height: 1px;
overflow: hidden;
/*background: #FFC000;*/
background: #B3B3B3;
border-bottom: 1px solid #B3B3B3;
}
.tbl-actions .tr-rolled td {
/*background: #FBF7AE;*/
background: #FDFDFD;
padding: 3px 0px 3px 10px;
border-top: 2px solid #B3B3B3;
border-bottom: 2px solid #B3B3B3;
}
.tbl-actions .tr-rolled td img {
vertical-align: middle;
}
.tbl-actions .td-big-figure {
text-align: center;
vertical-align: middle;
/*border-bottom: 2px solid #FFC000;*/
border-bottom: 2px solid #B3B3B3;
border-left: 1px solid #B3B3B3;
font-size: 36pt;
width: 85px;
/*background: #FBF7AE;*/
background: #FDFDFD;
color: #6B6B6B;
}
.tbl-actions .td-small-figure {
text-align: center;
vertical-align: middle;
/*border-bottom: 1px solid #FECE2C;*/
border-bottom: 1px solid #DDDDDD;
font-size: 10pt;
width: 30px;
color: #7F7E6D;
/*background: #FBF7AE;*/
background: #FDFDFD;
border-right: 1px solid #B3B3B3;
}
.tbl-actions .td-empty {
/*border-bottom: 1px solid #FECE2C;
background: #FBF7AE;*/
background: #FDFDFD;
/*border-bottom: 1px solid #DDDDDD;*/
padding-left: 5px;
color: #777;
cursor: default;
}
.tbl-actions .td-action,
.calendar-modify-container .td-action {
/*border: 1px solid #FECE2C;*/
/*border-bottom: 1px solid #DDDDDD;*/
border-bottom: 1px solid #BFBFBF;
border-top: 1px solid #BFBFBF;
/*border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;*/
border-right: 1px dashed #B3B3B3;
border-left: 1px dashed #B3B3B3;
background: #F6F6F6;
padding-left: 5px;
vertical-align: top;
cursor: pointer;
overflow: hidden;
}
.tbl-actions .td-action a,
.calendar-modify-container .td-action a {
text-decoration: none;
color: #000;
}
.tbl-actions .td-action-task,
.calendar-modify-container .td-action-task {
/*background: #DEE2EF;*/
background: #E8EBF4;
color: #001E80;
}
.tbl-actions .td-action-task a,
.calendar-modify-container .td-action-task a {
color: #001E80;
}
.tbl-actions .td-action-task-cross,
.calendar-modify-container .td-action-task-cross {
background: url('/img/blue-cross.gif');
color: #001E80;
}
.tbl-actions .td-action-task-cross a,
.calendar-modify-container .td-action-task-cross a {
color: #001E80;
}
.tbl-actions .td-action-task-overdued,
.calendar-modify-container .td-action-task-overdued {
background: #FFF4F9;
color: #BB0000;
}
.tbl-actions .td-action-task-overdued a,
.calendar-modify-container .td-action-task-overdued a {
color: #BB0000;
}
.tbl-actions .td-action div,
.calendar-modify-container .td-action div {
overflow: hidden;
}
.tbl-actions .td-action img,
.calendar-modify-container .td-action img {
vertical-align: bottom;
}
.tbl-actions .td-shadow,
.calendar-modify-container .td-shadow {
opacity: 0.7;
/*cursor: auto;*/
}
.tbl-actions .td-last {
/* border-bottom: 2px solid #FFC000;*/
border-bottom: 2px solid #B3B3B3;
}
.tbl-actions .td-first {
/*border-top: 2px solid #FFC000;*/
border-top: 2px solid #B3B3B3;
}
.tbl-actions .tr-dates td {
border-top: none;
border-bottom: 2px solid #B3B3B3;
font-size: 11pt;
vertical-align: middle;
text-align: center;
padding: 5px 0px;
}
.tbl-actions .tr-dates .td-roll .fakelink {
font-size: 13px;
text-align: left;
}
.tbl-actions .td-today,
.calendar-modify-container .td-today {
background: #FDFDD7;
/* border-left: 2px solid #B3B3B3;*/
border-right: 1px solid #B3B3B3;
}
.tbl-actions .tr-dates .td-today {
border-top: 1px solid #B3B3B3;
border-left: 1px solid #B3B3B3;
border-right: 1px solid #B3B3B3;
}
.tbl-actions .td-edges {
border-right: 1px solid #B3B3B3;
}
.tbl-actions .tr-dates .td-today.fakelink {
color: black;
}
.tbl-actions .td-event-cross {
/*border: 1px solid #FECE2C;*/
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: url('/img/red-cross.gif');
padding-left: 5px;
vertical-align: middle;
overflow: hidden;
}
.calendar-modify-resize-bottom {
background: url("/img/calendar-resize-bottom.gif") no-repeat scroll center center transparent;
cursor: n-resize;
height: 9px;
margin-top: -8px;
}
.calendar-modify-move {
/*background: url('/img/calendar-move-top.gif') no-repeat center top;*/
}
.td-force-white {
background: #fff !important;
}
.bottom-pager-wrapper {
padding: 10px 15px 5px 0px;
height: 20px;
font-size: 13px;
text-align: center;
}
.bottom-pager-wrapper img {
margin-top: -5px;
}
.bottom-btn-wrapper {
padding: 7px 0px 5px 0px;
height: 20px;
}
.bottom-btn-wrapper.project-edit-bottom-btn-location {
padding-left: 135px;
}
/* this rule rewrites iOS Safari styles for inputs */
select,
input[type="text"],
input[type="button"],
input[type="submit"] {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
}
/*
* the previous hack disables arrows of the select tag
* this style makes new svg arrows with padding like native arrows
* and so on they are colored like chosen arrows
*/
select {
background: var(--white-black, #ffffff) url('data:image/svg+xml,') no-repeat 100% 50%;
padding-right: 15px !important;
color: var(--text-color);
}
select:focus {
background: var(--white-black, #ffffff) url('data:image/svg+xml,') no-repeat 100% 50%;
}
.dialog-btn-wrapper {
padding-top: 25px;
text-align: right;
font-size: 14px;
/* and this one makes new border for our buttons */
}
.dialog-btn-wrapper.bottom-btn-wrapper {
height: unset;
text-align: left;
}
.dialog-btn-wrapper.bottom-btn-wrapper .btn-main {
margin: 0 10px 0 0;
}
.dialog-btn-wrapper .btn-main {
border-radius: 4px;
}
.dialog-btn-wrapper .action-one-comment {
width: 400px;
margin-bottom: 20px;
}
.dialog-btn-wrapper .action-many-comments {
width: 400px;
}
.dialog-btn-wrapper .cancel-select-comment {
width: 400px;
margin-top: 20px;
}
.dialog-btn-wrapper .hide-comment-block {
text-align: center;
}
.dialog-btn-wrapper .btn-create-go {
color: var(--notActiveFilterHover, --notActiveFilterText);
}
.btn-main {
font-family: inherit;
font-size: 1em;
line-height: 0.9em;
color: var(--white-black, #fff);
background: var(--gray-button, #949494);
border: none;
padding: 0.65em 1.3em 0.7em;
margin-left: 10px;
cursor: pointer;
outline: 0;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
box-sizing: border-box;
display: inline-block;
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
}
.btn-main:hover,
.btn-main:focus {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
text-decoration: none;
}
.btn-main:active {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
.btn-main:disabled {
cursor: default;
opacity: 0.5;
}
.btn-main:disabled:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.btn-create,
.btn-create:hover {
background: var(--activeButton, #0fabdd);
color: var(--activeButtonElements, var(--white-black, #ffffff));
}
.btn-cancel {
color: var(--task-card-action-gray-btn, #949494);
background: transparent;
border-color: transparent;
}
.btn-cancel:hover,
.btn-cancel:focus {
-webkit-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.btn-template {
background: var(--white-black, #ffffff);
color: var(--gray-button, #949494);
-webkit-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.btn-template:hover {
-webkit-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
-moz-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
-o-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
}
/* end of btn-main */
/*
* Common Checkbox
* for new design of List
*/
.checkbox-listed {
width: 16px;
height: 16px;
-webkit-appearance: none;
background: none;
border: 1px solid var(--grey-list-border, #dedede);
outline: 0;
-webkit-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
border-radius: 4px;
background-color: var(--white-black, #FFFFFF);
margin: 0;
cursor: pointer;
/* Checked */
/* Disabled */
}
.checkbox-listed::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 2px;
border: 0;
opacity: 0;
margin: 2px;
background-color: var(--activeButton, var(--grey-list-border, #dedede));
color: var(--activeButtonElements, transparent);
background-size: contain;
-webkit-transition: opacity 150ms ease;
-moz-transition: opacity 150ms ease;
-o-transition: opacity 150ms ease;
-ms-transition: opacity 150ms ease;
transition: opacity 150ms ease;
}
.checkbox-listed:checked::before {
opacity: 1;
}
.checkbox-listed:focus {
box-shadow: 0 0 4px var(--task-list-focus-shadow, rgba(0, 0, 0, 0.1));
}
.checkbox-listed:disabled {
background-color: var(--task-list-checkbox-disabled, #CCD3D8);
opacity: 0.84;
cursor: not-allowed;
}
/* end of common checkbox*/
.redstar {
font-weight: 600;
color: #f00;
padding-left: 10px;
}
.tr-tooltip-auditors td {
background: #F4FAE7;
border-top: 1px solid #CADAA9;
border-bottom: 1px solid #CADAA9;
padding: 15px 15px 10px 15px;
}
.tr-tooltip-workers td {
background: #F4FAE7;
border-top: 1px solid #CADAA9;
border-bottom: 1px solid #CADAA9;
padding: 15px 15px 10px 15px;
}
.tr-tooltip-managers td {
background: #F4FAE7;
border-top: 1px solid #CADAA9;
border-bottom: 1px solid #CADAA9;
padding: 15px 15px 10px 15px;
}
.tooltip-actions {
padding: 8px 15px;
margin-bottom: 30px;
margin-left: 2px;
background: var(--checklist-keyboard-help-bg);
border: 1px dashed var(--gray-input-border);
box-sizing: border-box;
border-radius: 6px;
font-size: 14px;
position: relative;
line-height: 18px;
color: var(--tooltip-actions-color);
}
.tooltip-actions:after {
content: '';
display: block;
position: absolute;
background: var(--tooltip-actions-after);
border-radius: 6px 0 0 6px;
width: 6px;
left: -1px;
bottom: 0;
top: -1px;
height: calc(100% + 1.5px);
}
.tooltip-actions a {
color: #1B7FE8;
}
.tooltip-actions:not(.tooltip-actions-hidden) + .tooltip-actions {
margin-top: -15px;
}
.tooltip-actions.tooltip-actions-red {
--tooltip-actions-after: var(--error-red, #ff4444);
background: var(--error-block-background, #ffd7d7);
border-color: var(--error-red, #ff4444);
}
.tooltip-actions.tooltip-actions-red > a {
color: #DD0000;
text-decoration: underline;
}
.tooltip-actions > a {
cursor: pointer;
}
.tooltip-actions-top {
padding-bottom: 10px;
}
.tooltip-actions-top img {
margin-left: 5px;
margin-right: 5px;
vertical-align: bottom;
}
.tooltip-comment {
font-size: 10pt;
color: #465622;
font-weight: bold;
}
.project-help {
line-height: 1.5;
max-width: 1080px;
padding: 25px 45px;
font-size: 12pt;
}
.project-help .header {
padding-bottom: 15px;
}
.project-help .footer {
padding-top: 15px;
}
.project-help .green {
font-size: 19pt;
color: #277F00;
}
.project-help .toostrong {
font-size: 17pt;
color: #4B4B4B;
}
.project-help .strong {
font-size: 15pt;
color: #4B4B4B;
line-height: 1.5;
font-weight: normal;
}
.project-help .hr {
height: 2px;
overflow: hidden;
background: #FFC907;
/*width: 100%;*/
}
.project-help table td {
vertical-align: top;
padding: 20px 0px 0px 0px;
}
.project-help ul {
line-height: 1.2;
padding: 0;
margin: -2px 0px 0px 0px;
}
.project-help li {
list-style-type: none;
padding-bottom: 15px;
margin: 0;
}
/******************** Раздел ПФ ***************************/
.leftmenu-topblock .b-ddl-menu {
float: right;
margin-top: 10px;
}
#planfix-anchor {
height: 100%;
}
/*// Tasks Detailed View //*/
.tbl-detailed-list .tr-separator {
height: 7px;
}
.tbl-detailed-list .t1 {
margin: 0 4px;
height: 1px;
overflow: hidden;
}
.tbl-detailed-list .t2 {
margin: 0 2px;
height: 1px;
background: #fff;
overflow: hidden;
}
.tbl-detailed-list .t3 {
margin: 0 1px;
height: 2px;
background: #fff;
overflow: hidden;
}
.tbl-detailed-list .b3 {
margin: 0 1px;
height: 2px;
background: #F4F4F4;
overflow: hidden;
}
.tbl-detailed-list .b2 {
margin: 0 2px;
height: 1px;
background: #F4F4F4;
overflow: hidden;
}
.tbl-detailed-list .b1 {
margin: 0 4px;
height: 1px;
overflow: hidden;
}
.tbl-detailed-list .task-container-first {
overflow: hidden;
}
.tbl-detailed-list .task-footer-container {
background: #F4F4F4;
overflow: hidden;
}
/* simple */
.tbl-detailed-list .tr-simple .t1 {
background: #C7C7C7;
}
.tbl-detailed-list .tr-simple .t2 {
border-left: 2px solid #C7C7C7;
border-right: 2px solid #C7C7C7;
}
.tbl-detailed-list .tr-simple .t3 {
border-left: 1px solid #C7C7C7;
border-right: 1px solid #C7C7C7;
}
.tbl-detailed-list .tr-simple .b3 {
border-left: 1px solid #C7C7C7;
border-right: 1px solid #C7C7C7;
}
.tbl-detailed-list .tr-simple .b2 {
border-left: 2px solid #C7C7C7;
border-right: 2px solid #C7C7C7;
}
.tbl-detailed-list .tr-simple .b1 {
background: #C7C7C7;
}
.tbl-detailed-list .tr-simple .task-container-first {
border-left: 1px solid #C7C7C7;
border-right: 1px solid #C7C7C7;
}
.tbl-detailed-list .tr-simple .task-footer-container {
border-left: 1px solid #C7C7C7;
border-right: 1px solid #C7C7C7;
}
/* active */
.tbl-detailed-list .tr-active .t1 {
background: #A2CD0B;
}
.tbl-detailed-list .tr-active .t2 {
border-left: 2px solid #A2CD0B;
border-right: 2px solid #A2CD0B;
}
.tbl-detailed-list .tr-active .t3 {
border-left: 1px solid #A2CD0B;
border-right: 1px solid #A2CD0B;
}
.tbl-detailed-list .tr-active .b3 {
border-left: 1px solid #A2CD0B;
border-right: 1px solid #A2CD0B;
}
.tbl-detailed-list .tr-active .b2 {
border-left: 2px solid #A2CD0B;
border-right: 2px solid #A2CD0B;
}
.tbl-detailed-list .tr-active .b1 {
background: #A2CD0B;
}
.tbl-detailed-list .tr-active .task-container-first {
border-left: 1px solid #A2CD0B;
border-right: 1px solid #A2CD0B;
}
.tbl-detailed-list .tr-active .task-container-first #action-create-div {
margin-top: 10px;
}
.tbl-detailed-list .tr-active .task-footer-container {
border-left: 1px solid #A2CD0B;
border-right: 1px solid #A2CD0B;
}
/* */
.tbl-detailed-list .task-container-second {
padding: 7px 15px;
overflow: hidden;
}
.tbl-detailed-list .task-header {
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
border-spacing: 0;
}
.tbl-detailed-list .task-subheader {
padding-top: 5px;
color: #626262;
font-size: 13px;
}
.tbl-detailed-list .task-header-right {
vertical-align: top;
text-align: right;
width: 165px;
overflow: hidden;
white-space: nowrap;
}
.tbl-detailed-list .task-header-right-caption {
text-align: left;
color: #626262;
font-size: 13px;
}
.tbl-detailed-list .task-header-right-text {
font-size: 13px;
}
.tbl-detailed-list .task-header-left {
vertical-align: top;
}
.tbl-detailed-list .task-footer-container {
background: #F4F4F4;
overflow: hidden;
border-left: 1px solid #C7C7C7;
border-right: 1px solid #C7C7C7;
}
.tbl-detailed-list .task-footer {
padding: 7px 15px 5px 10px;
font-size: 13px;
overflow: hidden;
}
.tbl-detailed-list .task-footer a {
margin-left: 5px;
}
.tbl-detailed-list .task-footer-right {
float: right;
}
.tbl-detailed-list .task-footer-left {
float: left;
}
.tbl-detailed-list .task-importance {
margin-right: 5px;
float: left;
height: 20px;
/*vertical-align: top;*/
}
.tbl-detailed-list .task-name {
font-size: 16pt;
padding-top: 5px;
}
.tbl-detailed-list .task-description {
font-size: 13px;
padding: 10px 0px 5px 0px;
}
.tbl-time-tracking {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.tbl-time-tracking th {
overflow: hidden;
font-size: 10.5pt;
padding: 5px 0px 5px 5px;
}
.tbl-time-tracking td {
overflow: hidden;
font-size: 13px;
padding: 5px 0px 5px 5px;
}
.tbl-time-tracking .td-date {
white-space: nowrap;
}
.tbl-time-tracking .td-date,
.tbl-time-tracking .td-arrow,
.tbl-time-tracking .td-type,
.tbl-time-tracking .td-kind,
.tbl-time-tracking .td-author {
text-align: left;
border-bottom: 1px solid #ccc;
}
.tbl-time-tracking .td-money {
text-align: center;
font-weight: bold;
width: 150px;
border-bottom: 1px solid #ccc;
}
.tbl-time-tracking .td-time {
text-align: left;
padding-left: 40px;
width: 150px;
font-weight: bold;
border-bottom: 1px solid #ccc;
}
.tbl-time-tracking .td-arrow {
font-size: 10.5pt;
color: #4D4D4D;
font-weight: bold;
width: 15px;
vertical-align: top;
}
.tbl-time-tracking .tr-separator-bold td {
height: 2px;
overflow: hidden;
background: #C0C0C0;
padding: 0;
line-height: 0;
font-size: 0;
}
.tbl-time-tracking .tr-separator td {
height: 1px;
overflow: hidden;
border-top: 1px solid #fff;
background: #C0C0C0;
padding: 0;
}
.tbl-time-tracking .tr-detailed-task .td-arrow {
font-size: 13px;
}
.tbl-time-tracking .tr-detailed-task .td-date,
.tbl-time-tracking .tr-detailed-task .td-arrow,
.tbl-time-tracking .tr-detailed-task .td-type,
.tbl-time-tracking .tr-detailed-task .td-kind,
.tbl-time-tracking .tr-detailed-task .td-author,
.tbl-time-tracking .tr-detailed-task .td-money,
.tbl-time-tracking .tr-detailed-task .td-time {
border-bottom: 1px solid #ccc;
font-weight: normal;
}
.tbl-time-tracking .tr-detailed td {
background: #EDEDED;
}
.tbl-time-tracking .td-sum {
text-align: right;
font-size: 16pt;
border-top: 1px solid #ccc;
}
.tbl-time-tracking .td-time-sum {
padding-left: 40px;
text-align: left;
}
.tbl-time-tracking .td-money-sum {
text-align: center;
}
.tbl-time-tracking .td-time-sum,
.tbl-time-tracking .td-money-sum {
border-top: 1px solid #000;
font-size: 16pt;
}
.time-tracking-filter {
font-size: 11pt;
margin-right: 20px;
}
.dialog-error-header {
font-size: 13pt;
background: #FFD8E1;
border: 1px solid #B1002A;
padding: 20px !important;
color: #DD0000;
}
.td-acceptdate-dialog {
padding-top: 20px;
text-align: center;
}
.td-acceptdate-dialog input {
font-size: 22pt;
text-align: center;
height: 45px;
padding-top: 3px;
}
/*
.search-result-item {
padding: 15px 7px 7px 7px;
}
.search-result-item-cut {
padding: 7px 7px 0px 7px;
}
.search-result-subitem {
padding: 5px 7px 7px 57px;
}
.search-result-header {
font-size: 12pt;
}
.search-result-text {
font-size: 10pt;
}
.search-result-link,
.search-result-link a{
font-size: @font-default;
color: #156A04;
text-decoration:none;
}
.search-result-file img {
margin-top: 3px;
}
.search-result-file td {
vertical-align: top;
}
.search-noresults {
padding: 15px 0px 0px 7px;
}
.search-noresults ul {
list-style-type: square;
}
.search-noresults ul li {
padding-bottom: 5px;
}
.search-noresults ul li span {
font-size: 11pt;
}*/
.tbl-task-print-wrapper {
padding: 10px 0px 10px 0px;
}
.tbl-task-print {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
.tbl-task-print td {
vertical-align: bottom;
}
.tbl-task-print .td-header {
font-size: 16pt;
}
.tbl-task-print .td-text {
padding-top: 15px;
padding-bottom: 15px;
font-size: 10pt;
}
.tbl-task-print .td-unroll,
.tbl-task-print .td-roll {
font-style: italic;
font-size: 12px;
vertical-align: middle;
cursor: pointer;
text-decoration: underline;
}
.tbl-task-print .td-roll {
vertical-align: middle;
width: 50px;
background: #fff;
cursor: pointer;
}
.tbl-task-print .td-unroll img,
.tbl-task-print .td-roll img {
vertical-align: middle;
}
.tbl-task-print .td-small {
font-size: 12px;
padding: 3px 0px;
}
.tbl-task-print .td-bottom {
padding-bottom: 0px;
}
.tbl-task-print .td-right {
text-align: right;
}
.tbl-task-print .tr-big-separator td {
height: 1px;
overflow: hidden;
padding: 0;
border-bottom: 3px solid black;
}
.tbl-task-print .tr-separator td {
height: 1px;
overflow: hidden;
padding: 0;
}
.tbl-task-print .tr-separator .td-separator {
border-top: 1px solid #a4a4a4;
}
.tbl-task-print-comments {
width: 100%;
}
.tbl-task-print-comments .td-text {
padding-top: 5px;
padding-bottom: 5px;
}
.doing-small-select {
padding-left: 10px !important;
}
.doing-small-select option {
padding-left: 10px !important;
}
.doing-complete {
float: right;
cursor: pointer;
}
.gray-sharp {
font-size: 22px;
color: #696969;
}
.doing-reminder-default {
color: #a4a4a4;
padding-bottom: 5px;
margin-top: -5px;
}
.doing-reminder {
padding-bottom: 5px;
}
.planfix-newcount {
float: left;
padding: 1px 5px;
margin-top: -1px;
background: #FBF7AE;
color: #1abe72;
border: 1px solid #1abe72;
margin-left: 5px;
border-radius: 4px;
-moz-border-radius: 4px;
}
.task-owner-profile {
font-size: 10pt;
}
.task-owner-profile .create-date {
color: #7F7F7F;
}
.task-owner-profile .td-second {
padding-left: 10px;
}
.tr-accept-deadline span {
white-space: nowrap;
}
.empty-message {
text-align: center;
color: var(--task-card-title-text, #4B4B4B);
font-size: 14pt;
margin: 15px auto auto;
width: 100%;
border: 1px solid var(--grey-list-border, #dfdfdf);
border-radius: 10px;
-moz-border-radius: 10px;
}
.empty-message.empty-task-message {
border: none;
color: var(--chosen-text, #333333);
}
.empty-message.chronicle-empty td {
position: absolute;
top: 4px;
right: 8px;
bottom: 0;
left: 8px;
margin: auto;
background: var(--white-black, white);
border-radius: 6px;
overflow-y: auto;
}
.empty-message.chronicle-empty td .empty-container {
position: relative;
top: unset;
justify-content: center;
gap: 3.4%;
}
.empty-message.chronicle-empty td .empty-container .empty-container-logo {
margin-bottom: 4px;
background-repeat: no-repeat;
}
.empty-message.chronicle-empty td .empty-container .empty-container-logo.svg-empty-13 {
background-image: url("/img/empty/svgEmpty13.svg");
}
.empty-message.chronicle-empty td .empty-container .empty-container-logo.svg-empty-14 {
background-image: url("/img/empty/svgEmpty14.svg");
}
.empty-message.chronicle-empty td .empty-container .empty-container-logo.svg-empty-15 {
background-image: url("/img/empty/svgEmpty15.svg");
}
.empty-message.chronicle-empty td .empty-container .empty-container-logo.svg-empty-16 {
background-image: url("/img/empty/svgEmpty16.svg");
}
.empty-message.chronicle-empty td .empty-container .empty-container-title {
margin: 0;
}
.empty-message.chronicle-empty td .empty-container .empty-container-button {
min-width: 165px;
}
.empty-message.chronicle-empty__search td .empty-container .empty-container-logo {
background-image: url("/img/empty/svgEmpty19.svg");
}
.empty-message.chronicle-empty.periodic-empty {
min-height: 500px;
width: unset;
margin-right: 25px;
margin-left: 0;
}
.empty-message.chronicle-empty.periodic-empty td {
position: unset;
}
.empty-message.chronicle-empty.periodic-empty td .empty-container-title {
margin-bottom: 22px;
}
.empty-message td {
vertical-align: middle;
min-height: 110px;
padding: 20px 10px;
}
.empty-message .empty-strong {
font-size: 19pt;
}
.empty-message .empty-task-icon {
background-image: url("/img/empty/svgEmpty02.svg");
background-size: contain;
width: 220px;
height: 220px;
margin: 0 auto 19px;
opacity: var(--emptyIconOpacity, 1);
}
.empty-message .empty-task-icon + .empty-strong {
color: var(--gray-dark-icon, #626262);
}
.empty-message .empty-weak {
color: var(--default-gray, #818181);
margin-top: 10px;
}
.empty-message .btn-wrapper {
margin-top: 25px;
}
.empty-message .btn-main {
font-size: 14px;
font-weight: 400;
border-radius: 4px;
}
.empty-container {
width: 100%;
height: 100%;
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
top: calc((-50% - 140px) * 0.1);
}
.empty-container.security-access {
top: calc((-50% - 140px) * 0.1);
}
.empty-container .empty-container-logo {
background-image: url("/img/empty/svgEmpty10.svg");
width: 220px;
height: 220px;
margin-bottom: 24px;
opacity: var(--emptyIconOpacity, 1);
}
.empty-container .empty-container-logo.security-access {
background-image: url("/img/empty/svgEmpty04.svg");
width: 220px;
height: 220px;
}
.empty-container.external-email .empty-container-logo {
background-image: url("/img/empty/svgEmpty02.svg");
}
.empty-container.rules-empty .empty-container-logo {
background-image: url("/img/empty/svgEmpty08.svg");
}
.empty-container.notify-empty .empty-container-logo {
background-image: url("/img/empty/svgEmpty08.svg");
}
.empty-container .empty-container-title {
font-size: 18px;
line-height: 22px;
color: var(--gray-dark-icon, #626262);
margin-bottom: 22px;
text-align: center;
}
.empty-container .empty-container-title.security-access {
margin-bottom: 12px;
}
.empty-container .empty-container-button {
min-width: 200px;
min-height: 32px;
border-radius: 6px;
background: var(--activeButton, var(--green, #00864b));
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding: 0 10px;
}
.empty-container .empty-container-button p {
font-size: 14px;
line-height: 17px;
color: var(--activeButtonElements, var(--white-black, #ffffff));
}
.empty-container .empty-container-sub-title {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 14px;
line-height: 17px;
}
.empty-container.summary-empty .empty-container-logo {
background-image: url("/img/empty/svgEmpty07.svg");
}
.empty-container.summary-empty .empty-container-title {
color: var(--task-card-title-text, #4B4B4B);
}
.empty-container.added-empty .empty-container-logo {
background-image: url("/img/empty/svgEmpty14.svg");
}
.empty-container.added-empty .empty-container-title {
color: var(--task-card-title-text, #4b4b4b);
}
.empty-container .empty-message,
.empty-container.favorite-empty.empty-message {
margin: 0;
border: none;
z-index: -1;
left: 0;
}
.empty-container .empty-message .empty-container-logo,
.empty-container.favorite-empty.empty-message .empty-container-logo {
background-image: url("/img/empty/svgEmpty02.svg");
}
.empty-container .empty-message .empty-container-title,
.empty-container.favorite-empty.empty-message .empty-container-title {
margin: 0 13px 22px;
color: var(--task-card-title-text, #4b4b4b);
}
.empty-container__object-list .empty-container-logo {
background-image: url("/img/empty/svgEmpty05.svg");
margin-bottom: 15px;
}
.empty-container__object-list .empty-container-title {
color: var(--task-card-title-text, #4b4b4b);
}
.empty-container__object-list .empty-container-button {
min-width: 105px;
margin-bottom: 18px;
}
.b-main-block_empty .task-card-wrapper .empty-message {
margin-top: 0;
}
.task-card-wrapper.drag-over {
outline: var(--menu-logined-popup-list-border, #ccc) dashed 2px;
}
.task-card-wrapper .upload-file-block {
margin-right: 10px;
}
.block-message-error404 {
height: calc(100vh - 46px);
text-align: center;
padding-right: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.svg-404 {
width: 220px;
height: 220px;
}
.text-strong-404 {
padding-top: 16px;
font-size: 18px;
line-height: normal;
color: var(--gray-site, #4B4B4B);
}
.text-weak-404 {
padding-top: 8px;
font-weight: 400;
font-size: 14px;
line-height: normal;
color: var(--chosen-icon-active, #9C9C9C);
}
@media (max-width: 1100px) {
.text-weak-404 {
width: 570px;
line-height: 30px;
}
.text-weak-404 p:not(:first-child) {
padding-top: 18px;
}
}
/*
@media (min-width: 1925px) and (max-width: 3798px) {
// для ширины экрана 1920px до 3800px. Плавно увеличивает картинки и текст
// font-size: calc(~'(100vw - min-width экрана) / (max-width экрана - min-width экрана) * (max размер шрифта - min размер шрифта) + минимальный размер шрифта');
.svg-404 {
width: 19vw;
min-width: 350px;
max-width: 700px;
}
.text-strong-404 {
padding-top: calc(~'( (100vw - 1920px) / 1880 ) * 58 + 58px');
font-size: calc(~'( (100vw - 1920px) / 1880 ) * 32 + 32px');
}
.text-weak-404 {
padding-top: calc(~'( (100vw - 1920px) / 1880 ) * 38 + 38px');
font-size: calc(~'( (100vw - 1920px) / 1880 ) * 18 + 18px');
line-height: calc(~'( (100vw - 1920px) / 1880 ) * 36 + 36px');
}
}
@media (min-width: 3799px){ //для ширины экрана свыше 3800px размеры не изменяются
.svg-404 {
width: 700px;
}
.text-strong-404 {
padding-top: 116px;
font-size: 64px;
}
.text-weak-404 {
padding-top: 76px;
font-size: 36px;
line-height: 72px;
}
}
*/
.left-legend {
padding: 15px;
}
.left-legend ul {
margin: 0;
padding: 0;
}
.left-legend ul li {
list-style-type: none;
}
.left-legend .legend-header {
font-weight: bold;
font-size: 10pt;
padding-bottom: 10px;
}
.left-legend .legend-eventcross-ico {
width: 16px;
height: 18px;
background: url('/img/red-cross.gif');
float: left;
}
.left-legend .legend-eventcross-text {
padding-left: 26px;
}
/** account ***/
.tbl-account-header {
border-collapse: collapse;
border-spacing: 0;
}
.tbl-account-header td {
padding: 0;
}
.td-account-grayed-text {
color: var(--file-viewer-separator-text, #7B7B7B);
font-size: 14pt !important;
}
.td-account-grayed-black-text {
padding-top: 15px !important;
padding-left: 50px !important;
font-size: 14pt !important;
color: var(--black-white, #000);
background: var(--account-grayed-bg, #F0F1DE);
padding-right: 75px !important;
}
.td-account-grayed {
padding-top: 20px !important;
padding-left: 20px !important;
background: var(--account-grayed-bg, #F0F1DE);
}
.td-account-grayed-arrow div {
height: 5px;
width: 0px;
border: 45px;
border: 33px solid var(--background-color-light-gray, #f7f7f7);
border-right: none;
border-left-color: var(--account-grayed-bg, #F0F1DE);
}
.td-account-license-price-text {
font-size: 14pt;
color: var(--file-viewer-separator-text, #7B7B7B);
padding: 20px 35px 5px 20px !important;
}
.td-account-license-price-val {
font-size: 16pt;
font-weight: bold;
color: #439F00;
padding: 20px 0px 5px 0px !important;
}
.td-account-license-sum-text {
font-size: 13px;
color: var(--file-viewer-separator-text, #7B7B7B);
padding: 0px 35px 0px 20px !important;
}
.td-account-owner-name {
font-size: 13px;
padding: 0px 35px 0px 20px !important;
}
.td-account-license-sum-val {
font-size: 12pt;
font-weight: bold;
color: var(--file-viewer-separator-text, #7B7B7B);
}
.account-grayed-text {
color: var(--date-picker-navigation-svg, #777);
}
.account-subscription-status {
padding: 3px 15px;
background: #439F00;
color: var(--white-black, #fff);
float: left;
}
.td-account-red-warning {
color: #E93636;
font-size: 11pt;
padding-left: 0;
}
.owner-block-content .object-edit-field-base.is-disabled {
background: var(--white-black, #fff) !important;
}
.owner-block-content .object-edit-field-base.is-disabled .control-value {
color: var(--gray-dark-icon, #626262) !important;
}
table.task-create-right-block {
font-size: 13px;
/*padding: 15px;
border: 1px solid #ccc;*/
min-width: 230px;
/*background: #fff;*/
border-collapse: collapse;
border-spacing: 0;
}
table.task-create-right-block td {
padding-left: 15px;
}
table.task-create-right-block table td {
font-size: 13px;
vertical-align: top;
padding: 0;
}
/****************************** Цитирование ***********************************/
div.quote-container {
position: absolute;
}
div.quote-body {
border: 1px solid var(--quote-border, #969696);
border-radius: 4px;
-moz-border-radius: 4px;
padding: 5px 7px;
font-size: 14px;
background: var(--white-black, #fff);
}
div.quote-body span.quote-ok,
div.quote-body span.quote-cite {
color: #007906;
cursor: pointer;
margin-right: 5px;
}
div.quote-body span.quote-cancel {
color: #EB0000;
cursor: pointer;
}
div.quote-arrow-5 {
height: 1px;
width: 7px;
border-left: 1px solid var(--quote-border, #969696);
border-right: 1px solid var(--quote-border, #969696);
overflow: hidden;
margin-top: -1px;
margin-left: 20px;
background: var(--white-black, #fff);
}
div.quote-arrow-4 {
height: 1px;
width: 5px;
border-left: 1px solid var(--quote-border, #969696);
border-right: 1px solid var(--quote-border, #969696);
overflow: hidden;
/*margin-top: -1px;*/
margin-left: 21px;
background: var(--white-black, #fff);
}
div.quote-arrow-3 {
height: 1px;
width: 3px;
border-left: 1px solid var(--quote-border, #969696);
border-right: 1px solid var(--quote-border, #969696);
overflow: hidden;
/*margin-top: -1px;*/
margin-left: 22px;
background: var(--white-black, #fff);
}
div.quote-arrow-2 {
height: 1px;
width: 1px;
border-left: 1px solid var(--quote-border, #969696);
border-right: 1px solid var(--quote-border, #969696);
overflow: hidden;
/*margin-top: -1px;*/
margin-left: 23px;
background: var(--white-black, #fff);
}
div.quote-arrow-1 {
height: 1px;
width: 1px;
overflow: hidden;
/*margin-top: -1px;*/
margin-left: 24px;
background: var(--quote-border, #969696);
}
blockquote {
border-left: 2px solid var(--gray-input-border, #BBBBBB);
padding-left: 15px;
margin-left: 20px;
}
blockquote::after {
content: "";
clear: both;
display: table;
}
/***************************************************************************/
.first-strong {
font-size: 19pt;
}
.file-meta-data {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
color: var(--file-meta-data, #888);
font-size: 12px;
line-height: 1.5;
vertical-align: bottom;
}
.file-meta-data .file-meta-data-size {
white-space: nowrap;
}
.file-meta-data a {
text-decoration: none;
color: var(--file-meta-data, #888);
}
.file-meta-data a:hover {
text-decoration: underline;
}
.file-meta-data a.file-open-history:hover {
text-decoration: none;
border-bottom: 1px dotted var(--file-meta-data, #888);
}
.file-attached-block-local .file-attached-block-name {
text-decoration: none;
border-bottom: 1px dotted #4573B1;
}
.file-attached-block-local .file-attached-block-name:hover {
text-decoration: none;
border-bottom: 1px dotted #25BB69;
}
.file-additional-date {
white-space: nowrap;
display: none;
}
.file-additional-download {
padding-right: 7px;
padding-top: 1px;
display: flex;
}
.file-additional-download.copy-clipboard-doc-link {
cursor: pointer;
}
.file-additional-download:hover .svg-icon-14px {
stroke: #1abe72;
}
.td-head-qe-2 {
min-width: 200px;
}
.navigation-parent {
width: 37px;
}
.upload-file-block.upload-file-block-existing {
margin-left: -15px;
margin-top: -5px;
padding-left: 15px;
padding-top: 5px;
}
.upload-file-block.upload-file-block-existing .task-attachment-del {
margin-right: 10px;
margin-top: 8px;
display: none;
float: right;
cursor: pointer;
}
.upload-file-block.upload-file-block-existing:hover {
background: var(--white-black, #fff);
}
.upload-file-block.upload-file-block-existing:hover .task-attachment-del {
display: inline-block;
}
.upload-file-block.upload-file-block-existing .upload-existing-file-data {
overflow: hidden;
}
.upload-file-block .upload-file-delete {
cursor: pointer;
float: right;
height: 16px;
margin-right: -14px;
margin-top: -14px;
position: relative;
width: 16px;
}
.upload-file-block .upload-file-delete:hover svg {
stroke: var(--task-deadline-dead, #fd0000);
}
.upload-file-block .upload-file-progress,
.upload-file-block .upload-file-ok,
.upload-file-block .upload-file-failed {
height: 16px;
width: 16px;
margin-bottom: 5px;
vertical-align: bottom;
display: none;
cursor: default;
}
.upload-file-block-new.upload-file-block-progress-with-wrapper {
background: transparent;
z-index: 11;
position: relative;
}
.upload-file-block-progress-wrapper div {
background: var(--upload-file-block-progress, #EEFFEE);
opacity: 0.7;
height: 100%;
}
.upload-file-block-progress .upload-file-progress {
display: inline-block;
}
.upload-file-block-progress .upload-file-progress .loader {
border-left-color: var(--gray-light-border, #bebebe) !important;
}
.upload-file-block-uploaded .upload-file-ok {
display: inline-block;
}
/*.upload-file-block-failed .upload-file-failed {*/
/*display: inline-block;*/
/*}*/
.upload-file-source,
.upload-file-docstemplate-source,
.docs-list-upload-source .upload-file-block .td-first {
padding-right: 20px;
width: 100px;
}
.upload-file-block .upload-file-txtbox,
.upload-file-block .upload-file-description,
.upload-file-block .upload-file-name,
.upload-file-block .upload-file-url {
width: 295px;
}
.upload-file-block .upload-file-label,
.upload-file-block .upload-file-radio {
font-size: 10pt;
vertical-align: top;
}
.upload-file-block .upload-file-ddl,
.upload-file-block .upload-file-all-projects-source,
.upload-file-block .upload-file-project-source,
.upload-file-block .upload-file-task-source,
.upload-file-block .upload-file-subtasks-source,
.upload-file-block .upload-file-crm-source {
width: 305px;
}
.upload-file-block .upload-file-url {
color: #5881B8;
}
.upload-file-separator {
height: 1px;
overflow: hidden;
margin: 5px 0px;
}
.upload-file-block-new {
background: var(--white-black, #FFF);
border: 1px solid var(--gray-input-border, #BBB);
border-radius: 5px 5px 5px 5px;
color: var(--grey-label, #838383);
padding: 15px;
box-shadow: 0 0 10px var(--planner-chronicle-item-bg-hover, #e6e6e6);
}
/* Конфигурации */
.td-head-conf-name {
width: 100%;
min-width: 200px;
}
.td-head-conf-lang {
width: 100%;
min-width: 170px;
text-align: center;
}
.td-item-conf-lang {
text-align: center;
}
/* всплывающее окно */
.dialogWin .cke_skin_v2 .cke_top,
.tr-contact-addition .cke_skin_v2 .cke_top {
border: none;
}
.dialogWin .cke_skin_v2 .cke_contents,
.tr-contact-addition .cke_skin_v2 .cke_contents {
border: 1px solid #BBBBBB;
}
.dialogWin .cke_skin_v2 .cke_wrapper,
.tr-contact-addition .cke_skin_v2 .cke_wrapper {
line-height: 0px;
}
.session-ask .message {
font-size: 15px;
line-height: 1.3em;
}
/* всплывающее окно и окошко с указателем */
.g-popup-win,
.g-popup-win-pointer {
position: absolute;
left: 0;
top: 0;
z-index: 25;
}
.g-popup-win .destroy-button {
float: right;
font-size: 13px;
cursor: pointer;
}
.g-popup-win .destroy-button:hover .iconset-16px-close {
background-position: 0 -80px;
}
.g-popup-win .destroy-button:hover .svg-icon-16px.gray {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.g-popup-win .iconset-16px-minimize:hover {
background-position: 0 -112px;
}
.g-popup-win .g-popup-tbl,
.g-popup-win-pointer .g-popup-tbl {
padding: 0;
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
.g-popup-win .g-popup-tbl .g-popup-tbl-cc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-cc {
vertical-align: top;
overflow: hidden;
padding: 0;
background-color: #ffffff;
}
.g-popup-win .create-panel .g-popup-tbl-cc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-cc {
background: unset;
border-radius: 6px;
}
/* верхняя граница */
.g-popup-win .g-popup-tbl .g-popup-tbl-tlc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-tlc {
overflow: hidden;
padding: 0;
width: 25px;
height: 15px;
background: url('/img/g-win-tl.png') right bottom no-repeat;
}
.g-popup-win .create-panel .g-popup-tbl-tlc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-tlc {
background: unset;
}
.g-popup-win .g-popup-tbl .g-popup-tbl-tc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-tc {
overflow: hidden;
padding: 0;
height: 15px;
background: url('/img/g-win-tc.png') bottom center repeat-x;
}
.g-popup-win .create-panel .g-popup-tbl-tc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-tc {
background: unset;
}
.g-popup-win .g-popup-tbl .g-popup-tbl-trc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-trc {
overflow: hidden;
padding: 0;
width: 25px;
height: 15px;
background: url('/img/g-win-tr.png') bottom no-repeat;
}
.g-popup-win .create-panel .g-popup-tbl-trc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-trc {
background: unset;
}
.g-popup-win-pointer-top-right .g-popup-tbl .g-popup-tbl-tc,
.g-popup-win-pointer-top-left .g-popup-tbl .g-popup-tbl-tc {
background: none;
padding: 0;
}
.g-popup-win-pointer-top-right.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-tlc,
.g-popup-win-pointer-top-left.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-tlc {
height: 25px;
background: url('/img/g-win-tl-big.png') bottom no-repeat;
}
.g-popup-win-pointer-top-right.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-trc,
.g-popup-win-pointer-top-left.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-trc {
height: 25px;
background: url('/img/g-win-tr-big.png') bottom no-repeat;
}
.g-popup-win-pointer-top-right .g-popup-tbl .g-popup-tbl-tc .g-popup-div-pointer,
.g-popup-win-pointer-top-left .g-popup-tbl .g-popup-tbl-tc .g-popup-div-pointer {
background: url('/img/g-win-pointer-top.png');
width: 31px;
height: 25px;
float: left;
}
.g-popup-win-pointer-top-left .g-popup-tbl .g-popup-tbl-tc .g-popup-div-bg-right,
.g-popup-win-pointer-top-left .g-popup-tbl .g-popup-tbl-tc .g-popup-div-bg-left,
.g-popup-win-pointer-top-right .g-popup-tbl .g-popup-tbl-tc .g-popup-div-bg-right,
.g-popup-win-pointer-top-right .g-popup-tbl .g-popup-tbl-tc .g-popup-div-bg-left {
height: 25px;
background: url('/img/g-win-tc-big.png') repeat-x bottom;
}
.g-popup-win-pointer-top-left .g-popup-tbl .g-popup-tbl-tc .g-popup-div-bg-left {
float: left;
width: 15px;
}
.g-popup-win-pointer-top-left .g-popup-tbl .g-popup-tbl-tc .g-popup-div-bg-right {
float: left;
margin-right: -46px;
width: 100%;
}
.g-popup-win-pointer-top-right .g-popup-tbl .g-popup-tbl-tc .g-popup-div-bg-right {
float: left;
width: 15px;
}
.g-popup-win-pointer-top-right .g-popup-tbl .g-popup-tbl-tc .g-popup-div-bg-left {
float: left;
margin-left: -46px;
width: 100%;
}
/* нижняя граница */
.g-popup-win .g-popup-tbl .g-popup-tbl-blc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-blc {
overflow: hidden;
padding: 0;
width: 25px;
height: 25px;
background: url('/img/g-win-bl.png') right top no-repeat;
}
.g-popup-win .create-panel .g-popup-tbl-blc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-blc {
background: unset;
}
.g-popup-win .create-panel .dialog-btn-wrapper {
background-color: #DFDFDF;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 17px;
border-radius: 6px;
}
.g-popup-win .create-panel .destroy-button {
position: absolute;
right: 34px;
top: 22px;
}
.g-popup-win .g-popup-tbl .g-popup-tbl-brc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-brc {
overflow: hidden;
padding: 0;
width: 25px;
height: 25px;
background: url('/img/g-win-br.png') left top no-repeat;
}
.g-popup-win .create-panel .g-popup-tbl-brc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-brc {
background: unset;
}
.g-popup-win .g-popup-tbl .g-popup-tbl-bc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-bc {
overflow: hidden;
height: 25px;
background: url('/img/g-win-bc.png') repeat-x;
}
.g-popup-win .create-panel .g-popup-tbl-bc,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-bc {
background: unset;
}
.g-popup-win-pointer-bottom-right .g-popup-tbl .g-popup-tbl-bc,
.g-popup-win-pointer-bottom-left .g-popup-tbl .g-popup-tbl-bc {
background: none;
padding: 0;
}
.g-popup-win-pointer-bottom-right .g-popup-tbl .g-popup-tbl-bc .g-popup-div-pointer,
.g-popup-win-pointer-bottom-left .g-popup-tbl .g-popup-tbl-bc .g-popup-div-pointer {
background: url('/img/g-win-pointer-bottom.png');
width: 31px;
height: 25px;
float: left;
}
.g-popup-win-pointer-bottom-left .g-popup-tbl .g-popup-tbl-bc .g-popup-div-bg-right,
.g-popup-win-pointer-bottom-left .g-popup-tbl .g-popup-tbl-bc .g-popup-div-bg-left,
.g-popup-win-pointer-bottom-right .g-popup-tbl .g-popup-tbl-bc .g-popup-div-bg-right,
.g-popup-win-pointer-bottom-right .g-popup-tbl .g-popup-tbl-bc .g-popup-div-bg-left {
height: 25px;
background: url('/img/g-win-bc.png') repeat-x;
}
.g-popup-win-pointer-bottom-left .g-popup-tbl .g-popup-tbl-bc .g-popup-div-bg-left {
float: left;
width: 15px;
}
.g-popup-win-pointer-bottom-left .g-popup-tbl .g-popup-tbl-bc .g-popup-div-bg-right {
float: left;
margin-right: -46px;
width: 100%;
}
.g-popup-win-pointer-bottom-right .g-popup-tbl .g-popup-tbl-bc .g-popup-div-bg-right {
float: left;
width: 15px;
}
.g-popup-win-pointer-bottom-right .g-popup-tbl .g-popup-tbl-bc .g-popup-div-bg-left {
float: left;
margin-left: -46px;
width: 100%;
}
/* левая граница */
.g-popup-win .g-popup-tbl .g-popup-tbl-cl,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-cl {
overflow: hidden;
padding: 0;
width: 25px;
background: url('/img/g-win-lc.png') repeat-y right;
}
.g-popup-win .create-panel .g-popup-tbl-cl,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-cl {
background: unset;
}
.g-popup-win-pointer-left-top .g-popup-tbl .g-popup-tbl-cl,
.g-popup-win-pointer-left-bottom .g-popup-tbl .g-popup-tbl-cl {
background: none;
padding: 0;
}
.g-popup-win-pointer-left-top .g-popup-tbl .g-popup-tbl-cl .g-popup-div-bg-top,
.g-popup-win-pointer-left-top .g-popup-tbl .g-popup-tbl-cl .g-popup-div-bg-bottom,
.g-popup-win-pointer-left-bottom .g-popup-tbl .g-popup-tbl-cl .g-popup-div-bg-top,
.g-popup-win-pointer-left-bottom .g-popup-tbl .g-popup-tbl-cl .g-popup-div-bg-bottom {
background: url('/img/g-win-lc.png');
width: 25px;
}
.g-popup-win-pointer-left-top .g-popup-tbl .g-popup-tbl-cl .g-popup-div-pointer,
.g-popup-win-pointer-left-bottom .g-popup-tbl .g-popup-tbl-cl .g-popup-div-pointer {
background: url('/img/g-win-pointer-left-horizont.png') top center no-repeat;
width: 25px;
height: 31px;
}
.g-popup-win-pointer-left-top .g-popup-tbl .g-popup-tbl-cl .g-popup-div-bg-top,
.g-popup-win-pointer-left-bottom .g-popup-tbl .g-popup-tbl-cl .g-popup-div-bg-bottom {
height: 15px;
}
/* правая граница */
.g-popup-win .g-popup-tbl .g-popup-tbl-cr,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-cr {
overflow: hidden;
padding: 0;
width: 25px;
background: url('/img/g-win-rc.png') repeat-y;
}
.g-popup-win .create-panel .g-popup-tbl-cr,
.g-popup-win-pointer .g-popup-tbl .g-popup-tbl-cr {
background: unset;
}
.g-popup-win-pointer-right-top .g-popup-tbl .g-popup-tbl-cr .g-popup-div-pointer,
.g-popup-win-pointer-right-bottom .g-popup-tbl .g-popup-tbl-cr .g-popup-div-pointer {
background: url('/img/g-win-pointer-right-horizont.png') top center no-repeat;
width: 25px;
height: 31px;
}
.g-popup-win-pointer-right-top .g-popup-tbl .g-popup-tbl-cr .g-popup-div-bg-top,
.g-popup-win-pointer-right-bottom .g-popup-tbl .g-popup-tbl-cr .g-popup-div-bg-bottom {
height: 15px;
}
/* Task Deadline */
.dl-task-wrapper-month {
height: 29px;
background-color: var(--planner-calendar-day, #FFF);
overflow: hidden;
-webkit-box-shadow: inset 0 -2px 0px -1px var(--planner-calendar-wrapper-month-shadow, #e8e8e8);
-moz-box-shadow: inset 0 -2px 0px -1px var(--planner-calendar-wrapper-month-shadow, #e8e8e8);
-o-box-shadow: inset 0 -2px 0px -1px var(--planner-calendar-wrapper-month-shadow, #e8e8e8);
box-shadow: inset 0 -2px 0px -1px var(--planner-calendar-wrapper-month-shadow, #e8e8e8);
}
.dl-task-wrapper-month-today {
background-color: var(--planner-calendar-today, #FDFDD7);
}
.dl-task-wrapper-month .dl-task-wrapper-weeknum {
color: #B3B3B3;
font-size: 22px;
float: left;
padding-left: 8px;
padding-top: 8px;
cursor: pointer;
}
.dl-task-wrapper-month-today .dl-task-wrapper-weeknum {
color: #FF8A00;
}
.dl-task-wrapper-month .dl-task-wrapper-date {
text-align: center;
font-size: 10pt;
margin-top: 6px;
font-weight: bold;
}
.dl-task-wrapper-month .dl-task-wrapper-today {
text-align: center;
font-size: 10pt;
margin: 2px 6px;
background-color: #FF8A00;
padding: 4px 13px;
border-radius: 15px;
}
.dl-task-wrapper-month .dl-task-wrapper-today.fakelink {
color: var(--white-black, white);
}
.td-today .dl-task-wrapper-date {
font-weight: bold;
}
.fake-tbl-col-weekend .fakelink {
color: #C40000;
}
.fake-tbl-notcurrentmonth .dl-task-wrapper-month {
background-color: var(--planner-calendar-not-current-month-day, #F4F4F4);
}
.fake-tbl-col-today .dl-task-wrapper-month {
background-color: var(--planner-calendar-today, #FDFDD7);
}
.fake-tbl-col-today .fakelink {
color: #FF8A00;
}
.dlt-wrapper-effect {
position: absolute;
}
.dlt-wrapper {
position: absolute;
font-size: 13px;
}
.dlt-wrapper .dlt-wrapper-task-fake,
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-wrapper-task-fake {
background: var(--white-black, #FFFFFF) url(/img/task-deadline-bg-completed.png);
}
.dlt-wrapper .dlt-wrapper-task {
position: absolute;
height: 20px;
}
.dlt-wrapper .dlt-wrapper-task .dlt-task-arrow-right,
.dlt-wrapper .dlt-wrapper-task .dlt-task-arrow-right-empty,
.dlt-wrapper .dlt-wrapper-task .dlt-task-arrow-right-ajax {
width: 9px;
height: 20px;
float: right;
}
.dlt-wrapper .dlt-wrapper-task .dlt-task-arrow-left-empty,
.dlt-wrapper .dlt-wrapper-task .dlt-task-arrow-left {
width: 9px;
height: 20px;
float: left;
}
.dlt-taskInfo-showArrow .dlt-task-arrow-left,
.dlt-wrapper-resize-left .dlt-task-arrow-left,
.dlt-wrapper .dlt-wrapper-task .dlt-task-arrow-left:hover {
cursor: w-resize;
background: url(/img/resize-left.png);
}
.dlt-taskInfo-showArrow .dlt-task-arrow-right,
.dlt-wrapper-resize-right .dlt-task-arrow-right,
.dlt-wrapper .dlt-wrapper-task .dlt-task-arrow-right:hover {
cursor: e-resize;
background: url(/img/resize-right.png);
}
.planner-item-calendar.dlt-wrapper-task-move,
.planner-item-calendar.dlt-wrapper-task-move a,
.planner-item-calendar {
cursor: pointer;
}
.dlt-wrapper .dlt-wrapper-task .dlt-task-info {
float: left;
height: 20px;
overflow: hidden;
white-space: nowrap;
}
.dlt-wrapper .dlt-wrapper-task .dlt-task-info .dlt-task-info-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
padding: 2px 0px;
}
/* FF text-overflow hack */
@-moz-document url-prefix() {
.dlt-wrapper .dlt-wrapper-task .dlt-task-info div:first-child {
float: left;
overflow: hidden;
}
.dlt-wrapper .dlt-wrapper-task .dlt-task-info div + div {
float: right;
margin-top: -1.25em;
}
.dlt-wrapper .dlt-wrapper-task .dlt-task-info div + div::after {
content: '...';
padding: 10px 2px 0px 2px;
}
.dlt-wrapper .dlt-task-active .dlt-task-info div + div::after {
background: #E8EBF4;
}
.dlt-wrapper .dlt-task-active.dlt-task-marked .dlt-task-info div + div::after {
background: #E8EBF4;
background: #E8EBF4 url(/img/task-deadline-bg-active.png);
}
.dlt-wrapper .dlt-task-template .dlt-task-info div + div::after {
background: #dfbfe8;
}
.dlt-wrapper .dlt-task-template.dlt-task-marked .dlt-task-info div + div::after {
background: #dfbfe8;
background: #dfbfe8 url(/img/task-deadline-bg-active.png);
}
.dlt-wrapper .dlt-task-done .dlt-task-info div + div::after {
background: #DEF2DA;
}
.dlt-wrapper .dlt-task-done.dlt-task-marked .dlt-task-info div + div::after {
background: #DEF2DA;
background: #DEF2DA url(/img/task-deadline-bg-done.png);
}
.dlt-wrapper .dlt-task-completed .dlt-task-info div + div::after,
.dlt-wrapper .dlt-task-draft .dlt-task-info div + div::after,
.dlt-wrapper .dlt-task-delayed .dlt-task-info div + div::after {
background: #F6F6F6;
}
.dlt-wrapper .dlt-task-completed.dlt-task-marked .dlt-task-info div + div::after,
.dlt-wrapper .dlt-task-draft.dlt-task-marked .dlt-task-info div + div::after,
.dlt-wrapper .dlt-task-delayed.dlt-task-marked .dlt-task-info div + div::after {
background: #F6F6F6;
background: #F6F6F6 url(/img/task-deadline-bg-completed.png);
}
.dlt-wrapper .dlt-task-overdued .dlt-task-info div + div::after {
background: #FFF4F9;
}
.dlt-wrapper .dlt-task-overdued.dlt-task-marked .dlt-task-info div + div::after {
background: #FFF4F9;
background: #FFF4F9 url(/img/task-deadline-bg-overdued.png);
}
.dlt-wrapper .dlt-wrapper-task-fake .dlt-task-info div + div::after {
background: #FFFFFF url(/img/task-deadline-bg-completed.png);
}
}
.dlt-task-active a {
text-decoration: none;
}
.dlt-task-template {
background-color: #dfbfe8;
}
.dlt-task-template a {
text-decoration: none;
}
.dlt-task-template.dlt-task-marked {
background: #dfbfe8 url(/img/task-deadline-bg-active.png);
}
.dlt-task-template.dlt-wrapper-effect {
background-color: #7f00a3;
}
.dlt-task-done a {
color: var(--task-status-color-done, #30AB50);
text-decoration: none;
}
.dlt-task-delayed a {
color: #9D9D9D;
text-decoration: none;
}
.dlt-task-draft a {
color: var(--task-status-color-draft, #3D3F46);
text-decoration: none;
}
.dlt-task-completed a {
color: var(--task-status-color-canceled, #85878E);
text-decoration: line-through;
}
.dlt-task-overdued a {
color: var(--task-deadline-dead, #FD0000) !important;
text-decoration: none;
}
.dl-fake-tbl.dl-fake-tbl-calendar-week {
border-left: none;
}
.fake-tbl .fake-tbl-col {
border-top: 1px solid var(--planner-schedule-fake-tbl-border, #e6e6e6);
border-right: 1px solid var(--planner-schedule-fake-tbl-border, #e6e6e6);
display: inline-block;
vertical-align: top;
background: var(--white-black, #FFFFFF) url(/img/fake-tbl/row-bg.png);
}
.planner-block-schedule .fake-tbl .fake-tbl-col {
border-top: 1px solid var(--planner-schedule-header-border, #C9C9C9);
}
.fake-tbl .fake-tbl-last-row {
border-bottom: 1px solid var(--planner-schedule-fake-tbl-border, #e6e6e6);
}
.fake-tbl .fake-tbl-col-today {
background: var(--planner-schedule-today-bg, #FDFDD7) url(/img/fake-tbl/row-bg.png);
}
.fake-tbl .fake-tbl-notcurrentmonth {
background: var(--chosen-text-no-results-bg, #F4F4F4) url(/img/fake-tbl/row-bg.png);
}
.fake-tbl-h {
overflow: hidden;
}
.fake-tbl-h div {
display: inline-block;
text-align: center;
padding: 5px 0px;
border-right: 1px solid var(--white-black, #FFF);
font-size: 11pt;
}
.fake-tbl-h .fake-tbl-h-today-empty {
border-right: 1px solid var(--planner-schedule-today-bg, #FDFDD7);
background-color: var(--planner-schedule-today-bg, #FDFDD7);
}
.fake-tbl-h .fake-tbl-h-today {
background: var(--planner-schedule-today-bg, #FDFDD7);
border-top: 1px solid var(--planner-schedule-fake-tbl-border, #e6e6e6);
border-left: 1px solid var(--planner-schedule-fake-tbl-border, #e6e6e6);
border-right: 1px solid var(--planner-schedule-fake-tbl-border, #e6e6e6);
}
.fake-tbl-h .fake-tbl-h-today.fakelink {
color: var(--planner-schedule-today, #FF8A00);
}
/* переключатель месяцев */
.b-month-switcher {
overflow: hidden;
font-size: 22px;
color: #595959;
}
.b-month-switcher .b-month-switcher-over {
background-color: #F1F1F1;
}
.b-month-switcher .b-month-switcher-back {
border-left: 1px solid #C6C6C6;
border-bottom: 1px solid #C6C6C6;
border-right: 1px solid #C6C6C6;
-moz-border-radius: 0px 0px 0px 11px;
border-radius: 0px 0px 0px 11px;
cursor: pointer;
}
.b-month-switcher .b-month-switcher-back .b-msb-arrow {
float: left;
width: 32px;
height: 32px;
background: url(/img/arrow-orange-back.png) no-repeat center center;
margin-top: 6px;
margin-left: 11px;
}
.b-month-switcher .b-month-switcher-back .b-msb-label {
padding: 8px 27px 6px 26px;
float: left;
}
.b-month-switcher .b-month-switcher-forward {
width: 50%;
border-bottom: 1px solid #C6C6C6;
border-right: 1px solid #C6C6C6;
-moz-border-radius: 0px 0px 11px 0px;
border-radius: 0px 0px 11px 0px;
cursor: pointer;
}
.b-month-switcher .b-month-switcher-forward .b-msf-label {
padding: 8px 26px 6px 27px;
float: right;
}
.b-month-switcher .b-month-switcher-forward .b-msf-arrow {
float: right;
width: 32px;
height: 32px;
background: url(/img/arrow-orange-forward.png) no-repeat center center;
margin-top: 6px;
margin-right: 11px;
}
.b-month-switcher .b-month-switcher-over .b-msb-arrow,
.b-month-switcher .b-month-switcher-over .b-msf-arrow {
background: url(/img/indicator_smallwaitanim.gif) no-repeat center center;
}
/* аналитика */
.analitic-add-table td {
padding-right: 10px;
white-space: nowrap;
background: #fff;
}
.handbook-select-data-table.tbl-list .td-item {
padding-top: 3px;
padding-bottom: 3px;
}
.handbook-select-data-menu.cardmenu tr .edge,
.handbook-select-data-menu.cardmenu tr .edge div {
width: 0;
}
.handbook-select-data-menu.cardmenu tr .link {
padding-left: 0px;
}
.handbook-select-data-item {
cursor: pointer;
}
.handbook-select-data-button {
margin-left: 5px;
padding: 1px;
}
body:not(.classic-font) .handbook-list-container .b-before-green-block {
font-optical-sizing: none;
}
.add-analitic-block-parent .upload-file-separator {
width: 100%;
margin-left: -25px;
}
.add-analitic-block {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #BBBBBB;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 10px #E6E6E6;
color: #838383;
padding: 15px;
}
.add-analitic-block.add-analitic-block-existing {
display: none;
}
.upload-file-separator.add-analitic-block-existing {
display: none;
}
.select-analitic-block {
padding-bottom: 7px;
}
.select-analitic-block select {
width: 350px;
}
.remove-analitic-block {
cursor: pointer;
float: right;
height: 21px;
margin-right: -16px;
margin-top: -16px;
position: relative;
width: 20px;
text-align: center;
line-height: 21px;
}
.remove-analitic-block:hover .iconset-16px-close {
background-position: 0 -80px;
}
.tr-actions-body td .tbl-analitic-of-action-header-appendix,
.tr-actions-body-new td .tbl-analitic-of-action-header-appendix,
.b-task-description .tbl-analitic-of-action-header-appendix {
height: 10px;
margin-left: -25px;
background: #fff;
}
.tr-actions-body td .tbl-analitic-of-action-header-appendix div,
.tr-actions-body-new td .tbl-analitic-of-action-header-appendix div,
.b-task-description .tbl-analitic-of-action-header-appendix div {
height: 10px;
border-radius: 0px 4px 0px 0px;
-moz-border-radius: 0px 4px 0px 0px;
}
.tr-actions-body.tr-actions-body-active td .tbl-analitic-of-action-header-appendix div {
background: #F6F6F6;
}
.tr-actions-body-new td .tbl-analitic-of-action-header-appendix div {
background: #FEFED9;
}
.tr-actions-body td .tbl-analitic-of-action-header,
.tr-actions-body-new td .tbl-analitic-of-action-header,
.b-task-description .tbl-analitic-of-action-header {
padding: 7px 15px 7px 25px;
margin-left: -25px;
background: #fff;
border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
}
.tr-actions-body td .tbl-analitic-of-action-header .fakelink-dashed-red,
.tr-actions-body-new td .tbl-analitic-of-action-header .fakelink-dashed-red,
.b-task-description .tbl-analitic-of-action-header .fakelink-dashed-red {
color: #000;
padding-left: 0px;
}
.actions-item-v2 .actions-item-v2-reminders-block .tbl-analitic-of-action-container-div,
.tr-actions-body td .tbl-analitic-of-action-container-div,
.tr-actions-body-new td .tbl-analitic-of-action-container-div,
.b-task-description .tbl-analitic-of-action-container-div {
/*min-width: 410px;*/
border: 1px solid var(--task-action-rem-border, #ddd);
padding: 10px;
border-radius: 5px;
display: flex;
margin: 0 0 12px;
color: var(--billing-gray-label, #868686);
align-items: center;
background: var(--white-black, #fff);
}
.actions-item-v2 .actions-item-v2-reminders-block .tbl-analitic-of-action-container-div span:nth-child(2),
.tr-actions-body td .tbl-analitic-of-action-container-div span:nth-child(2),
.tr-actions-body-new td .tbl-analitic-of-action-container-div span:nth-child(2),
.b-task-description .tbl-analitic-of-action-container-div span:nth-child(2) {
margin: 0 5px;
width: 10px;
}
.actions-item-v2 .actions-item-v2-reminders-block .tbl-analitic-of-action-container-div.grid,
.tr-actions-body td .tbl-analitic-of-action-container-div.grid,
.tr-actions-body-new td .tbl-analitic-of-action-container-div.grid,
.b-task-description .tbl-analitic-of-action-container-div.grid {
width: 100%;
max-width: 410px;
min-width: 286px;
padding-bottom: 12px;
padding-top: 12px;
box-sizing: border-box;
}
.actions-item-v2 .actions-item-v2-reminders-block .tbl-analitic-of-action-container-div .reminder-grid,
.tr-actions-body td .tbl-analitic-of-action-container-div .reminder-grid,
.tr-actions-body-new td .tbl-analitic-of-action-container-div .reminder-grid,
.b-task-description .tbl-analitic-of-action-container-div .reminder-grid {
width: 100%;
display: grid;
grid-template-columns: 50% auto;
grid-row-gap: 4px;
grid-column-gap: 18px;
}
.periodicity-reminder-summary span {
margin: 0 0 0 6px;
}
tr[class*="periodicity-reminder-details"] {
display: none;
}
tr[class*="periodicity-reminder-details"] .grid-container {
display: flex;
width: 100%;
max-width: 500px;
min-width: 410px;
padding: 12px;
margin: 10px 0 15px 0;
border: 1px solid #ddd;
border-radius: 5px;
color: #868686;
background: #fff;
box-sizing: border-box;
}
tr[class*="periodicity-reminder-details"] .grid-container .periodicity-reminder-grid {
width: 100%;
display: grid;
grid-template-columns: 30% auto;
grid-row-gap: 4px;
grid-column-gap: 18px;
}
.tr-actions-body.tr-actions-body-active td .tbl-analitic-of-action-container-div td,
.tr-actions-body-new.tr-actions-body-active td .tbl-analitic-of-action-container-div td,
.tr-actions-body td .tbl-analitic-of-action-container-div td,
.tr-actions-body-new td .tbl-analitic-of-action-container-div td,
.b-task-description .tbl-analitic-of-action-container-div td {
background: none;
padding: 2px 0;
}
.tr-actions-body td .tbl-analitic-of-action,
.tr-actions-body-new td .tbl-analitic-of-action,
.b-task-description .tbl-analitic-of-action {
width: 100%;
}
/*.tr-actions-body td .tbl-analitic-of-action-container.tbl-analitic-of-action-container-reminder,
.tr-actions-body-new td .tbl-analitic-of-action-container.tbl-analitic-of-action-container-reminder {
padding-left: 77px;
}
.tr-actions-body td .tbl-analitic-of-action-container.tbl-analitic-of-action-container-analitic,
.tr-actions-body-new td .tbl-analitic-of-action-container.tbl-analitic-of-action-container-analitic {
padding-left: 140px;
}*/
.tr-actions-body td .tbl-analitic-of-action,
.tr-actions-body td .tbl-analitic-of-action td,
.tr-actions-body td .tbl-analitic-of-action th,
.tr-actions-body td .tbl-analitic-of-action-container,
.tr-actions-body-new td .tbl-analitic-of-action,
.tr-actions-body-new td .tbl-analitic-of-action td,
.tr-actions-body-new td .tbl-analitic-of-action th,
.tr-actions-body-new td .tbl-analitic-of-action-container,
.b-task-description .tbl-analitic-of-action,
.b-task-description .tbl-analitic-of-action td,
.b-task-description .tbl-analitic-of-action th,
.b-task-description .tbl-analitic-of-action-container {
text-align: left;
}
.tr-actions-body td .tbl-analitic-of-action .td-first,
.tr-actions-body-new td .tbl-analitic-of-action .td-first,
.b-task-description td .tbl-analitic-of-action .td-first {
width: 150px;
}
.tr-actions-body td .tbl-analitic-of-action .td-second,
.tr-actions-body-new td .tbl-analitic-of-action .td-second,
.tr-actions-body.tr-actions-body-active td .tbl-analitic-of-action .td-second,
.tr-actions-body-new.tr-actions-body-active td .tbl-analitic-of-action .td-second,
.b-task-description .tbl-analitic-of-action .td-second,
.b-task-description .tbl-analitic-of-action .td-second {
padding-left: 20px;
}
.tr-actions-body td .tbl-analitic-of-action-container,
.tr-actions-body-new td .tbl-analitic-of-action-container,
.b-task-description .tbl-analitic-of-action-container {
padding: 4px 0px 5px;
}
.tr-actions-body td .tbl-analitic-of-action .tr-separator-bold td,
.tr-actions-body-new td .tbl-analitic-of-action .tr-separator-bold td,
.b-task-description .tbl-analitic-of-action .tr-separator-bold td {
height: 2px;
overflow: hidden;
background: #C0C0C0;
padding: 0;
line-height: 0;
font-size: 0;
}
.tr-actions-body td .tr-analitic-of-action-space td,
.tr-actions-body-new td .tr-analitic-of-action-space td,
.b-task-description .tr-analitic-of-action-space td {
height: 5px;
overflow: hidden;
padding: 0;
line-height: 0;
font-size: 0;
}
.tr-actions-body td .tbl-analitic-of-action .tr-separator td,
.tr-actions-body-new td .tbl-analitic-of-action .tr-separator td,
.b-task-description .tbl-analitic-of-action .tr-separator td {
height: 1px;
overflow: hidden;
background: #C0C0C0;
padding: 0;
line-height: 0;
font-size: 0;
}
/* время */
/* gray */
.tr-taskstatus-accepted .dl-task-time,
.tr-taskstatus-active .dl-task-time,
.tr-taskstatus-completed .dl-task-time,
.tr-taskstatus-canceled .dl-task-time,
.tr-taskstatus-delayed .dl-task-time,
.tr-taskstatus-done .dl-task-time {
background-color: #FD0000;
padding: 2px 8px;
color: #FFFFFF;
font-weight: normal;
}
.tr-taskstatus-completed .dl-task-time,
.tr-taskstatus-canceled .dl-task-time,
.tr-taskstatus-delayed .dl-task-time {
background-color: #9D9D9D;
}
/* blue */
.tr-taskstatus-accepted .dl-task-time,
.tr-taskstatus-active .dl-task-time {
background-color: var(--task-status-color-active, #1b7FE8);
}
/* green */
.tr-taskstatus-done .dl-task-time {
background-color: var(--task-status-color-done, #30AB50);
}
/* red */
.tr-taskdeadline-dead .dl-task-time {
background-color: var(--task-deadline-dead, #FD0000);
}
.report-current-filter {
padding: 10px 0px 30px;
font-size: 13px;
}
.notifyed-tip-block {
color: #999999;
padding: 10px;
position: absolute;
width: 150px;
z-index: 2;
}
/* окно с инфой о сотруднике*/
.show-info-user-dialog .tbl-card {
font-size: 10pt;
}
.show-info-user-dialog .show-info-user-pic {
float: left;
padding: 20px;
}
.show-info-user-dialog .show-info-user-name {
font-size: 22px;
font-weight: bold;
padding-top: 15px;
}
/*** Create Analitic ***/
.tr-analitic-field td {
background: #FFF;
padding: 3px 0;
}
.tr-analitic-field-separator td {
height: 3px;
overflow: hidden;
padding: 0;
line-height: 0;
font-size: 0;
}
.tr-analitic-field-head td {
padding: 0px 0px 5px;
}
.tr-analitic-field .td-analitic-field-first {
padding-left: 10px;
border-left: 1px solid #EEE;
cursor: pointer;
}
.tr-analitic-field .td-analitic-field-top {
border-top: 1px solid #EEE;
padding-top: 7px;
}
.tr-analitic-field .td-analitic-field-first.td-analitic-field-top {
border-top-left-radius: 15px;
-moz-border-radius-topleft: 15px;
}
.tr-analitic-field .td-analitic-field-first.td-analitic-field-bottom {
border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
}
.tr-analitic-field .td-analitic-field-last.td-analitic-field-top {
border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
}
.tr-analitic-field .td-analitic-field-last.td-analitic-field-bottom {
border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
}
.tr-analitic-field .td-analitic-field-last {
border-right: 1px solid #EEE;
text-align: right;
padding-right: 10px;
padding-top: 5px;
}
.tr-analitic-field .td-analitic-field-bottom {
border-bottom: 1px solid #EEE;
padding-bottom: 7px;
}
.tr-analitic-field .icon-move {
display: inline-block;
width: 16px;
height: 16px;
background: url("/img/grippy.png") no-repeat center center;
}
.tr-analitic-field select.text-box {
margin-top: 0;
height: 27px;
}
.tr-analitic-field input.text-box {
margin-top: 0;
height: 23px;
}
.tr-analitic-field .analitic-field-additional-field-wr {
display: block;
padding-bottom: 4px;
}
.tbl-new-action .td-analitic-access-h,
.tbl-new-action .td-analitic-access-h.td-item {
padding: 15px;
}
.td-analitic-access-h > div {
display: inline-block;
}
.td-analitic-access-h .b-analitic-access-h-ico-hidden {
width: 42px;
height: 32px;
background: url('/img/iconset/32px.png') no-repeat 0 -128px;
vertical-align: top;
}
.td-analitic-access-h .b-analitic-access-h-ico-ok {
width: 42px;
height: 32px;
background: url('/img/iconset/32px.png') no-repeat 0 -160px;
vertical-align: top;
}
.tbl-createanalitic-writeaccess .tooltip-actions {
width: 755px;
}
.tbl-createanalitic-writeaccess.task-statuses {
margin-top: 30px;
}
.tbl-createanalitic-writeaccess.task-statuses .title {
font-size: 16px;
}
.tbl-createanalitic-writeaccess.task-statuses .rule-name {
color: #838383;
margin-right: 20px;
font-size: 12px;
}
.td-analitic-access-h .b-analitic-access-h-text {
border-right: 1px solid #A5A5A5;
}
.td-analitic-access-h .b-analitic-access-h-text .b-analitic-access-h-text-header {
color: #535353;
font-weight: bold;
font-size: 12pt;
display: inline-block;
padding-bottom: 3px;
}
.td-analitic-access-h .b-analitic-access-h-text .b-analitic-access-h-text-common {
display: inline-block;
width: 430px;
padding-right: 25px;
line-height: 1.5;
}
.td-analitic-access-h .b-analitic-access-h-switch {
vertical-align: top;
padding-left: 25px;
}
.td-analitic-access-h .b-analitic-access-h-switch-hidden {
padding-top: 20px;
}
.td-analitic-access-h .b-analitic-access-h-switch-ok {
padding-top: 11px;
}
.td-analitic-access-h .b-analitic-access-h-switch-hidden .b-analitic-access-h-switch-ico {
width: 16px;
height: 16px;
display: inline-block;
background: url('/img/iconset/16px.png') no-repeat 0 -976px;
vertical-align: middle;
margin-right: 4px;
}
.td-analitic-access-h .b-analitic-access-h-switch-ok .b-analitic-access-h-switch-ico {
width: 16px;
height: 16px;
display: inline-block;
background: url('/img/iconset/16px.png') no-repeat 0 -416px;
vertical-align: middle;
margin-right: 4px;
}
/***** Action Reminders ******/
.action-reminder-block {
background: #FFFFFF;
border: 1px solid #BBBBBB;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 10px #E6E6E6;
color: #838383;
padding: 15px;
line-height: 24px;
}
.action-reminder-block select,
.action-reminder-block input {
margin-right: 10px;
}
.action-reminder-block .action-reminder-label {
display: inline-block;
width: 120px;
}
.action-reminder-block .action-reminder-block-data {
white-space: nowrap;
}
.reminder-is-done,
.reminder-is-not-done {
margin-left: -20px;
padding-right: 4px;
vertical-align: bottom;
}
/**** Правила доступа к аккаунту ***/
.access-rule-container {
width: 100%;
}
.access-rule-container .access-rule-table {
width: 100%;
margin-top: -10px;
}
.access-rule-container .access-rule-cell {
font-size: 16pt;
padding-bottom: 10px;
}
.access-rule-container .compressed {
width: 627px;
}
.access-rule-container .compressed textarea {
background: 0;
font-size: 15px;
line-height: 1.6em;
}
.access-rule-container .compressed .text-block {
min-height: 27px;
line-height: 1.7em;
}
.access-rule-container .compressed .no-value {
min-height: 27px;
line-height: 1.7em;
margin-top: 38px !important;
}
.access-rule-container .access-rule-input {
width: 525px;
font-size: 22px;
}
.access-rule-container .access-rule-ip-add {
width: 130px;
padding: 0 10px 10px;
}
.access-rule-container .access-rule-ip-cell {
padding: 0 10px 10px;
}
.access-rule-container .access-rule-ip-cell .access-rule-ip-select,
.access-rule-container .access-rule-ip-cell .access-rule-net-select {
width: 230px;
}
.access-rule-container .access-rule-apply {
padding: 35px 0 20px;
font-size: 12pt;
}
.access-rule-container .access-rule-create {
text-align: center;
vertical-align: middle;
width: 54px;
padding-top: 21px;
}
.access-rule-container .access-rule-logins {
padding: 0;
margin: 0;
border-spacing: 0;
font-size: 10pt;
width: 600px;
}
.access-rule-container .access-rule-logins .text-box {
width: 175px;
}
.access-rule-container .access-rule-logins .text-box:last-child {
display: block;
}
.access-rule-container .access-rule-save {
padding-top: 15px;
padding-bottom: 10px;
padding-right: 20px;
white-space: nowrap;
}
.access-rule-container .pt {
padding-top: 10px;
}
.access-rule-container .pr {
padding-right: 10px;
}
.tbl-access-rule td {
font-size: 13px;
}
.tr-access-rule-disabled a {
color: #aaa;
border-bottom: 1px dotted #aaa;
}
.access-rule-type-switcher {
width: 165px;
height: 130px;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
list-style-type: none;
}
.access-rule-type-switcher li {
width: 150px;
height: 25px;
padding-top: 10px;
text-align: center;
cursor: pointer;
display: inline-block;
background: #eee;
border-radius: 10px;
-moz-border-radius: 10px;
margin-top: 10px;
}
.access-rule-type-switcher li.access-rule-type-selected {
width: 165px;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
position: relative;
background: #fff;
}
.access-rule-type-switcher li.access-rule-type-first {
margin-top: 0;
}
.access-rule-network-data {
width: 460px;
height: 150px;
display: inline-block;
border: 1px solid #e7e7e7;
vertical-align: top;
border-radius: 0 10px 10px;
background: #ffffff;
}
.access-rule-network-data > div {
display: none;
}
.access-rule-network-data div.access-rule-network-data-all {
text-align: center;
padding-top: 50px;
}
.access-rule-network-data div.access-rule-network-data-ip {
padding: 30px 15px;
}
.access-rule-network-data div.access-rule-network-data-net {
padding: 10px 15px;
}
.access-rule-network-data div.access-rule-network-data-ip table,
.access-rule-network-data div.access-rule-network-data-net table {
width: 100%;
}
.access-rule-network-data div.access-rule-network-data-ip table td,
.access-rule-network-data div.access-rule-network-data-net table td {
vertical-align: top;
}
.access-rule-network-data div.access-rule-network-data-ip span,
.access-rule-network-data div.access-rule-network-data-net span {
display: inline-block;
height: 16px;
padding-top: 4px;
}
.access-rule-network-data div.access-rule-network-data-ip .b-oneletter-btn-add {
margin-top: 12px;
}
.access-rule-network-data div.access-rule-network-data-net .b-oneletter-btn-add {
margin-top: 40px;
}
.access-rule-network-data div.access-rule-network-data-net select {
margin-top: 22px;
}
.access-rule-network-data div.access-rule-network-data-ip input.text-box,
.access-rule-network-data div.access-rule-network-data-net input.text-box {
font-size: 12pt;
width: 130px;
padding: 5px;
}
.access-rule-only-worktime-container {
text-align: right;
font-size: 9.5pt;
}
.access-rule-only-worktime-container .check-box {
margin: 0 3pt 1.5pt;
vertical-align: bottom;
}
/***********************************/
.user-notifications-ul {
padding-left: 15px;
}
.user-notifications-subheader {
font-weight: bold;
font-size: 11pt;
border-radius: 5px;
-moz-border-radius: 5px;
width: 750px;
background: #EDEDED;
padding: 5px 7px;
}
.user-notifications-check-block {
margin-right: 20px;
}
.user-notifications-check-block-disabled,
.user-notifications-li-disabled {
color: #9c9c9c;
}
/*************** Сводка задач в разделе ПФ ********************/
.planfix-tasks-summary-today-header,
.planfix-tasks-summary-tomorrow-header,
.planfix-tasks-summary-overdued-header {
font-size: 12pt;
font-weight: bold;
}
.planfix-tasks-summary-tomorrow-header {
color: #9c9c9c;
}
.planfix-tasks-summary-overdued-header {
color: var(--task-deadline-dead, #FD0000);
}
.tbl-list-summary-today {
margin-top: 10px;
}
.tbl-list-summary-tomorrow,
.tbl-list-summary-overdued {
margin-top: 40px;
}
.tbl-list .tr-summary-after-space td {
height: 40px;
overflow: hidden;
line-height: 0;
font-size: 0;
}
.tbl-list .tr-summary-inner-space td {
height: 7px;
overflow: hidden;
line-height: 0;
font-size: 0;
}
.tr-taskdeadline-dead .fakelink-dashed,
.tr-taskdeadline-dead .fakelink-dashed-red {
color: var(--task-deadline-dead, #FD0000);
}
.tbl-list .disabled-row .fakelink-dashed,
.tr-taskstatus-completed .fakelink-dashed,
.tr-taskstatus-canceled .fakelink-dashed,
.tr-taskstatus-delayed .fakelink-dashed,
.tbl-list .disabled-row .fakelink-dashed-red,
.tr-taskstatus-completed .fakelink-dashed-red,
.tr-taskstatus-canceled .fakelink-dashed-red,
.tr-taskstatus-delayed .fakelink-dashed-red {
color: var(--task-status-color-canceled, #85878E);
}
.tr-taskstatus-draft .fakelink-dashed,
.tr-taskstatus-draft .fakelink-dashed-red {
color: var(--task-status-color-draft, #3D3F46);
}
.tr-taskstatus-done .fakelink-dashed,
.tr-taskstatus-done .fakelink-dashed-red {
color: var(--task-status-color-done, #30AB50);
}
/********************** Карточка клиента ************************************/
.tbl-client-card {
width: 100%;
}
.tbl-client-card > tbody > tr > td.td-right {
padding-right: 20px;
border-right: 1px solid #E2E2E2;
box-shadow: 3px 0px 2px -2px #eee;
vertical-align: top;
}
.tbl-client-card > tbody > tr > td.td-left {
padding-left: 20px;
vertical-align: top;
}
.tbl-client-card td.td-left .left-header {
width: 100%;
border-bottom: 1px dashed #D4D4D4;
font-size: 11pt;
padding: 7px 0;
}
.tbl-client-card td.td-left .add-contact {
font-size: 10pt;
margin-bottom: 8px;
margin-left: 8px;
margin-top: 7px;
padding-left: 20px;
cursor: pointer;
width: auto;
}
/******************* Таблица доступа к клиентам *****************************/
.tbl-access-control {
margin-top: 10px;
font-size: 13px;
border-collapse: collapse;
}
.tbl-access-control .tr-access-header td {
padding-bottom: 5px;
border-bottom: 1px dashed #D4D4D4;
}
.tbl-access-control .tr-access-header td.td-access-field-header {
text-align: center;
}
.tbl-access-control .tr-access-sub-header input {
padding: 5px 3px;
border: 1px solid #D9D9D9;
font-size: 13px;
width: 270px;
}
.tbl-access-control .tr-access-sub-header input::-moz-placeholder {
color: #bbb;
}
.tbl-access-control .tr-access-sub-header input::-webkit-input-placeholder {
color: #bbb;
}
.tbl-access-control .tr-access-sub-header td {
font-size: 12px;
padding-top: 10px;
}
.tbl-access-control .tr-access-sub-header td.td-access-field-header {
text-align: center;
}
.tbl-access-control .tr-access-sub-header .td-access-global-switch {
width: 55px;
height: 24px;
text-align: center;
padding: 0 0 6px;
line-height: 0;
font-size: 0;
}
.tbl-access-control .tr-access-sub-header .td-access-global-switch .access-switcher {
width: 24px;
height: 24px;
display: inline-block;
cursor: pointer;
}
.tbl-access-control .tr-access-sub-header .td-access-global-switch.td-access-global-switch-allow .access-switcher {
background: url('/img/ico-round-ok-24.png');
}
.tbl-access-control .tr-access-sub-header .td-access-global-switch.td-access-global-switch-deny .access-switcher {
background: url('/img/ico-round-cancel-24.png');
}
.tbl-access-control .tr-access-item .td-access-name {
font-size: 11pt;
padding-right: 20px;
border-bottom: 1px solid #eee;
}
.tbl-access-control .tr-access-item.tr-access-all .td-access-name {
font-style: italic;
}
.tbl-access-control .tr-access-item .td-access-have-access {
min-width: 100px;
padding: 0 3px 0 3px;
border-bottom: 1px solid #eee;
}
.tbl-access-control .tr-access-item .td-access-have-access div {
display: inline-block;
vertical-align: middle;
margin-top: 1px;
margin-bottom: 1px;
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-add {
width: 26px;
height: 17px;
background: url('/img/access-item-add.png') no-repeat;
cursor: pointer;
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-add-control {
position: absolute;
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-add-control > div {
display: inline-block;
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-add-control .have-access-add-control-start {
width: 19px;
height: 44px;
background: url('/img/access-add-start.png');
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-add-control .have-access-add-control-middle {
height: 35px;
padding: 11px 5px 0;
background: url('/img/access-add-middle.png');
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-add-control .have-access-add-control-middle select {
width: 150px;
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-add-control .have-access-add-control-middle .have-access-add-control-ok {
width: 14px;
height: 15px;
background: url('/img/ico-round-ok.gif');
margin: 5px 9px 0 8px;
cursor: pointer;
vertical-align: top;
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-add-control .have-access-add-control-middle .have-access-add-control-cancel {
width: 14px;
height: 15px;
background: url('/img/ico-round-cancel.gif');
margin: 5px 3px 0 0;
cursor: pointer;
vertical-align: top;
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-add-control .have-access-add-control-end {
width: 9px;
height: 44px;
background: url('/img/access-add-end.png');
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-item {
font-size: 12px;
background: #F2F2F2;
padding: 1px 7px;
margin-right: 2px;
cursor: pointer;
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-item .have-access-item-del {
width: 7px;
height: 7px;
background: url('/img/ico-cross-gray-light.gif') no-repeat;
margin: 2px 0px 0 7px;
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-item .have-access-item-del:hover {
background: url('/img/ico-cross-gray-dark.gif') no-repeat;
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-item.have-access-item-selected {
background: #C4C4C4;
}
.tbl-access-control .tr-access-item .td-access-have-access .have-access-item.have-access-item-selected .have-access-item-del {
background: url('/img/ico-cross-gray-dark.gif') no-repeat;
}
.tbl-access-control .tr-access-item .td-access-square-break {
width: 50px;
}
.tbl-access-control .tr-access-item .td-access-square {
width: 55px;
height: 30px;
border: 1px solid #fff;
background: #eee;
}
.tbl-access-control .tr-access-item .td-access-square-allow {
background: #9BCA7F;
}
.tbl-access-control .tr-access-item .td-access-square-deny {
background: #FCC8BC;
}
/************* Account Interaction Block****************************************/
.acc-interaction-control .td-acc {
background: var(--acc-interaction-control, #E7EDE2);
padding: 7px 40px;
text-align: center;
line-height: 1.5;
}
.acc-interaction-control .td-links {
padding: 7px;
}
.acc-interaction-control .acc-link-to,
.acc-interaction-control .acc-link-from {
position: relative;
margin-left: -35px;
}
.acc-interaction-control .acc-link-to div,
.acc-interaction-control .acc-link-from div {
display: inline-block;
vertical-align: middle;
}
.acc-interaction-control .acc-link-to .acc-link-to-start {
width: 19px;
height: 44px;
background: url('/img/access-add-start.png');
}
.acc-interaction-control .acc-link-from .acc-link-from-start {
width: 19px;
height: 44px;
background: url('/img/access-add-start-reverted.png');
}
.acc-interaction-control .acc-link-to .acc-link-to-middle,
.acc-interaction-control .acc-link-from .acc-link-from-middle {
height: 35px;
padding: 11px 5px 0 15px;
background: url('/img/access-add-middle.png');
width: 200px;
line-height: 21px;
}
.acc-interaction-control .acc-link-from .acc-link-from-middle {
text-align: right;
padding: 11px 15px 0 5px;
}
.acc-interaction-control .acc-link-to .acc-link-to-middle .acc-link-to-del {
width: 20px;
height: 21px;
background: url('/img/ico-square-close.png');
margin: 1px 3px 0;
cursor: pointer;
vertical-align: top;
float: right;
}
.acc-interaction-control .acc-link-from .acc-link-from-middle .acc-link-from-del {
width: 20px;
height: 21px;
background: url('/img/ico-square-close.png');
margin: 1px 3px 0;
cursor: pointer;
vertical-align: top;
float: left;
}
.acc-interaction-control .acc-link-to .acc-link-to-end {
width: 9px;
height: 44px;
background: url('/img/access-add-end.png');
}
.acc-interaction-control .acc-link-from .acc-link-from-end {
width: 9px;
height: 44px;
background: url('/img/access-add-end-reverted.png');
}
.acc-interaction-control .acc-link-ask-email {
width: 420px;
padding-top: 10px;
}
.acc-interaction-control .acc-link-ask-email .acc-link-ask-email-input,
.acc-interaction-control .acc-link-ask-email .acc-link-ask-email-buttons {
display: inline-block;
vertical-align: middle;
padding-top: 5px;
}
.acc-interaction-control .acc-link-ask-email .acc-link-ask-email-input {
padding-right: 10px;
}
.img-star {
cursor: pointer;
}
.img-star .loader,
.img-star .loader::after {
width: 10px;
height: 10px;
}
.b-green-block .img-star,
.task-name .img-star {
font-size: 0;
margin-left: 10px;
vertical-align: baseline;
}
.dlt-item-info .img-star {
margin-top: -3px;
margin-right: 2px;
}
.dlt-item-info .img-star svg {
margin-top: 3px;
}
.dlt-item-info .svg-ok,
.dlt-item-info .svg-alarm {
vertical-align: middle;
margin: -2px 4px 0 2px;
}
.tr-tasktype-template .img-lamp[data-lamp="0"] {
display: none;
}
.tr-tasktype-template:hover .img-lamp[data-lamp="0"] {
display: inline-block;
}
.tr-tasktype-template .img-lamp-ajax {
background: url('/img/indicator_menu.gif') center center no-repeat;
}
/*********** Параметры отчета **************************************/
.report-params-container td {
padding: 7px 0;
}
.report-params-container td:first-child {
padding-left: 7px;
}
.report-params-container .report-params-filter td {
background: var(--email-filter-if-case-bg, #ECF3ED);
border-top: 1px solid var(--report-params-filter-border, #C6CDDB);
}
.report-params-container .report-params-filter-item {
margin: 3px;
}
.report-params-container .report-params-filter-item:hover .report-params-container .report-params-filter-item-close {
visibility: visible;
}
.report-params-container .report-params-filter-item-type {
background: none repeat scroll 0 0 var(--report-params-filter-bg, #C2CFC4);
display: inline-block;
padding: 5px 6px 6px;
height: 22px;
vertical-align: bottom;
overflow: hidden;
}
.report-params-container .report-params-filter-item-type select {
width: 150px;
}
.report-params-container .report-params-filter-item-type-tail {
border-bottom: 16px solid transparent;
border-left: 16px solid var(--report-params-filter-bg, #C2CFC4);
border-top: 16px solid transparent;
display: inline-block;
height: 0;
vertical-align: bottom;
width: 0;
}
.report-params-container .report-params-filter-item-operator {
margin-left: 20px;
display: inline-block;
padding: 0 0 2px;
vertical-align: bottom;
}
.report-params-container .report-params-filter-item-operator > select {
width: 125px;
padding: 5px 5px 3px;
}
.report-params-container .report-params-filter-item-operator .chzn-container {
vertical-align: bottom;
}
.report-params-container .report-params-filter-item-value {
display: inline-block;
margin-left: 20px;
vertical-align: top;
margin-top: 2px;
}
.report-params-container .report-params-filter-item-value select {
width: 300px;
}
.report-params-container .report-params-filter-item-value input {
display: inline-block;
font-size: 16pt;
vertical-align: bottom;
width: 150px;
margin: 0;
}
.report-params-container .report-params-filter-item-close {
background: url('/img/ico-square-close.png');
width: 20px;
height: 21px;
margin: 0 0 7px 10px;
display: inline-block;
visibility: hidden;
cursor: pointer;
vertical-align: bottom;
}
.report-params-container .report-params-groupby td {
background: var(--report-params-groupby-bg, #E9EEFF);
border-top: 1px solid var(--report-params-groupby-border, #C7CEDC);
}
.report-params-container .report-params-groupby td .report-params-add-groupby-wrapper > div {
display: inline-block;
vertical-align: top;
}
.report-params-container .report-params-groupby td .report-params-add-groupby-wrapper > div.report-params-groupby-item {
display: inline-flex;
align-items: center;
}
.report-params-container .report-params-groupby .report-params-add-groupby-wrapper {
display: flex;
align-items: flex-start;
max-width: 695px;
flex-wrap: wrap;
}
.report-params-container .report-params-groupby .report-params-add-groupby {
border-left: 1px solid var(--report-params-groupby-after-border, #C2C2C2);
border-top: 1px solid var(--report-params-groupby-after-border, #C2C2C2);
border-bottom: 1px solid var(--report-params-groupby-after-border, #C2C2C2);
height: 18px;
background: var(--white-black, #fff);
padding: 2px 5px 0;
cursor: pointer;
margin: 8px 0;
padding-right: 18px;
position: relative;
}
.report-params-container .report-params-groupby .report-params-add-groupby::after {
position: absolute;
content: '';
height: 8px;
width: 2px;
background-color: var(--report-params-add, #62A70A);
top: 6px;
right: 8px;
}
.report-params-container .report-params-groupby .report-params-add-groupby::before {
position: absolute;
content: '';
height: 2px;
width: 8px;
background-color: var(--report-params-add, #62A70A);
top: 9px;
right: 5px;
}
.report-params-container .report-params-groupby .report-params-add-groupby-end {
position: relative;
cursor: pointer;
margin: 8px 0;
border: 11px solid transparent;
border-left-color: var(--report-params-groupby-after-border, #C2C2C2);
}
.report-params-container .report-params-groupby .report-params-add-groupby-end::before {
content: "";
position: absolute;
top: -10px;
left: -11px;
border: 10px solid transparent;
border-left-color: var(--white-black, #fff);
}
.report-params-container .report-params-groupby-after {
border-left: 1px solid var(--report-params-groupby-after-border, #C2C2C2);
border-top: 1px solid var(--report-params-groupby-after-border, #C2C2C2);
border-bottom: 1px solid var(--report-params-groupby-after-border, #C2C2C2);
height: 18px;
background: var(--white-black, #fff);
padding: 2px 5px 0;
cursor: pointer;
margin: 8px 0;
}
.report-params-container .report-params-groupby-after-end {
position: relative;
cursor: pointer;
margin: 8px 10px 0 0;
border: 11px solid transparent;
border-left-color: var(--report-params-groupby-after-border, #C2C2C2);
}
.report-params-container .report-params-groupby-after-end::before {
content: "";
position: absolute;
top: -10px;
left: -11px;
border: 10px solid transparent;
border-left-color: var(--white-black, #fff);
}
.g-popup-win-scroll .report-params-container .report-params-groupby td {
max-width: 600px;
}
.report-params-groupby-item {
margin-right: 10px;
padding: 5px 5px 7px;
background: var(--report-params-sort, #C1D4F4);
}
.report-params-groupby-item > div {
display: inline-block;
}
.report-params-groupby-item-select select {
width: 150px;
}
.report-params-groupby-item-close {
width: 20px;
height: 21px;
margin: 0 0 0 5px;
visibility: hidden;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.report-params-groupby-item:hover .report-params-groupby-item-close {
visibility: visible;
}
.report-params-groupby-item-move {
background: url("/img/grippy.png") no-repeat scroll center center transparent;
cursor: url("/img/openhand.cur"), move;
display: inline-block;
height: 14px;
width: 6px;
vertical-align: bottom;
margin: 0 4px 3px 0;
}
.report-name {
color: var(--confirm-win-head-bg, #4B4B4B);
font-size: 17pt;
overflow: hidden;
padding: 10px 5px;
}
.report-progress-container {
margin: auto;
width: 400px;
height: 60vh;
display: grid;
align-content: center;
}
.report-progress-container .report-progress-captions-top {
color: var(--chosen-text, #333333);
font-size: 19px;
text-align: center;
}
.report-progress-container .report-progress-captions-top .report-progress-top-percent {
color: var(--core-dropdown-text, #9C9C9C);
}
.report-progress-container .report-progress-bar-wrap {
height: 3px;
border-radius: 2px;
background-color: var(--report-progress-bar-wrap, #E9EAF2);
margin: 20px 0 10px 0;
}
.report-progress-container .report-progress-bar-wrap .report-progress-bar {
height: 3px;
border-radius: 2px;
background: linear-gradient(90deg, #28B2FF 0%, #25F65B 52.38%, #C8F70C 100%);
max-width: 100%;
}
.report-progress-container .report-progress-bar-wrap .report-progress-bar-fail {
height: 3px;
border-radius: 2px;
background-color: #EA2525;
max-width: 100%;
}
.report-progress-container .report-progress-captions-bottom {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 16px;
overflow: hidden;
text-align: center;
}
.report-progress-container .report-progress-captions-warning {
color: var(--task-deadline-dead, #fd0000);
display: none;
font-size: 10pt;
text-align: center;
padding-top: 15px;
}
.svg-report-arrow svg {
width: 17px;
height: 7px;
}
.svg-report-arrow svg polyline {
fill: transparent;
stroke: var(--menu-logined-popup-list-border, #ccc);
}
/****/
.task-template-title {
color: var(--template-color, #7f00a3) !important;
}
.task-template-title a {
color: var(--template-color, #7f00a3) !important;
}
/************************** Доступ к шаблонам ***************************/
.td-template-access-h {
padding: 15px 5px 5px 0 !important;
}
.td-template-access-h > div {
display: inline-block;
}
.td-template-access-h .template-access-h-ico-hidden {
width: 42px;
height: 32px;
vertical-align: top;
}
.td-template-access-h .template-access-h-ico-hidden .ico-ok {
display: none;
}
.td-template-access-h .template-access-h-ico-hidden .ico-hidden {
display: inherit;
}
.td-template-access-h .template-access-h-ico-ok {
width: 42px;
height: 32px;
vertical-align: top;
}
.td-template-access-h .template-access-h-ico-ok .ico-ok {
display: inherit;
}
.td-template-access-h .template-access-h-ico-ok .ico-hidden {
display: none;
}
.td-template-access-h .template-access-h-text {
color: var(--setting-columns-text, #535353);
font-weight: bold;
font-size: 12pt;
display: inline-block;
padding-top: 5px;
}
.td-template-access {
line-height: 2.3;
padding-top: 10px !important;
}
.td-template-access input[type="radio"] {
vertical-align: bottom;
margin-bottom: 9px;
margin-right: 10px;
}
/******************** Новые стили редактирования задачи ************************/
.shadow-separator-top,
.shadow-separator-bottom {
position: relative;
background: #fff;
padding: 0px 10px;
font-size: 12pt;
height: 20px;
}
.shadow-separator-bottom {
margin: -15px -10px 15px;
}
.shadow-separator-top {
margin: 5px -10px 0;
}
.shadow-separator-top:before,
.shadow-separator-top:after,
.shadow-separator-bottom:before,
.shadow-separator-bottom:after {
content: "";
position: absolute;
z-index: -2;
}
.shadow-separator-top:before,
.shadow-separator-bottom:before {
left: 7px;
right: 7px;
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
-moz-border-radius: 100px / 10px;
border-radius: 100px / 10px;
}
.shadow-separator-top:before {
top: 0;
bottom: 50%;
}
.shadow-separator-bottom:before {
top: 50%;
bottom: 0;
}
.task-create-status-block {
display: inline-block;
min-width: 150px;
padding-right: 15px;
overflow: hidden;
}
.task-create-status-block strong {
color: #838383;
margin-right: 7px;
display: inline-block;
}
.task-create-client-block,
.project-create-client-block {
float: right;
height: 40px;
line-height: 40px;
}
.task-create-client-block > span:first-child,
.project-create-client-block > span:first-child {
color: #838383;
margin-right: 7px;
display: inline-block;
}
.task-create-client-block #ClientLink,
.project-create-client-block .clientSwitch {
display: inline-block;
line-height: normal;
margin-bottom: -4px;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
.project-template-label {
display: inline-block;
line-height: normal;
margin-bottom: -4px;
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
.task-owner-ico,
.project-owner-ico {
vertical-align: middle;
margin-right: 15px;
width: 40px;
height: 40px;
display: inline-block;
}
.task-add-block {
display: inline-block;
margin-right: 10px;
cursor: pointer;
}
.task-add-block:hover .iconset-16px-attachment {
background-position: 0 -448px;
}
.task-add-block:hover .iconset-16px-check {
background-position: 0 -480px;
}
.task-add-block:hover .iconset-16px-analitic {
background-position: 0 -512px;
}
.task-add-block:hover .iconset-16px-reminder {
background-position: 0 -544px;
}
.task-add-block:hover .iconset-16px-calendar {
background-position: 0 -1040px;
}
.task-add-block:hover .iconset-16px-worker {
background-position: 0 -288px;
}
.task-add-block:hover .iconset-16px-periodic {
background-position: 0 -608px;
}
.task-bottom-save-as-template-img {
margin-left: 9px;
margin-right: 1px;
}
.task-attachment-edit {
margin: 0 2px;
display: none;
cursor: pointer;
float: right;
}
.task-attachment-edit.svg-icon-16px.gray:hover {
stroke: #f58020;
}
.task-existing-periodicity .td-item-second {
padding-right: 10px;
}
.task-existing-periodicity .td-item-second .task-create-periodicity-summary {
height: 21px;
line-height: 21px;
margin-left: -15px;
margin-top: -3px;
padding-bottom: 3px;
padding-left: 15px;
padding-top: 3px;
}
.task-existing-periodicity .td-item-second .task-attachment-edit,
.task-existing-periodicity .td-item-second .task-attachment-del {
display: inline-block;
margin-top: 3px;
vertical-align: top;
float: right;
cursor: pointer;
}
.task-existing-periodicity .td-item-second .task-attachment-edit.task-attachment-del,
.task-existing-periodicity .td-item-second .task-attachment-del.task-attachment-del {
margin-right: 10px;
}
.analitics-summary,
.reminders-summary,
.checklist-summary {
padding-bottom: 10px;
}
.analitics-summary,
.checklist-summary {
display: none;
}
.reminders-summary-item {
white-space: nowrap;
display: inline-block;
margin-bottom: 5px;
}
.reminders-summary-item::after {
content: ', ';
padding-right: 5px;
}
.reminders-summary-item:last-child::after {
content: '';
}
.task-periodicity-reminders .td-label {
padding: 15px 0 0 0;
vertical-align: top;
}
.task-periodicity-reminders .td-items {
padding: 10px 10px 0 15px;
}
.task-periodicity-reminders .td-items div {
margin: 0 0 5px 0;
}
.task-periodicity-reminders .td-items div span {
margin: 0 0 0 5px;
}
.action-periodicity-reminders td {
padding: 0 0 15px 0;
}
.action-periodicity-reminders .items .item {
margin: 5px 0 5px 0;
}
.action-periodicity-reminders .items .item span {
margin: 0 0 0 5px;
}
.tr-actions-body-draft .td-actions-wrapper .left-icon,
.tr-actions-body .td-actions-wrapper .left-icon {
margin-right: 6px;
}
.tr-actions-body-draft .td-actions-wrapper .icon-analitic-lock,
.tr-actions-body .td-actions-wrapper .icon-analitic-lock {
margin-left: 6px;
}
.tr-actions-body-draft .td-actions-wrapper .actions-item-normal-bubble-string,
.tr-actions-body .td-actions-wrapper .actions-item-normal-bubble-string {
padding-top: 10px;
}
.tr-actions-body-draft .td-actions-wrapper .fakelink-dashed,
.tr-actions-body .td-actions-wrapper .fakelink-dashed {
border-bottom: none;
color: #343434;
cursor: default;
}
.analitic-edit-preview {
background: #FFF;
border: 1px solid #BBB;
border-radius: 5px 5px 5px 5px;
padding: 15px;
box-shadow: 0px 0px 10px #e6e6e6;
}
.analitic-edit-preview .analitic-edit-preview-delete {
background: url("/img/task-attach-block-del.png") no-repeat scroll 0 0 transparent;
border: 1px solid #BBBBBB;
border-radius: 0 5px 0 0;
cursor: pointer;
float: right;
height: 21px;
margin-right: -16px;
margin-top: -16px;
position: relative;
width: 20px;
}
.analitic-edit-preview .analitic-edit-preview-edit {
background: url("/img/task-attach-block-edit.png") no-repeat scroll 0 0 transparent;
border: 1px solid #BBBBBB;
cursor: pointer;
float: right;
height: 21px;
margin-right: -1px;
margin-top: -16px;
position: relative;
width: 20px;
}
.analitic-edit-preview th {
text-align: left;
}
.analitic-edit-preview th:first-child,
.analitic-edit-preview td:first-child {
padding-right: 15px;
}
/********************* Стили новых справочников ***************************/
.tr-user-field .svg-icon-16px {
cursor: pointer;
vertical-align: bottom;
margin-bottom: 3px;
}
.tr-user-field .iconset-16px {
cursor: pointer;
vertical-align: bottom;
margin-bottom: 3px;
}
.tr-user-field .iconset-16px.iconset-16px-remove.inactive:hover {
background-position: 0 -368px;
}
.tr-user-field .gray.svg-icon-edit:hover {
fill: #f58020;
}
.group-avatar {
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 3px;
}
.overflow-hidden {
overflow: hidden;
}
.text-bold {
font-weight: bold;
}
.pseudo-button {
border: none;
border-radius: 3px;
padding: 6.5px 9px;
margin-right: 5px;
outline: none;
}
.pseudo-button:hover {
background-color: #dfe6ea;
}
.hidden {
display: none !important;
}
.grabbing {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.transition-unset {
transition: unset !important;
}
.fade-out {
opacity: 0;
}
.fade-in {
transition: opacity 200ms linear;
opacity: 1;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.5rem !important;
}
.p-2 {
padding: 1rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.5rem !important;
}
.pt-2 {
padding-top: 1rem !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pr-1 {
padding-right: 0.5rem !important;
}
.mr-1 {
margin-right: 0.5rem !important;
}
.pr-2 {
padding-right: 1rem !important;
}
.mr-2 {
margin-right: 1rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.5rem !important;
}
.pb-2 {
padding-bottom: 1rem !important;
}
.pl-0 {
padding-left: 0 !important;
}
.ml-0 {
margin-left: 0 !important;
}
.pl-1 {
padding-left: 0.5rem !important;
}
.ml-1 {
margin-left: 0.5rem !important;
}
.pl-2 {
padding-left: 1rem !important;
}
.ml-2 {
margin-left: 1rem !important;
}
.pl-3 {
padding-left: 1.5rem !important;
}
.pr-3 {
padding-right: 1.5rem !important;
}
.pr-3r {
padding-right: 30px !important;
}
.mt-0 {
margin-top: 0;
}
.fixed-width-0 {
width: 0px;
min-width: 0px;
max-width: 0px;
}
.fixed-width-20 {
width: 20px;
min-width: 20px;
max-width: 20px;
}
.fixed-width-25 {
width: 25px;
min-width: 25px;
max-width: 25px;
}
.fixed-width-40 {
width: 40px;
min-width: 40px;
max-width: 40px;
}
.fixed-width-45 {
width: 47px;
min-width: 47px;
max-width: 47px;
}
.fixed-width-50 {
width: 51px;
min-width: 51px;
max-width: 51px;
}
.cursor-pointer {
cursor: pointer !important;
}
.cursor-default {
cursor: default !important;
}
.macros-list-container {
width: auto;
min-height: 44px;
height: auto;
background-color: var(--white-black, #fff);
position: absolute;
z-index: 26;
padding: 3px;
border: 1px solid var(--task-checklist-employer-border, #e4e4e4);
box-sizing: border-box;
box-shadow: 0px 0px 5px var(--dialog-box-shadow-light);
border-radius: 3px;
}
.macros-button-color-dot {
width: 10px;
height: 10px;
border-radius: 50%;
display: block;
margin-top: 2px;
}
.macros-child-li {
width: 100%;
height: auto;
min-height: 44px;
font-size: 15px;
border-radius: 3px;
display: flex;
align-items: center;
margin-right: 20px;
}
.macros-child-li:hover {
background-color: var(--microcard-fakelink-hover, rgba(196, 196, 196, 0.25));
cursor: pointer;
}
.macros-child-li .macros-child-dot {
width: 36px;
}
.macros-child-li .macros-child-dot .macros-child-dot-center {
width: 36px;
display: flex;
justify-content: center;
}
.macros-child-li .macros-child-li-name {
padding: 5px 0;
width: auto;
word-break: break-word;
}
.flex-header-eye {
display: flex;
justify-content: space-between;
align-items: center;
}
.back-to-report-list {
cursor: pointer;
user-select: none;
margin-left: -10px;
padding: 10px;
transform: rotate(180deg);
transition: stroke 200ms ease-in-out;
}
.back-to-report-list.gray {
stroke: #a9a9a9;
}
.back-to-report-list.gray:hover {
stroke: #00864b;
}
.back-to-report-list:hover {
fill: #000 !important;
}
.page-layout-block .b-last-block .b-top-btn {
display: inline-block;
}
@media print {
.tr-reportlist-checkbox {
visibility: hidden;
}
}
.import-hint {
display: none;
padding: 5px 0;
}
.obligatory-field-mark {
color: red;
}
.account-freeze-block {
display: flex;
height: calc(100% - 82px);
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.account-freeze-block .account-freeze-container {
box-sizing: border-box;
max-width: 44vw;
background-color: var(--white-black, #fff);
align-self: center;
padding: 80px 40px;
/* Добавляем горизонтальные отступы */
border-radius: 12px;
max-height: 100%;
border: 1px solid var(--grey-list-border, #DEDEDE);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
overflow: visible;
min-width: 300px;
/* Для низких экранов */
/* Для очень низких экранов */
}
@media (max-width: 768px) {
.account-freeze-block .account-freeze-container {
max-width: 90vw;
/* Увеличиваем максимальную ширину на мобильных устройствах */
padding: 40px 20px;
/* Уменьшаем отступы для мобильных устройств */
}
}
@media (max-height: 820px) {
.account-freeze-block .account-freeze-container {
padding: 30px 20px;
/* Уменьшаем отступы для экранов с небольшой высотой */
}
}
@media (max-height: 600px) {
.account-freeze-block .account-freeze-container {
padding: 20px 15px;
/* Еще сильнее уменьшаем отступы */
}
}
.account-freeze-block .account-freeze-container .freeze-icon {
background-image: url("/img/svg/svgFreezeAcc.svg");
width: 214px;
height: 176px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
/* Центрируем изображение */
position: relative;
z-index: 2;
flex-shrink: 0;
}
@media (max-height: 600px) {
.account-freeze-block .account-freeze-container .freeze-icon {
display: none;
/* Скрываем иконку на очень низких экранах */
}
}
.account-freeze-block .account-freeze-container .freeze-hint-text-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: relative;
z-index: 1;
width: 100%;
}
.account-freeze-block .account-freeze-container .freeze-hint-text-block .space-around-col {
flex: 1 15 15%;
}
@media (max-height: 820px) {
.account-freeze-block .account-freeze-container .freeze-hint-text-block .space-around-col {
flex: 1 5 5%;
/* Сильно уменьшаем боковые отступы на экранах с небольшой высотой */
}
}
@media (max-height: 600px) {
.account-freeze-block .account-freeze-container .freeze-hint-text-block .space-around-col {
flex: 0;
/* Убираем боковые отступы на очень низких экранах */
}
}
.account-freeze-block .account-freeze-container .freeze-hint-text-block .freeze-hint-text {
flex: 15 1 70%;
text-align: center;
color: var(--task-card-title-text, #333333);
line-height: 24px;
margin-top: 35px;
margin-bottom: 30px;
}
@media (max-height: 768px) {
.account-freeze-block .account-freeze-container .freeze-hint-text-block .freeze-hint-text {
margin-top: 0;
/* Убираем верхний отступ на экранах с небольшой высотой */
line-height: 20px;
/* Уменьшаем высоту строки */
}
}
@media (max-height: 600px) {
.account-freeze-block .account-freeze-container .freeze-hint-text-block .freeze-hint-text {
line-height: 18px;
/* Еще сильнее уменьшаем высоту строки */
}
}
.account-freeze-block .account-freeze-container .freeze-hint-text-block .freeze-hint-text .freeze-hint-header {
font-weight: bold;
font-size: 20px;
}
@media (max-height: 768px) {
.account-freeze-block .account-freeze-container .freeze-hint-text-block .freeze-hint-text .freeze-hint-header {
font-size: 16px;
/* Уменьшаем размер шрифта на экранах с небольшой высотой */
}
}
@media (max-height: 600px) {
.account-freeze-block .account-freeze-container .freeze-hint-text-block .freeze-hint-text .freeze-hint-header {
font-size: 14px;
/* Еще сильнее уменьшаем размер шрифта */
}
}
.account-freeze-block .account-freeze-container .freeze-hint-text-block .freeze-hint-text .freeze-hint-title {
font-size: 16px;
}
@media (max-height: 768px) {
.account-freeze-block .account-freeze-container .freeze-hint-text-block .freeze-hint-text .freeze-hint-title {
font-size: 14px;
/* Уменьшаем размер шрифта на экранах с небольшой высотой */
}
}
@media (max-height: 600px) {
.account-freeze-block .account-freeze-container .freeze-hint-text-block .freeze-hint-text .freeze-hint-title {
font-size: 12px;
/* Еще сильнее уменьшаем размер шрифта */
}
}
.account-freeze-block .account-freeze-container #do-freeze-acc {
background: var(--activeButton, #5E9DD7);
font-size: 14px;
padding: 7px 48px 8px;
border-radius: 6px;
color: var(--activeButtonElements, #FFFFFF);
border: 0;
cursor: pointer;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
position: relative;
z-index: 1;
white-space: nowrap;
/* Предотвращаем перенос текста */
max-width: 90%;
/* Ограничиваем максимальную ширину */
}
@media (max-width: 768px) {
.account-freeze-block .account-freeze-container #do-freeze-acc {
padding: 7px 30px 8px;
/* Уменьшаем отступы на мобильных */
font-size: 13px;
/* Уменьшаем размер шрифта */
}
}
@media (max-height: 768px) {
.account-freeze-block .account-freeze-container #do-freeze-acc {
padding: 5px 25px 6px;
/* Уменьшаем отступы на экранах с небольшой высотой */
font-size: 13px;
/* Уменьшаем размер шрифта */
}
}
@media (max-height: 600px) {
.account-freeze-block .account-freeze-container #do-freeze-acc {
padding: 4px 20px 5px;
/* Еще сильнее уменьшаем отступы */
font-size: 12px;
/* Еще сильнее уменьшаем размер шрифта */
}
}
.account-freeze-block .account-freeze-container #do-freeze-acc:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.empty-task-icon {
margin-bottom: 40px;
}
.value-color-field:not(.free-input):not(.choice-trim-content) {
width: auto;
border-radius: 6px;
padding: 4px 7px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: fit-content;
}
.value-color-field:not(.free-input):not(.choice-trim-content).value-border {
padding: 3px 7px;
border: 1px solid var(--gray-group-border, #d5d5d5);
}
.value-color-field-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
}
.value-color-field-wr .value-color-field:not(.free-input) {
margin: 2px 8px 2px 0;
}
.value-color-field-wr.left-side {
margin-left: -3px;
}
.value-color-field-wr.handbook-item .value-color-field {
margin-top: 0;
}
.no-edit-field .search-choice {
background: var(--white-black, #FFFFFF) !important;
padding: 3px 10px !important;
border: 1px solid var(#B4B4B4);
box-sizing: border-box;
font-size: 13px;
}
.no-hover {
pointer-events: none;
}
#chatra.chatra--pos-right {
right: 8px !important;
}
.tooltip-index-up {
z-index: 1;
}
.editor-translated-header {
font-weight: bold;
border-top: 1px solid var(--grey-list-border, #dedede);
padding: 5px 0 5px 0;
margin-top: 7px;
}
.editor-translated-header .editor-translated-description .line {
border-radius: 3px;
max-width: 50%;
height: 8px;
background-color: var(--task-card-add-action-borded, #EAEAEA);
position: relative !important;
animation: gradientAnimation 4s linear infinite;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
margin: 10px 0;
}
.editor-translated-header .editor-translated-description .line:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 200% 100%;
background: linear-gradient(to right, transparent, var(--task-card-checklist-gradient, rgba(255, 255, 255, 0.6)), transparent) 100% 0;
animation: gradientAnimation 4s linear infinite;
}
.editor-translated-header .editor-translated-description .line.left {
max-width: 35%;
}
.editor-translated-header .editor-translated-description .line.left:before {
background: linear-gradient(to left, transparent, var(--task-card-checklist-gradient, rgba(255, 255, 255, 0.6)), transparent) 100% 0;
}
.change-owner-win .error-win {
width: max-content;
border: 1px solid #FF4242;
position: absolute;
background: #FF4242;
z-index: 10000;
border-radius: 2px;
top: 68px;
left: 0;
}
.change-owner-win .error-win .pos-abs {
position: absolute;
top: -16px;
}
.change-owner-win .error-win .err-corner {
position: absolute;
width: 7px;
height: 11px;
left: 10px;
top: 2px;
}
.change-owner-win .error-win .err-corner svg path {
fill: #FF4242;
}
.change-owner-win .error-win .error-content {
font-size: 15px;
line-height: 18px;
color: #fff;
padding: 8px 20px 12px 13px;
max-width: 262px;
}
.tooltip-info {
position: absolute;
z-index: 1;
text-align: center;
padding: 12px 8px;
border-radius: 6px;
background: #D6F1D9;
transform: translateX(-50%);
-webkit-box-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
-moz-box-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
-o-box-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
box-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
color: #343434;
font-size: 13px;
max-width: 280px;
line-height: 17px;
}
.tooltip-info:after {
content: '';
position: absolute;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #D6F1D9 transparent;
}
.tooltip-info.top:after {
top: 100%;
left: 50%;
transform: rotate(180deg);
}
.tooltip-info.bottom:after {
bottom: 100%;
left: 50%;
}
.modern-header-block.gant-list .header-data-blocks {
margin-bottom: 45px;
}
.modern-header-block .empty-message.chronicle-empty {
border: none;
}
.modern-header-block .empty-message.chronicle-empty td {
padding: 0;
margin: 0 9px 0 16px;
}
.header-data-blocks {
background: var(--white-black);
margin-bottom: 30px;
}
.header-data-blocks .b-green-block {
padding-bottom: 28px;
}
.header-data-blocks .b-before-green-block {
padding-top: 15px;
margin-top: 0;
}
.header-data-blocks .b-before-green-block {
margin-top: 0;
}
.header-data-blocks .b-before-green-block + .b-green-block {
margin-top: 0;
}
@media (max-height: 570px) {
.empty-message.chronicle-empty {
border: unset;
}
.empty-message.chronicle-empty td {
position: relative;
}
}
.calendar-control-today {
background: #FF8A00;
color: var(--white-black, #fff);
}
.calendar-header-text {
font-size: 33pt;
}
.calendar-header-text .today {
color: #FF8A00;
}
.calendar-header-text-small {
font-size: 9pt;
position: relative;
top: -7px;
}
.calendar-control {
font-size: 11pt;
text-align: right;
}
.taskdeadline-calendar-control {
color: var(--gray-dark-icon, #626262);
font-size: 9pt;
clear: both;
width: 100%;
}
.calendar-arrow-left,
.calendar-arrow-right {
vertical-align: middle;
cursor: pointer;
}
.calendar-arrow-left {
margin-right: 15px;
}
.calendar-arrow-right {
margin-left: 15px;
}
.calendar-date-switcher {
display: inline-block;
padding-top: 8px;
}
.calendar-date-switcher img {
vertical-align: bottom;
margin-bottom: -1px;
cursor: pointer;
}
.calendar-ddl-menu {
padding: 10px 0;
text-align: right;
}
.planner-block-calendar-main {
display: inline-block;
vertical-align: top;
}
.planner-block-calendar-container {
overflow: hidden;
}
.planner-block-calendar .calendar-time-block-h {
width: 45px;
border: none;
}
.planner-block-calendar .planner-block-calendar-h-top .calendar-time-block-h {
border-right: none;
}
.planner-block-calendar .calendar-time-pointer {
height: 2px;
background: #CB3C1F;
padding: 0;
margin: 0;
position: absolute;
z-index: 50;
/* &:before {
content: '';
.box(8px);
border-radius: 4px;
background-color: #cb3c1f;
position: absolute;
top: -3px;
left: -5px;
}
*/
}
.planner-block-calendar .fake-tbl-h {
overflow: unset;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.planner-block-calendar .fake-tbl-h:last-child .fake-tbl-col-hour {
padding-bottom: 15px;
}
.planner-block-calendar .fake-tbl-h div {
padding: 0;
font-size: unset;
}
.planner-block-calendar .fake-tbl-h div.fake-tbl {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
border-right: none;
width: 100%;
}
.planner-block-calendar .fake-tbl-h .fake-tbl-inl-row div {
border-right: 1px solid transparent;
}
.planner-block-calendar .fake-tbl-h.dl-fake-tbl-h div {
padding: 5px 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.planner-block-calendar .fake-tbl-h.dl-fake-tbl-h div.fake-tbl-h-hour {
-webkit-flex: 0 0 64px;
-ms-flex: 0 0 64px;
flex: 0 0 64px;
}
.planner-block-calendar .dl-fake-tbl-calendar-week .fake-tbl-h:last-child .fake-tbl .fake-tbl-col {
border-bottom: none;
}
.planner-block-calendar .dl-fake-tbl-calendar-week .fake-tbl .fake-tbl-col {
border-top: none;
border-bottom: 1px solid var(--task-checklist-employer-border, #e6e6e6);
background: var(--white-black, #ffffff) repeating-linear-gradient(transparent, transparent 28px, var(--task-card-checklist-item-hover, #e8e8e8) 10px, var(--task-card-checklist-item-hover, #e8e8e8) 29px);
box-shadow: 0 -1px 0 0 var(--time-picker-dates, #c9c9c9);
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.planner-block-calendar .dl-fake-tbl-calendar-week .fake-tbl .fake-tbl-col:not(:last-child) {
border-right: 1px solid var(--task-card-checklist-item-hover, #e8e8e8);
}
.planner-block-calendar .dl-fake-tbl-calendar-week .fake-tbl .fake-tbl-col.fake-tbl-col-last,
.planner-block-calendar .dl-fake-tbl-calendar-week .fake-tbl .fake-tbl-col:last-child {
border-right: none;
}
.planner-block-calendar .dl-fake-tbl-calendar-week .fake-tbl .fake-tbl-col.fake-tbl-col-hour {
background: var(--white-black, #ffffff);
box-shadow: none;
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
}
.planner-block-calendar .fake-tbl-col-hour,
.planner-block-calendar .dl-fake-tbl-calendar-week .fake-tbl .fake-tbl-col.fake-tbl-col-minute {
border-top: none;
border-bottom: none;
}
.planner-block-calendar .dl-table-row {
height: 11px;
background-color: var(--white-black, white);
border-bottom: 1px solid var(--task-card-star, lightgrey);
}
.planner-block-calendar div.fake-tbl-col-hour {
width: 64px;
border-bottom: none !important;
border-bottom: 1px solid var(--task-action-rem-border, gainsboro);
background: var(--white-black, #fff);
margin-top: -14px;
}
.planner-block-calendar .fake-tbl .fake-tbl-col.fake-tbl-col-minute {
background: var(--white-black, #fff);
}
.planner-block-calendar .planner-block-calendar-h-hour div,
.planner-block-calendar .fake-tbl-col-hour div {
color: var(--schedule-dayname);
text-align: left;
font-size: 22px;
border: none;
}
.planner-block-calendar .planner-block-calendar-h-hour div span,
.planner-block-calendar .fake-tbl-col-hour div span {
display: inline-block;
font-size: 11px;
margin-bottom: 18px;
vertical-align: bottom;
}
.planner-block-calendar .fake-tbl .fake-tbl-col.fake-tbl-col-minute div {
color: #7F7E6D;
border: none;
display: block;
height: 19px;
clear: both;
width: 100%;
text-align: center;
padding-top: 2px;
}
.planner-block-calendar .fake-tbl .fake-tbl-col.fake-tbl-col-minute {
width: 35px;
padding-top: 10px;
}
.planner-block-calendar .fake-tbl-date-col {
width: 64px;
background: var(--white-black, #fff);
}
.planner-block-calendar .planner-block-name {
padding-top: 0;
}
.planner-schedule-container .dlt-wrapper-calendar-item .dlt-item-resize {
position: absolute;
transform: rotate(-90deg);
cursor: w-resize;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.planner-schedule-container[data-row-height="x1"] .dlt-wrapper-calendar-item .dlt-item-resize {
right: 2px;
top: 2px;
}
.planner-schedule-container[data-row-height="x1"] .dlt-wrapper-calendar-item .dlt-item-resize:before {
top: 6px;
right: 4px;
}
.planner-schedule-container[data-row-height="x2"] .dlt-wrapper-calendar-item .dlt-item-resize {
right: -8px;
width: 22px;
top: 16px;
}
.planner-schedule-container[data-row-height="x3"] .dlt-wrapper-calendar-item .dlt-item-resize {
right: -17px;
width: 40px;
top: 25px;
}
.planner-schedule-container[data-row-height="x1"] .dlt-wrapper .dlt-wrapper-calendar-item.planner-item-calendar-schedule .dlt-item-info .dlt-item-info-text {
padding-top: 3px;
/* vertically centered */
}
.planner-schedule-container[data-row-height="x1"] .dlt-wrapper .dlt-wrapper-calendar-item.planner-item-calendar-schedule .dlt-item-info .dlt-item-info-text .img-star {
margin-top: -4px;
}
.planner-schedule-container[data-row-height="x1"] .dlt-wrapper .dlt-wrapper-calendar-item.planner-item-calendar-schedule .dlt-item-info .dlt-item-info-text .img-star svg {
margin-top: 3px;
}
.dlt-wrapper-calendar-item.dlt-calendar-item-type-done {
font-style: italic;
}
.dlt-wrapper .calendar-expander-rolled,
.dlt-wrapper .calendar-expander-expanded {
width: 11px;
height: 11px;
position: absolute;
cursor: pointer;
}
.dlt-wrapper .calendar-expander-rolled {
background: url('/img/ico-calendar-expand.gif');
}
.dlt-wrapper .calendar-expander-expanded {
background: url('/img/ico-calendar-roll.gif');
}
.dlt-wrapper .dlt-wrapper-calendar-item {
position: absolute;
padding: 2px 6px;
border: 1px solid var(--white-black, #FFF);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background-clip: padding-box;
z-index: 21;
min-height: 17px;
}
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-task-active,
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-task-notaccepted {
background-color: #D3DEF5;
color: #164A8D;
}
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-wrapper-calendar-item-not-accessable {
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
/*-pie-background: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent) 0 0 / 50px 50px, #c16;*/
background-size: 15px 15px;
}
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-task-completed,
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-task-delayed,
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-task-canceled {
background-color: #D8D8D8;
color: #4E4E4E;
}
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-task-completed,
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-task-completed-calendar {
text-decoration: line-through;
}
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-task-overdued {
background-color: #FFD8CC;
color: var(--task-deadline-dead, #FD0000);
}
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-task-done {
background-color: #C5EEBB;
color: #015B01;
}
.dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-info {
overflow: hidden;
height: 100%;
white-space: normal;
}
.dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-info .dlt-item-info-text {
word-break: break-word;
cursor: default;
}
.dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-info .dlt-item-info-text b {
padding-right: 2px;
}
.dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-info .dlt-item-info-text.no-overflow {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-top: 1px;
}
.dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-info.month-period {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-info.month-period .dlt-item-info-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-info.month-period .month-date {
opacity: 0.6;
margin-left: 2px;
}
.dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-resize {
background: white;
cursor: n-resize;
height: 11px;
margin: -11px -5px 0;
opacity: 0;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
transition: opacity 200ms ease;
border-radius: 0 0 11px 11px;
position: relative;
}
.dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-resize:before {
content: '';
position: absolute;
width: 0;
height: 0;
background-color: inherit;
border-top: 4px solid;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
top: 4px;
right: 0;
left: 0;
margin: auto;
}
.dlt-wrapper .dlt-wrapper-calendar-item.planner-item-calendar-schedule .dlt-item-resize {
margin-top: 0;
cursor: e-resize;
}
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-wrapper-calendar-item-hover .dlt-item-resize {
opacity: 1;
}
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-wrapper-calendar-item-hover,
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-wrapper-calendar-item-hover .dlt-item-info,
.dlt-wrapper .dlt-wrapper-calendar-item.dlt-wrapper-calendar-item-hover .dlt-item-info-text {
cursor: pointer;
}
.dlt-wrapper .dlt-wrapper-calendar-empty {
position: absolute;
background: var(--wrapper-calendar-empty, #FDFDFD);
color: var(--task-card-date-block-meta-text, #777);
padding: 2px 7px;
border: 1px solid var(--task-checklist-employer-border, #e6e6e6);
border-radius: 7px;
-moz-border-radius: 7px;
opacity: 0.6;
height: 21px;
overflow: hidden;
font-size: 12px;
}
.dlt-wrapper .dlt-wrapper-calendar-empty.enlarge {
background: var(--gray-list-hover, #f1f1f1);
opacity: 1;
}
.dlt-wrapper .dlt-wrapper-calendar-empty .dlt-empty-info {
cursor: default;
}
.dlt-wrapper-calendar-item.dlt-wrapper-effect {
border-radius: 12px;
-moz-border-radius: 12px;
z-index: 11;
}
/* окно нового действия-задачи*/
.div-calendar-dialog-header span {
display: inline-block;
}
.div-calendar-dialog-header span.fakelink-dashed {
display: inline-block;
font-size: 14px;
}
.classic-font .div-calendar-dialog-header span.fakelink-dashed {
font-size: 12px;
}
.div-calendar-dialog-header span.divider-header {
width: 30px;
color: #B6B5B5;
font-size: 17pt;
text-align: center;
}
.div-calendar-day-header {
width: 100%;
font-size: 14pt;
margin-top: -15px;
text-align: center;
padding-bottom: 10px;
}
.div-calendar-day-header .today {
color: #FF8A00;
}
.calendar-block {
z-index: 10;
position: absolute;
background: #ccc;
opacity: 0.4;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;
}
.fake-tbl .fake-tbl-col-date {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
padding: 0 20px !important;
}
.fake-tbl .fake-tbl-col-data {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
padding: 0 15px !important;
}
.fake-tbl-schedule .fake-tbl-col {
background-image: none !important;
}
.fake-tbl-schedule .data-group {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column;
flex-flow: column;
}
.fake-tbl-schedule .data-group .fake-tbl {
display: -webkit-inline-flex;
display: inline-flex;
}
.dlt-wrapper-calendar-item-static {
position: static !important;
display: none;
}
/* max-height - the only parameter in this file that needs to be edited.
* Change it to suit your needs. The rest is recommended to leave as is.
*/
.clusterize-scroll {
max-height: 200px;
overflow: auto;
}
/**
* Avoid vertical margins for extra tags
* Necessary for correct calculations when rows have nonzero vertical margins
*/
.clusterize-extra-row {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* By default extra tag .clusterize-keep-parity added to keep parity of rows.
* Useful when used :nth-child(even/odd)
*/
.clusterize-extra-row.clusterize-keep-parity {
display: none;
}
/* During initialization clusterize adds tabindex to force the browser to keep focus
* on the scrolling list, see issue #11
* Outline removes default browser's borders for focused elements.
*/
.clusterize-content {
outline: 0;
counter-reset: clusterize-counter;
}
/* Centering message that appears when no data provided
*/
.clusterize-no-data td {
text-align: center;
}
/*
Original highlight.js style (c) Ivan Sagalaev
*/
.dark-theme {
--background: #0a0a0a;
--subst-color: #bbb;
--comment-color: #777;
}
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: var(--background, #F0F0F0);
}
/* Base color: saturation 0; */
.hljs,
.hljs-subst {
color: var(--subst-color, #444);
}
.hljs-comment {
color: var(--comment-color, #888888);
}
.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-meta-keyword,
.hljs-doctag,
.hljs-name {
font-weight: bold;
}
/* User color: hue: 0 */
.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
color: #880000;
}
.hljs-title,
.hljs-section {
color: #880000;
font-weight: bold;
}
.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #BC6060;
}
/* Language color: hue: 90; */
.hljs-literal {
color: #78A960;
}
.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
color: #397300;
}
/* Meta color: hue: 200 */
.hljs-meta {
color: #1f7199;
}
.hljs-meta-string {
color: #4d99bf;
}
/* Misc effects */
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}
.enjoyhint {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1010;
pointer-events: none;
overflow: hidden;
}
.enjoyhint_hide {
display: none;
}
.enjoyhint_disable_events {
position: absolute;
width: 2000px;
height: 1500px;
z-index: 1011;
pointer-events: all;
}
.enjoyhint_next_btn,
.enjoyhint_skip_btn {
-webkit-box-sizing: content-box;
width: 100px;
height: 40px;
font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif;
cursor: pointer;
margin: 0 auto;
letter-spacing: 1px;
text-align: center;
}
.enjoyhint_close_btn,
.enjoyhint_next_btn,
.enjoyhint_skip_btn {
z-index: 1012;
pointer-events: all;
-o-text-overflow: clip;
text-overflow: clip;
-moz-box-sizing: content-box;
}
.enjoyhint_next_btn {
position: absolute;
box-sizing: content-box;
border: 2px solid #1ecd97;
-webkit-border-radius: 40px;
border-radius: 40px;
color: #1ecd97;
background: rgba(0, 0, 0, 0);
-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
-moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
-o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.enjoyhint_next_btn:hover {
color: #ffffff;
background: #1ecd97;
}
.enjoyhint_next_btn:active {
border: 2px solid #21e0a3;
background: #21e0a3;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.enjoyhint_skip_btn {
box-sizing: content-box;
border: 2px solid #1ecd97;
-webkit-border-radius: 40px;
border-radius: 40px;
color: #1ecd97;
background: rgba(0, 0, 0, 0);
-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
-moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
-o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.enjoyhint_skip_btn:hover {
color: #ffffff;
background: #1ecd97;
}
.enjoyhint_skip_btn:active {
border: 2px solid #21e0a3;
background: #21e0a3;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.enjoyhint_close_btn {
display: inline-block;
position: absolute;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 0.3em;
height: 0.3em;
border: none;
-webkit-border-radius: 1em;
border-radius: 1em;
font: 400 8em / normal Arial, Helvetica, sans-serif;
color: #000000;
background: rgba(0, 0, 0, 0);
border: 2px solid #21e0a3;
}
.enjoyhint_close_btn::after,
.enjoyhint_close_btn::before {
-webkit-box-sizing: content-box;
width: 73%;
height: 2px;
position: absolute;
content: "";
border: none;
font: 400 100% / normal Arial, Helvetica, sans-serif;
color: #000000;
background: #fff;
text-shadow: none;
-o-text-overflow: clip;
text-overflow: clip;
display: inline-block;
}
.enjoyhint_close_btn::before {
-moz-box-sizing: content-box;
box-sizing: content-box;
top: 48%;
left: 14%;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.enjoyhint_close_btn::after {
-moz-box-sizing: content-box;
box-sizing: content-box;
top: 46%;
left: 15%;
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
.enjoyhint_close_btn:hover {
color: #ffffff;
background: #1ecd97;
cursor: pointer;
}
.enjoyhint_close_btn:active {
border: 2px solid #21e0a3;
background: #21e0a3;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.enjoyhint_btn {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 150px;
height: 40px;
cursor: pointer;
margin: 0 auto;
border: 2px solid #1ecd97;
-webkit-border-radius: 40px;
border-radius: 40px;
font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif;
color: #1ecd97;
text-align: center;
-o-text-overflow: clip;
text-overflow: clip;
letter-spacing: 1px;
background: rgba(0, 0, 0, 0);
-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
-moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
-o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
}
#kinetic_container,
.enjoyhint_canvas,
.enjoyhint_svg_wrapper,
.enjoyhint_svg_wrapper svg {
width: 100%;
height: 100%;
position: absolute;
}
.enjoyhint_btn:hover {
color: #ffffff;
background: #1ecd97;
}
.enjoyhint_btn:active {
border: 2px solid #21e0a3;
background: #21e0a3;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.enjoyhint div.canvas-container {
position: absolute;
}
.enjoyhint_canvas {
z-index: 100;
pointer-events: none;
}
#kinetic_container {
pointer-events: none;
top: 0;
left: 0;
}
.enjoyhint_svg_wrapper {
top: 0;
left: 0;
z-index: 100;
-webkit-transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.enjoyhint_svg_wrapper svg {
top: 0;
left: 0;
}
.enjoyhint_svg_transparent .enjoy_hint_label,
.enjoyhint_svg_transparent .enjoyhint_svg_wrapper {
opacity: 0;
}
.enjoy_hint_label {
position: absolute;
color: #fff;
z-index: 107;
font-size: 22px;
-webkit-transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
display: inline-block;
min-width: 200px;
text-align: center;
max-width: 80%;
}
div.kineticjs-content {
position: absolute !important;
}
.enjoyhint_skip_btn {
position: fixed;
}
/*
* stars:
* usage: 
*/
.iconset-star {
background: url('/img/iconset/stars.png') no-repeat 0 0;
display: inline-block;
width: 16px;
height: 16px;
}
.iconset-standalone-loading {
background: url('/img/indicator_menu.gif') no-repeat center center;
display: inline-block;
width: 16px;
height: 16px;
}
/*
* 32px
* usage:
*/
.iconset-32px {
background: url('/img/iconset/32px.png') no-repeat 0 32px;
display: inline-block;
width: 32px;
height: 32px;
}
.iconset-32px-download {
background-position: 0 0;
}
.iconset-32px-rotate-cw {
background-position: 0 -352px;
}
.iconset-32px-edit-online {
background-position: 0 -224px;
}
.iconset-32px-viewfile {
background-position: 0 -32px;
}
.iconset-32px-folder {
background-position: 0 -102px;
height: 26px;
margin-bottom: 1px;
}
.iconset-32px-folder.expanded {
background-position: 0 -70px;
height: 26px;
margin-bottom: 1px;
}
.iconset-32px-lock {
background-position: 0 -128px;
}
.iconset-32px-ok {
background-position: 0 -160px;
}
.iconset-32px-expand {
background-position: 0 -192px;
}
.iconset-32px-edit-online {
cursor: pointer;
}
.iconset-32px-notify {
background-position: 0 -256px;
}
.iconset-32px-lock-gray {
background-position: 0 -288px;
}
.iconset-32px-key-gray {
background-position: 0 -320px;
}
/*
* 16px
* usage:
*/
.iconset-16px {
background: url('/img/iconset/16px.png') no-repeat 0 16px;
display: inline-block;
width: 16px;
height: 16px;
}
.iconset-16px-plus {
background-position: 0 0;
}
.iconset-16px-plus.white {
background-position: 0 -2320px;
}
.iconset-16px-grayplus {
background-position: 0 -1904px;
}
.iconset-16px-help {
background-position: 0 -240px;
}
.iconset-16px-help.white {
background-position: 0 -1184px;
}
.iconset-16px-search.white {
background-position: 0 -2288px;
}
.iconset-16px-menu.white {
background-position: 0 -2304px;
}
.iconset-16px-hint {
background-position: 0 -1008px;
}
.iconset-16px-hint.inactive {
background-position: 0 -1525px;
}
.iconset-16px-online {
background-position: 0 -256px;
}
.iconset-16px-gear {
background-position: 0 -832px;
}
.iconset-16px-lock {
background-position: 0 -416px;
}
.iconset-16px-lock-gray {
background-position: 0 -1936px;
}
.iconset-16px-handbook {
background-position: 0 -880px;
}
.iconset-16px-handbook-group {
background-position: 0 -896px;
}
.iconset-16px-handbook-item {
background-position: 0 -912px;
}
.iconset-16px-navigate-parent {
background-position: 0 -928px;
}
.iconset-16px-eye {
background-position: 0 -864px;
}
.iconset-16px-eye-white {
background-position: 0 -2768px;
}
.iconset-16px-expand {
background-position: 0 -848px;
}
.iconset-16px-chronicle {
background-position: 0 -672px;
}
.iconset-16px-summary {
background-position: 0 -656px;
}
.iconset-16px-menu-item {
background-position: 0 -16px;
}
.iconset-16px-man {
background-position: 0 -944px;
}
.iconset-16px-man-green {
background-position: 0 -1232px;
}
.iconset-16px-woman {
background-position: 0 -960px;
}
.iconset-16px-ok {
background-position: 0 -976px;
cursor: pointer;
}
.iconset-16px-ok-gray {
background-position: 0 -3024px;
cursor: pointer;
}
.iconset-16px-cancel {
background-position: 0 -992px;
cursor: pointer;
}
.iconset-16px-envelope {
background-position: 0 -304px;
}
.iconset-16px-rotate-hv {
background-position: 0 -2528px;
}
.iconset-16px-rotate-cw {
background-position: 0 -2512px;
}
.iconset-16px-task-done {
background-position: 0 -2576px;
}
.iconset-16px-task-reminder {
background-position: 0 -2592px;
}
.iconset-16px-arrow-left-white {
background-position: 0 -2880px;
}
/*******************************************************************************
* 2-state icons
*/
.iconset-16px-rotate-cw.l90 {
background-position: 0 -2528px;
}
.iconset-16px-close {
background-position: 0 -80px;
}
.iconset-16px-close-white {
background-position: 0 -2272px;
}
.iconset-16px-close.inactive {
background-position: 0 -64px;
}
.iconset-16px-minimize {
background-position: 0 -112px;
}
.iconset-16px-minimize.inactive {
background-position: 0 -96px;
}
.iconset-16px-minimize-white {
background-position: 0 -2560px;
}
.iconset-16px-star {
background-position: 0 -144px;
}
.iconset-16px-star.inactive {
background-position: 0 -128px;
}
.iconset-16px-star.contoured {
background-position: 0 -160px;
}
.iconset-16px-star.white {
background-position: 0 -2944px;
}
.iconset-16px-trash {
background-position: 0 -192px;
}
.iconset-16px-trash.inactive {
background-position: 0 -176px;
}
.iconset-16px-template {
background-position: 0 -224px;
}
.iconset-16px-template.inactive {
background-position: 0 -208px;
}
.iconset-16px-periodic {
background-position: 0 -608px;
}
.iconset-16px-periodic.inactive {
background-position: 0 -592px;
}
.iconset-16px-attachment {
background-position: 0 -448px;
}
.iconset-16px-attachment.inactive {
background-position: 0 -432px;
}
.iconset-16px-attachment-white {
background-position: 0 -2816px;
}
.iconset-16px-check {
background-position: 0 -480px;
}
.iconset-16px-check.inactive {
background-position: 0 -464px;
}
.iconset-16px-analitic {
background-position: 0 -512px;
}
.iconset-16px-analitic.inactive {
background-position: 0 -496px;
}
.iconset-16px-reminder {
background-position: 0 -544px;
}
.iconset-16px-reminder.inactive {
background-position: 0 -528px;
}
.iconset-16px-alarm {
background-position: 0 -576px;
}
.iconset-16px-alarm.inactive {
background-position: 0 -560px;
}
.iconset-16px-worker {
background-position: 0 -288px;
}
.iconset-16px-worker.inactive {
background-position: 0 -272px;
}
.iconset-16px-flag {
background-position: 0 -336px;
}
.iconset-16px-flag.inactive {
background-position: 0 -320px;
}
.iconset-16px-remove {
background-position: 0 -368px;
}
.iconset-16px-remove.inactive {
background-position: 0 -352px;
}
.iconset-16px-remove.inactive.withhover:hover {
background-position: 0 -368px;
}
.iconset-16px-remove.white {
background-position: 0 -2896px;
}
.iconset-16px-edit {
background-position: 0 -400px;
}
.iconset-16px-edit.inactive {
background-position: 0 -384px;
}
.iconset-16px-edit.white {
background-position: 0 -2848px;
}
.iconset-16px-edit-dark {
background-position: 0 -3152px;
}
.iconset-16px-filter {
background-position: 0 -704px;
}
.iconset-16px-filter.inactive {
background-position: 0 -688px;
}
.iconset-16px-arrow-left {
background-position: 0 -736px;
}
.iconset-16px-arrow-left.inactive {
background-position: 0 -720px;
}
.iconset-16px-arrow-right {
background-position: 0 -768px;
}
.iconset-16px-arrow-right.inactive {
background-position: 0 -752px;
}
.iconset-16px-calendar {
background-position: 0 -1040px;
}
.iconset-16px-calendar.inactive {
background-position: 0 -1024px;
}
.iconset-16px-show-suboridnate {
background-position: 0 -1072px;
}
.iconset-16px-show-suboridnate.inactive {
background-position: 0 -1056px;
}
.iconset-16px-finger-up {
background-position: 0 -1104px;
}
.iconset-16px-finger-up.inactive {
background-position: 0 -1088px;
}
.iconset-16px-finger-down {
background-position: 0 -1136px;
}
.iconset-16px-finger-down.inactive {
background-position: 0 -1120px;
}
.iconset-16px-mainmenu-toggle {
background-position: 0 -1152px;
}
.iconset-16px-mainmenu-toggle.light {
background-position: 0 -1168px;
}
.iconset-16px-download {
background-position: 0 -1248px;
}
.iconset-16px-back {
background-position: 0 -1264px;
}
.iconset-16px-editmenu {
background-position: 0 -1408px;
}
.iconset-16px-editmenu-white {
background-position: 0 -3168px;
}
.iconset-16px-glasses {
background-position: 0 -1488px;
}
.iconset-taskbutton-data,
.iconset-16px-taskbutton-data {
background-position: 0 -1280px;
}
.iconset-taskbutton-subtasks,
.iconset-16px-taskbutton-subtasks {
background-position: 0 -1296px;
}
.iconset-taskbutton-files,
.iconset-16px-taskbutton-files {
background-position: 0 -1312px;
}
.iconset-taskbutton-log,
.iconset-16px-taskbutton-log {
background-position: 0 -1360px;
}
.iconset-taskbutton-access,
.iconset-16px-taskbutton-access {
background-position: 0 -1344px;
}
.iconset-taskbutton-report,
.iconset-16px-taskbutton-report {
background-position: 0 -1328px;
}
.iconset-taskbutton-notify-off,
.iconset-16px-taskbutton-notify-off {
background-position: 0 -1392px;
}
.iconset-taskbutton-notify-on,
.iconset-16px-taskbutton-notify-on {
background-position: 0 -1376px;
}
.iconset-16px-keyboard {
background-position: 0 -1456px;
cursor: pointer;
}
.iconset-16px-hgrip {
background-position: 0 -1504px;
cursor: move;
}
.iconset-16px-tree {
background-position: 0 -1424px;
}
.iconset-16px-trash-light {
background-position: 0 -1440px;
}
.iconset-16px-folder {
background-position: 0 -1552px;
}
.iconset-16px-folder-opened {
background-position: 0 -1568px;
}
.iconset-16px-rightpanel-data {
background-position: 0 -1632px;
}
.iconset-16px-rightpanel-subtasks {
background-position: 0 -1648px;
}
.iconset-16px-rightpanel-files {
background-position: 0 -1664px;
}
.iconset-16px-rightpanel-log {
background-position: 0 -1712px;
}
.iconset-16px-rightpanel-analitic {
background-position: 0 -2688px;
}
.iconset-16px-rightpanel-analitic-dark {
background-position: 0 -3104px;
}
.iconset-16px-rightpanel-access {
background-position: 0 -1696px;
}
.iconset-16px-rightpanel-access-dark {
background-position: 0 -1344px;
}
.iconset-16px-rightpanel-report {
background-position: 0 -1680px;
}
.iconset-16px-rightpanel-notify-off {
background-position: 0 -1744px;
}
.iconset-16px-rightpanel-notify-on {
background-position: 0 -1728px;
}
.iconset-16px-rightpanel-contact {
background-position: 0 -1968px;
}
.iconset-16px-rightpanel-contact-dark {
background-position: 0 -3120px;
}
.iconset-16px-rightpanel-projects {
background-position: 0 -2256px;
}
.iconset-16px-refresh {
background-position: 0 -1776px;
}
.iconset-16px-actions {
background-position: 0 -1792px;
}
.iconset-16px-client {
background-position: 0 -1808px;
}
.iconset-16px-client-white {
background-position: 0 -2784px;
}
.iconset-16px-cross {
background-position: 0 -1824px;
}
.iconset-16px-project {
background-position: 0 -1952px;
}
.iconset-16px-key-white {
background-position: 0 -1920px;
}
.iconset-16px-alert {
background-position: 0 -1984px;
}
.iconset-16px-rightpanel-taskdeps {
background-position: 0 -2000px;
}
.iconset-16px-rightpanel-taskdeps-dark {
background-position: 0 -3088px;
}
.iconset-16px-add-new {
background-position: 0 -2176px;
}
.iconset-16px-grip {
background-position: 0 -784px;
}
.iconset-16px-grip.white {
background-position: 0 -2160px;
}
.iconset-16px-task-card {
background-position: 0 -2016px;
}
.iconset-16px-plus-ligthgray {
background-position: 0 -2032px;
}
.iconset-16px-trash-light-gray {
background-position: 0 -2048px;
}
.iconset-16px-date {
background-position: 0 -2096px;
}
.iconset-16px-duration {
background-position: 0 -2112px;
}
.iconset-16px-duration-white {
background-position: 0 -2752px;
}
.iconset-16px-time {
background-position: 0 -2128px;
}
.iconset-16px-date-white {
background-position: 0 -2144px;
}
.iconset-16px-filter-green {
background-position: 0 -2224px;
}
.iconset-16px-eye-view {
background-position: 0 -2352px;
}
.iconset-16px-zoom-in {
background-position: 0 -2368px;
}
.iconset-16px-zoom-out {
background-position: 0 -2912px;
}
.iconset-16px-filter-menu {
background-position: 0 -2384px;
}
.iconset-16px-sort-menu {
background-position: 0 -2400px;
}
.iconset-16px-clear {
background-position: 0 -2416px;
}
.iconset-16px-planner-list {
background-position: 0 -2432px;
}
.iconset-16px-object-type {
background-position: 0 -1472px;
}
.iconset-16px-planner-cards {
background-position: 0 -2448px;
}
.iconset-16px-planner-scheduler {
background-position: 0 -2480px;
}
.iconset-16px-planner-calendar-full {
background-position: 0 -2464px;
}
.iconset-16px-planner-calendar-time {
background-position: 0 -2480px;
}
.iconset-16px-planner-calendar-tasks {
background-position: 0 -2496px;
}
.iconset-16px-chain {
background-position: 0 -2544px;
}
.iconset-16px-analitic-light-gray {
background-position: 0 -2720px;
}
.iconset-16px-template-light-gray {
background-position: 0 -2736px;
}
.iconset-16px-copy-to-clipboard {
background-position: 0 -2928px;
}
.iconset-16px-insert-data {
background-position: 0 -3008px;
}
.iconset-16px-urgent-task {
background-position: 0 -2832px;
margin-bottom: -3px;
}
.iconset-16px-urgent-task.red-box {
margin: 0;
margin-right: 4px;
border-radius: 3px;
display: inline-block;
margin-top: -1px;
background-color: red;
vertical-align: bottom;
}
.svg-urgent.red-box {
margin: 0 4px 0 0;
border-radius: 3px;
display: inline-block;
vertical-align: bottom;
line-height: 0;
}
.svg-urgent.red-box svg path {
stroke: white;
fill: none;
}
.dlt-task-info-text .svg-urgent.red-box,
.planner-item-list:not(.dl-task-microcard-container) .svg-urgent.red-box {
float: left;
margin: 0 0 0 4px;
}
.dlt-task-info-text .task-status-icon,
.planner-item-list:not(.dl-task-microcard-container) .task-status-icon {
margin: 0 0 0 4px;
}
.iconset-16px-link {
background-position: 0 -3040px;
}
.iconset-24px {
background: url('/img/iconset/24px.png') no-repeat 0 24px;
display: inline-block;
width: 24px;
height: 24px;
}
.iconset-set-star-action {
background: url(/img/iconset/16px.png) no-repeat 0 0;
background-position: 0 -2672px;
display: inline-block;
width: 16px;
height: 16px;
}
.action-in-taskview.not-starred {
display: none;
}
.iconset-16px-status {
background-position: 0 -2960px;
}
.iconset-16px-status-set {
background-position: 0 -2976px;
}
.iconset-16px-custom-field {
background-position: 0 -2992px;
}
.iconset-16px-vk {
background-position: 0 -3056px;
}
.iconset-16px-telegram {
background-position: 0 -3072px;
}
.iconset-16px-warning {
background-position: 0 -3136px;
cursor: pointer;
}
.iconset-16px-lock-toggle {
background-position: 0 -2640px;
}
.iconset-16px-arrow-left-white {
background-position: 0 -3216px;
}
.iconset-16px-arrow-right-white {
background-position: 0 -3232px;
}
.iconset-16px-planner-list-white {
background-position: 0 -3264px;
}
.iconset-16px-link-white {
background-position: 0 -3280px;
}
.iconset-16px-attachment-gray-thin {
background-position: 0 -3296px;
}
.iconset-16px-close-white-min {
background-position: 0 -3312px;
}
.iconset-16px-filter-menu-active {
background-position: 0 -3328px;
}
/*!
* jQuery UI CSS Framework 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=gloss_wave&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=inset_soft&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=glass&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=glass&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=inset_soft&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.dark-theme {
/* Interaction states
----------------------------------*/
/* Interaction Cues
----------------------------------*/
/* Icons
----------------------------------*/
/* states and images */
/* positioning */
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
/* Misc visuals
----------------------------------*/
/* Corner radius */
/* Overlays */
}
.dark-theme .ui-widget {
font-family: Segoe UI, Arial, sans-serif;
font-size: 1.1em;
}
.dark-theme .ui-widget .ui-widget {
font-size: 1em;
}
.dark-theme .ui-widget input,
.dark-theme .ui-widget select,
.dark-theme .ui-widget textarea,
.dark-theme .ui-widget button {
font-family: Segoe UI, Arial, sans-serif;
font-size: 1em;
}
.dark-theme .ui-widget.ui-widget-content {
border: 1px solid #666666;
}
.dark-theme .ui-widget-content {
border: 1px solid #666666;
background: #000000 url(/img/jq-ui/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x;
color: #ffffff;
}
.dark-theme .ui-widget-content a {
color: #ffffff;
}
.dark-theme .ui-widget-header {
border: 1px solid #333333;
background: #333333 url(/img/jq-ui/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
.dark-theme .ui-widget-header a {
color: #ffffff;
}
.dark-theme .ui-state-default,
.dark-theme .ui-widget-content .ui-state-default,
.dark-theme .ui-widget-header .ui-state-default,
.dark-theme .ui-button,
.dark-theme html .ui-button.ui-state-disabled:hover,
.dark-theme html .ui-button.ui-state-disabled:active {
border: 1px solid #666666;
background: #555555 url(/img/jq-ui/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #eeeeee;
}
.dark-theme .ui-state-default a,
.dark-theme .ui-state-default a:link,
.dark-theme .ui-state-default a:visited,
.dark-theme a.ui-button,
.dark-theme a:link.ui-button,
.dark-theme a:visited.ui-button,
.dark-theme .ui-button {
color: #eeeeee;
text-decoration: none;
}
.dark-theme .ui-state-hover,
.dark-theme .ui-widget-content .ui-state-hover,
.dark-theme .ui-widget-header .ui-state-hover,
.dark-theme .ui-state-focus,
.dark-theme .ui-widget-content .ui-state-focus,
.dark-theme .ui-widget-header .ui-state-focus,
.dark-theme .ui-button:hover,
.dark-theme .ui-button:focus {
border: 1px solid #59b4d4;
background: #0078a3 url(/img/jq-ui/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #ffffff;
}
.dark-theme .ui-state-hover a,
.dark-theme .ui-state-hover a:hover,
.dark-theme .ui-state-hover a:link,
.dark-theme .ui-state-hover a:visited,
.dark-theme .ui-state-focus a,
.dark-theme .ui-state-focus a:hover,
.dark-theme .ui-state-focus a:link,
.dark-theme .ui-state-focus a:visited,
.dark-theme a.ui-button:hover,
.dark-theme a.ui-button:focus {
color: #ffffff;
text-decoration: none;
}
.dark-theme .ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6;
}
.dark-theme .ui-state-active,
.dark-theme .ui-widget-content .ui-state-active,
.dark-theme .ui-widget-header .ui-state-active,
.dark-theme a.ui-button:active,
.dark-theme .ui-button:active,
.dark-theme .ui-button.ui-state-active:hover {
border: 1px solid #ffaf0f;
background: #f58400 url(/img/jq-ui/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x;
font-weight: bold;
color: #ffffff;
}
.dark-theme .ui-icon-background,
.dark-theme .ui-state-active .ui-icon-background {
border: #ffaf0f;
background-color: #ffffff;
}
.dark-theme .ui-state-active a,
.dark-theme .ui-state-active a:link,
.dark-theme .ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
.dark-theme .ui-state-highlight,
.dark-theme .ui-widget-content .ui-state-highlight,
.dark-theme .ui-widget-header .ui-state-highlight {
border: 1px solid #cccccc;
background: #eeeeee url(/img/jq-ui/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x;
color: #2e7db2;
}
.dark-theme .ui-state-checked {
border: 1px solid #cccccc;
background: #eeeeee;
}
.dark-theme .ui-state-highlight a,
.dark-theme .ui-widget-content .ui-state-highlight a,
.dark-theme .ui-widget-header .ui-state-highlight a {
color: #2e7db2;
}
.dark-theme .ui-state-error,
.dark-theme .ui-widget-content .ui-state-error,
.dark-theme .ui-widget-header .ui-state-error {
border: 1px solid #ffb73d;
background: #ffc73d url(/img/jq-ui/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x;
color: #111111;
}
.dark-theme .ui-state-error a,
.dark-theme .ui-widget-content .ui-state-error a,
.dark-theme .ui-widget-header .ui-state-error a {
color: #111111;
}
.dark-theme .ui-state-error-text,
.dark-theme .ui-widget-content .ui-state-error-text,
.dark-theme .ui-widget-header .ui-state-error-text {
color: #111111;
}
.dark-theme .ui-priority-primary,
.dark-theme .ui-widget-content .ui-priority-primary,
.dark-theme .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.dark-theme .ui-priority-secondary,
.dark-theme .ui-widget-content .ui-priority-secondary,
.dark-theme .ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: alpha(opacity=70);
/* support: IE8 */
font-weight: normal;
}
.dark-theme .ui-state-disabled,
.dark-theme .ui-widget-content .ui-state-disabled,
.dark-theme .ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: alpha(opacity=35);
/* support: IE8 */
background-image: none;
}
.dark-theme .ui-state-disabled .ui-icon {
filter: alpha(opacity=35);
/* support: IE8 - See #6059 */
}
.dark-theme .ui-icon {
width: 16px;
height: 16px;
}
.dark-theme .ui-icon,
.dark-theme .ui-widget-content .ui-icon {
background-image: url(/img/jq-ui/ui-icons_cccccc_256x240.png);
}
.dark-theme .ui-widget-header .ui-icon {
background-image: url(/img/jq-ui/ui-icons_ffffff_256x240.png);
}
.dark-theme .ui-state-hover .ui-icon,
.dark-theme .ui-state-focus .ui-icon,
.dark-theme .ui-button:hover .ui-icon,
.dark-theme .ui-button:focus .ui-icon {
background-image: url(/img/jq-ui/ui-icons_ffffff_256x240.png);
}
.dark-theme .ui-state-active .ui-icon,
.dark-theme .ui-button:active .ui-icon {
background-image: url(/img/jq-ui/ui-icons_222222_256x240.png);
}
.dark-theme .ui-state-highlight .ui-icon,
.dark-theme .ui-button .ui-state-highlight.ui-icon {
background-image: url(/img/jq-ui/ui-icons_4b8e0b_256x240.png);
}
.dark-theme .ui-state-error .ui-icon,
.dark-theme .ui-state-error-text .ui-icon {
background-image: url(/img/jq-ui/ui-icons_a83300_256x240.png);
}
.dark-theme .ui-button .ui-icon {
background-image: url(/img/jq-ui/ui-icons_cccccc_256x240.png);
}
.dark-theme .ui-icon-blank {
background-position: 16px 16px;
}
.dark-theme .ui-icon-caret-1-n {
background-position: 0 0;
}
.dark-theme .ui-icon-caret-1-ne {
background-position: -16px 0;
}
.dark-theme .ui-icon-caret-1-e {
background-position: -32px 0;
}
.dark-theme .ui-icon-caret-1-se {
background-position: -48px 0;
}
.dark-theme .ui-icon-caret-1-s {
background-position: -65px 0;
}
.dark-theme .ui-icon-caret-1-sw {
background-position: -80px 0;
}
.dark-theme .ui-icon-caret-1-w {
background-position: -96px 0;
}
.dark-theme .ui-icon-caret-1-nw {
background-position: -112px 0;
}
.dark-theme .ui-icon-caret-2-n-s {
background-position: -128px 0;
}
.dark-theme .ui-icon-caret-2-e-w {
background-position: -144px 0;
}
.dark-theme .ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.dark-theme .ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.dark-theme .ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.dark-theme .ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.dark-theme .ui-icon-triangle-1-s {
background-position: -65px -16px;
}
.dark-theme .ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.dark-theme .ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.dark-theme .ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.dark-theme .ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.dark-theme .ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.dark-theme .ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.dark-theme .ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.dark-theme .ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.dark-theme .ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.dark-theme .ui-icon-arrow-1-s {
background-position: -65px -32px;
}
.dark-theme .ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.dark-theme .ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.dark-theme .ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.dark-theme .ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.dark-theme .ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.dark-theme .ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.dark-theme .ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.dark-theme .ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.dark-theme .ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.dark-theme .ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.dark-theme .ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.dark-theme .ui-icon-arrowthick-1-n {
background-position: 1px -48px;
}
.dark-theme .ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.dark-theme .ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.dark-theme .ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.dark-theme .ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.dark-theme .ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.dark-theme .ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.dark-theme .ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.dark-theme .ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.dark-theme .ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.dark-theme .ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.dark-theme .ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.dark-theme .ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.dark-theme .ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.dark-theme .ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.dark-theme .ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.dark-theme .ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.dark-theme .ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.dark-theme .ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.dark-theme .ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.dark-theme .ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.dark-theme .ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.dark-theme .ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.dark-theme .ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.dark-theme .ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.dark-theme .ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.dark-theme .ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.dark-theme .ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.dark-theme .ui-icon-arrow-4 {
background-position: 0 -80px;
}
.dark-theme .ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.dark-theme .ui-icon-extlink {
background-position: -32px -80px;
}
.dark-theme .ui-icon-newwin {
background-position: -48px -80px;
}
.dark-theme .ui-icon-refresh {
background-position: -64px -80px;
}
.dark-theme .ui-icon-shuffle {
background-position: -80px -80px;
}
.dark-theme .ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.dark-theme .ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.dark-theme .ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.dark-theme .ui-icon-folder-open {
background-position: -16px -96px;
}
.dark-theme .ui-icon-document {
background-position: -32px -96px;
}
.dark-theme .ui-icon-document-b {
background-position: -48px -96px;
}
.dark-theme .ui-icon-note {
background-position: -64px -96px;
}
.dark-theme .ui-icon-mail-closed {
background-position: -80px -96px;
}
.dark-theme .ui-icon-mail-open {
background-position: -96px -96px;
}
.dark-theme .ui-icon-suitcase {
background-position: -112px -96px;
}
.dark-theme .ui-icon-comment {
background-position: -128px -96px;
}
.dark-theme .ui-icon-person {
background-position: -144px -96px;
}
.dark-theme .ui-icon-print {
background-position: -160px -96px;
}
.dark-theme .ui-icon-trash {
background-position: -176px -96px;
}
.dark-theme .ui-icon-locked {
background-position: -192px -96px;
}
.dark-theme .ui-icon-unlocked {
background-position: -208px -96px;
}
.dark-theme .ui-icon-bookmark {
background-position: -224px -96px;
}
.dark-theme .ui-icon-tag {
background-position: -240px -96px;
}
.dark-theme .ui-icon-home {
background-position: 0 -112px;
}
.dark-theme .ui-icon-flag {
background-position: -16px -112px;
}
.dark-theme .ui-icon-calendar {
background-position: -32px -112px;
}
.dark-theme .ui-icon-cart {
background-position: -48px -112px;
}
.dark-theme .ui-icon-pencil {
background-position: -64px -112px;
}
.dark-theme .ui-icon-clock {
background-position: -80px -112px;
}
.dark-theme .ui-icon-disk {
background-position: -96px -112px;
}
.dark-theme .ui-icon-calculator {
background-position: -112px -112px;
}
.dark-theme .ui-icon-zoomin {
background-position: -128px -112px;
}
.dark-theme .ui-icon-zoomout {
background-position: -144px -112px;
}
.dark-theme .ui-icon-search {
background-position: -160px -112px;
}
.dark-theme .ui-icon-wrench {
background-position: -176px -112px;
}
.dark-theme .ui-icon-gear {
background-position: -192px -112px;
}
.dark-theme .ui-icon-heart {
background-position: -208px -112px;
}
.dark-theme .ui-icon-star {
background-position: -224px -112px;
}
.dark-theme .ui-icon-link {
background-position: -240px -112px;
}
.dark-theme .ui-icon-cancel {
background-position: 0 -128px;
}
.dark-theme .ui-icon-plus {
background-position: -16px -128px;
}
.dark-theme .ui-icon-plusthick {
background-position: -32px -128px;
}
.dark-theme .ui-icon-minus {
background-position: -48px -128px;
}
.dark-theme .ui-icon-minusthick {
background-position: -64px -128px;
}
.dark-theme .ui-icon-close {
background-position: -80px -128px;
}
.dark-theme .ui-icon-closethick {
background-position: -96px -128px;
}
.dark-theme .ui-icon-key {
background-position: -112px -128px;
}
.dark-theme .ui-icon-lightbulb {
background-position: -128px -128px;
}
.dark-theme .ui-icon-scissors {
background-position: -144px -128px;
}
.dark-theme .ui-icon-clipboard {
background-position: -160px -128px;
}
.dark-theme .ui-icon-copy {
background-position: -176px -128px;
}
.dark-theme .ui-icon-contact {
background-position: -192px -128px;
}
.dark-theme .ui-icon-image {
background-position: -208px -128px;
}
.dark-theme .ui-icon-video {
background-position: -224px -128px;
}
.dark-theme .ui-icon-script {
background-position: -240px -128px;
}
.dark-theme .ui-icon-alert {
background-position: 0 -144px;
}
.dark-theme .ui-icon-info {
background-position: -16px -144px;
}
.dark-theme .ui-icon-notice {
background-position: -32px -144px;
}
.dark-theme .ui-icon-help {
background-position: -48px -144px;
}
.dark-theme .ui-icon-check {
background-position: -64px -144px;
}
.dark-theme .ui-icon-bullet {
background-position: -80px -144px;
}
.dark-theme .ui-icon-radio-on {
background-position: -96px -144px;
}
.dark-theme .ui-icon-radio-off {
background-position: -112px -144px;
}
.dark-theme .ui-icon-pin-w {
background-position: -128px -144px;
}
.dark-theme .ui-icon-pin-s {
background-position: -144px -144px;
}
.dark-theme .ui-icon-play {
background-position: 0 -160px;
}
.dark-theme .ui-icon-pause {
background-position: -16px -160px;
}
.dark-theme .ui-icon-seek-next {
background-position: -32px -160px;
}
.dark-theme .ui-icon-seek-prev {
background-position: -48px -160px;
}
.dark-theme .ui-icon-seek-end {
background-position: -64px -160px;
}
.dark-theme .ui-icon-seek-start {
background-position: -80px -160px;
}
.dark-theme .ui-icon-seek-first {
background-position: -80px -160px;
}
.dark-theme .ui-icon-stop {
background-position: -96px -160px;
}
.dark-theme .ui-icon-eject {
background-position: -112px -160px;
}
.dark-theme .ui-icon-volume-off {
background-position: -128px -160px;
}
.dark-theme .ui-icon-volume-on {
background-position: -144px -160px;
}
.dark-theme .ui-icon-power {
background-position: 0 -176px;
}
.dark-theme .ui-icon-signal-diag {
background-position: -16px -176px;
}
.dark-theme .ui-icon-signal {
background-position: -32px -176px;
}
.dark-theme .ui-icon-battery-0 {
background-position: -48px -176px;
}
.dark-theme .ui-icon-battery-1 {
background-position: -64px -176px;
}
.dark-theme .ui-icon-battery-2 {
background-position: -80px -176px;
}
.dark-theme .ui-icon-battery-3 {
background-position: -96px -176px;
}
.dark-theme .ui-icon-circle-plus {
background-position: 0 -192px;
}
.dark-theme .ui-icon-circle-minus {
background-position: -16px -192px;
}
.dark-theme .ui-icon-circle-close {
background-position: -32px -192px;
}
.dark-theme .ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.dark-theme .ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.dark-theme .ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.dark-theme .ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.dark-theme .ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.dark-theme .ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.dark-theme .ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.dark-theme .ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.dark-theme .ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.dark-theme .ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.dark-theme .ui-icon-circle-check {
background-position: -208px -192px;
}
.dark-theme .ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.dark-theme .ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.dark-theme .ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.dark-theme .ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.dark-theme .ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.dark-theme .ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.dark-theme .ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.dark-theme .ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.dark-theme .ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.dark-theme .ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.dark-theme .ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.dark-theme .ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.dark-theme .ui-corner-all,
.dark-theme .ui-corner-top,
.dark-theme .ui-corner-left,
.dark-theme .ui-corner-tl {
border-top-left-radius: 6px;
}
.dark-theme .ui-corner-all,
.dark-theme .ui-corner-top,
.dark-theme .ui-corner-right,
.dark-theme .ui-corner-tr {
border-top-right-radius: 6px;
}
.dark-theme .ui-corner-all,
.dark-theme .ui-corner-bottom,
.dark-theme .ui-corner-left,
.dark-theme .ui-corner-bl {
border-bottom-left-radius: 6px;
}
.dark-theme .ui-corner-all,
.dark-theme .ui-corner-bottom,
.dark-theme .ui-corner-right,
.dark-theme .ui-corner-br {
border-bottom-right-radius: 6px;
}
.dark-theme .ui-widget-overlay {
background: #5c5c5c;
opacity: 0.8;
filter: alpha(opacity=80);
/* support: IE8 */
}
.dark-theme .ui-widget-shadow {
-webkit-box-shadow: -7px -7px 7px #cccccc;
box-shadow: -7px -7px 7px #cccccc;
}
/*! jQuery UI - v1.12.1 - 2024-10-30
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.dark-theme .ui-widget {
font-family: Segoe UI, Arial, sans-serif;
font-size: 1.1em;
}
.dark-theme .ui-widget .ui-widget {
font-size: 1em;
}
.dark-theme .ui-widget input,
.dark-theme .ui-widget select,
.dark-theme .ui-widget textarea,
.dark-theme .ui-widget button {
font-family: Segoe UI, Arial, sans-serif;
font-size: 1em;
}
.dark-theme .ui-widget.ui-widget-content {
border: 1px solid #666;
}
.dark-theme .ui-widget-content {
border: 1px solid #666;
background: #000 url("/img/jq-ui/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom repeat-x;
color: #fff;
}
.dark-theme .ui-widget-content a {
color: #fff;
}
.dark-theme .ui-widget-header {
border: 1px solid #333;
background: #333 url("/img/jq-ui/ui-bg_gloss-wave_25_333333_500x100.png") 50% 50% repeat-x;
color: #fff;
font-weight: bold;
}
.dark-theme .ui-widget-header a {
color: #fff;
}
.dark-theme .ui-state-default,
.dark-theme .ui-widget-content .ui-state-default,
.dark-theme .ui-widget-header .ui-state-default,
.dark-theme .ui-button,
.dark-theme html .ui-button.ui-state-disabled:hover,
.dark-theme html .ui-button.ui-state-disabled:active {
border: 1px solid #666;
background: #555 url("/img/jq-ui/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #eee;
}
.dark-theme .ui-state-default a,
.dark-theme .ui-state-default a:link,
.dark-theme .ui-state-default a:visited,
.dark-theme a.ui-button,
.dark-theme a:link.ui-button,
.dark-theme a:visited.ui-button,
.dark-theme .ui-button {
color: #eee;
text-decoration: none;
}
.dark-theme .ui-state-hover,
.dark-theme .ui-widget-content .ui-state-hover,
.dark-theme .ui-widget-header .ui-state-hover,
.dark-theme .ui-state-focus,
.dark-theme .ui-widget-content .ui-state-focus,
.dark-theme .ui-widget-header .ui-state-focus,
.dark-theme .ui-button:hover,
.dark-theme .ui-button:focus {
border: 1px solid #59b4d4;
background: #0078a3 url("/img/jq-ui/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #fff;
}
.dark-theme .ui-state-hover a,
.dark-theme .ui-state-hover a:hover,
.dark-theme .ui-state-hover a:link,
.dark-theme .ui-state-hover a:visited,
.dark-theme .ui-state-focus a,
.dark-theme .ui-state-focus a:hover,
.dark-theme .ui-state-focus a:link,
.dark-theme .ui-state-focus a:visited,
.dark-theme a.ui-button:hover,
.dark-theme a.ui-button:focus {
color: #fff;
text-decoration: none;
}
.dark-theme .ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6;
}
.dark-theme .ui-state-active,
.dark-theme .ui-widget-content .ui-state-active,
.dark-theme .ui-widget-header .ui-state-active,
.dark-theme a.ui-button:active,
.dark-theme .ui-button:active,
.dark-theme .ui-button.ui-state-active:hover {
border: 1px solid #ffaf0f;
background: #f58400 url("/img/jq-ui/ui-bg_inset-soft_30_f58400_1x100.png") 50% 50% repeat-x;
font-weight: bold;
color: #fff;
}
.dark-theme .ui-icon-background,
.dark-theme .ui-state-active .ui-icon-background {
border: #ffaf0f;
background-color: #fff;
}
.dark-theme .ui-state-active a,
.dark-theme .ui-state-active a:link,
.dark-theme .ui-state-active a:visited {
color: #fff;
text-decoration: none;
}
.dark-theme .ui-state-highlight,
.dark-theme .ui-widget-content .ui-state-highlight,
.dark-theme .ui-widget-header .ui-state-highlight {
border: 1px solid #ccc;
background: #eee url("/img/jq-ui/ui-bg_highlight-soft_80_eeeeee_1x100.png") 50% top repeat-x;
color: #2e7db2;
}
.dark-theme .ui-state-checked {
border: 1px solid #ccc;
background: #eee;
}
.dark-theme .ui-state-highlight a,
.dark-theme .ui-widget-content .ui-state-highlight a,
.dark-theme .ui-widget-header .ui-state-highlight a {
color: #2e7db2;
}
.dark-theme .ui-state-error,
.dark-theme .ui-widget-content .ui-state-error,
.dark-theme .ui-widget-header .ui-state-error {
border: 1px solid #ffb73d;
background: #ffc73d url("/img/jq-ui/ui-bg_glass_40_ffc73d_1x400.png") 50% 50% repeat-x;
color: #111;
}
.dark-theme .ui-state-error a,
.dark-theme .ui-widget-content .ui-state-error a,
.dark-theme .ui-widget-header .ui-state-error a {
color: #111;
}
.dark-theme .ui-state-error-text,
.dark-theme .ui-widget-content .ui-state-error-text,
.dark-theme .ui-widget-header .ui-state-error-text {
color: #111;
}
.dark-theme .ui-priority-primary,
.dark-theme .ui-widget-content .ui-priority-primary,
.dark-theme .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.dark-theme .ui-priority-secondary,
.dark-theme .ui-widget-content .ui-priority-secondary,
.dark-theme .ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: alpha(opacity=70);
font-weight: normal;
}
.dark-theme .ui-state-disabled,
.dark-theme .ui-widget-content .ui-state-disabled,
.dark-theme .ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: alpha(opacity=35);
background-image: none;
}
.dark-theme .ui-state-disabled .ui-icon {
filter: alpha(opacity=35);
}
.dark-theme .ui-icon {
width: 16px;
height: 16px;
}
.dark-theme .ui-icon,
.dark-theme .ui-widget-content .ui-icon {
background-image: url("/img/jq-ui/ui-icons_cccccc_256x240.png");
}
.dark-theme .ui-widget-header .ui-icon {
background-image: url("/img/jq-ui/ui-icons_ffffff_256x240.png");
}
.dark-theme .ui-state-hover .ui-icon,
.dark-theme .ui-state-focus .ui-icon,
.dark-theme .ui-button:hover .ui-icon,
.dark-theme .ui-button:focus .ui-icon {
background-image: url("/img/jq-ui/ui-icons_ffffff_256x240.png");
}
.dark-theme .ui-state-active .ui-icon,
.dark-theme .ui-button:active .ui-icon {
background-image: url("/img/jq-ui/ui-icons_222222_256x240.png");
}
.dark-theme .ui-state-highlight .ui-icon,
.dark-theme .ui-button .ui-state-highlight.ui-icon {
background-image: url("/img/jq-ui/ui-icons_4b8e0b_256x240.png");
}
.dark-theme .ui-state-error .ui-icon,
.dark-theme .ui-state-error-text .ui-icon {
background-image: url("/img/jq-ui/ui-icons_a83300_256x240.png");
}
.dark-theme .ui-button .ui-icon {
background-image: url("/img/jq-ui/ui-icons_cccccc_256x240.png");
}
.dark-theme .ui-icon-blank {
background-position: 16px 16px;
}
.dark-theme .ui-icon-caret-1-n {
background-position: 0 0;
}
.dark-theme .ui-icon-caret-1-ne {
background-position: -16px 0;
}
.dark-theme .ui-icon-caret-1-e {
background-position: -32px 0;
}
.dark-theme .ui-icon-caret-1-se {
background-position: -48px 0;
}
.dark-theme .ui-icon-caret-1-s {
background-position: -65px 0;
}
.dark-theme .ui-icon-caret-1-sw {
background-position: -80px 0;
}
.dark-theme .ui-icon-caret-1-w {
background-position: -96px 0;
}
.dark-theme .ui-icon-caret-1-nw {
background-position: -112px 0;
}
.dark-theme .ui-icon-caret-2-n-s {
background-position: -128px 0;
}
.dark-theme .ui-icon-caret-2-e-w {
background-position: -144px 0;
}
.dark-theme .ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.dark-theme .ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.dark-theme .ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.dark-theme .ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.dark-theme .ui-icon-triangle-1-s {
background-position: -65px -16px;
}
.dark-theme .ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.dark-theme .ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.dark-theme .ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.dark-theme .ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.dark-theme .ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.dark-theme .ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.dark-theme .ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.dark-theme .ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.dark-theme .ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.dark-theme .ui-icon-arrow-1-s {
background-position: -65px -32px;
}
.dark-theme .ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.dark-theme .ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.dark-theme .ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.dark-theme .ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.dark-theme .ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.dark-theme .ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.dark-theme .ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.dark-theme .ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.dark-theme .ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.dark-theme .ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.dark-theme .ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.dark-theme .ui-icon-arrowthick-1-n {
background-position: 1px -48px;
}
.dark-theme .ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.dark-theme .ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.dark-theme .ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.dark-theme .ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.dark-theme .ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.dark-theme .ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.dark-theme .ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.dark-theme .ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.dark-theme .ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.dark-theme .ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.dark-theme .ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.dark-theme .ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.dark-theme .ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.dark-theme .ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.dark-theme .ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.dark-theme .ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.dark-theme .ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.dark-theme .ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.dark-theme .ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.dark-theme .ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.dark-theme .ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.dark-theme .ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.dark-theme .ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.dark-theme .ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.dark-theme .ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.dark-theme .ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.dark-theme .ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.dark-theme .ui-icon-arrow-4 {
background-position: 0 -80px;
}
.dark-theme .ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.dark-theme .ui-icon-extlink {
background-position: -32px -80px;
}
.dark-theme .ui-icon-newwin {
background-position: -48px -80px;
}
.dark-theme .ui-icon-refresh {
background-position: -64px -80px;
}
.dark-theme .ui-icon-shuffle {
background-position: -80px -80px;
}
.dark-theme .ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.dark-theme .ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.dark-theme .ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.dark-theme .ui-icon-folder-open {
background-position: -16px -96px;
}
.dark-theme .ui-icon-document {
background-position: -32px -96px;
}
.dark-theme .ui-icon-document-b {
background-position: -48px -96px;
}
.dark-theme .ui-icon-note {
background-position: -64px -96px;
}
.dark-theme .ui-icon-mail-closed {
background-position: -80px -96px;
}
.dark-theme .ui-icon-mail-open {
background-position: -96px -96px;
}
.dark-theme .ui-icon-suitcase {
background-position: -112px -96px;
}
.dark-theme .ui-icon-comment {
background-position: -128px -96px;
}
.dark-theme .ui-icon-person {
background-position: -144px -96px;
}
.dark-theme .ui-icon-print {
background-position: -160px -96px;
}
.dark-theme .ui-icon-trash {
background-position: -176px -96px;
}
.dark-theme .ui-icon-locked {
background-position: -192px -96px;
}
.dark-theme .ui-icon-unlocked {
background-position: -208px -96px;
}
.dark-theme .ui-icon-bookmark {
background-position: -224px -96px;
}
.dark-theme .ui-icon-tag {
background-position: -240px -96px;
}
.dark-theme .ui-icon-home {
background-position: 0 -112px;
}
.dark-theme .ui-icon-flag {
background-position: -16px -112px;
}
.dark-theme .ui-icon-calendar {
background-position: -32px -112px;
}
.dark-theme .ui-icon-cart {
background-position: -48px -112px;
}
.dark-theme .ui-icon-pencil {
background-position: -64px -112px;
}
.dark-theme .ui-icon-clock {
background-position: -80px -112px;
}
.dark-theme .ui-icon-disk {
background-position: -96px -112px;
}
.dark-theme .ui-icon-calculator {
background-position: -112px -112px;
}
.dark-theme .ui-icon-zoomin {
background-position: -128px -112px;
}
.dark-theme .ui-icon-zoomout {
background-position: -144px -112px;
}
.dark-theme .ui-icon-search {
background-position: -160px -112px;
}
.dark-theme .ui-icon-wrench {
background-position: -176px -112px;
}
.dark-theme .ui-icon-gear {
background-position: -192px -112px;
}
.dark-theme .ui-icon-heart {
background-position: -208px -112px;
}
.dark-theme .ui-icon-star {
background-position: -224px -112px;
}
.dark-theme .ui-icon-link {
background-position: -240px -112px;
}
.dark-theme .ui-icon-cancel {
background-position: 0 -128px;
}
.dark-theme .ui-icon-plus {
background-position: -16px -128px;
}
.dark-theme .ui-icon-plusthick {
background-position: -32px -128px;
}
.dark-theme .ui-icon-minus {
background-position: -48px -128px;
}
.dark-theme .ui-icon-minusthick {
background-position: -64px -128px;
}
.dark-theme .ui-icon-close {
background-position: -80px -128px;
}
.dark-theme .ui-icon-closethick {
background-position: -96px -128px;
}
.dark-theme .ui-icon-key {
background-position: -112px -128px;
}
.dark-theme .ui-icon-lightbulb {
background-position: -128px -128px;
}
.dark-theme .ui-icon-scissors {
background-position: -144px -128px;
}
.dark-theme .ui-icon-clipboard {
background-position: -160px -128px;
}
.dark-theme .ui-icon-copy {
background-position: -176px -128px;
}
.dark-theme .ui-icon-contact {
background-position: -192px -128px;
}
.dark-theme .ui-icon-image {
background-position: -208px -128px;
}
.dark-theme .ui-icon-video {
background-position: -224px -128px;
}
.dark-theme .ui-icon-script {
background-position: -240px -128px;
}
.dark-theme .ui-icon-alert {
background-position: 0 -144px;
}
.dark-theme .ui-icon-info {
background-position: -16px -144px;
}
.dark-theme .ui-icon-notice {
background-position: -32px -144px;
}
.dark-theme .ui-icon-help {
background-position: -48px -144px;
}
.dark-theme .ui-icon-check {
background-position: -64px -144px;
}
.dark-theme .ui-icon-bullet {
background-position: -80px -144px;
}
.dark-theme .ui-icon-radio-on {
background-position: -96px -144px;
}
.dark-theme .ui-icon-radio-off {
background-position: -112px -144px;
}
.dark-theme .ui-icon-pin-w {
background-position: -128px -144px;
}
.dark-theme .ui-icon-pin-s {
background-position: -144px -144px;
}
.dark-theme .ui-icon-play {
background-position: 0 -160px;
}
.dark-theme .ui-icon-pause {
background-position: -16px -160px;
}
.dark-theme .ui-icon-seek-next {
background-position: -32px -160px;
}
.dark-theme .ui-icon-seek-prev {
background-position: -48px -160px;
}
.dark-theme .ui-icon-seek-end {
background-position: -64px -160px;
}
.dark-theme .ui-icon-seek-start {
background-position: -80px -160px;
}
.dark-theme .ui-icon-seek-first {
background-position: -80px -160px;
}
.dark-theme .ui-icon-stop {
background-position: -96px -160px;
}
.dark-theme .ui-icon-eject {
background-position: -112px -160px;
}
.dark-theme .ui-icon-volume-off {
background-position: -128px -160px;
}
.dark-theme .ui-icon-volume-on {
background-position: -144px -160px;
}
.dark-theme .ui-icon-power {
background-position: 0 -176px;
}
.dark-theme .ui-icon-signal-diag {
background-position: -16px -176px;
}
.dark-theme .ui-icon-signal {
background-position: -32px -176px;
}
.dark-theme .ui-icon-battery-0 {
background-position: -48px -176px;
}
.dark-theme .ui-icon-battery-1 {
background-position: -64px -176px;
}
.dark-theme .ui-icon-battery-2 {
background-position: -80px -176px;
}
.dark-theme .ui-icon-battery-3 {
background-position: -96px -176px;
}
.dark-theme .ui-icon-circle-plus {
background-position: 0 -192px;
}
.dark-theme .ui-icon-circle-minus {
background-position: -16px -192px;
}
.dark-theme .ui-icon-circle-close {
background-position: -32px -192px;
}
.dark-theme .ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.dark-theme .ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.dark-theme .ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.dark-theme .ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.dark-theme .ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.dark-theme .ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.dark-theme .ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.dark-theme .ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.dark-theme .ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.dark-theme .ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.dark-theme .ui-icon-circle-check {
background-position: -208px -192px;
}
.dark-theme .ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.dark-theme .ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.dark-theme .ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.dark-theme .ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.dark-theme .ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.dark-theme .ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.dark-theme .ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.dark-theme .ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.dark-theme .ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.dark-theme .ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.dark-theme .ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.dark-theme .ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.dark-theme .ui-corner-all,
.dark-theme .ui-corner-top,
.dark-theme .ui-corner-left,
.dark-theme .ui-corner-tl {
border-top-left-radius: 6px;
}
.dark-theme .ui-corner-all,
.dark-theme .ui-corner-top,
.dark-theme .ui-corner-right,
.dark-theme .ui-corner-tr {
border-top-right-radius: 6px;
}
.dark-theme .ui-corner-all,
.dark-theme .ui-corner-bottom,
.dark-theme .ui-corner-left,
.dark-theme .ui-corner-bl {
border-bottom-left-radius: 6px;
}
.dark-theme .ui-corner-all,
.dark-theme .ui-corner-bottom,
.dark-theme .ui-corner-right,
.dark-theme .ui-corner-br {
border-bottom-right-radius: 6px;
}
.dark-theme .ui-widget-overlay {
background: #5c5c5c;
opacity: 0.8;
filter: alpha(opacity=80);
}
.dark-theme .ui-widget-shadow {
-webkit-box-shadow: -7px -7px 7px #ccc;
box-shadow: -7px -7px 7px #ccc;
}
.minicolors {
position: relative;
}
.minicolors-sprite {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA2YAAACWCAYAAAC1r5t6AAEL2klEQVR4AeSaBY8czxHFqw6SW3vvz4yiMDMnojB9pESsfI8wMzNzRGFmMhz6aGcq1btvck/PM31eec0tlYp6eqp2fOP+ba//7cm3x7K35jYbEWHd8BItieNQmmHubhGWmuLpN7ZkD/96w22B40c/+tES+y960Ys0b3PmW1vsCA385Cc/MR0veMEL7FrMe97znsd1tiQhdlPJIQ+7vk4bEYM5iA3EG/YrttZVrTEi6uvUbe3tkmqp3LthH+tBBq8zjWtN0P+/fxmIdfnAaMhvy4DBIyaTSds0TXt0dBQHBwft3t5eu7Oz0545cyZ+85vftO941zuP7LTZVE6Rhmhs7tya2d6S2W6aFyx1TAU2xDsfOmWn8z1t+Nspmyn/xjxz/evl2Chj96e+I2O3pb2OgljGFzcSKT7uYlgHdrM6K6gUtudFqGg0sZeCZhFPKXFuDLKVspFyDvXLWEq5CzKeSqS4Pq6USPH0A92kPYvBD30ktmwHKIKKTvG0A3FHEzGLI3+BNaR7OhuQ1qJp+fks/k3tV2mxevqaNHj9l4EL2ZzrKljQPHx9qefPVvyRxCVfja2ZHeifMOma3f0l6PvqP7Dr47aU+1Nuh72eMtb3FRXbozU2WaYGehvSmDaHZuBv4111Hv9ryXhCyn3oYJ0qHkuF9Igg9CjUx7pmh72Fw7/EJ7aj7ys0k+NjC/yDWyniZqsGKX5Ae7FFG2yDILfs1njYxCwl7am21AHtyEXalFfNc6DJX4H/8tRjzH196sdlTRJdn+9hf8jrvgx/O+3v4Z6Tidyb+qA1+tZ0xOqfRdiKeUrRZstm8FNDVi0y7tDpF5sfkkXRmVvU8HjyWpi1c7xhEfPOpZ1NuPlvD5ZsgeOHP/zh9Q5m7fUMZs95znOKmtSA5OQcNCTHfOvMb9dBReoR6Ik5ALECbXPDXeRQMJNa6j3BV1vhi/2geJFgG5rnRsJWaJ5BrOiUSCBrDw8Pi0QHZZubm+2//vWvKZi952PvPaiA2eAmJ4pWUZYZzzY6+4ArbP8JwGD7xf/d7gTykG2ssZHx/4B15FXGNop5QDY6WVyMM4+GAVwKZshTowxmKGgPRaB4Eo0zffazzNl+MFtOuTvlzpQxySnZpo0KeAHYBMgojhwe6RJtP6EhAmQCb5iPOAtvdMLapsGXfujNex/TAriA149UvmjUqdB/fWHOXwMuq3zg8y4APXexC3jWyHT5pTuWzcays6+9rxTYNKb+E3vArIICigA78LchWwCzDTtp3AUwYygbK5CJPZoXzNiWhirN8fvqPOBsIuXjzvcqVlYrhK7YAmaQPbFr5Mnzdo59p/eVN2YfuWXA7FTqO9J/Ter7Mvd2QNBL8x6jRkCpDmcKUFpf7Kb+IeZ8LOecyfW+lnor9YVbBMweuhjM3Dvogi2jLxc4Y/vNPxZVHW4TS5cJYlWQWsBormcwe/azn33JYMbwQLFQ6HH3yzsxq19jlJsXhtjmazCvfx29d70XzTGs9p+Yqa81IW4KYFofdLQ5kDOGL6wXsKfzoNrAaHIgV+xpCjZDWSSQNeWkbH9/P3Z3d9vt7e12Y2Oj/fe//x2///3v289/64v7Nu7fwETaPhJuga8SA5AWALMpl8TAPgG5oncCcZIdxLtvoP9bYnbC8FLUSd9An2LUkaYJ3JAjMBMgcyZMFmkGjaKhaRPn0z43L5hBA7QIytCJT+2RbnbkxCywjfSegkssKrs2PTErmo//YjKxwG7aHe1FcYqOqYKT4ZntEbN5lDMvcdqeT8NpZRAXpm7LvNny3ZTuelO2cPyfp2mHHZiK2oqFmJGNOrBAmJfgwH3dsRbsCNyBerfgK2HBdnwAYbO+l6j1DFLl0hdiuD0+n+NYaP+OgCHJa3QLc40e1F+aMfTJ0edEewwG6aBna4jjGdO/n7Dlu1fMTleBCzHRyjGa1xMzSI1fdjiu37mQPgMZHg6kuUfBDKINQxRnOA4wmxvI9qQZbWwTzRz2n/ndDY1K0h6sDnb9cPPkE7M9iWsjknM04kU28a3YxOzDNy2YraV+yuwUzJ+W9htTl9jtqQmK2FZYYl+hLOSeCmjwj+2N1AeZ/2zmf5H6S7n2LzN+eJOC2dPCvC1mjY4w2+uwZm7+61+u3GJgNrmeweyZz3xmHcwIHub7KWP9J35zQFbkqJ5SAQR1XiDGwNjgmlqvtfqrYAZ/8LOjWqRW8mEXcXeGLs71glkZWi9iHYCVHINYSwNgNh3BMFZ8/ukipMVPGKOclm1tbZUTsymY/fnPf26/+bPvXrAxwRU2OU4bmD4wc8znTY76xQaYMYBBa0y+5wzmGWxyYrb1/y84iPaKbMMfzU7MAmAm3z73fpfLjTg08lN/skKFQvYYzBTYYOvvNUGbIM3qidldALP14e/NCdA6cVQd0G5rFkWnBE7M9vknil0j5mkHGoNNIEYnacg5/YArshnvfuc0OTJjCAh5QDLcHFn5P0rnIH/SwN1q98IIvUjtoTy5MBCRjLSjw8kKC54PQBquR/MyieDJBkG12PhktchKubRm9dPvf/bk61PhEhBjWF25b3V4J6/wxT5rvUZOzA4ZuhQFqmAGITDbwlcV/61uWJZT7iOs4b/2cQXIRhIfDZ+Y7VUakTn9R4FCmnsXP/E7IeuQ09WqEav/UKNyYnYCoGlzDigDmM3sLbx8D8w+eFOB2Sj1q1K/JfXrMveUtsxNKRpzqxrrVICMbQW0GNJUb9rH8qvMfyHl05n/TsrezQNmT3lJ0NdnA+9Ll0CwEjD7weotBmZH1zOYPf3p/2PvLIDjSrKsnVllkNSy283cw8zMzDwTsPTvz7TMzMzMzBg4zMzMM83M3bZkC8uW6+Vmlu6JPX3m6qq0lrvLoVVsRuJ79VIa976vzr0nH65gpkAUggzNe9Ch148LbT7A+ffWe0XPVSLAC+7DCtRWwYzn9Dl4T1jP/cJgRWvBXARvBGbWZhDD9RjHM5gq1gHGWtNCFxnMRiDG4YuAs5WVlQZmTTEbgdmdd95Zbrrppu6TV3x+CaFB8g20WzBX3HGCNwK7VUrBGoBNmFtUbGrz2d4HrL1EoUF32Log/sk+/DwDs32tUAijgVaxvptnJvllub3o7MEDQwbEAztAVhDuyBvE2xw2FOeY2XfoBxzFzH1yLRTWOB2GMnoF0LUKAHNlQBRQJnLM8rFjwau4jE7cz6Q+13/+7L5gjx+OOO3DmQ9kvlKWZt1QRi1xNpOTZzZn4YzHwzf58w3MZgVtZjbMh1UY034DM4pEVgCTuUAWRH/RyiEbl38xZyM+QbFy/BRm3ZWCmUKYFAlxBJAxlGUizbxYy9z6tf9yyoPZnjr/lNr/+tp+RS33XYebXmLgQunsnp3AWKSaxaGMY8CZC2YY63CPa9dSecuwonItn6jza6c2mD30BUJZQmg8ljHsfO2M1uXv2bNDwAwwdGxSIMxbV8PQFMx8CBkTzEJ1zQcW1FtWzAQEixiEhKGMDoy5apqsC8EsaBf9DCcnTMGsjAFtfD2DWVEwYxMPVKyWURmaQla8nDJTyspgMACkJQazZv5x6623dp+7/qsLxeLbMpgFPOJAl9cvOjYtoYw9CErwy6i1Bp6UWvfAOcYvpJgtWgTgQssxs3H/SyjKMSvn1vaBWss30G4oEAMZ2k6OGR56NQPAQJ7BewLGCNRAm0imj8DMnhK7wK94VkIX10uv1aEoAMUsMXgFgObFOmXrF3vJyQlxTvPrKtnRow7qRH+wwqKPhTBaCF8PMgpWivKV7VrnthjnsEA8B4cPjsZLpmttptA9bIwW4U5esCNuPOr3LIQR86O5XqYQQ1xAQlcWZSoU8jhUE5/TQXqTkEX9DhefOXooCzEUNTBzRCLmOHBRRbuMEE/8cCilL8CpsoinoHz4PRfulTd3amuZdhU0f52TY7bqoUAwhrZnAHI7R/+5thkX2r/0fYAzDbdWAAuQRhQzvwSwhjEBM0iA87YpZhGo+4FaNiucjL48fQBmwV9F+yg9QBnDGVFmPrxe//MpC2b3q/Dy3bX90qaMVRAz6OoZdGlJBmaja60GqPlQNtQ5P3RRc80UxDBvBe1OxjsCtXJ5LTXkMf9uHbvxFAWzV5eUxaasYDZLP/h2EP9P8bI37N0h5h8ApKMTDGbtpVrALA5dRD+AK10bgVVy7hODmT5nBH0oWBurep0HRFCkMFf7BED+NXr/AMwKg5Xdu6Dd5hscoY05CXlErSGKAEkGs6JtVcysRviighkbfjS1rLUbpBWYf8zNzZXbbrut++LNVx1Rn4vc6mkAl4YtemFCPI+awYyEpeRF+jkIkCmckZwZjxSEMgZhVuzKqGCWZ6GC+cknCmmF5od7Nnq5kTjNxBSKeQlpVMWM5D8JZTwgLmeihiG/TAKZAGv+e2hOA+SRpey/pdn8qA8QE4jTV9EjoMyUB4PtF650IB7Rnv7E8wIwRcIUoxuhGf9wvlkMX/FzRyGYQksnLAQKRumU/K4yjZfN96Vg616x99KpUMmPVTJuS605ZhG3SIn8/xas3G73cH7sYc8TbVzwxgcz1D5lKphx1LIPanGa1qJ6/DBaQjHDDvTpFbjGjz4FmPlxl0HptQIoQyHFrLdkmzmS0j+WUw3MWs7Yf63jr+pS3t+ADAoZYCsAM+n7NdpjqmU+kEmtyhn6a1Y7gNbmWl7am+r839ax95xaYPawb0RQt2NXVfSrKLbLcvPQ8mX/PLXDwGwwyWBWc4MAZgIaMZjJOoaezVWxGKxiYItNSPQZ9blKFGoo9ylOntcIzPwcrxjMMB4pZnQfjHMo4kaKmQIYX8OqGO6ZmiTGilntAswajLXpguKBGRSzBmdVcW1zpUFaM/+opdRwxu5Lt187777kSGhinuF+oKRJKGPZ26L+JLqvcHpWYIAMQxAITMXsp+2aDQMEcjKwgnnzfpMCJRAQNOkrZxq3CTATIGMZkDeZTQZkcFOWAZhBHvHNP/RlJ/7eHKUE0V0AMw5T5A0hxyyMg8K1oEz6Or2k3urqOG571rQqb83gUPsyhl58nc7CkkKG4yeRz8K0rpOfcJkzLkPRvuLPnDBjf/mlhfecut+0QpcPWaqYhetRoJiJMoY6NgRx0rLIsCi0zD8dRvMCZYGf4ThWlACzVZ9pUAdFwq+twEm2o7+L2Zfs0y+RAjBTSENfix/KuCJtKhlKmYIZwhtbsb9Otv9m/X13qoDZi2v9A8OUX1QLQEwVMi0OrKUIzgA7IZBt7syokKbtqDCgFQBaa7+93uM3hym9+9QAs4f/3xKvUDUNY9RmMPvqn0/vMDBbnWQwqy/SADNRfuKcL4EeaceAJ2Cl53BFylqs3Pn9oUKahCT6UCXAZ0AGWOsAPb1erwFMq1tfjUjYhEOfRWELbXfOYAvQluQaMBbGkgdmGr7IqhmB2NDqVjCXAGUCZq00KBuNtXBGgNlXD950iIw+LJTR2mz2MaqlTIlihjVUt+sH4BKoZj0wi3yJS6YgMC9s461ebn16yVne1Ml8Rk7VmeX8svglpyioWd2Z+cdqAngBzLAJmcOmyZER9ZKNjb59rv3uaxWZHlwZU7YXndJqMfdoJatCBgv9zRUzqGGbxjcNaIzMP0xVQyhjsRyz/sqKE6AhaovxKPv4rff4C0UstNGcyDfRljgRIYU6CL/DBSXndjWC/Wje7jx6KPIVLPRMZPuPFboz3jM+D3/PQp/XAeWy3V0YJYv7olkgEjwKHGUCS7hc2qLRnju6OeGP3+TfBT10ybSIDFtKSRn7ENAKyBKmI7KGfrMCbDMPnIG16KZqGYq/TtV9ATMpopjFJu1gGeGY+dAq/1zFGh/M4gQ79FUxU37RfgxwyyiSZ3aMND94SnpPH+EjrZnaHMyCB7fxvGxK2SoBGgrCGFtNmmbLM/vb45MOZg3IfnSY8nNH6piCmCplUNDQFgjTEEbU22yXr7Ufyii5Zgpma9pfX9PA7Ffqte+ZbDB75PeUVIoXta1RAWNZT+Wv/O7MDgOzlUkGs/n5eYCZhDDG9u9ejpleH4QyYjwKX4wPTyboCaAPKlerNN8Mc0NTnwBgrd1pW3PMFL6o7yliuM9QVTMBMe4njNG9PJUM6/1wRRlCg0IWMeaCWVPKWruNOWAGV8Y23gCtVDBreWbdZXO3HIy+US7hi42nonFNoYxFo/5YcBK3Rg0PInf5BQWzvJGU0B7+XAQCUhjjZpYZ036OGdnlgyJlQxiPQxxVMYNtWyebsGyfs1LmA1u9s8qs5n4egZmqZAxtvXRMwhT9tzc8MMCMxii8EaB2JGWA2fJyLJDoaS3xDxbK9dSJQB0AKGudi8c6C020Han0gkBdc9d7K/w6eOLxz2FTuRJ3j+8bPLu/f2rK3mI5EA38DU97yGn635jwv0uqmukahTMGM81mcpglPj1L/okfrKXEVvnBscxuUlwQDCg5ZgN5+BjUYuKEmeGAND+xLnGePPRm8aNK/VBGXzUzGOsRnOXWX241wRltJBOY/fWxSQWzl1Rg+r5hBbMu9UQZ6xlkCXwRmNVrAqUsVM4EwBTUyibW+cW3zNe+FgfMHEhrcIa5t9XyW+1Q6wkFsx/VUMatxzYQuOUv//Jp22z+0d9m849h2t6f5Ul2Zbzvfe8LMCsRRAkY6RygJ4XhirEyVgAkTkhieL0AmPaH1C4+xPlQJblcbogl1nqwxSoYg6uqZAJe0SHQifps8IE+rgF8KZShz2DGillqQw3EGMzgwNjWMJi1AjBDvlnNMys1z6z76uHb7swzGmMioGXtzGGNuoZ4Rr/NXlVuKRhTh3lb4xw+zTlmB3Ob05c4radxYCvlmJH1fdkg5ZyBLHOfwYyhTCHMDRUi6oQMWGrJ9pIThzLul1DGaQMz3/eg4M/BKhqvgyuj5pepfslzWEtW+kKZraYcs/7SYsqmekHfYrWmkEV7LqpCAaTo7CyO6MiJ3vDZUoTIAg0ochypnwUMW50lv6vYVbglRZZk7AkPyvvgzyyFjzqjfYwWQo/Tc8TaOG1Tj7qxawikFGQAWiXr7wIqWkaXfgeGSxk6oVq14FrsDb8z2h9UNIZtKJH2vBn3wFl0DGwl2xYJCgt+p+v90x42y2/tPoxhzoe0GOQIzPx/GXFqFmoVmObtC6Wh+6/8PFPN9GDpMBc2UstarYqZ1rIpATbvHGd2NDlk69QqX5/eD2EMn17GFcxiKGulb+OAtLxqhRUzOs+sVDD7q9VJA7P7pX7+yS7n/wnoarWGLjKQoR+HMqJOAZyxioa5LeWXAbxCV8Y1zIeAhnUdwEyVs1a3z/jzkvq/WEHshskCs0f9vJwayTEX0deSMm9iSv7ST83uMDBbmmQwu/TSS8cFs3gutqJ3gChUw0qguAlIyfWBE6IXyuhAVhLg8uYU2Bia3FBGVuy88EVVzND2aoQ1RgYfViUCMVbMCtpsiQ9Y2wjMoJ41MLMzzHDANMCs1JzFUlXY7rKFO27nlxgwCMALY26YItpTNKbfUjfFLBOzkFJGsOa86IBjKM+MzD9WPMc4PsZx9CDn1P7pDcw0vwyEKQoaEWgHMKuFwWxV4UtyzDDOc14SHRLnjtQy3569OK9suYJZMTADjOFJgZoMYV2rnRefIqycUw85Zu5X6KsulOmbHNp0+qyVLu1aWAitOHyfja2aVMh9cR//o2Telkgn+HF3kwKvDf1gXazXyIPpClmota6O3Tbi540v9s8YQygjQSdAzLun/PZ0BV5fdPm+R+x38sgitSxq63pRzCId2cEDz2UeBiCHDcyOuY6M5ynWiIdhkIXlyoGUY6YPPwg25VKoKmZW5gzQmrCjxh/yxN5pLFFaoCLobgMzezDaBOWO9QXOMkIZsY7BjExAAGZ/sTQpYLanjn176qefTf3evtQjlSwCNBTpxwWujACvkxjKKO2oKJg5QCbjHfZyJKX+T1Yw++NaH58MMHv0b5SUe34emR/KwBAnFNWl/MUf2L/DzjFbmGQwu/jii0dgZmF7fmihk5NFdQkcD4uqWOx0qO6HtsZVxXSOnAzxbJz/5YUUJhwwzc+s+8P8vQVm0sY9uY/QS1cxQ23nkSWs4drMPxL6ADO2x8dZZoAxC2McGqQlBrMGZRXO0G6qWXfZ4p23phkRi1Qlm9r85aboOO5Xr13t1UKujJ7YxAoayrI6NGYDMxuP350NzNrrQt4HAAPOBAWbOQ1Uav0IzGQTuoYS7LAhwBlEJsoxEwtqgFliMJN8stEc/TlKnFpDoYwjOBMQi2KdUGcPzPAK2sDsyBH9o1BX7O8dj3h+Mc+4DpcFUEIXRraBPjMJ0aDOdD1fqp8JBRCfrztXCIqND6WrUEjdopexoqhYhNo5eIAUL6wkknWuk99peJp2Vqt83h/GcUv5JPr97nvs6e6bvar0KLouvhYHTHMA79bStHzrfDMtcp0Z7SB8DlgG2oRgFmONgplToy3jwQaXiDgPW+nWX2nPgbIvT+yWgIsdOHPAjB6+bzDWVyjzwKy1RTUrrZ5P6c+OTAKYvaT2f6MC2SMbkLVQxtpOXRYgQ9sBMVHMCN6SzZ1IKKOOlRMMZew2BbM17TOU0fVtn8X22+ilpP73pbTrPfc+mD3mjwv/1zr0q6JlCmzo589/6+k7DMyOTDKYXXTRRVDM/JwvHZfQRt9kA2vGD0VU6FG4Y4t6sqxPal+PtZxX1tpiuqEQhzmFqiivLG12/piAGtbovOaaMfABrDqGL4CZshimN8opE4v8Qm6MdzP/MCADnEExQ35Z67fxBmEjGDN3xjbX2qM8s8uWD97iv72bWIRauaWVKYdnuBjTDJRbOE2rkJ9GG/fgjBWzWg5pKKO2E+eY7ffCg6JvncXxRMFM8ssGTmwmwGzgHjgt+Rp1fD77OWZwZcTLDnLLXDhD3eaL/z5K+WctlBF/CVLE3FinLF+za2EPOryt7T48rwlT8qOJXyfPP1BzwnTmRD8v3EHR5Kpt2Exy7yn5WLZsa0/rvQ3g/LXwlULH0ND40ejaUtSP7GsXnf74AzFsTemcFB3T60UxiyP/QiMQ8SvF+YueVf75qjcpmI3v/a+hjA6Iaa306bT9cwAOrb9NTCFDjgPGQyjzzT58lpZQRmwkr5BKtoo2AxnareAabEYOmq6b+ZND9zaY/X5tf2vq9fsNxlBGcNbrKYixiibjcUjjhIQyomAc4Yi+2Udb02pbp6DWnrPY/lGG9VZ17A8qmH3vvQtmj/vrppiN/22cH75gdlFdBbP/eWCbzT/622z+sd2hjIcnGcwuuOCC/xiYSV4W1Kj2IwDlOi86Y7gGQOKdI5YAUwRWydqFwQ4/eC48k7Q9dU3nFBh1XOdwr2iucE6ewBfWMpd16sbI0MULxfyjjQ8ZvDBv/SHGyfyj/RQrGCtNLatlVDcAq+Op1sMKYjjTrJXS5kaK2crczZxeld2XFkAacYoVbmcdM7XtqB0wPWDTQn0/KL6HBiIEOb3hYBuP/AwQytheF7J9E11O09BF8QMDXQqQYV7BjFlFk+dWPSUtUXFEpqG8rdI5Zvvr+CycGQmyoJLVQrlkopwZqKkwkN2ALW0jr4zPPBskPdS11I3kNkZgtmd+LkHz4HwmwFiB0OIJPJk6tgoqTOYldi+EQaoeI7lkdCtwITs/4s6aqsUfT2ePyX4yLS4UjojwvowHw3OTIpXVGDllG9NDt1WB031RTh4rj8U9H4z2ICqXrSZnRFEq5R70vJ5CqVDp3Yc/H01snoXMM550xsZQ5Sr7KDLvr4NipgDmcg3WDBww8/LMDnovGekM0Ztmx8/OimuAWQxlOjcIk+gIzGxDx9ef7CwOxLQSqmSB0Cl9gJlAWYOxZvIxgFJmYDYQKINbI4r3FzqS0h/fdW+B2UPr+j+uEPbcWhqE1bFW58SAVjJgq5XMtYJYZJ+vMDZ2KOPWrfJjN0YeC8w/vLBFaSdWylB47D0p9b8lpV1X3ztg9vh/LRt/K8X/0Y0Mnqxu2/nsN5yxQ8AMMDQ/ya6MN998sw9mDqwAlAATpGh1DGUGV0MDCfRbYUt58ATu655dRuDFgFMc+3rkjg0dN0YAnueKiDmG0HFCFB0wE/WL1gLG5LPxg7UAJ1dNA4yJmjZs06yYydllSVUyTKHf1DCELgLaTBUbqWSYY1fGVrc1CGUEnNW5dmj58CurczcmZZEpYxgP0qbQlzw0yS9DKcgxS4FyFuRroL1stvmLHMoYhoXN4IVH3BhdMEMcJxGl85oAMNP8sYEztqo5Z61NdvnY1EImu/y7w0i/1mfCqw1wZsBF+WIEaSV85+Q/YU/ALLc6fhVF2COZgHBhyixpz6FDeMFnsCDSwZitYhOOgus4ulEPZm51YThrP4AtN1ULU20m240pS4rt3x044BslMS8pmBCYIszJtKJoPKLuj9Q2A8EsQINHw1BRsCmcdyfPRRCJ+xYFNTL5kN8RyBX/xxGPDIIM4BqGSn8DrANIitkI4NXMTM588tn2T7KkNF0EyIISruMcM8dmQgBM1bNIR2Ytec5Kl/CTTWs6Kw4E9M8CiJGGzT8GyfnvVNQO1LMlok1zZtxvuwBSoh5X31MFbToAM1PHKIRxwApZmweQtSJhjKKejcIYbTN/eNu9AWbfWiGshS7OpB6rZAC0nGjcAbGeC2KioMma5ENaGMqYt5RfpqGMCmNYD+gaxvb4vgEIroVaRnVnNYHaUh37ngphf3nPg9kT3mChjD0nqVaGXHiTHLPPvOasHWaXf2iSweymm27aEpjJeGj+0ca4L/eTvm8Mos/EfVGuvM9VGOu0ljn0vZoVKw1P5D7aOh7CmLotijqG51UrfAY0Hi88hD6DWa3VAKS0AoADmMH8w2CNwWx0DcCs1jAAaWDWfWUwfz1DVp5R+MIcxv05VctQoJghxWrghTMmGstYC56BOyMpZo1rNAJAf7KBWeHvcVHCU2fRplhOB8wGmWEMIBa+6IgUaBsSMMOPncpyBilmwEhVyNSNMUy7sfF+OgqHxQDKAGPo83pfG8A5ZnsPHvRt6ONQuNge/wSDDmMb+G2JpvTD9nT/8X7jR4n9++PoR70uXjn+D/hqm/5C2ufe2U+/0N7iAWZdrTv9H7it2QzW5BqEMvpRfqH4FDg0cpCvODP27fyyM9VoXr88ipQxfyxQzPyxQE1ziBOk2VuCI6MGi8eGH9r259j8Y60BGUIWKadsQGoZClwZ0SZQK4Azyjdrm/n9W+5JMJup9Q/V8tMKZD6gtXZOJfcCpUzHufSckMYUwRkOzA2hLMgvUzgLQhk76Qc5ZVIPoZaFJZGK1vvJkvq/UWFscM+B2ZPeZV+PZee/sa7Lk5uoi7X50y86e4cpZgcnGcxuvPFGH8zifLESHDa9JfgSwPMMPvg69znQZsVMlLHgnDFRypzaUc+idSF80RyriEXzyPQevE4OlfYArZB6NpR8soKxBlboU9hiZ3Wq9dBgrGAOYFZL19bUPs4zA5jllm/25cHha8OcjGkISugreEEx8xW2srcxDJhFvrRF+KIKTChsl2/9JjDNNaaJUoWgmGXLfCgIEZrG4dJ6QFvgu421ADPAF0qOXmwcAh0Vo00oZpIxaxvq4bt0IKXliPmvZ8X3NXDBrKR+M/9gpWzzNzheC8VMbPMXElwZ99x1F+dDUTtjyHDFD33LkFjEBIRs1clso5gqhXUFStPd1bFccANWmwjXsEYem1Ux/HXsGr5HYhdCPBeeI2MpFCw8P+7Exo00RnIUAjnz3X30WYmCoohxUu8ybOg1ZJA/jdRClu9sBo9CAyJL8ufZ5TbHz5+ygDJ+2BxaY0hNX3rW/VI6rasAVaCaGZhxnbZWpu6umK35oYwKaahdQFM4W7R/GXeMEEMdGQ/4ebCxVYYUZ92wpxuIwxfHUc+WqVQw27WwjpUHcn3iQmpZtqcosa435QEamLrUeza+qXXqrdUPMzDrE4wZkAmYUZs2lFHLXykvpvS7N91TYDZV599QoevFBF4GZP1asrWl9PJoXUcARmeUKaCh0HotuI7hy4M0lLzV/DL0pd5aCGPgyAjYEhBzFTPuvyWlXa8rqb92z4DZkz/EOWaaRavgpfHlGLdrupQ/9exzdohdPgDprkkGs+uuuw57Zlhwockx4SgABtzD1rRawMo3AsH9OJcMoY4CX655yDjKlzpHes6LHvQJgKl7o877OWaSV1boh0HMgzaEJWpfwhqLOuULoI0Wcz5Zex4+TNrADWPHzfgjQSWDUlb7qU5DMWv1aAyKGQxAajt96diRq/K0nD825YBWCGx8rR/KuOqHMooRiLVl3XKyYqoZFLPY2XtGUtLHzHooUwpmmmPmwJlsypn3RSZimSE2wnb5JZ2R2Pwj6wHSMYRJHzlnU+bKCNhC7liBGha9uUn+GZwd22YKgdneO9orqL70J3FcxKzGGsp3hxhXM2EOPRSgIULAfVFb5UMFoIpoAnAi0KLXZw6tpBwwwR7aKyCOc81SkAYuvzc+641giJQ5AzHPsj4nBj0GVO9ctyyiGs/xX5bglEY1l44BWPPbsoRryi8tnfu8B6Y0nQTE0B5aETgLlDMpCGWM+QV1wC/+ucxwZlRHxn3iyOgGAQYQJge3KZhB+luVdvRP3dugyIDNnHz3Iv4rOwZS4s8CcCsujMkODcx2HSMoI8UsDwBipJJRSZhDf9nakuz7OzfcE2D2xDr+KxW8XrAOXH0DLqtbv41HuWY9wJaYfkjtGoI4BapYHNIYqmUEYm4t7a2DGfdRK3gVag9HfdSJ+glr3lFS78dS2v3Zkw9mT/10QRjjCf0AzD7xpPN2GJjdMclgdu2117ZqGIQxen1XxWI4wu8RfVXDtI/7B/cVYNw8lFEPdvbCHGVtaOSBz5K8L1XEwj4aXk6ZhCsyoBUvzFHzytAHVGH50DqknHW4RizyU1vLxh+YM4UMh0yP+jaWWk05Zm0ufeHYkSvZvKOgZkgDr2wAZrnVzrfPUMyO9ohZGNKK9YuAGQrN4cDpBT7bVFmmiA01XhkyKWZF4cxBGgI0IlQCMwllHNDDYnzguZ+R8wns8hfzOssc11dymH+UtC9lU8vw0kMGH2LyMRVAGq4BmAHI/Ace+G0JZSwS35QBZrffzpqP4x4IECB2wohBU/E1FlpnOVikktH9cR+BLFLgsF6cE0sumNcwPdsTlmcNtgOQ0J79IEZdz1hklawjaCl4puybW+oa/UR8kvR4rxpZib4Co/4GFGjpAWl14C5Z0BDys8Z5L3y4QZiFM86UVq+PzQxru6tl2Nr+F0Y6pqHbe3ww038NGI/cGzGvfhmLCT8Nxs5DGKNAGYGWA11B31fMBgGgYY1XaD6bmSHqciSlKQtl5Kf3PSSJpzPG0HcgDYBmfJN6xwzGuBCUaUkOtGWhzExg9lvXnWwwe3Yde3OFr31QxKCQKZCJUtZqqGpmn+/mmrkKGkoMaJFalhnAFNI8tUzyyrQdFwUxtHkcgOWCmTOHkMchraljR0rqv6yC2cdOLpg97csGZqKAue1aEvoS6pgtx+xjjzx/hx0wffskuzIeOHBgLDAT447C8IIx/IRniWHOATMeU2XNvZ8DXLxWAUg+h5/fhShap9Coqhjur4Cl9wjaAmoEfgxm6AvAeXllMP6AYNbaBZ3Wr4X7DcIAa7DIxzlnrT0CMeSfNYUMYFb7DcoQyrgOZmsLV2ieWCLQyqJ+CZj5+Wey5mg2V0YwCbUJzkh4EiNDzjGr7XlrC8dI20IZyz6Yf9hmal1CewxJnqO547sYzKKQRi1CnplYpo4dzuTKmO4OZpR5MutZ3ztgxoqavHuiLXb5OMds4KpjGMsbxjpBOUMmTUl7b701dgcu8Rlf/tlXtCC6tf8ZwT089S12NfY/VYe0rfM6p32iJJmkCMf4wG5Wprb+o+eobeWCpA+ag/s4w+6aC17ymAZfeKun0hGgtfbx2jZQw//ofVXfBzOwizBNKCwFqhkUszk7tpAcGQM/w+mxgwBlkwAzhTAt8fcxEhmI6MEGZQCzvasWiFlsByPIcnaQ8SdTrc/WZ8CYFdwHOWb9NQpfPEqGHwMBMoO24uScJWqrO+NvXH0ywey5dexNFaxmGcJaG7AlJQpndOzz0VYFzcs1S7YmCagJjEFNo7FIKUNba9+VsVPzDwpXdHLKZByAVdyQxRDQMAe1sB1I/YqUdn/k5IHZM64xMJNwkOTBV95cMfvoAy7cYWB26ySD2f79+10w4z5UqiivLLi+qNok99T1stY9dDrpfTzFLVLPnBBFtF3IipQ07Rs06TUhmHEfUIVnCGAMih3UsDYRGX/wuWbFSgf44jHAGMYQzmhqGhQzrCuWZ4Ywx/T5tYXLRvxBYYmqgHnfMheEO+o892H+IeISA9ggNAnzHc7mrI5/2MRZjT9mvCBAPbiNCdUx/1A4EyMQzA08X22bgwTYwKwTMBvBUyFXRntqAzC4MRKEBaXYnyMzmJnaNSCDDyho+samfTUHwV/pSO0vjAJNpm+5ZXyc4qBHvSI+zzi+ebAmzrPGtD7X+B8T/2z/jfQiPDWz3Yk8i8+k4QHiY7OrP+CT9YUvfzy9wRctTS1r86aYDQnQHBALwUzZJRaa0FbHRrXNnzfFv0s9U/TV+GNGDpSO4cwFMzifDOUcM3I1kc1RHyxDwhSJUj3xzNhdaxyN7T45oCs5Kpn2i7crKGZr5Lw4sFrCFxMraAOEMQqUYZ2g869febLA7Dmpn99UgcqUMgGz0PRjY0ArAmcAMt/sA3OxWnYSQxlt7VbCGFtJG6plJQYxjEVghvkjBXB2csDs5pJ69YYlR9/cSVxC8e/WHvfDF120w84xu2WSwWx2djYGs83DGsFpIaQJRAlwhSGRCkce7GFNUviSfjdmjpnObQnMyFGR+nGOGX0G9zWsEf2CMVXLeI4t8QXOMD4kOCsGXTAJaUrY0OAs1YLDpaGSjfpNIQOoMZh9dm3xK5pXliM1jMGMlTVaU2h85HLWOIThrLQ6KpKLZorbspkYzlnb/2+bE8oIKMt0VpmXp1G82E3+BnoXfX2ea/GgDBvM8jYneWgsAR7ZWDE7g0IZ6w4ExBjSirxjClfbOlcxszoHiSjYOPez9Yu9eua2IYQy3nQzGUbAxCNToEZJhfObE+Ug0ct9QbN44AYEGVVk9mGzpZBig5VsGIKba5BkEbBRA5I65xzRReYbrYXPUBMP+3xlDzMKkX2VUvisMLKWF+MMiYZhQQ4707MHYEwiwpbDUGwcgrshT4xEOTVuwe9KQktHI4U0SlW8ixMamdf3f9GrnoT/zkgoI8CsIzCDclbL1FDf/NFmagCY+eJSHPXnn9WsB02bM+Pa6O39XDX+sCIwBtCKLX38UEb/nzJqmafzmo11ED2ojvOtlAZmq5QDG2TwTnGOGUrmcT/adJrBLK8wlEEtEzjDww4ExmRefTR/9fLtB7M9Dcpa+GJTygBbUMkYzFAk10xgTMZIGWNA881A4pDGCNAiy3zA1viKGQrG1lrbzSlDW3PL8hi5ZcmFs6HbBpz1RnC2/WD2rEPr5h8pCFcM3WlFMfvQWZfsMDC7aZLBbGZm5kTArKA4YDbMOSc5a8xXyeL8M1W0XMUsMgEJVC+FPoUqzG2orPkw5ithfB2DldZQwRjM1PCDgC48t6z9tLYcLg34gjqmB0yntraNq11+KzZeAGZt7mvAbLj0JQaqTLbRnG+mahgrZqi9d4QCMONovwJOoXcFzjMjQYmPAYO72Vxk/sGhjDhdJ9NrQ5GcDacwbUI9azXAjDbDfWuXIMyxsFoGOIsPmNZXNiqAstZmWJuCQqbF1re5bLoAACt4WxNVjZW1FYRBisXBME3dcKMmPmniEnAktLAvThqSvwAAAv5w1vp30OejW4768qy63H0e33sQY4HdPD8hMRnGDVYzwW1ra45YuE/O5SNwDn/BzhAq3R/mgzjjrR4VAGivay597TMAY+wWAaVMQhs7A7LjpJ51rmKGGq6MnjLm8w3W+tb5Gs4IMBukvS1jLpV0emBO5Kj6sZsJ5gFm8rBcBMjMU2OXiUl98M8GTvTZ/rnvqu19DGZZAEwRUlQyN/UP1yuY9ehh8TB5ICCGgg0qkKHIYdO//NXtBrPn1PKmClD7GMJEMfNdGd0Qx5xUWSs9CmWUcEZxZIxDGRXMMGf1pvll/qHSYSgj6vEt8juFMs0tc00/HBCzvipn6UgH5WxbwezZyyMwa0VtndDx48DFixhg9oGZS3cYmN04yWA2PT2dCKrcs8bGMOYIlS6nHeaOBW6LPMZzCmNs7pECs4/x4SuYs99fxhwfAE1r1RIf4An4Atwm9L0DpgFcuM5RzBjAWpWCUMbUmtaGfT6bgcAiH/NwaBzNAcwsH43BLH1muPxFgi7wiICW1ApnOm51ZjDLBGSblAELSyg2hnCgpTD0ikMZZ624eRtSOHzRSUwZ7hZ+yZqEYlBWOKQxcgcgMMuqU4zOMTuQCl584qdXEUCs9KcM2GasbmCm0JXTgCz0sbHVANgklNEUszwCsxv4ZZ2hByTSunR4Mqlk5Cic6YW9gDzUwAK/Ok2pyraq0ETXuu2zu1RKbzRcendfk7s29u8HX/8be2cBHEfSZeub1T1q2/N+eszMtMzMzMzMzMzMzBC8vDs/0w7Pz8zLzEwej1pWdz5nO4/8vbO3lLLGEat4ehVRkdjVVa2xpj+de88NKEMVEppnX7GSctFsKWAPKmC4vgoo8yF0BcBe7/C1KHJN1369jxWR1sV4q1Tm+Pnx9q14tytoEVYWoANfAKgK3tsNT6rlupfA6wGcrfNv3utNmZwkGGvjBmJUzgzO2gn1jP9YHMwcxgb+GWpHBfNpALLe/U76R6pSuNPDK6oTqj35v/js99XCIMz6gLBFV8cEZAtnIJ1gGYHZIz23rPVD4w5gtc+LpzF/cTb1D2BWrlIpU78/jPpYixTOrA/K/JpX3EowuwZl0zUoK4+4AV+9zUMZbQ/OyfeWG+20kBGImX8YpHmB6TaHdlxsOlPOamadnxeV1jzCEzcdzKSYqe+ARhMQgphawhdhrAouHc4EZklbo/zldqecLZ91y8Bs82aHdaJidvJYdQO1umPTxb3Lf3vO6pj95ll2ZXzFK14xBLMMiEaQls7ba1ozUszmcspsLX9/KzBt+8Yq2Ty0peGLmUtjO/x1BC5uJNBxvpuuCKwEc1o+NpSxK2WEMe2V8+LR2owzo1Syttagy8GMxaabbX6DtHjB9spL+H/BQqMPT5iHqlZpqc+wRu4zxWwf0JXqMokz4z69MgBmDx7/O66/+T80MJvLL3PFLA2qMcUs9GBQzKqrZyYL0mpS/v+12+X/7SyehYOZf0Xz/DLn5w5kUsq0dhyY4Wb7XL/x3q9dYasexMVqTe39duU9yBK3ppwxL8eBS0z568aT1LoGr3YXyZt4gME1bczJMvgQB7dsKhfZ8ZQ/g3lpU+0pjvkX/tv3ewt9o4dCFhp3EAtBmfLO+ri1VxHemPzBaW8ezLzvezC2v8Gg0l///XUQj9kp+g3KgmDWoWy7ay9iLgcxPID1XTGztkOYHOiXXTHLIgU9ZavgoaiYXTIbfNf45uHLWLtgb3OZLwCz3bmW8UcOY5rXmoMZxwKzr3rZrQKzN4hFeXosFn+PQAVAA3D1/qyCZmeiotXJQhlhkY/5QShjoH+rQxnZz86t96mSaV5q2NjkA+ONjz3HDC0A7a9rTG/dkOOWgNmD18BsUab+FyZzpirzv/D9qB3Mbr9v+e/OmV3+b5xlMHvZy15GMBvCV742r3g1oEA4owDFXRrV97pmBCBeyyEqdWT0PQNzD19jH+udobDG/W7+gTHfy8MVCXisVSZI27R+ppKxkLQYru3vsBUEtNbSoVHujACzXQvDj937dqWMJiACtgZnstRvBiCba+No88/fXnkxFS4ZgQRBy1udVMhWuVlI3csVs31yDFgGYAaTEHz1F5iV0bfZ5sr4D1hc2oCM7Yw8WP2LDsDMc8zUXxcnTlCpF2kDy2z+drKcwOyRPTcMNczsi47m5pUzh7Up1imM+Tc47/tYilnpf0KvPcfs4q/9WviRlyrzYzyfr1ui1Cmu6xPs38pj3p3w1r/LyZd8mYOZF/wdGJ38+w96W4UxWigjLPTb3KoKzlw562B20NpUMTvI/gVgzLmxy/xk1vllJ5AftCDldnYoCypmALPtrn+hjQFrM3jDeVPMaP5RukJ2W28X++ZATzgj91id5h2Y7Xs8gvqmkhW/Q85D9PQ9ATALEqOUsta6SoY9xGQ9SMVD6PyCF5eHr5SVi7Eo98Vieh1TyFIIy0MZx+YfXuNsW2D+YTDmDo122nzcslBGs8rH2E9BmPe3VNQsbPFEgJaCGefmAS2eVWP5FjUWB/Ewj/Jnb7rZKWbFf+dVdQYXKIpZuw5m/+D+5X84Z2D2a2cZzF760pcKzBJ1KwWxWcMPwpMBmvddEXOVai7ska/1NYclh69AKGM4mHnf5ghSKbT5Ps0bgG0Ci7qfDmPq6xox48goePMaZqljo9YFX4I4KWB9vs0JtrSv9v5uvfVZx0z9rpC117X5Nm798rz60AvSP1+uMBaoUVXTmHsAaBVjsso+xSViAM3D1AfDKN/scnS7/HoCV8by95tNvilmt6cm8nnsJmM1CWZ4kHVrHdaqhztmf0o3MAs/YhGqEeQomQczGXxhjcpZIMdMChhVsTzmyTROGydg9iu/khZHLl4gWhOlzx1toimEChQjrNHQZmrvSuojpPX5tqfSkOLobQtyvNzQQn2EYQIoZOrRX6Xno0W83lPX99QrmX7oJSDQjnC16HkR5uk29Gwt/NNgUMWto6Bum0IwNbfbh89Ha2YY5gDHbLNabtxn0YeJe9XN92sg7LHP4Bql7/0PH/KOhDLFwlFBM/WsA1o7V9veP+xQdrX1+7wUM4KZt/w9Rh1Zbel6MvqNX9A2MPvrHZg9Ksq1s1vlA8pMKQOQbXb9C0f92vsJnOWhjOumkDWYakoXVLL1DTArfS6SfumusmKf2kIZ1zT+8D93AcwwxxyzFX+Hcb72+aJQxgNIeGuEL2JceKN0XxS4Yd69Mz/vYYPZI2NZfjYWi7d2hYwtwWwcyjhXgLo4vA3cGfNC0x7KmPcDZ5m3yh/ml1lOWZ5bxjkrJj2hTQpIDxSyIZhhTw/3fEqN6X2RNXGqo/zum9xQzCpXOChcyAtJbtsHUbfxLx9Y/sdbDGbLWwxmh7cYzH71LIPZi1/84gzMTgVp6B/ryMg5h61kPguF9Puay0M7Tgnj2lzfwW0wZ2CWW+KHjb122Vytsg2AzEMZOXbr/JqBGRS0I+Dq6tim1zOTEiZXxqaUte0EM8GYDEHUL8+pDz0P/2fEaXMOY2KWHOI09lDGE3/t9/NBcMxftvHwL+8XPcdshDYgSoKbTnNlXLeb9QdjW3zOKtN22mx9FJjmsZRnWxbGaGjpYLbqDo4XLMfsouWY4eYFZh3W/KZtT+trDGfGEJj98i/fcjHF59nL5sdK0Kmc38fZAINaXacV4rLnG5cfGCtn3ueEz5OVT14fzT/M0x//6cPf1WAs0N8anNGp0dUzGYK00MaD3ZyHMu67GH5ke1MAYhPGUxDSCG0P7s5uxBrtPZrX6iOjdjA7yiuz0MWt9Tf9X7H6DdQEafhdBjDrXNJhrLkoLtY9jBEqWTupjol/iotQ8M2oV66D2aVqNvnFLfHxI8tArSQC6FyOmVSwCf1UJbM8s8K5pPr/Z7ywPKxfVFP59lhMn+YK2XwoI8FsbAbCecEZoa4SzqKc0j4/ZtvDoWo2r5htjgtfHOSXEbRy1ex0YDbfBl/7TTWmz42HcZRfuwZmJSZ6QbFMS2aCpNZKnF1XzP7DA8v/fM4Us18+i2DGfbNgduv7kYUbel+hgCmomVrm12Lr81lf1xwbfOTKmu5zUJ8sBFZc4zVgiZ+FMqZKmc2ntcuSWmaEt924n60fArV2fSpo7RSYyeyj9R3MuqV+eU7sP6fOhCjmypmPmXfG1wHMpiYiQVySZ0Ylwyj3zAxAEPXXxpdLD2XMCvbqqAIzuDLW+UR6wBceyBLlSi8wrZt1qlSspsaiUYJcZgByudcAOKzhD7E8+pt6NawsUsIGoYs5a9OVscSaOoApaP6glm9mpXZL/9pZ21fFX/zFKEHBKi1VrEWSDR0soPTIJCNyJa5SEUIdrzoomQxYSNOitOxQYqpfgcQnBY1jvBCW+/UYWKS9f1/yjTTjgJ6n6cwgpTV0ddRHxKcuXaWqQVvIyg88ez0UR9r521HQzd4DQqf6hMD/8lHvgb+ZMHTRwxgz9cxDGqWeXY1YrRu0UTGDGN7gawdhvT9JEevjtsf67YSWrP7lHs54NS51MDtyZIRqdgHq2S6MEX3B2qrD2RGkdVDDv/rDRcT+dQi7TSrZGlb4a4EZgIx9sg9SugJ5Zos165dl3pHs5206VwVxFspY9nkaMQLU0ALGMG9Bp5/0/NOD2RQfH8vFd8c0LSyEcdBmIOaghrGdBmnd/CMPaeRcZp/vLo2HEa1vQFZcIZurZTYbynjVAc3gzNSzm6pZtrH1TB0DeI3ArJ2H25g+PqL8yKnB7BVvfB3MEMzo8fh0/sVhU10x+5/PXP7Xc+bK+Itn1ZWxQ8AQzLR1BGClFClGae5XKSUIWHP291CefD0BqhzyEvOPQH++wLQ2IOzR+m72MZs7xr3WrwA1KmDc29YLgcsUtC0hTaC2uU5epc/v+lDIdAq23Axk21UzwZr6AjMPbWzzKZg9K/afBZBKwctPV89cISsUnhqYMYcsLPpPMOYCk0CNtcyinTL/GB2XlMNxPZyx8GsD+rrJCsQRjGGPzD/0AMgps0SUAgrVGPsdzlTcKA9l7OYfhbkbDmIcSxVDv7XF+tEVsX2YfKzNDGTdWs3plFrWH8KCTgFml171qvYuBgoJ6OBbeC0AEsVvVFjDw/GwEkyOanIBuCZ8+WeoZKec3Ryg0WquwYYeoXxtQXeCe90G1rSvH4I2gZJFrcj+HsBaAKAFf0DVNRTup0+E71Osohr2MZaUJv6AKBKgyXsaI8SSpIh7Kub8Qebm57RrGOrYf059B/gc16rxXz/+ffsffmCXv6KChnkBmbcOaCvlnF079zZx9QisFv2/+MUOutZ9Hn0AWqiPCn8lOr/EPsCsnYe7f8mPhB6OUEYEHauv+W2b6+cW43a91t/s+m1+FWWzOFLJbqNKJiCT+NROKWRXekveMUBrrVSzaS0oY12yUa4rlDP0VxXqWdV+gdkhbfBv3GzgZqmMed8fxH01P/a55ZRq2avFNL2EIYs7NWwMaEMQs3Wu2bxUNQeyOUA77gz2cyCzvhuA5IDm58giPy8m7acpZJz38fGKGUA0mf8fEeVVcYqjPP+NDmvDMv02K0Zms4et13IdzF7nmcv/dovBbHmLwewwbu3xC2cZzLpBxMYgizDG/nzumL3WwW0Qyuivd4WsCoJ023ZfgWLSQVgcKWG4BqGIUFdoid9hiPNU4Ahm3idMtjHBTKoX34NKmPaCyoaKWZp/Rot85JsF4Eyt+so105znnEUDtjaGGUh5Ruw/0yGMSlkyDwADoK2sFhrm1w5lLjjZ+IqPcV4+eSgjq4BlWIO+QMzzytgnmAHC/KHWRUTZ98xbTyL6z8Cs9FDGGo/2GmbARePpPu5gZoWl23ybQyhjBzAB15o5Z8Rnwps/DEkTgVqbuPjKV57K6eEUnh6Dd8kLU2N4cpMLynqcGqq3/gz+ovFH4wWhT28jMnhcu2Yq6fnrckVzbH2S/Vxtn8BU4P3fP/H9pZABxtDu8sU4JxVNYIZwxtW2g9nmhnK2dzUOjtSxRaxj8pDF1qIfCGVUP9CHaoZC05u4pPyyo/DFIJhBJQOkAcoutHXA2fV228HsMFYxNTBralmHsIUgrPUFYlDKJosGxFriOt8VswP8bupPcBqlzM8VrnWbMleQU4Ybsxs0IPP5LJC+PciHP6ecMoTxJbGYXi2WS4BZErI4ALIxmCHfDC2gDUYgiYW+5ZqdvtB03h85MRLOvKi0A5nWHcKScEX2B8YeiU0+ny9X0qQcPr9Ged3TWMyW+99wZ5ffwwM06+UdxzUda1fM3vRZy/9xzsDslWcZzJq1OcBsBFd1UJ8s0Odr2XLNoU3zx9rXzxSETvZZCKMpbOw7kLUuX+9wZ+tqZ/seyuhhkAxldIXMnRj7fGYA4nXMWpeqmCtmu60wAqEzI8FMsCZIk1OjwEz9IzC7P/YfEH+QTUJ9zGm+7vb3fm9LpqDt5sAxLjRVCErqV6/Z3DgH9YBaKGO91uY2fehfkvkHwMz/jksbSpcCNa8x6pgBuuy0B7Q5p80HO8T9df8/gP22XkbEo3qwExWzPPxnEIGK/l7UmOKAKtjRzVVCGtZGro2s1FTa18WXv5yRGlFBATkgZFlauXBTY5Q2RRjTHO9l7PHo7281vkx56+qa1RKzsd13wb3UjBEN5Mw5hXszKdL5be4zqRjohsZ+mNjr7s8FNd9494VROSjXBoGOA722P6CUx//xKR+C/8CrgRlkl53ZB8EsC2kEoMlCf+/wCMz2d4pZGJjFrr+mQkYQ85LtgDNGL7cQRBrNMyhZkFalezugAcR6HwqaQhxXUQ4XseiGH5MUs840E9hGypnGGZwFW4DZdNBDGYsBWTXFrCRpgXN/D7QaZ8ueY2Y3ZsDVT41rX/M5jb0i3Qc9q5wihPF7YrH4xBy8cvMP7mN/XNcsyzcriaJGMINNPvoGaCeCskOOHcZ8TBDzUMaBRX4HM0DX1FvULhu6MHKMdhTCmDwjctO+I6J8+k2D2dPfcNMVswy+PI9sDGZv9+zl/zpnoYwvP8tg1uzNHcyO63dLe4exNn8EHjPqmlviE+Lc/COOCzP0PDUHMYfIY1wZPfQw67thiM/p88ihbD6U0YtIp2CmOmN9uiQ5Zh7yKMhzs49ok+wLvNpEb6NDGUMaK8xBGM4Yvd9gTfOtbeNy/7S+L1bkEYOxlcYdvmytjQ3SDMzgcgabfIpLBmsKkEPqFjSZEvFX9Vo7r0y0fs8rewzVMrmV9PGKoYxmR0nFDDLg4VLA1WkTdLkOhDAWyITVoM3qAMznmHUwC4AZrPIRopiCGJ7Q2XovogdjAcBgn9/OyptWeCPnEl2gKlCr6QEvfVnUqGkc426KmVGVz14JciAPWPdZmB4uGKWa4UUhkGi68DrGPPU4KkTkZe2vyf/0WQhtUQ2eEJKYuxx61pjnzolmPYTT+Ir0g7BRAk9UFOI2RPVct9abgdFSDPtwT3RY3PVq7/NHFwVMaIYu+G/of3/GRwjE8MejDl+aU7HpVcV6G0dvUeNs1XPNlG9221EoY/9XMUEZmwRbBLMe1EtIczhr/arwxv4v5MJR9miJ271WGSGstw3UVn0NMNbmBGl9XHtYY2ymBmPt7DDW+zgnKmcOaLDXT0WnKwKzmT97VYQpArYuCOIofCKE0aMAlqUrZmUOxGA7iZvFHrQzRd3e54Fyk2rZO8eiFZF2RczHeevwNq5rZmuzlvolaiGU3UyuWczkmJWh8YeBGc5Z8w/PKcNanKhmWQ5iro45mOVrGh9ijL3qv31EeVrcxFEe9/o7xQzx31570hOa82RnFZh+t2cvX+1cmH/Akf4sg9n+/v5NgVkS2ugAxnmfY18Qkip0VMUIdoQjvm6mrlgOeDmYKUSS/d0CFTTmqnW+ZI0x7XNFTBC1xSKvvyXkaV9XtrRGlay6WgaVjCGO0SFKy66ehcxAtM9Vs76+g7B2ES82rTyz1qdidl9Z30uly0+ClocpEtr8Ndq7bXWBJhl9uHqGCEBP0xLT0MgQkX+X55SByhyzx8x5Gg4cTVZS0iAJXhSYSd7DzdcOY5mCRkCDDOjRf7kro4OZGWT7XXPMr3U8S6yomPEklHGMr6YW4gho6z8dhTK+5CVx5o5xxOD/P8ZWln+nn+2rffZHJ+GLyZjAtmKOGfqr6mGNHcwiB7M+BzDDvMZVe5JMprIbC8xKt8mPfirYuFrGaJ9Hu9I8IA1gpjmCGcIYC8Zklgn9OfYpZqM7rfvdC7rUF5TNBV5Um09PKmY7MLMbXHMub/13litois989/tvBswuxFR+NRaLf3FyMMv3nTCUkesDQCu7dlNyExB3ZczPuJWhjEPFzAHtJHlltwDMkHNWfc+cgvbbNUozRVzHCY/yE6/fc8wKKvqDyuxwR0aEX1wHs/d/zvLVz5ld/kvOsivjAw88cFIwqwMYi9Za39fdSl9jLeZ2+bkr4+z1Mzt8vh8Ba+Z1rooRjgRQuT0+9pkdvoBfY64RJrXWgIewpn47gtfX+lwoI9cEaXRhBIARzNineiYwI6Q1INu9XmB2d1nfncOYjU0Nq71fWp/7rC+7fIev1vdi07N1ztoJMGOOWf7NUIpZkqE19DBEEp3Dm+zy17hpD2tcc1ypqkEKtAfKzT/kythLz+Z37yLninXLen8VBaAGV0b8VAqostoYmqbhdH8gmIJXgdmLXjT4Adk43zsyxEdnkAuWX+GWEtz8247DJl14U02vYH2z/D2GyWO44LiMwDg3zz9Dfzy99pQId3xI5Wt8/sc5kDmMCdJ6H+eK+WYENJiB7G3jKpwYCWRrAhvmqZJJf1b/IQtv1NnADL+b3F+VMKZW8+h3d0bsaX21ZTPB2KNBVIcxU8mQsqVxLjo511zZhUYKxvAEZuSRwVcHtxWNPgB3K5iCdMUMahiUscCDVNBlHAdqei0e5J3uPTmYlfLFsZi+6v+Gq2Vru/p1WjDzcMWTm4E4oNVpLtfMAS2snlkOZ7ldPqHMrfK9flkMgUz763xOmYGXja3dzoGZKWNbzmM8o5p9Xo3yjXHCo/zI61mOGcPS1Zp9vo9VYLqh2Uc9d/ma5wzMXnSWwey+++4DmOUw1t0WCWPpXr/GXC4Z3BuDjo1trq0RgAY5Zu6wyDaOKRodPmfKWQZmOPK6ZVzzPvdxrre8Jg0/Shuaaqaj3BDVNnJh1CW1cOTKiHnmmLW+55jtYFVzAjKBWG8rIK31BWmtbfPlrrK+E4qZwhUNzLC2l+eRlZVUtAzMxCVgGbYJ5zyE/hU6NEbPMZutwaQ5KWYN0BxrHMb8BG0WPODhbf1BKuIuCx/AQx0pFVJkQtKcQhktHA6hjJZcnytloxN7qZgpCCt05kBm647M0gcu7+qZlTiMCy94wZBbOF/PorxFpvl/RNrzy57+gzj9dcmON3u11/qiT04UswCMca0C2Hooo6tlK40FZpWKmf6FUCkjmFE3Vqs5rrnq32EKYdZUygzEOCcY4xoNQaimhcBsB1umlq3JOD5nzNP7mev8dJDaKeGuBynLBmqtXRXtlWKmr3tGlWEUWdfzYBb2cFadLt727pOC2X+NaXplLBbTMWDWW44dtvI5B7XcTt8hrmCcG4G4UsZ5t83foH/UOpTNOjPO55ZtWK/MoEx9FpL24tEaz9Ypm2/nc8w4b2OecGw8vNZvxoi/Gic4yve+3qZGTA/7l7RElk987vK1zxmYveAsg9m99947ALP5MEWCVJIDVgVhbv4h8Oprcw6Qbgwilsugrx0jMON6IciJkbg2AjN732PBDNfmER2+CG6aFygKqnSvRdCmzwLhiwS6gEKWFZ+O1sKdkQWmt2qlrHX4akYx7doab1trYKZ8s7hrcfVO+3afhiRWAJfGrpa5olZMMUtVMz/nLCYQ+fdXJ3JlvF2BgL2Prw31YidJAzOjU2hQCmU0xcwfwoCM8yRPB7M8lNHAbPClB0oZAexiEsaYKWahPDOAWkVoIxQ07U8NQGQGfhG/v2mTzkgNgrUfzEsjrnKAzZaHpm22GWO+rNhudezusZBfHRPYadfXAjbV3in+geTONighELimBmqO+YBl31+4S/eQHumz1oI5flJVPZRywwvsx4s+7pfbcbz2l34qvtEjIWkP9cwAZwA06weUsopQxtpyzJBLVlQ4AqDGdQYAl2PBjHDWQg6lhXv1r5rDmc3pXHHuCMyomBWCGcZsC0HMmYdQxlM5ZgX5ZK6KKcesuMKfiJ3FAM1yzPJwxQTSgvMOad7vIY1vfmc5kd1HKT8Zy8V7uwpGACOoEbL8nDf78NcUgloHwGUCZNxb2hiQNTmIYXyKQtOD/DL2DcTc7AP2+MXUskC/tR2ODMwq4craahB2OAdkbpdveyy88cdrlA/uw2OP8s2vSzBjgq8nBI/+x1ij1m189vOWr3sOzD8ISM87y2B29913D8Gst97nXl1j1vzD87gcxjx0cRyuaBCHEEfr81nCHRcdsjyXzJSxyNQymn+gr3FmEiK3RAc9Wt/TWt8VM3dkrJlihr2EsupjU9Bo/iG4o3LG8Q7EBGbqNzD7+enq0+3/lAAyzSN0cYU+9vL17Ne9LMdMrTGMuzVqXgYgrZZZNzG8PA9lyDF7dETpOWY1U8pIkZjnHBW07dIgzFUygzaXA0Wo/i2NYIYHajbRj5Q1APPLnJ+1jo8e9vgYFyhm13UBqmYVXzNzbHa0djhratnl6wWmn/uc9hw3anBFIZQQd4xSer84nDi03YAUd0EsxQnFYYAQ4QBg+w20HMqwT0u4piDKn4H3TcCqqAcW8JdM6owVYFwf92aWxwhhRdfKaHIGEFlxrYAI9TJWReOPcR6muwEKt+gq+FmRPl/3Kz7zeozcqhLOAFwANaylcCYo24NbIxSzNf916GRxCfQ1n2VmsiS7SrFvY+9G9qiVi6/AF0KaUIUwFqaWEdrCwKydkwFYsX6wHUUCPgQwy/LDBFc09lCfObHG2QIzvXZZ4coYa7UOZxhzjvP+uwshkW/49JOA2fvGYvrJFLCWHDuYjUEtV8pG9vnjwtPbMsGFcdcmgMbz9KGMg9yyJMdsy/FN55XNuzDOW+L7nsOTg5kraO8eEY8bgtlXvu5hLapjdtoD9h9f+rzF658zMHvOWQazO++88+SK2Xx44qyyZmvavvG9nmNma6lCpm1Y23LMQ+tQrwhptMmvDm7YW2T24esy/yCE9rGULQttxGP3+wDoMa8sGijpebRG8MtAzV0aeSLHTIB4ZIcPt8bgPCGtz8mFUWAmda3142nT1acmQIW/RGNMaOPY1nMwywQmznmatrjHOEaK2ZyoYGA2b5W/8j4fDHaToNRNBmYCMihiazo1qu/RM318uQtNV8OPHZg9ooPZJUPK3Grawazwx+mhjAZj61whQ0u0zsEMZuDPfnaipeAw+ch3jNUg3xjjwy/q0+zllObLHPoom83VuFM8h2lyNg1EwvQIPuP0H6HvAJQnGzUFeuOia3eE4Tf42s+D4lVhNcrcMhh/7DmYsW0wFsw564qZ/4tAXpmHMqpva6mmjHpmm66YOZjR9MO18Aow0xzWBG8GZhaueCAVzGDM+qGxM4/9TWZxoDscmnkYmOFHWNSHaoZ9CGUETQKsqgPa2oDM9yZh2q/71BLHH7dFKc+PxeLVcjBzxczWx0DG1mqXLaGIEdIIYlDPdvcBIxALZTxMQxqDIY29n4UyFoOwyPPLPMcsDWGcN/wQWHHODT54jxXjDNDYz8cGbmM4e0GN8vojE8Ly+a9jYFawOgrsL9xTd2D29c9fvsE5q2P27LPsyvjnf/7nKZi1w10Ys3XPHxsBnZuEzNUxc7dGKmY+JvD4PbqidZxdPvc43PE+OYmxm4KMzEBCz0vY4phFpAmv/Si9L6gL5JLR5EPXoTtjQDnTHqlh7XR1jHPtKC2sEflm0cYEs6dOV5+SfKunt3pwnflkCGuEsob5DmZXi4MY+MUhbRAwd7l7ZTwYo+N2BgICztxikn2XCy3hbrtgCCOBy1ubc+v8PjbFLAUzPEGGlVDGBF2AsYK/o7tdPkIZpZhpjK+YnCu9Ty2gap4Vs1uO2bOe2fOd3TTC+gjh2zrkxLR7/eSvC6+nBXWJFu5Mi2p9qmawq6/uJKIe3waT/kxbRKccZy5S0KlHpQNkf88d1Qzzc18M5n6Rc9x8gzMF9wXVEXMOTse++cCURaO8whxfVUr1emZpitsbfMMX6neRwMuBzAxA1HJ+Czgz9ey2bVylBynBLLXKUV/ztdvqexVAnghltMwsjU33NhgzSCOcCcx6KKMrYhMYJWMcrlX1uc4TitmFSjt8AhcjT9EvVt0gkFtGQKMro4iyneE3neXC8qatHwZor/6UMlbLFj8J9asDExUxtvMKmlorSo21QTunplloo85aBF8OaAxpjN6eOpRRY0CbmX6kFvlbQZIVklYbs7XK5kGMLQHu5IBmQKbXm3HIWDUrn3oNzCKmo7oqpZxeL4u6je98wfKNzhmYPfMsg9mf/umfHgtm7rLoEJbszcBMLd9LALZxtczDFd35MVPlOJcoc3OhjKM6ZYQxX49snwNWUlA6hboEzNTXmGBG5Yv7aCji6hnhS2PLRet7O3C1QzXLeivlTLCmc9v2E8yePF19EpUxyCqJStb7mLfXYB8UM0b65fySOzY6mFExyw3vXDFzq3xCl06oY+oLe4xANwuDMUKahzJWz0Xr8l8fE8wuz4PZIx0reVIZgyMjc8nUX7EvMJuBsjL/U5rPBtSpHLPmIpsQWSle+4vUMl+6bL4m9GwFajCbf8EvrLGGtyb2saI0maTwxmC2VXGv/n69k2Oqcw/ughfkKwiX7DiKhUC1j4KohxpoBNvWrcn9EK78WTxSU6BFPtM9IXcQKiQhlC9yx8o3/uYv9RyzPq5q2dc+U9S2gDKAmsAMRaRTexwoZvm6m4JUgRvAbM9t8kWbFqaIP8FgTq3vZe7ZTjFzGFtTGfM5tg5jNAWB+cdVKPn6iAFoHkTBH5XWfJ9eu1ctxywSgsxuOjhvex3Mam//+5NLzB+LmOIFsVi8eh7CODhzYBNcWTtW0gbGIAmgEchOXmj6VKGMNP4Y1C/T2IHMTT+2nlfmQMbW88dG5h7cM1bKfL35UhyrmpWPeu0dmN1I6K3H2fl6zpkFEmy38SMvXL7JeTD/wPHAWQazP/7jPzYwG9Yiy8CM87N5aoCsDcYEPlezaB6iNK80/NEhzZ9jBF4KV+S432dp8wIxwCTnd2OrY1Y1BpSlBaYJe67ieVijhzIakHGdYLZB3+uYDcFMAMeQRappsNI/yjF70uLwCYSstN2z8EUAWrrfFLSDTECqCaRx3r/2d4VNZb8up18ITTErj4yoVMwca1wlM0LVQxa3yy8OY5ivgLHq+WU4CWZjxczCGAdw5k9RezsEM4OzMZgRqamYXbz//qjVVRhxRuvwyzgKT3eIqLu9WMfBwsa24AWcb6hP1UACElqCiQ5rmUJkmAKIYnK3i0d+FcCiXi8oJOTxfgpmq1FrgRqHAyBmBasrQkntZX2MItl6Lqp5vDd/JolfjpUG2XYRd/gHK8abfvtX4vdMZZ9jghfBzJWyvibzj0rzD/5r8FBGBQJjHlCGvitnV6CYFdjkW9VBjNWurFVfMKe+XBn3omwWEQKzgw5SAi7nmrUraBn7kHm6Xf6hG3q4SmZh1sXADOOV5aKtTDHjzaIvtQxrbXxAhcxDGXsfgPYfnzAPZiXeJxaLn7p5KJt8n6/Njx3Y8lBGhDseV+OseNHpzPxjEMpYTp5f5uGMcGV0xczDFXnmtcnYR+vqF+dPHsLoOWa4VqVxCM/3iIjHxsxRPuAamNWY7C9j/juQE3kkoxSzn3jh8s3OGZjdd5bB7I/+6I/Ccr5yMBsYg+iQ02L2uhmYIrPlxiCJAoeD83wWTW26A2Rpa60PVU5rhKOC+6AyVglLeR7afOiiAM7BDONNH5e21vcSyNq5AYy1aQ95lIJGJaxtZJiiA52bf7AVhFE9c7WMtvnR9jQwe+Li8PGueIVEI7IJ+9jnJODAhlBGYxlX0XyPu8y7YjY6LrmnoWdB4CHoZMI+H9DMP9a8+YL+vDRIOCPLDMGMUAZFTOGL/Dv6ytb2oJxpTzuLzD+EzdACKm6ekFYtxLFoz1HFpitHYLa6957jPf6gPrkhyK4VqBAyAAZcDrXqkI8MH3IWoKeG2uOoI3/ffI1dPGfqlNhnC54xdUDkPfKmw65sz95DJ/scPlZ3pezj4rlxqWGHWnuPwM/RPwN/cZ7vlpHfm33X1yBs0Yph7RHCOOcq2havp/lH7MDsUL97zABErZl9GLBxjYG+NdaJYsb8MurcbvZBpSwwJqwRzKCYCbTQd5WM84Cvno/G/Z5mKrt8gdWl1kLxytKX59byv/MRzGQPeZApYgZgAjOdeo0/XGuvRPzbx5fIj2WU8oKeW9YhCSGMuzHmND8EuLFBSNIKziz8sSQKmp/uzKjxfCgj+zmUxah+WVvvAIZaZejXbo2fGH3kBh8DpWzrtcocsE5u7oFn5LzmCnLN4vXmHBrLu7zWdcXMf7NxVGfceDWkK+MTXrh8i3MGZvecZTD7gz/4gxTMBFCcP5VK5q/HdQVOx5l/CJy6enY0b6YbXqS66lDfzT2wh+pXFWA5ZPEz6eOhXf5c6KIdLp8V5orpeVSPTNdg3phfA8pXWMFpwhghTaYfBDBZ5hPqdntRYLqth8BMr2tg9vjF4WOz2mNlLwtRxNiAjPNFfQOzOXZhabD9yjnnmJsFs0czjNHrk+Fh0ZJEnTS3t+EPspD3PFZz7WGOlAExL8VszvwDZv9JGWxrK/oIWxSQ4WtfDmZrgNlDNravp32uEJ11Cszuvsu0HaML/0IOoIFahgUd7nQojjA/CYWFEIMcktzF0W8k1OeL2erqgg+pSQQ2wBLBTMu8Rwe7yN6HVvd4D5EqUxkYHuiW/7X2H4e9f0p/fhDkeKP8CLULn0vJ3CF1s3SrhBuloexbfO/XmzIvVQxjqGOmngHGEMKo/oWumFku2QEUsyy8cY0x141hZP6xA7Zthy4vdCEwcxCr1uYhjXsaI8cM8NVZxeEsHMy0p+/HQ5m5IUIZ3WWxmKAZMNP0NeabaQ+ul4OZw5iT5YFJfBi74tbs8v/FY+fA7P1isfiJWHoeGYFrZAbiMDZ0arR5W59yMHNXRoe0OrlSxnFgPoEzjRO1bM4m33PMrlpLAPNz1nkxzyGzVufpwczXDUw9Z+09I+KOFMze8hqY1aIcMw9F0NhhKZurUeo27nnR8q3OWR2zu86yK+PjH//4mwYzG8dQTUvCGDW0fQ5YBl/z10df8yN1jXORF4rO93F+BGIAPY59jWAWiVW+j+nE6Bb70UGKr3GFzEMZtx3IArXLUkOQdmiNNc8U5tjG19p47PLw52LvmD9b7sG0cM/hjPvU7/vQPygOZANQY9+Us2aZ/zc9pHFs/vEI5pjxawMeCvIgSdOlw7Zvu8TN8qF4gigN0tJcs3EoozsyzqcCzs9bv3Ywoyp2EJXqmOZP/FPiw2xi9fM/HwUuhgZQc6BlmhIBYL7umMEfwvKQFVUYFilQICSVQCNIwXvCph4PorkSZB5cwNU/Xac1ukkQGFMROMbb21g32MYIT+z3VolepX9mTP4qN8CuFFjVF8IrgRWfj/LMUgUNP29+HlWvwbX8eWvPjdMajFLe6ge+WUlJPQSxOqihJaBVW99yrlvlt2u2L40lU8nQ11o1ILOwxkRVu9L729jrKtklAlYUV8janJt+AMQq1DWCnBSz4uoY4ezA58ksjBrkvOeY0YhIkAVD32KM3OYLHBoJYcVCsKsrZgQvu8HhWm+z/fXa+Y/vyMGsxP2xWLwJgYuAxnnODez0R+GPqFWGcQptWfFpAJupZ7XIlXHqihJyzQaFpk+UX4a+qWOwyHfDj4J6ZJyLIZhxjuN5+ErVtBQ+ff1w/pp3RsTbRHKU12lgRlfGU1f/vw5mz3/R8m3OgfkHAennzzKYPfaxjyWYGXDluWbqZ685gV3+1pWzE9rl++vnVLEUnDI1zccDMJsLa/R9vMgGfcFl6X2uEcx4P4Ss3WsBVSq6revpCEEiQE1QlYIZxwIzg7DMuZFg1tqWW6Zx3LE4/Bn/5k7li2uVoMaTPANIK41lumLGKJiD3lqQSf7V38GMOWZDMJu3zoBC5pW0e0ta7fs2S8AWbp6QBgHKZUGN6c5IMHNFYrkDsxq3RwFS0tSDOFl1l6aO5aw9AczU4uYt/8yVs/yraG11zK6dtYHZ0552w0wCIXKW6KxepD3t2ZojYmHIYzCEzyBuN3IwYM0vOARObQ1gxnsUsW1vgFmZOggihNDyB3T10u67uG5n1Ff7XgFQX7dDT82raC8lQKuLViNg7DFF4Bp4z9qfT+/VH7mNXcVivgSVN9IpcwPVnfpnrLDNfjMAM32+9mn1ubf50e8AUPWTNcu45nC2Z4pZkmfW5g8dugRkqWrW9k0K7uW69ijYF8WmpZjlmaNtrThs9fHudQQ3nFWv1y9ggtmB5Yv1sStmEpaYh1ZNiOrXgWJmcBbuvmjzrooFlLRiP0qZf9RD0CJu3CGMN6p1EqfWWD27gdljfi774vzfY9qFMV68AVjLY4DLoU3Kll43BDKceO0AzGAGwnGSa0b7/GlYaJoQdJhCitqKNjtdMauxzXPLMhBTH+M0h2w8tjMHtvl1f3acV2qU14iIXw47yn99zcMaTTHLa4akc5xmvHkDs1940fLtzhmYPe0sg9kdd9xxU2A2yENzIPP9GqfOiQ5pBnvVrfIzJc9DIHlkYY9YczXL7faHillyuJomcFI/BUHBj57dapRtLYctCFWCJ+uHwiP7SeATeFEx0801yOLrKh0aextwatyttfZnF4c/LbCieHRk+JGoaVVzhDIPaVQLMCMCuLi0b8DGuYdMk/nrE4cyPhKKGa3xJf8JxARmePCMVjeLJv8BwPoDaG6dnolhiB6mK2cOZhbKeAkFphuQudmHQhbV1x7OEdr2eoHp/8PeW0C5ciTruhFV0h57+zIzMzMzDjMzMzN7mD3owTse8DCeAR+PD148zMzMjONt75Yq35OVsfqbf4WyqjRafnq3j9aqXZmRmaVK9e7u+vqP/LNwVYw+zEjaosljaWE7Ek3drt+mMl533X4bjclLrzH/clP39BKoKge4z71fchMAS5GlZt53Edv6eCEy/+7G56xdZvZj8L++90rmw+VKWfxMYlqjwtg5SXEEmNVUxgTErEKYKYgJxJ2uMbsIGGP649rOmeNPLcXOm9s5TWGU+rlTY49NnH+OqfU4M5XRCGfKNApmEjcAm+zpDDBLdllpqPgpkGlfBTM74Y0AwEiTGtOJ8CyAd9lH3fS/uPv7rOvvo/B1Wm9DWjOu7R0UsrzOvozNNANxK9jbjMqZ7mk2N5VR15epYqaGH2nqYronGSGsaYef15twxrbSTl2U/tL+7mL2YJOX/8l/gFRGTWPctXAYZYKZlcF+9lsXtzpjYPa5YwazT3ziEwpmY4YfCmHa1rTdl3jUVe0yvUZz3zIBJY2hrOPUmVH659DEur7GQS13ZVR45ObSYaoS+4jpJtWimLE+msoY10tMPiz6SZnpiyUOWOhvzvaxfvURuyRXwgrKHnWkM5aIK7xFnYpZi1k0JjxzoUiyXD3aT4xIZZQdwPQxApNBOaHM9QIKWalnVc8M8XI6iYtwa5SdtPM1ZsWW5va7mYQJCMMDEGDMcOQxgFkKY7rejG2FscyTjmvMrr1Wp2NT6UiNI/SVjxdwaQ1i7VB4VUQlQ/pie6nW1N2cLQFTVnX+LOrv/nT9HF9x7zkXZiYmRRXQPaeaxKks3uoDbxOlrJYBXWiDSkaIGxgHxG2PE4DWReNKSweA8UCqo8KZCuc0/9CfScnaMkKX/omF/QpQKFPMDGAW5SaUcRnXRXFjjD4CZu30aXw50nZkxEt5YQJmSpVaVtUsVDHXiaD/uQ/rf70/aN79iC3637sbshYj8EWlDGdVxhI1rV1XEJN6vuaMhxh/0D4/NwFp2+XnNvkKZ1Ef6vvscmEsAl85mE1eU4b+uhcZ66OKmvZRMPvVwfwv1CXwFi//3f9wXdalw/rqxGVKXmyPV1cVs9/+1sVtzhiYfekxg9nHPvaxcTBrt9lIimNub896vql0U41T4EogLHvv/cEML1XSGG8Zg7CNY6PONWYxJ7HKD8WvcP8ypiiirG3RHGXLwEzhiwqetkWcR4DZR/vVh4y2+PwNSSBTCNMj+km7mn9c1ExAKmNo1+QTBbN5a8zE+MPg/a9AtrnhjmvMCGY9YUwm49t6LkCFswnKUM0CzEQKOWdlo5iFWqapQpGyKLEdhzBzZxfroya/AnikrO3q1siy2iCUmmzqdmLnrrnGAgK2bsGl1lPuEBMOpBHmr+RahQvEaihJpXRvmHLo+jWm67F3BOE4yNRJvb9IKZTbxTUTJ0mbCFm61TWxiRt46/uM8G2RPnFFXC+HNLk/rttLIBZ5k+kcFepv85F3QuGyOMSR0Wt7kb44R7soaGGXD+hCmYAm9fguQllBjW6NA7Vs9VvV/PAEwuixqmcqZlTLaAJSbqR1PmFMxajKNMI/pf5hqT+B1X1ii5+nUmuyRQPQCGZO0NoFZiBOweWIV0gDnG3qH1LXvHtZ13/A+t5lfdluSGNdjvltbXMQxhqpjGhzmoFU1cwV0NJDnQg1hbFlk78Si/xsM2nEUG6DWQ5iWtf+E9va68p2QWoZzO5q5p80vHxZFTOHXTCcquQlClqyxuzkWxe3O2OujJ89ZlfGH/mRH5kOZji3wEz6BHxl7cbrE9IINuHKGHG9rzEo0zaBKo1FeWhde2TjaF5DX2MbTFuAGeORfsh505FRlLGomoKZwJoxrmC2ORPatE0t9mEK4h/uVh/YBWa+S0nTGOps0zVmmT6jR+uh5gLAbEoqo4BZPWeL4ujIGEQqC+aomOmyrIvYv2znBNGnGoDUDdqqyKQLlMyWFS/P79y3rNSP3+Xv6vmB2QC8KpxFGdRZdL0Z4s5kLoCZ2+e3iVqf+cz+uYLsJaX2UNkDa86V87cA2iCi4h9K8g77pUfqTWlTvjGaDh9v0KC8ie4Xp135V1/HGjnsWb3XyxvDb/fx91AxO/VmX27OgLAoq5JGECO4BdQtzVaEryacsawo4M0N9ddbxQwgBj08cVnEpFAXOIv+8VNg6Mgj1gm7KGyRZ9QYhBxEcOtOYHwJONMURe5scI6M7NpfOJsbTGfglSyMk5XMoE7SpvRffUDAzD9pfX+nNH2R9Q7AtmivMZvn3NgAMakLiMlm1V6vh02na5/BA8gAaOmRQZnt3L/spLG+rBDIankczBS6PN+TrG2TP5qimANoE9bk8I8Us3t+IZj9EzX/0HT0VjYJCvXZffWNizucMTD79DGD2Q/90A/NSmXUPpmqNaKuDRmY6fqvCaYe+ftKu5p/aB+pD2QjxPX+Wy9Ne2RZ17EpWGVgFuMjzhjHxkHoNKY/ah+FstqHUGYBXGhj+qKmMkbdP9it3rdL/XKAWpSd7EIYoyvjEtcSV8aL43CmahqPPcHsvKQL6URVOSOV0i5/ETcYk0Kd5BltJYCstjP1kamMxWzl+RqzNJURlvia/hN9avs5whse+xyKGSYhroyiqAGtZX0aJlTB7FOfShWZXGXZa7mRujXOX8KU39z8lxq7S/mQr/wW9QPY9xWc1Xrv9oemEtf8WbXTWO/wqfdD9cJTPp7kBcBifzKMi7KmPw51HzMFMdYzwdxxlrVncnCNmWGHQVW+rAVm0JyiHP2Y8uiD173GEn4h37CuKhnj0R9c01+EGlaFSjH4QBl1g7hpumyQx5YlzNbJmrGL9WZjkrF/2Q7CZL1IquOF9/F/2x81777f+v73zVbJCGBtVQzwJjA3tll1F+fmnmdwZuzTjadLc28zTWUkuDRSGQFjksYYaYqSuqj1OE9RzPKYGpbMVctWo3HfEd+kM9pfNbNftvry/l9tzT80byB9FZRdswqKuQ+2+t+LO50xMPuSYwazH/iBH1Awy+FL4Gisv/YVOGqlPWrKo2X9GtfQchPMdBPpZHzbVr+hkrEfwrwvY13AjGDHa3CDaa4lY1tU8rKsMaPbIt+XClmUFcbirGD2/m71Xtu1luyc2VBjVNT8HDwyAtrgxGhRF/OPcSBTb8DcOn9GKmNVxc7TEp8wFtKg5HBGe6VMT1wZTxJzjxMjkAnLqI0+XBkBZvgzGsw/1GUx+5t6FxC28wA/bx8hKyZTJdP1ZBHTVMah2iBUIxDRNFd27pOf1HTFfG+vQzhGZKmC6s8v4KHrsooxru+tE8niu9BE8UyH5A0CXO191bScv9ThcDYN6h0kqZ/jhJfvlYaw/A+RS93pmg9DCYsD9XNUzvTM9ogR2IaqmAGskKJ4EeUEzkRIr5AW+6DFd4+AmQt4QTVDfEc5IEzjYQoyeK6MAdQiHoxDgaklSgX/dCeqeKlqpgqZpDLK2HMFilmN9aWCmU6m4EYrfcohypk60WLiv/Fe/q/cpDF+0JYb+FEoYz0AKSCNSlqjT9+hPOeYZhAiYIa6rjdzK97ZCvuZtV0ZFUjoxhiAFumLBkAbbK1ry1Qha20aDTCcZ32fQtSstWXaPh7zu5rZJ07B7D+vSymdfdGvyrTrr1zc5YyB2SeOGcy+7/u+L8BsXBUTyIk40g11XBOi6i1oumIhjMFdUV0aFaLSe9zRJwWzsZTF7JoKTy1wkzVm8b6xuTVhjGYfcf3YeBpAV/vjHOYdYaVf16INAC8Lq36AmRHcAGPxMgKYwtjmTGfHTSrj+/v1u2Pz6LIUMKNyxtg5PhdEGUIT+geYtX9taixPZ7wAMLvexlLVzofeBDCLlCHddE12zPZMNgSYqex3MZ9gEpP1Zg7zD8lvqOYfv8uKXUL/tgAzfYSDOqYwlsFZx0noDSMeAKf9mKhFl8YS5h8f/3g7k+3wdojtVMXDv9vBZyW5iiN9GvOUWh6bfvnDz5f95r3NXT73MYWyqoa5pihKuWgd/bG32SKS5lz/x0u5jChp3kzRHuCsSCVfVTJNUzSoYqbpi1GOMQQzTWG8GGe6NubZghrjEeYfhC1Nm25kvqdteq3eAGYmdGkaQ9w1lYExGfvL7+EGwJ+wRX9n6zV9cYZStphrEKKpjApd2fgur8eYfI8zBTRVzFqpjLla1jL9qPXdG0hbWzGbuH5smG3s0QYwjU8GNUlndL+tpjKq22Je5ouujOWaxd3OhPkH/DWOGcy+93u/l2BmY6pYvhl02ypfN5QWqEv7EcQAbfF2+2wqbYAwaUNdAqimAJcbfoy/YhznKrCXmoLEfUQ9PhdVx6JfhbEhbPBxHW5CHdAW0DWImsZ0RjUD4ZgAM796sX6XicrltW44R5ujn+WAxjEJmKGs9cY2YNRkZqYyAsiyzdooBarVZCXNgLfVQqDMpZ6VHWVOTo0MRU6oH+P5aqSNv6XLShOXB5sy+vCzjH3M8hsWGMOjKMoBY1k6Y9mYf3z0o20R7Phfe0hRh3/HvOFgV9Q2jR/F58ued/+KL6lQ5QlsWdTlG2AgqKHfIDINFDMm+saZB/VkqGLoj291mBvVa69p4EF/1RxlEGffc8leZsuAM4CZKGJRJnQp16i6hr6cXH+id6t33o4tx+CtmPVcYxY3ScWsi9xKtJmuK0OKQ4wlqP3su+I/4R+yrvtBW/S/XyFstC6Q1dyUmmPa4DYbzOQMWEscGrswApGNpgXOCD3r3PijQhqBLFIYrQFmBLL9wUyP+XuRtWDM58DZLw/mf9nMft3MzO1uq2ImqYztn7mNlPDB7GP9Pc6YK+NHjtmV8eqrrw4wu0lBcXeFnDJm/kGlqEIUzzGG1w/ICnVHr20ZVNXDVFlimXBDACQ8NVQ03assTUeUsVS/hkRFY13Lus9ZvD0/wxhj7M94XCtiUVdVjEpdgFWEmNoYEKcbVHNTaoBcHHGdm8Dsvf36KmTx1TNYBZDl+G1a+IxAhll+4XUGATP+XmdMuYbtutH0b1Exa6Yy/q66Z9ml2W7YnCCOOtGhthHeVsut7X3c2InzxsVKX+oXdd3ZRjUbzK6v6YzpPmZul9lQUxlNUxnF4cxtGbFQ0GK23PmIYKZUiUfQEgCGckMClGTTE1t++MNtW0ENja9p2n+/s/Fr6Ko3TbWbnz5Ie3m9TDstkUVtbt6x9k3HaFDrGtB0UO2j3Q7GrfmIe3z1Z09z35ZcS+b1zLRGAlxJ4EzALMw/kj9JUDE7gQ0+wawtmNOCv9jalvU7Um3xl5m5PL+DY3JRFnUNCcuDA6oAZNU2v5yIUkaAQzzKJVmy1a92gZmw8X4xKmZIR8wVMoUynVS6yjn6/+RVHv4y1nWfIXARtnITkHa71tuW+vs4No6DWXuPM0lllDKATGAkU8x0z7Iia8ss6gJc2bkEWEU97gOKmFcL/nF7+3Z7OzanfTC7pZndtC+y2/3rGjNJBm+uzWUf40rqwezqxb3OGJh96JjB7N3vfrfuLZanKzZgDeNMrzNlLVmFqnxTaYGqfO2YqGJ4EdxwPbbFfXMD6EHH8hVtunH0XMVMoE9NPqLO9EhdfxZwy/e1gN0KVwGbMTT6pxtPC4yZGoYw9bFuPu2bC2GT6c34/l3d6h1FfiM6QAyQJuAGSOM4toViBjZJICyN6UFN5vP1GE1lLJdtznBcvCTKmBTpEzCm8iA3mI4bPYnNprGmDGWZJPY0M6QyFihmHhPAGjP8XT2ATM7nCGrNv0hHe7FOHj+FLnnOVTO1zw8z8Apmiw9+cP+EPvbNPRF3+SDKSE30O9AtaUzfe+JLR+lM1YERXWclBkqoHcP2Bdpt7gTr74qD5o/e639ei//ImsJoCmbsCyhjOVHMRBG7mNcJbIli1l47O9hSdxtMtG6Na59zSRvqg1uHN/YTQNZGaMKEnF4agDKpI4Y1Zi5QVSKWiJkO48xgZozH2CgDzOSvYFlOpp550zwXmciPvDN+pLzG+v4phLG8rPUmpKHciGldnB1zSJu795nnClrnda3ZWCqjB4jpObXI37QVri2r41tglht7HF4pm5iamI9pg9vLzezZ2x93j1gVQypjBmN5TEGtOqq/bXGfMwZmHzhmMHvXu961F5iNgZrC14hjo44zvQ7G83rRL1XFWBbwau1jpnCn19ZXqhzOecW1mdqo6YuqjKFdrxGHxoeIA77i+jomP9QMRMpIeez+W7d6ewAYVbGyZFpj1AXgAGxxKB0MS1XM2kA2RZP5bYtNWhsvrDFLbPL177QEM55F/lvIRGJiO2FMYqKa0WqSG0wzlZGOjDx4Z4Q0xHnWsqQy6s3CTl/VMhqEsH4BYLayxfvff8jstt95HUEqYVveu3le9/marwBQaeqiwpjBRp8QhjJTIZelujIGXKlipvUsAZj1KBPaCGZUy3TtmMbPaV0TmKG2iWJ2URUzMfEA27DdRuAs1pidc/iteCJWigsjlgRyJuiHegkwW+nNQf5L/8DEG05oU9acff/b3cw6c/+f1vf/KgeurKwwpm3sPxXMoKC10xszBU1SJtt7nDE+eEe1jGmNoU41rfIVzNZW8vRFlnkWI4/9jT3aaYqje5JpfX7bVxez/2xmg9sToZjl6tjEjcwqmL1+cb8zYP5BQHrfMYPZVVddtReYMdWO5xZ4EaqYyujutmMfMzUWYYwgFXxhm7goYqPKWdx3o877HDStUa+5D5hxnzZ9D0KaGIgYrsFxFoCYwRevJaYhCmcaD2XMapzGIGH+sWnq3tGt3mYEM6pdUMVcYqKaQS2Lc41VMGvrMdKOQzegDsVsWirjZTWV8ZL2Fqe6EVtXz1hYF4pZAmY1xnTFaItYAZiFqtZhL7NdYOZ23opAGf3avH78Q1jj19k4HvMQx+xdUhn10/cKbkUVM6hlHfZCK3XrXAswu/rqQ1GWuMHr3xNLNUpU/8MmUkigqEqnnbVyeEv69r22XRDbTpB6Be2tfXAFbW+bVRbXJtnoWseOXKT+njDe6/2+4atVXgkAQ8wCtGAQQkUNRCCQFmAm6hjLbItyA9hyX9PBFro3GVIVz6Vg5iiXbEWptNnQpUBmCmPKMwJkMlbAjHdLuJI4ztpfWZplNf8QtUxkvrDLzWgSZ9rsR/t3vc3N7M+Zdz9ofb+cDWaNtv0t9tN1aRGLM2IKbh3G5ZtRi3IWUEYwi3ojlTEFM8IYjoCi1j5l6KPQJf3GLPGnm3octO3CYLZZZ/Yzbs9cFeuSVMbsVcZSHAazl/cPOGNg9t5jBrN3vOMdCmYlM90IGOJaKFWlZqprBBkFMAsYUtWtllMImlgmlE1Zd5aaf2i7xgSgsvVlqSIXIKTX5/ovmn1QJUN8YFlSIC3WlUU53jNrq/DlNbau92HrLYFZXVN2UxlGIN3b+/WbTVUvras6JupZWWoqYxxil1/kgcajrA70FKJUMVMwQ8HVlfGyur4sfP0BY6qG6aZs2YcySCojoUvXm+XMwyNSGSuYSSoaFLNLG8lOWm7cPTkaekB2s1IGjGm72LNUbeDEFu95j/ySOYIX7uUonRnZaTxtUfsc/q60WRsOO2xS1wd88//Up3msD0OdcsxyiL4KY3quYNaCL8YIbApyuulEQRypjLs08AAxtqXryyRWj9jHzABWLHvGN+inEEf/DLZ3q9H1YnWmO+CrKMyFAhfjoJjZRdxERopxKHFmbXKNb3urm9nfss6/S0GLkNUGrvnpjnl/vW4T2ujcyHN73VkXdUe8s+KR0si1ZprKqBb5FjCGdWZmxVwVMoGwBphJ+3Rb+8OvGUvfp10eitnfMLMfcHsRFbN9X1hj9vzFg86YXf67j9mV8Zu/+Zt3ghnLoqZpm44pOk7haORsgBVtz8bsVcacIqiqVeHeZa1+hLa49/mvNtQp2Ilixjjr0T6oiQiNPbg+DSDIMSXqFcain8UYgtnb+vWV5ZwoYnoAyFiPcREvqqDVFMhVmsooZezBfKKP/QFoALM8lTHYBmAWiYCx8RoBzHUyOZglqYw1P1NMPvD7PyfQEnVObGcq49KsKmaOLWTdluHRBjVsE+ej2i4oE/MPInF24zQDib7iWXfRSoAZFbN3vWvffY+h9xxIfVIjjlSJGh8/Hjy8iaJW29FWq85eBcP2p6Jflf1TGkXx03HaQ14P+vavUTATuNI6LfXZhjLNPxZbMJP/7fhOSMEMyn6MMYwTs6MUzM5lZ/2OlrqWl18IdkN3yh8nUMiUZU6Y1YcDfaUMMAvhMs5t9Usz4gFmaONYXWOmFEl5L7vh5Kbjw2DbN1zpZvYc6/uXEJYUjEbjUh5vm2MUspjn3CgqWg5oLnb6but0rZkCCuFMrfJp+GENMJuxpqxek+rZfDXMD6aQTYg/zcxe4/bqdQWzL/IVz+dPWzzkjIHZVccIZvw8RsBMwSY3/MjBLAJDZoOv40LpCR6S6xOgmsAmZX1/vSb7KVjl15aXjkmukcKWvrS/lFOoCqWsjk9TGYPL1Jkx+vH6tL1nSmXAm5YDzMRGv3tLv35T9lszuKVQMUO7HhzL8lDBDM8HLKtPlpYz23wFs3YqY1jll2ynbH0Q4sQTnWlYaApjAJfma0q718lKumNsOH1h0y5pZhXALgurfB4KXnBhXFrRL6XWI5URUJavN6MeUKSe+GwinfHEune+03wHDIDYkI64aY9wluKGJD4nZakbSKnX8KZjYJL4R8iLWIKMce1aLx5jZKPrgo2rlQrx3jD+sGjWQtH0F+mU0CdnYTG/2ggQk7G1v5t5zEXpOqp1DL9+o3Sr81XAlq8tP+34Ij7ke75RwSpATf76UKSfqmgEMqQ6bsBMvgOodokqhoMAB6UMB/XlDZiFDh4gBZ2okcKY4o5Y59drDJ7CVQhPaTbgibJL1HkNgpmgJEELdck8lVnIQZNNC7v8IXFZxCGg1ogD4mp9M/GvuQnMrrBF/+R2+mI9j8e13i6PgZm8Rz6m03MbzNQMpN+mNZZ8rVlmly8W+QFlsjcZyoAvlhOnxbZSRjhUmJtv1nEQEJM+fpMBiNuVDVdGm7HOzIvZMJg9bvGwM7aP2X87ZjD7hm/4BgWzqWmJzbVnWtf4rnPABGPhPOjuU2GMsXZ9vO9kMFO4mvsSNawVp4Mj2whyes6UMrY315qxTqt8thPMruzXbzD9k2bUBc6yo0Adc8RiaZaCGQ/VapRvdNnWDWWrqF0PMMv/sO7bFEa/rKpkl+4w9KgxY7whH9ZUxmQSiNGCMs0K1I2mdY0ZNpg2u4zb0OYGH6GcoT5+qF1+js2Szog1ZRZ1SWeMVMb+HW9PFQ9yAEGIcXKDNralM1PYkFGACbGxT7lGAUnpxNLdaaIkdQuIUwt9ZVVlTdbz20mUr1xJVHjkeweIyoWTeclJ3l+vC7jKBuoMR/S5h3/ft2QKmahj2r6JQdZRmON5EdoMVDKsyMz/fBF92ebSjxtSF6hb4qSYpCkA3lDG6lHC3HbybTA7yWFNyozJj4UczFKlTBFS2rWNZVHMAFSkyTyVkSmPkAxBn/Kz73+8YWnm32+L/i+GMpXCVROssriO5XgZN3kza/Rr73WWrzuLs4JaHJ0agZgoZ7p/mdEmX9aVBYTpmZC1v6viPPjyQypiY+XvL2Z/2+2deSqjAtp4vILZwxaPOGNg9vZjBrOv+7qvGwezA5/1+qKYxWtAnW2qulHpsnHw2r9N+u1tic86X1S+atXoyhjqF6CM5YI90GwkrbEJY+jDg3EFMT26N/br1xlAKgALXKKwFjGkMiZghvJJh9/zlVl2Wk8UilK5MyPBLH0V38KYXRZ+hqqY7d4PwPFooGDGVMZVPWMyBLL8cHFwDPMPN1vJ43dVwC5VQ21AGB9kIsUx6ipkLrEb0jLs8vUGc+KkHpA+nQWw0fyje9vbRE0J8QdP8PB7UNiA3JSbXlARKptuOzfnrNBQewPeABPKdwEqCjz1PXODfN+lyRXIZS6Alm1pJgpUdCzm+LwUMuWVglt9f95pqTNyjWXbl9V7EKhGGQInbgJB11v0repoAYYkT7PadjrTR/zQd8p/7hJlhTGWa1/El9Ie8YUkzQmYpQqZtJ2Y2ukXTQCG+Ue2fizHlpIgTRGsKVEOu3xhGG+KTXlbaQCbn+xwgdUZhBujqvesM6bmHz6IEwko01T6Q1l/ltGKkqmPX/4Gt85+1LrFn7flBlwWZsu2uYfCVhvA5q5JA2hl9Y59O9nEWq/XcG7kvmZQ0ErnNljH9WY5qIhapvuU0R5/BSAbWI8jT1Vkub35816KWLu82r/vD5rZX3V7/7qaf4zvNDli6bQFs/v2jzpjYPbWYwazr/mar1EwmwVoFpXxVEaFkLZipu3z15jRdl7vM8pqw1+YNnlgMMvXkUl3ghnSMDchBTMqi6KQ5TAWL6Q1ZqmMeP+41uyje0O/vsKCU7hWLIEyT9sa0AbFbBwBVLsRd0aCWT1G9zELs/lyCdMWiSpKl+JismQbUhkNm7MJnOlxEqmMhZtNwzIfoMYfzvVuw7pE9y3jY1nUN23LDNyiHLOmK2M9F3n8hBYA24OTWoceIFqARSrjm9+M1DU/BZtS4sG+noEVkUKHX1puASUB3LVPKic5NuFygZfTN2RLMUJFtFu08h4DIk7xzGu84PoWfQKCog+ADnuTxb2TXOMdYo4BOnjLuD+kgMa8Fe+db4WZxXxkQFQAa6XElSqwFle/Rcw/+jOFswB4eR8e709CDpjHl7OY1fKjfvx7zM55G8SWcS5Q0HgonMUZqYyyXqzCFr4jGDM9WmvUCGbx3YrvaqwRq2fRkRCLfkvY5aP/4BCXYkPpUMwaAlT0w0SjLcZn5h96jCpmUsfdRxvAbE3g4s0lsZikxipJUmUr9TfNta/9J9Z1/8P6/nwKWSzPWn+m48biqrzNNRLJlLIwCGlsSh1KGtacDR7rzZqpjPUYNnEBMyeI7b8X2WzDjv1BbC/VLI99fjD/926fgCvj3i8oZndZPObAYLY8MJidHNiV8c3H7Mr4hje8QcFs9NwCsznXIJzoNRPjD4pmA97PCFf7qGHaT2KZIjcQ5GbCWcsYxKILFTMFtSyVsQVkjEVcHBpp/rETzFDXdWZ6dK/r16/RBxpvqWWihlm2Bk0VM3ILFTHlF7YxjRHlTDFLltpUtey8GH5o+mLm90/5cKmKmdx0lOlYEvmYbE/lwcj+Qyojno4DzGoqo2Dl6PI+3jkhjooZIYsTStaeNQ8idKQy+pveFFATwAJ2EZ7S7ZVdNjn2AB4ZE2+AV/RX03cZHGMjUO+LIBmAAP5zQpa+3E47Yy4xDNxYwVMaZaUZwtIJap2pYgeIjVEBZuxHQMo+Q4fCRVDW9WrZVuCmkfoW2oqb4fu48er6dbPH/tQPQgELuEJ5ic2zlsPmnChm7Cepj2H+kSb3xgYR+q0d/fXPGLGO1qMt2iuYqfqV6UlsV/Us6wNtfPDdqthKUxSFYxTYkvYSYObCyI7yho3J0Z3ZuSHtm/OzpjLqV8YjdUFvXtOyAWNUz6yC2qevuIN13acjJdCWi6pQVYBiuWesxjmmZzkHLcbZt9k/lLwo9xgna81wDemjR7f73Dnt8xWm1B5fXRgVzPbfi6xd318Fa/bx2TCn52LlDm7X1lRG9/a2Jc0X1pjdevG4A5t/LA9s/nFoMHvTMYPZ6173uqmK2ahKNvGcXZ9pe1HPbPUnOy9m7or7QFqy+TTBpQl1hCABPRidzFtrpm0BpwFwqDdhLc4aQ1wt9gv3LtNrCLB1V3TrV3ETaY8zRaSlgpnAWe0f4wltZWF20vFBRtmFjvPo0zABub6YXXAFs5ZiJpb4qbsJJ0XaxOQSMMONB01Ku+s+ASi7gFlJ9jETGJOEJgWxaFtEGW1YkRJghv3KTtKkLFXPEu0A9RvqY+jK7I1vNA/1yEtAjzke0sOkA+ueUC4AuLgGoSaVzAByFpAVLZDp4nSaPlecEBapdfFWRDzcb4FS5UCUQgHPayDWfRUqc9izy82CF/U65oSpUAyrqlTwfoQfRz+AZcxdUaqwFimGCk5xu6cqnTAfQJdpoPX6sn4s0h23J3nvWqZKuOn5+J/9YSpi+iS/I+1aQY5jpa5gxv/5AVyN9WXpSk2Cm4BZCROQRB2Ls6pnhDKv7fVa4rzkxhv2EzH3UGaJcsQZI+/wmlDMIlVRgasFXkukOcY4cjPBTN+cE+CRq2UrMf+QyXz81f/Juu4rR9eSSXsDpqQ8di3GW+XWmCn7ouWbUuuZm04PCZipGyM3kxYgm27sobG2hT3KB1O+2uWZscHsP7l9tSpmecpivppY2spg9h/6J56xfcxef8xgdsUVV7TBTCCH9Zkqm4LRTgVN7PmzNWYt2EvrCpPaZ2J9F0uN7Y1G4w3bxwyEChrqBK9WSiPrloGYrjVL9lBTy33tz3L3mn79ioAvr+fCJ/sUzDQGsENapNrl579G07bcvB2G7G1XRq9OjJcFjAFlxKkER71x9GFuJ8BMoCxZOKf9NAUSuZk1nTEUM7zCp+0SXfJfy/FIRyfG5rJAQJsDxDCZ/MYrwCEhK0AOW+rCNn/T9rrXgywATayqGsT4/puNYQyLLGQdpcw0QraxwRAKsGFg/AXqEOWLSpX2T5RHE9Vx9oekVX3p1bX/9FGMqw44etkn/tJPEMzqWdwZ0S6AJmclhHITBaz1f74ZwEqhLYkTH1jGSs2i4EW4GlXGltJX6nEMrjBF0CLXkFXqGFlbtmvcCYEqUeshYMZHzxhnEDGel1xjxhtQsDIlSNYb4Fbq+UOvfJH1/fPzNEYtz4lNB71myqSqYH0znbJRj3J61M2maQYSqYzdjlTGWFvmu/YpGz1UoZoDXMOhQeugY/xFbl9T15g1bZ0aa8+KpDL+y8WTzxiYvfaYwew1r3lNG8zmg5iOi+vnIKaxJF0RphhTbfL3T2tkRfu3Y5PHtcekqpgClCnstVIaFcLETIRQlsId2xTu1MExwOxV3frlcwFM24suYFrEuW4wraKSiVNjQbojtvrKTNw3DHP9hmVyV0akqZ2vBiCXAsjqmcAVSlqal5m5MrZYJm48U84apBlr0Io1wYwJTu1MU01v1C9dqY+bJwQunRSPZkwms41fcYUd9KVf57xRoUG77PFmUNbGiUTt5GfNKQnsT6PtS2m7Pig0THUmgllu6qLvS31v0mfw5F/9GYJWPOmH62KNQb5ZhFOjQpuhPkQ7zD+S746Iq4YsUKaAFn0JcgNuhGYfXutQ0rByVL7La5tFG/qVCmZOuFpFWdUxAhjPAmoBd1iv5ivY45dMxY8UxmiXL5fwM9uj3iGVETcotKlSYBxKmPXmO8Q3E7v6FddZv7ilQtEsABsfs/c18+vvv29a7ta4qOcar8Ygpa41U9A64doyGH6wn5p7TFfEtH6s8NVsv87tW2sqY+dp6qIAW0NNq2D2DxZPPWNg9ppjBrNXvepVu8DM5ipkMWxCP15zYCqjvB9hTEUzpj2OAhg7jStrs6GsTF1zppDZAjAdquKbAhmyGXWPs13pihq3THGTmCpoloHZK7r1S4VFQu3K4WxBgw+kMS5IAQJmwSqALwhNeA4gvEm6I45xxayCmV1aFbNLcs8wlfnGqHRY5FDGlMUoc6Ka3xR17susa8wUzMTwIwWxBkcvkjVmMYFCXSDOOkFNCWI/Pn7GZF79al0+pYXpUpeqLpUPWuvMKCnpO47fCzmipfPIJZPLIQQDkRFlScdrr3CMLMk9aA0fVqQXxg2wTedtu7Q3wFbZvWSvMSuN6ofdfmR56m/8fONbtKAc9vcAt3MsB9hJHl4PMKuHqmOa0nhCkMv7sBzmH9j8InVRYhvOmzFcn7YUcFvmilnyLe3BMNLejon5xzp3Ulzqnatq5vKl03Fgae5jJsSoaplMNp1IDmxXvfzT1vd3IMy00w/bMYUjjbXb9ZrTr9W+b9bbVvtqDDI40xmNKYxUyHgmpOQgpsB2CNONAwDYAYHt027fi1RG37V5P8oaV/OPv7F4+hlzZXzVMbsyfsVXfMVOMJsCWO4elUOlMsarZKCm18jt8tP7wTWbtvq6Nk37KmC1+omByKhKlroyJipaTIj9FPBYT+ELsaycAVeinuVg9rJ+/WJjGmOUEzVMwCynA15jGa6M+uuRdZbHLfVvwLFupzJujzD/iH3MmjaSywTY4Iiy7jkBBbA202h+k5qAXJQn1ApRl3L7WX7c2FA6AzHhY41bF5PAGrN4/ORENFbQRt867mfmtrLyilfiCd7bfu4aUp2KNRV1WvtzNd4yymKoKO3JANSs3SW74FwVEFb0nKPulKb3i5du1jztzkZkMNG5NAOnNSNeZg8h8emf/5VQukT1qsdSAU1iADGMB5iVmsqYfCdIaqOcE/XsNNF3Jd/2p3C1NGcaYqQ21jaFM/ZRGCu2VDATqIpyPVpKmrKOfhChmAmYLU83kcYMRS2rMUKaAtwirlOq1lCG+oYn4kSygqSn1pJ60/gAisTe9tItmE2AqP3Xke3TvveYibb9GsuNQUoXKY1MZSxYR+apQtYCpptf+bo51bQAsx8VxWyq4YdLfajfBH+hf+YZA7NXHDOYfdmXfdlOMIuNoaVttN+mrioSQUzVsH0Us5YKl8Q1ZhrXlzpE5u8lANe2wWe/FIgIpFGl8sW6XksVs6hHYAeYGcfyftnGdEWCYwvMXtqtX5jAlSpkbCd4QWWr9aRvMEswTCY2sU44k3JsMt3YYDqki0hl3OFnWBRdsI9ZSemzpjLGZNK1ZpAH1RikYXSIDaY5oSX2MRNbgORxTs5xiFVAxLw+0GzOBTfoJEidpExCqBO7N61seNnLwsihTkkxoAA6wigCMBYmGbT7wNM8gEUDhBFxfSTIiOmfgy7CVCNDGdYEj+Id9eUNqOMG1U0i0bYigwpCEAQdFCRDEg4t2DdOYHjHvmulhNFHWNxHE9vtC68YgAnKDrXN8w2vY6Q988ZfJwVUWUUA65z+NaJgjNYJdrrGLFfNTiSdUcoCZ/qdQrv8c/JdDMjSGNvkBzWhzFEPMANcCXypiAS+kW9/30Gi3foUqG7h8rETtqKsShn7KT8TzGzgV0VvVq3wa/tKxrCPgNubXkwwO3QqYw56h1/PlrePx3Utm6Y5buHMuwAzMfwgiB1/OuKhga0NZj9TFTP3+et+NZVxPZj9qcWzzxiYveyYwey6667bCWb7rjljv0Y7WSP6DoAhTXNsOUSqXf5kaMuNQeanObZUMb2kxhW06K6ITaPlGnI7Aky8Btq1v+2Ix0FQ02s0FbMXd+sXyO95nPXPntpPVTZNadzWVx1/nXIJVqKeydZgWdLc9RXQBk/BbBsol1Y4415ldCbJ9ghQKmWdqYxxwMxjJTmZmOhO9YwGICealharTWj+4Xxka5/TxzaCWUxgJYoYAU1vvKV1cse5lZWXvjg3omJZAUE7thI/cqiYuaQKY/Rm9EVg0MVTjRVT0KoacNVQvNQNEcoZIukIl3kpNOn9ZB/hgVbACcJqnO8fBUvX+T179Vvpt6hAVjgsSll/dgnM1by5dcAWlLNVXW+GlEX0SZgl+sS1JLWx2EK+O1vf3aqQ5VBGcPMAM3IMy8xIVvBqQJzGfbVbrec6stavGB2rcNdbAmYZaRbClpwJcSXJ13zdiz5t/eIOs9eLKXAdCtpY1rH7gqOOn7xv2qkhCFMZ1eBjOogdHrSO83obMPuVVbG+gpnmerPMOs8KZn9w8dwzBmYvOWYwu/baawlm4/DVboumyamMaoWfqWKJK+NcxSyBnhTQ9DLaNg53+iJdtfvx+pPWmMXnlTo0CmAJQKapi1LfBWYyNgezF3Xr5xdVxpat35x6IOtvIf1r20oz/mSNWeOxH1pMlJHKuDMfq9vgTGzPDBfGMPmQfM3kHP1yMIsMGplMgJpMBmUBszruhuqGouYfVS27RZq4lJ/zv707v7yhmCl8NW5aYjQRl0nFOrThxS8yJyQYbeBhAi8bhYVS5lBjhCpEXSlc4yS28U5Vh5s/Q5kTgKjXxKbTeENRhQSSaP1uARi8L673inKVzJT1CCrQDrEFgdX5YB82cyiALTMSXgP9jJ+ThRJmxvet919qP4uYfC4qs2FnMzTjay2fn96L2fZ+n2sXMplF6hmYoW8obUvuY1brNZVRbPLrGVDWALMTjomt23Gtav6BZGRdISpQFuAG8Ip42OVT/adi5idi2MHUxWCUFMxEXOJ1oKL5Oj66/NeEljWFcaFQpuvRYP6R/EyCKqY3L3X2YXt8KK96wRbMpq4j2z9dkW37X2+xiPoBrpfEWIdyVroOdvCAEFXMzgB8TQOzz0Mx08W07XXO6A/zj8sWzz8L+5jh9aJjBrNrrrmGaXZfHJiNj8nt8aEOAc5ol28pbDVgaQ586bj97PKlQd5vzhgoiOkaM34mAl6tNWcpZDGua8gIX6NqmoDZ5f36uZGG2FLFMjXMl+QXWYdW+w5Ls3UHXwwjqDELcBOXmKQ/XnQBM5VQDGDmdX2Z3SJUM6Yq1vPIY4Q+NqwXopaBLLc3jzZOMoU17Jxd4Q6GFF5h7JK20Udy50XTFkMpo02AKGXi0FjrJdMGog1aQjzCEszWL7w8HswjTbACCvfWoqMEAY7Q5XVMXIvrwgpgLPl9h7Q5K3xv4EMU49qliIs93t+o5sR1YGIhsAIzDIGMuFmNM+WScBJzjqiYnoADI2DJnnG2KROW5d698H0DSmuqIt47IBA3FfOqX4t6/dqOj1sgD4CcfAYB2IxfvjzRn1OggnBWRDwDtSXLGB+pjPKd0f7zBdeQ5WCmKY+bGJWxfI0Y21przRDT/oMTqlQZQ5ztAmYp+0B4WundSl3iema7xgTM+MaJcpaDWFPyKyi/5PmqmLXVqjS2Z8piPnY/ZewASlvbzr9PVbLV/1ewdAAV7vD3TjC78cZQzGyvl9rln7vFC8+YK+Plx+zKePnllwcQkRVmQ1rSPjeVURWzsTVmk50XdW6tcdomzVMBbnJb+7L5Pma6wXTLLh9tO1MZFdJUWWuoZKlj4xbMhufs/A25UPUrYlhTJuM0H6UsAGYOODM1MZyYMId1Zm3zD4IZ0xiZZ6l/TtdJSH0gmPGgesazTEono3JgbpePv6W7Pr61715UM0Ka20oeLwlcK3jL8cb1aChmlz/frCCJzesasgCJUHcCPkJdkg2ak7Vhp9dyKm2i3gTSEYAK9DtwzXZsXKaO8VPVLspCSBU2VQuKeQQUYg7FCD7cMToUrE1bUCY+JyQzkk5dPOkLkC7uKT5aSQAtuoE2ZchCVq6KoxmoWNb/xfyoArriX/1sQ3XctRccoJUAGnN5wS2KAJnIMIs8p45yjMYJcVxjxkTfiwpfLEMRY3/tRzCLNWZjyFKYypi35RAnihluIuUVX0kdapp6bNDUkK6MiwzMaIIpx2iMdvk+cCK4KV1rJjccZaVR7f/C/xfMFos7CBjpee8Yzocbi9j+Y+dD4+CeQMhxqlhHAGa/nq8xY47HlHTGoWzNP879vhefMTB73jGD2fOe97x9wWyKe6Npf1XI0O+gihmt+zW45/ozBa25ylr+vm17fCpmakhiqoZRMSOc0fwjiWfAxvk1wYxxgtnzuuFZU8EsO8oC24JlfRZQyPKHG6plyjM5mNVjt11+l+8ARq2pLNSKMibAspBp35oI1plxIjzUbhrn1RQwawCYxlmWNWYLK9bZmiBWzw19ABPWRC+sxqmJW2tbP++5kR5HkKiwg9S/+BdtsOuo0KIsEufoWtujQRNBRCkyIgNhArJTpERGPYbJlQBASJOECoehQJmq9plhMlSikOJHv38Yo0C4I1BRZRNolM2c+Q6eMJK46TtAlPPBi1fMHz9opaLvpn1rJVoDzF50WR+piIQsVckQRx+2LxTMrIJZAZjxOyNVy1AvAWVo3wlzAmaSmoiY7YYx9JVDUxl5M4QwxlsK2mozhiwDMFtBqJS7ngxhHkyd9+0VzIIY4+a9xozxTCVbyfoyHJdf/mlb9HcYh5X9DTnmq18tWNrfMGS6Xf+yOjOexkvXYY8yARFH+cAK1wEhkOWbIZXxxp9HKiOT8ZNXtvcLx6zXZrf4Yy89Y2D2nGMGs+c85zmHAjOW56QyxiDeg6Fd15jteg+bn66Yx6VtvG8W2z9uY2vMxP3RZMyA2L5rzAhzEWtZ6asK1z+3G55edoKXyDFpGwEth7OV0axQsv2KPMhIv0hhpJvjhbons6wxEzCr68s8rKOplt0ip04hUtrohysjblbgiwYg2aGpjmKXfyLpXvUx7RIrYfwRe5FFeQqc1X5+2g/7mJVIV6yA1tUHnaHCGtWy0tALqlqGnZ5Wtn72s9puUxrVGiNuo+umNeYKIXldW/Vi7Uj7zfV3rb57VLjnmr60TS6eh1q//mUghpeRuQgNtz8HOYHw0n4C0o0N4l76+27BJ3lCFv7TO1IVCV+N+kLBLB7cBLYy4EI7vmsk3gKzpQIaJoYy2xs6eYm2usF0CRhTdpHJsI1l1gvALlPMcFdYe4Y42sjMenDGTGUMuEpTGJUe9aBaplD3/BdWMJtrU38I2/tG281vzS9W+4htoMxrGmOpAOJmw+H3FJvefpwQSDD7cSpm81/cdHIYzG7xZ19+Bsw/CEjPOmYwe/aznz0OZtKmatRYPNrcfW4qY0sxQzEHxqQfC4OscZsLbgGTNjGVkf2YnjgOZm1IMx1DcxAqaPqSGGFukHYT8LLotgvMnt0PT1NGiXp2FNa1H2IEtrWrWSFFpnpmG0HM4eIYy7K4xiz9832P/cuq6UfIekxfdNyk1bhLziYfFYYuU8KCPDGpmIguoGMsSWXEy3VL7DRTVB/fCGIFChkSnGrMVAHbwpeYfq9QzjUAlunKuHrWM0KAYhpebs7IdUVR8gJ1zCOlzkyZIZN38NI4u1vBe5mKY+zk5mKvrwO8ZOvVRiDGTVMo02aFk0jNpFW9Aiu5Z9jOkmvJoqZKIOeYQCbSNYsqnRzCcXrrgqdU5eLq+j8C417+B89jjZg8+afAhY2xhHeiDyEvUhnxP12AzLn6sqUxS5vH9ZjKaC4GHwnGoD1PZVCYi7oPzhuHeiYxOdLYSsSqFVwZXe8aH61HGf2knsSgoNUNpss63pi4KzmXI4fKfbzec19Eu/z5KYT7r0ubClK13O2OIS5gVfssecam0kuxyY8z1LKut7KBsq5CR9kexQFg3gazgQBzZuzyb/z+LZjFKwe0ZM8XWVFtVsHsr73yjIHZM44ZzJ75zGdOVszmm3801a2xVMYh4odQzNpxHTuuiLE4VU0T5SqFNR3bSG007ZupZSMpk9YAsNQwhEDZArNn9sNTGqAlcU1frOUFzUG0f8IwRpdGedzXWIWyGHODZP/lO+X2ZqdG87Lxmu5VVs8ebVTLhDRLr/IeASwml5NmKjLVfskaM4e2dw5HqoplgJb00TVmBTfqvLH0K6ZgJm1xBJg9/WnG17jo1ey9/0vXKcnuZqmA4ymdzNP6FKb0RfRI+x5CxctG59cwiaYX9zSVdFwhHL3ZvClwki2v/KO/F/+hSy69LAS6JFdOaAB9czDjCsyIR+yiokJup4OYgBlt83GDJdpSOFOFbWGeKW2DQ+FKxCZClsYiTjdGgFxcJ8BsoUv9BMSogC0Ia/rrwmu8hPAZqYxrM5MJxIRictaANMp8ViGP6tqzXzJ9g+n9TTwO294co/dG4GpsQN2hb9fF+ab42it8AcyGUMw8SW/0+RtL/1+itBHMvg2Kmf4Jy9WHF3FjDGD29199xuzyn3bMrowf+chHdoJZe43YPPOPKI8AWoRTGNO9zHJgbK4nYxOvpeP0ElrJ61Kd68rIeSqM6VBR7BT6WkqaCSxmIBZwnJqEEPhQ5/X7p/fDkxTAWkqYVzBTSAuOiTL7ZI/yetCBflXEIES2CLuhssx60hqzuodZaST8FU4ScBbxiA19vTHJxVzh3Jpo5uxMylQwg2qmCZh54iUOPLKpEBqKWe6+uKr1FVbO6M3rAfmv9l099Sncf2p8DyztoeHYlFjCzU2YNaTt4zfFOejA5lbT01/tm9QrqunH/ElpuzblS88ZLfW9ky2z809OI7w6Y/pK9l579Z/8A2aLVCkDfKE9g7CFi6qG8QFm+J+PA9oyUhelraGaxXcXIGyhe5ERYRTYAGDit8qJxNjBoYoJaNUyXBfTduMaMzUBWQHMJJM0TDABWwJp+mUSmEPfLvYxk4noTXNSmLgcpFSQ6DNfSrv8/dMID2pXPwpl7fvoWptJ65jk8Hruehs6t8GxjqyYnQwVxiqwDQFmtZwDWRLDmH3VqkNC3WGgLMDshq8lmOmfoVho/+AuFcwu+edXnDEwe8oxg9mHPvShXWBmU8w+ojJ1DMbRZZBVXleBbIi4gNwYjOm97VSepoLYqPGI1OeuNxP4CgjifesYy4CMZQWq3KKfgJW3yVjLwOxp/fAEBSxb5OvGfIGywJct9LmA5h8Qj8gwcdbsPy7fkpTGG73CWTFb5zlx218oJdwYLyFg5YvmOEnVnxgrADOR9uoZ7c4JxYfASY+DmdiWNJf6KXwxlVFcGcP8g4qZafqi1hXemJwV1wGYnTz5Se1HbzoiemdWSso8tFQv0Rhju/rkjnVayZ7RiTKDtggg7smNEi/jlAhjKNQ5OeIyjxiWum/QMBL1sXlp0zgw6ljSUC5Is8ts/qvhIZr1zpGWGi282BV/5o+cqmALKmENRSwogf2ZCqlgxv/9UYa5hzBOjRf210OxALAlh0AWJqB/bkmusaCyloOZKmcr7GsmN5+xjfbp1sgW5d0WATLOAm11LPoLXxPMLAczLH5TRZ9tsbYsJ9Gnv/xLbdHfJoel/c06xtv3h0Aps65xxLJj0QYz72zdSapiqGbDKZQVV5UsqY8Dm7ZNh6vjS4/8UrcbvqqCWZf9uTFLWpA2BbP/8Lozto/Zk44ZzD74wQ+Ogtl0BQ1j9k9lNEIAY6qYtVQ5aRuNTYex8X7SprHJABew1bLNFxDbhPXzU8iKeApieK9sjCWqWQpmT+mHx/M5gJAlgCXQJkzTs56DWRw51+SHwlmkNgbL5K8AswplLk6MhVBWb7KcQxnk6YC5dRdUycmgrmmNOmk5VA5sg5k+ommd8ahLe4k2c1tTGTNjamPEJYErYiVL5Ip6jZ088QkBSdN1pLZeJKDjUzmgKaohCuIgjul7NRSetmqnkXkCGN87SM2lOa5DHAOpSicZvBPD8nZs3D2uNcp8c01Oq2n8dX/+Tybrx1JFLGIoC4gtbATMNuV2ki/PetAIRJGhWI/VoKKIYf0Z2uCtulCFTcr1moObZ380EjOQlqpW4JFBVxSCWVuIzIALbE1Ik7Hxpe0KFDOBslqXNpZx6Jo05mY+9RXvsn7x4ICX/fcPOySU8Zotk47JdYyPNMVIYYx2lL27SXUbNlDWCWiV+okO1QjECWZVMYMKNqqgzU97PFY4Y/ldbjdcW8GsMN975DcVvXAVzG79hjMGZk84ZjB7//vfPxXM2NaEHLS3DEN0XRliiROjGIG0YGwPi3yT8XNTDnXcbEjTmKpmlBQjjlTDXSmNJYlZBl8Cb6Nqm6pmCmZP6ofH5vCFc6KoRZ3xEkAn/dbkmFxoGl/dpC7zbTATm/yW8yLBDFCWLawrfeOpzEmc2q5lnVQbzBrmmItYYcIYyqqgRZ0AFqDF5C0+Ssok2l+lALPHPS60oTCcoAU6nS22vaINfIR1RnWcn4pLGEOEMi+6ifE2rsAV9VDl4t0COGgBTzZwQTZsylw7QFVSYwwPUI25xlgxQcE9n9rwS1+v47mR9akVPy9BW5W4GXdsWID95OJePdJHCabYR60U3I0bNoIGynrcH3Y785h7vHe8X0wC8417rJ/Dpssb/sqfTeBKQcvDYZFQhjL7cmy4MkbyLv1IvdZNzwpiaRqkjhush12PpiG2v4NLourrT4EAM6pktsohDIoZYgJtmRniKhSzBLYAZfnHzxnqOACcgpn6/utXoaTxfFIFbU999a2s6z43X/3af61Y+1oab/TP1TONNQ6uJ6umH101/Oi6SGHcngkfJY5NHevN9MzDZ6pnjdTHw69dOyzIDWa3crvw8WKd2+bgS809ZDF0bpG1HswuveuVZ8Aun6/HHjOYXX311W0wa5t6NNW1Rp2coZb5qqilatlcQGMlm8+4ZX7evwVvY2WqUAjrdQhk6sqo68lY1vViqnDp+2lslyqm18gAr39iNzzaCFYUi2odzxCavtiEOassExtMr7JHfEesqJ+GpkBWKEP6Yy7+d2Yexh8VzFQZK5GbKZpTlqMZ5dLXiSh45ewia9EwYXJMObWnxEbCXbonGR/hXJb9u3wZCvoY2rdtHl+N5HGyJJMRWBOgU5uDld34mMfUh2uoQuY0SQzYAMAEEHCLZEBacdWrtmMBBIUbTXPzZA9gKjCvAAhhw+t4Y7xfxGBHEQTJ/dYS10PsWwYQQape0CH6FqpNm7O6PG7iwVlEJ9mOjbDpuFcr6EeQKuI6ybLr5nC4tmHOCmZ1enQN2QGKhUBtBrA/hdU3/bW/YKZP/QujggYgUxlm039QSsA1tmMHi//RDr2Yph/5ny1W6K99FNyK/hAdsbotCmFSLskP4RKKmQpEa7W/D85BHxmnnOPrsMtX9tW7YDvqm/IAcdOyM8DMB4UyrBETeqxaJ5xKhC6Tn29Pfs1treuumW1HPwpleo32OK3nINeEM9YzpayqYlIGjNXY1h6/izVkaSpjpDOGKlb7omyJOQjOhwC16WmPN1tqZKxMuK3bDe/bgpnJD9AseT43fxIwu99bztg+Zo8+ZlfGxz/+8SmYRYFxAtBMUGNdwUxBTEEtyhTQxt0YxyFM20cZy8Y7HboeQKaApkoabe5N4E/np+AVl1cQG11/JmvMGO8f3w2PMv4mVPjqEwOQRfRTtSx/1hhnl+AWrj0jkMlWYA67/JZiFg6Mdg5KGJ1KZOKMlQTURDGTCSHuY/Jgvkl1Meo0AWMw1U7XkBG4MkALMMNY08fJbR2wVcs1TgBbm0461ptxq92TRz+yPpC7mayT8sRoAkQAuDKRzwrXIAXaRVMAgsAE+4UyBIJRUwv2CWSTxVUxKgjIqSDB+p4AZSUHleKAnGjHe5YaoPJXnHxU8HFgBVv0KxGRDaph4FFCwSrZFgSGzBqqika45L7e0VU/YkIuwEsJDgplwedZvxpv/tt/lfluWVoiyokMQ2hjPPr1ZoIA0JOrxizmH/pjgP24Bo3gVhRBtKyQpTGkLHr0QdyomJFFViRGjasQlZ0Ba0hlTGcjUJb3SWYlfTzWmGV5lr5OVDGlSs3LTCb2hCv+i3Xddbbou12q1XRoa8Jc0qcdH4c06dMl19KjSxQzMfwo7rYimBldGaGawQik1L5FFTMFsxzIFNrGQa1dP3zq4/Trrati9g5VzMyK5ozrRiso6z5mlzz8bWfMLv+Rxwxmj33sY0fBjG3uzof9FOCyurtbqF4KX+io96LmIAou+wLaOKy1x2k5bWuMmwxohDAFNKYvEtJ0HZler1VWlY11hbYWmD22Hx5hi1z9kjhiBLMGlC0AZrOFJi3LfmYCZvjxBolPrTMWAmbZxEiaOZjJjdaJFYJZkg2YwRnODVfGRgKm3H0SQwqjgpkAGFQwoU7UszgpM8bf+IiHqw+9QlVd/wTVJrOyJ5MZ7ewRVIt1DkBfdsedydi4V8QAhO5IHaxzAMjIH0BlI+t8M2Wp4DriCdI0wI++RmWSn2c6yiC96WeL60GhFDgG12osABVpi0WnmnwuhFrD12Pb8ta//zcJYJobF3H20XZV2ZhLp2CmZ8CVI9UxVmqGGCXjCHa1XJiGoN+1ic5dWtCW4A3NPxTO5CZzOCPHIJ714zqyxS7mdamHQMm+aX8qZrtuNM/PTG4aE5NJPuG1l5p3P2B9/2faKYZaHlsvtj+YoW1yHePbR7fj7FtAK97H2jJRyxqqWTlVx4qnKY05kGlsoovjQY1EDq+0/Ugx+1tuF96wBTPftRO/AJu+on2on+6lj3/HGQOzhx8zmD360Y8OGLKm1b1A2oyURYUlhYsSsdi/rEKc6boyd6e5xU6A3AVV+6c2tsoH6JfX2U9dGS3a8bVjWxvGxORD4wJgKYxJWqMqa/2j++FhN/EHFbAoQz1zOjVCULJ+B8wxldGVY1BWaCu6ZzNdHMViYud2VwsoZefEdbGtiqUTifrQwRpfAYy5mSXOOx5oqKhBIhzg3hfWAKNbyxXccdgCyJcl4lih4titSSfhmtYo4KYTylbT3PCwhwr+pHuLNXBDAyxouTF6Fwy1R2ps9gsDj/8l30cosEN7OEssHuCzIr294x//nS/89uyRqkjY6qmW1RTGhQvMqVOjKmY5nKlKRtZhnF4ZigmD9fW7e/tdO9x0VsfFhYIZ/8xS4zAD0fjgZll6Im9W0htz9kkmBsVsgUzRPmzzI6PU84+a5aXrrw30FzCLI1lPhjInIbmXYu1iQaWPff3mbX/CFos/mQOQgljeZ3ysxlvAhnJW174dz5GeuJgIZpu+pymMQ+dbYOrMBmutMavlwexkU8beZoMHiOlZVTHE4uxRb8Da3LrfrErbj1uxv+R24RU7wKxll68xpDKef9Y7zxiYPfSYweyRj3ykglkOW+PgNRnW3D0ggoDWWnem/dL3SlU/vI+WcSm0NZWxPO1RDUGkPgZtMqa1V5l+FtGZbQpohCt932ZbVq7v44jH+7Otf1Q3PMQWIhItICihrO3eC6zV88AUR4KZgVkIZdZU07CsS7cxTl/bN3WoZeWc7IK9VKMPxKUck7BzFcziZow3KsCG2EWdYBHqHFXMxKct9MBcDev5iIY1ZtEvATNA10qMwiO2khj7BMQJmD3kwcYNlN1U5OLarOA0KiY1lshK9edSTl68hjZFi3BhU6Vy0/encqamHXgPtkg2JoQlVRBV28K1puxZLSb0RSE4WqCAxVq56KagpMoY76vFwlpgGqnBCIYGK1Dq4h3k4u/8Z/8gVK4df0MRKFtkVJDHItVxgPqFdWEwBRH1TOosE+J4LvxuFBjLvrMLIC3KxXpVzlQxI6sgDZHikYAX2iQmnBP90i/D9JgcqrIhlRE3zVTFWEuWQplAW518kCkn/+g3dub2XusX91O42rc83cxDy1lsXCnTsQJiUo8Dm0iL4ce6CyBrpTLGEXBGKCOQRVxcGmtcY1NTHMMR8lBr0g6W4uh2VTF7mNuF5wWY6QbSY5a+yRqzYnb+xe86Y2D24GMGs0c84hFjYNZ0aszGuPsYvKEJqhggZMSVcbJdflsF0xTL6evJDlxmKLPGT10ZtUmUL2upcFOgTQGO769jFMwe0Q0PDvYIRsmOFN7qmXEe6sq4Jphlf5VmXcDtonpmjLsyaiKgLpjTlMWog0j1Qac3vUnhm5gsZUAclTKjjxoeKpjV9WW57b2jzkNjAWpu7BOPiwFoBTfpMrFoJ5j5jpShaLvhQQ9MRJEjUJsa1858sBRs5t+m9mvAzOGmsv8HPh7Sct6yt1rXfr3rX/0TBTOuG+OBWNbfI05QCzAT2ML/fpQbQJY4O0YdroyiZ0edencLyHTSGIM1ZoAscE2a1rgWjtFlXCtm/8GVMV9PxiOHs1YdX6YuAbMgTBCk1FVJE4hTGfFRV7oVe5H1/fOy9WIEolzZWpr13fR9xZprxjTWNPQgdOkhRh9xztaUVXVNUxgVylQx25RjnVlR+3ykMtIQRNedoZwdqtTpMX0T68OZiUzo81w3e6nbhacEmI2/SuO3UKQzXnrFe86YK+MDj9mV8e1vf3sKZvFAXveTibKCldrga1ohx+p1TfcuW6/XUTZJW9R1ZjshS+P7pisK6Ol89wWxbP1W9t6ZYsbPc5e6tq7X9oZjo6qDahCioEoDEtdy7eubyzCV8WHd8CALLunzFEVfyJIrbZP+AXlRFj7JYQw8szaoatwaTLb9OkmTAaCYlXN5AiAJtLT/hsu2SGXEjaGeHrSZFNZBPPoNxeArKbsbaSJTyf8Cre2o40tUgayFx+sEvupeZzKWDo0Ru/CA+9ser/G9tKrtft6jfbl9rpPvwNV+qSPy+MhQ2g7xmr1r3PwuGtz3MvoJFE8vy/p7/92/EKAydVUk3zTArQDQGDMb9H+3fIckWnNS354JdryGVTArOVHGjYty1uofZQEzEZScsKXf9jUmzINDAC3ALEXKdnxyH37/YU0ZbhqTSm8Wk4dipgvoHn6lm9l/sL7/Sut7H19HNnPDZy1r+ziMjbkuIpWxZYffRd8EzHor3ExaUxkJN4SymsqYGIGISyNArQFm4wYh+1vva+xA1vwaX6/N/p2Z/R+36x9drJefZFDOVBnLX1TM3nr1GQOz+x8zmL3lLW9RMLNq8DEphbEBZ1SjFOgIHLqujHHdn4ttabqgzGEUoubBVq62tcojRiHWSG/U+dGdMjZhLerEuCOVkcA1qqLV91RFbbRMMHtoN9xfFS6CmjGbj2mM0qa/YVUxWxG6gmeQ1Uc1Lc7RN+ohQt2IeLoHrnEjaRyeKGSmyhhlQKFSBbOVgFlGlGvP8zeZ+hisMzjArNAWX9aJ4e/oKPdSFjCrcQWz/CGGG1BLcpb0Ez0gwOx+9x2XW1hhbPriIzX10CHT31+qEMnyVyMd8sBynoYlxdH2f8/8Mxm/Ff0Axj943PN8FbOgdPV//Nehbu0CtMahylkS68wGK4lunHEMoSvO2i8fWxIM2cTwXT1JXwp4UzBzgJkKTenfZAhinHSusmG9WnJXuotB48jasVZNwAwqV360J8ZJaP+Hv93N7M+b249uAagqYM11ZQSuqpotutP+HcFrEW0Y29XrRaxrwdl8Y4+svMPsw3wbG3qkL8qRAknRIyANJiABZQQzghdiqYIW9aLxPNWRY8bXqOl4xvdPgyxmf9rMftrt+gcU68ysm/CHx9Ja6VyvfP697z9jYHbfYwazN7/5zQpmzXVjEc7BrK08wcQjqqZrozZtNR5tsfZDr6/QMtnQQ8DJZrgv6ltMArjsGtKmwLtznnEW8xRVxcZSGXdCl4KZjJ0MZg/uhvshey89CGjWg2PALaqccdxKYGuVHJlz4xox8crY1vM/MsXNwi5fZT5Alz4eFJ1UH/01lRGT4QOL73iKCzL13fZtxRLFrOGyqAdgrNe0oACzCnZua0BXss6stmNiVjQOTUAfiC7c5972O68RJjqzd7P/+73/v/77eOoXiQWxNpRhbAkKEDCT5F3hlTWVMQU09GsBWuGfUTJNO86M8cAYr2naReFMwMz0UDGJfXXCJ9l1CGZypy5fptZM0K71JTeUj5u0E1G9atlx017PRQGNB/I1H3oTmJ0396+xvv974+vHFKDGoG1cbcsPhTyYe+QKGesKZWr2gaOzAWvL1j4/lZGK2YpGIN4EsxzQpK7gNW4QomPG0xrb9Vlt31TM/q2ZXXC7/i5bMHMBMs3jHvcCqa6Mn/jgGQOzex8zmF155ZUCZgJUAmsNeBtNc8yuQUAjgKlZhzoQCjTtev+mKyMhTfp/UWDGtE+BIE1H1OHpm0QdtvheY+vNFETp0vEKZqEk6v2wPH9tmoDZA324b/JHWAEvbW+kOyZK2grCUSo4UTmD0HRiaIOXBvZrzl6xGw7WjaVLz+leohOUvlTMKOVh5XHjkEnHBKv/Pz6cAeYMcQcpnHmeqoiypDfKY5ubK1GmgMb2tfQ9SU1BYvz197pnK31tfg4iYxqJc7iIaI8yKcVfr8bIzZBJyAozITXO7jdn2qOOkjqCGohSO21T4yVdgPbB2/znNnz1nq8pWzj6NKCtKzYIkI0fbiuuK9PvqhaYQS2T/EtFlBzK0LcEWcZ62gE/q8grOWlK2qNkCmJSjjG+FhCTu2+CmePLIW2M0fyDIIZJURHDDa+SMQJoMe7B7wh7ng9Y3997HMzG6+MbQSt8cd1Y17DCp/KWgRnaO4l5p+Yf2ExaUhgd8NNMZRS1DHCmUDbIPmfq1NgEM8RGQSyHtrzeivle0PYeM3vQ9rf5hVsW65K9yszUaoll9qlhr6mMX/bhM2D+wdc9jxnM3vjGN4oC1lbOFEiStWSjils9Qg1TxafoejIxIaSCpuCk98H2FJAUpvY38RhX3Rp9cvDJwZj3mq03K2Je2bbkz2MpsI0pb+jbP8CHewe3eC9CEdaJpQoZAS1hG7gySuZfBTAH21BcUgUt+tq2fCN+QZRE9Q/ff1hmiM2kTgaKmhBmbcOCORPC1JsWjmnBmlpSDpwG7QDUNNsBXwQzQyqjsQ/aCWY8FM7ElVH0gFLPhDKmP15/j7u3tRLWNcp+2qYxrauTYPul/Se/o8a1ptdsXpdAk89+bzHK49I13p6Htmvq5MS3P5QCh88wrvzh299yB1yZxIrGpG9GESUUs4AtOYtIXuPrWeBWNJWRN4VkZdGPKoQxrkdRDBp8yyOqglFAYlzlPuUelNm2dH6EhDSUPf3YIy790Vbq1rxlsJiM3rxQprRTTWM9QK72f+A741vlHtZ3H9Y1ZjmkNdqSWA5m0p7DWgPQAHEBXzwrvInZRyhng3vAWICZKmW64XMOZwOMQABnRVwai7fBTIAshzHE24dAVon6/sA20v/OZvYl259a1/+rqpiVRkI8AwpmEa6f5Pn/89Ez5sp492N2Zbzf/e43C8xQng5w+fo1Nf+gkkN4UxBUNUkBozUXNdNge5O3tLEFdlHX9jzts63qSVH3d4uy2umn4NQCLsZb4xlvpDgu7tsN94z1YkYgQ4xtITJRNStSVzAbXKErP9BOMBN/QKQ15oKK6kwBX4iLrOdxzhbUsW+Hm8XN6c3zptl2wjGYSApmYfZhyd/Vt/UeqY1Rjr569CwzlVETtDRtUVbP6Few0N2Ra8zudlcrv5OX2AbJm/9+2PT/y9dH73xbKGMKYIxHXcukBahpkdooYLY24/9wepgmyb4m8RgvkAcwU2Ush61FqkFpnKoZzT8UyjzhmDikDhaKMTE+zD/qncdHGICFek9czNeTNbLo4cpIylSC1Eno2jKdjMsHcP+r4rfJX7Ou+xbr+/NJ6uHEekM1a+9BlqtienQJmIn5B1Sxtj2+V3t8dWLsoFgF0DRTGXMTkNUAV0YoZamVPoGsueYMfQhvcmT33IQvl3jMzWdB228PZn/fzH64gtnfK9YNyBmIAqpFnmA05kDZ89/+8TMGZnc9ZjC7733vm6YbKgMRsRVCFFwknvVTUGC7RUHXmLHPlLRKjSl4oCkdG/XWeQwSp65BU7MSpHiu4bLIOfD9kvVmbcMRAaphB6TpvmhT1bPFfbrhHt4n68R4jqMX0SnGRd8e+551pyyz7mJ5Ff66FhutRgrjUM90nY8f+J0YIWJPZiuNVEY1afagyHp2EGe3jElJ/iapNcw/hBhTOCuENIE5upvgGgCzTky0GylCSapi2cZELVuin+tNx6MjJ5Wjs+KzmIVs45+/y50Pl1i3fz6h1rVpPOd//0nwqozvNbGC64QC5jq8PV+tamT2JDVzVCe97RCVrMP8T+Pjd7tDfCNsDpQTWSb9GZYAG+mgYwpUnqq43oED03lHwUxgTGKuMWmn7U+MZyqjN7ilrFU5A8NI3JPsAB8EE2VWvNP5dYJZ4Y3Ebw+uM2vkYEobUyED0O77boeI8X+sX/zLPAUR5XFQU1v7NqDxaEKZApj2UTBThQxt3EzaI1tfzD/y9VxpKuMa+5lRQUvWmrUdG9W1USHsi1TRVvu7Orbrbv+jmP37U+y68Oc3YLZnukDk4tv2GDqz8z/2yTMGZnc+ZjC7973vvTlN3TyaxbQfhrfamk6NOyAndWXMoKOxvq0JbtJnDpgN7u7YxyvOauChTpV6G3L/6abVm4rXa8WYzH6/CZooKrCiPK6k7YC9xb274W7Wg0mCW4JP5Deto2/+W7WOBcsMHZdk1bMp46gQtdu1kSxT0gfC2IL5nOZfioNJRqM6IaQ0DnQmcWUUYRcPkpR+Qp4noNXElVHXkeUPMQpn2mYCaSmYpX/3L0kf7tZEhS0eWzdjLtz5jlaKkvMeu15xI+KWBoQO46rQAe4rHcVb1gr7jidwjoR3j8XnZdyIu/2xTe6gSY3argEdpV1Gs0+l/yfveReCGXPnAF0CaCrLdCVkHko6CZgFjOXZfqzrPmebsZoAzHGDdc3VWHmMXqubcq99QjMHmCVckn+759CWThjXGhpgFTHyL+MsI31xybolqYyefaLJRGgAouvQTK5xn6v5N4EnW99f0d4QOgO08VTGfKzsN7aoZcBX0xZfz1hjhjVlKZiVgLJuB5gZzwIhBcsSqJwNiRGI5WDGeJbKOGoOklvtt/dAG3dz3N963+1xZnal1Zfb9b9/C2axzixLW8zdP9BGMPu1T50B8w8C0h2PGczuec97joEZztJvOrSNttE8QkEs2qJf+z2akGaApmGcu1BoX18Hsl/rGiw3AVLhVdtC/MpBjYHxNgVHWT82ZR+2xT264S4WIEVAEzYpAmUpvyTAFmvMlEtkx37JEBRfDbo1FvT19PE6yDDATFIZY6Lpg4+AXB9kCsWMhJltZAIpEDcKKkUMYyWVsVf7e1XN6MMmqY0BaT3bYMhdUxnhJ7cGiOGGGMPjpgKbc7VNVc6uv8Pt04fuubykbQoGWZ/5mYN7uvVrN421bms6fLUt81Gzm+q6LsuauKk9tJeypY7JX3qPh8un/NR977FL/UrOReqiknVJe18ilVGZplFWKItytJXoE/1kFWifKmauwLU57wA2jvWoD24FilkGX/kklV10vLgyuiClZI322CwakAaOTmKmYFZkXVguA+o5n1jS517v58PxX7LOv88Wi8Vh1ow1UxnTQ8AsPxTEtN53WFOmx7Zt3Vm+toww1tyYWVIZS81+KbKv2eaQtWZzwSzi6zaYaUwPVQDb/fKxeb/tVP+Kmf04wMzClVFf836ixmP2efvMGQOz2x8zmN397ndvglnDrXH2erMW+FFJUhv9xjXG3l/PzbYMFJN5j16fc9G2EUjTGEGJMTVR0c9O+uXK1hxgE0gba1vcvS93cn1wgVrGdWXWQXji8qtOxyNzsBNnI+GVdaFrI8EtZxe1ny6muVCuu+RIvuVSJD3cLOIoo18HBYzARbiKOCdGGu1Ox5wI4MGVsc/VLoCXrDELV0Z8SdAX1wrFbEieyAhda32sbCZxFdEGPn+724y47oFW2F7jxbW3jV1PfPy0gU6H49fSgVKXi2kLa4ff37ndoEaU+Sys5axYcqbTjbmze5BLINjepLvUqH6GWv7MA+/Dp/fYVFrhClTAtibM0ZUxAyt9UMuRQP7csQPURO0S2MJ3M7+D03TG6EeUCZBrglk9BllulfRFe9ImM1CbfPDvwoWVG4kXImLWPza0aFInITmZahyi4+/xATdjJrn/L+v7fykwJrA1E9A0nh9i6MG4AljEAVsaFzCjYja429AJkOkRANPYxwz7mSXW+YAz6D5MZWyBGdUyLadrzvZMbVRFsA1pzTTG/1hvB2DWz/9TXQPMrjljdvm3PWZXxle84hXTwazdNimtcco6sKSN8RaATVbnGml42qzjZoMfi4QqNSRJ54uXxC0AqYLgMKLI6Tyb8CWgNRvM7taXO3ovoNUTzlDeBWG9xAB0ZcGcbgUxnA1xU96pZVro4we0KAm42aXCFVwW02Q/TDqT/5w3iZXBKOtE07ShDN6KKGY09MjSFR2gle5k0IxTD5Cb07jGAsCQtCW7O23A7Da3av7eiYYAInOk9xU1qyoWIUN6JKsYjay+GhtqjDqOl3gjVXKYBpj+Oo1RcYsF7+9VrSpVLXKuB5NrDbVPrpBhDhjruLLfBEmhEmOOfMOYIbUrgaDCN69DOXMH6A0GsC11SNxrqZ+rxeUKLtyZ3kGnjyd4M6xZNt7eNQ+5fwOy2qpZykKRUdila8ySdMWCeACcwWJf/4yRw5wBtkbAK25Q4jImOw+akyVMwrahtlGUGhTIokzuSfh4wxRD/Wh9RNCs7XqNHkparDFry3icpJBn2EnStUQndfcPqinDk6zvXttWydrAJWvL5Fz7J205oHWM7TD/wIF6KGeimAHI6rmxsfSKaYEKZaZA1rDPt2y9WW4GwrrCU9u5EXFHO/pqm0JXrrKNAttjzO0thpcoZvukjOgG03btGQOzWx8zmL3sZS+bAmbaNDN1UcAK5aSPimZj12oqTny/FmCJoyLaxs8z2lI1Lk4j47WZXQSkckBu3aqkJ0Z5XzVtcdeu3D4DMkOM7c5Yt+vPnDwnWX+F9rWsy98+1T+jxjmmuOEVATgs2kJ3xM5vkmTqrKv5R9HcTKYtYiJCmzT+WLs4NNbYcPrQ3CH9MCBMUxglZZGPaogVjtVURrE4WFMt03q60sZtsEJXxgCzW91yPCeuvcZorjm9Qsb+6ZLTMiEJgwlUzU7wG1+yNf3vrfPTKnOlbNZLhrZnDSjN/4u4BaXzde0jHpw82SucEcg8+uZkoO2dWdn1ra1nWUs2JP12iVEDlC5vQpbGFqKoNfoUqmUUj3SdWI0HxyjftMBsAONyuR9hS/xZdHlgHo9fLxRbs6+CxjBRjdkKk5Ov7l0/Ev99kc7YfZf1/SUBSlj7NdFZkf2mOy426rkd/ojzIo8wARmSPctQ3zuVca1AhnqoZjmUtcGMMKZlrecK2riKloNbsw/jnx/c/qaZ/cQEMKv1slcq43VnbB+zWx4zmL3kJS8RMGsrWJJyyDrHsG/WR4EoS1+kgYaFt0b0F4CMPqX2UbiYlQIZgIHrtc7NMXwffF4RVjBrpX1qWqMqZyWbFq4bnyfX2EXdknVsMDOJvriOgKCC2Z27clsjhAWX0GWxC14RVtFyHMIzaeJJyVMcGadJSJpAl1s4MN9SvfuTuE6KcEYo66tiNmHzk4FyICdmmcKGcaePzF1ie98RsqiYRTl5bOvQL1XMkomoDsBELtUDqJzx/Pn/+l/s5nmpjpU0aZu2z3ibdvPxv1RRa0NoE55v/lcxu+6xD6dStutnUEgtgLMc3thGMBMAw8OYpCjGd0frOyJRzIp1suNgxz+l6MQUxvhTQcZgbHHN6ssBi+2DCkoCcoNmCNIMk3cNxUyMPBbZl88Bdkx3dMNLXBa9gQu42ZwoJXbnj7r+b9+6M/b/or3GjHVRxLok3hqrCprGtaxnglifA5l5ZwWbSQPQxCZfUhlb+5gZ0xj1EEiLlMaWSyPryZllApjWmyCmbV+8cvY/i9m/M3n5H7jeykln/Asy0wzaL69dSjUsGsx+9bx9+RkDs/9yzGD24he/OAezNrgoYI2mLuqZDJT1kWqqegn0te7bdt0rAVLGTDsLzIVrYpxlgKQy5mofXB45hi6PCnaqao4pcZPjKGu9CWZ37Mpt8gcblmO9WLYmI3iH4+nqKMyixoWEsVLjVMk0I9AFzPSp0lyMPWD8wZtSejROjjGMKV3chJBluuGJTKa0F6aoXX5ilN0LZKkypqqYzq6dyshD1pg1SJQxqm6//Z//k2yiHClqESuRsigM5eYe3zNVZXEFA0kVNLx0NxgGKAuVIn1QlvcSzad2rDUOVuUt3iqUH+vifTXZL0s5HN9uWyJ6K/r73Qmpuq4uIl47V3iL9EWvY1TJ0iRFfclaPFzP5J6j1DW3uP7yxz9KfzbBxIO5cA4449P/UMukAYBaV1dfAsKGZIWlWuUM8T+/glr2XcHMwIFgJitEo85JJsiDWLK+bNOnbNeYdSEgqaA0kFFaLAP3+SjXyXRMPdwcauqhdykfvSZvdqq48T+8nciNZrA1iDKmk67nbjAr+Bl2p094+sf6vvtc09SjrZTNN/fIHRe1jQDWTmUkrPn2vO4EyKKcpTKa/JobXWcGSONG02KjP5hZ6VQxy+3zCWFRVuUsBzP2zdIcJ25I3T7iWv/JzL7K5OV/83orAxWzPV9etv9nv/u8feUZA7P/dMxg9sIXvnAOmNk4AKX9FB7aY8evZ1qHulOo+mRAmdyXXivASFU/Pc9NqVSo5FnNPtQy3/Tamn6Z9N01v52frb4PxrA+CmZ36MqtmKpoXQJp2r6sZ2mPmIpR5Bj+tW0IyIoy+qDfzq3AVlnqmncgw6V6+IskyLzMaJc2708X1xHMBvH/Z8J63KDSqACaAB5SGc16AawlYoCtBNIwjjH58sZjJB9DmcJoaC9sq+WIRQKXpjz+9n/8j/FdHY//ksgWwCKZdH4KTUXXk3H9U8CP16sWAEPwXvTN0Evgy72iAYCNC9gKHCFj7VqAjmTe1euegkzxehfZYi7EYhxxzSvdxbe/C66ULJmS4HM6mXi7PJXS3bxwrl7LgcB8N5NIBT1JV633BTDH+j58vnLnsgYOIFuKfcWTH2fWZ2DGupEOtK/QA3/mlaqYOe3yqYQJbJmNM03ePvDPLNS1k798acoibjjGyPhaL7C8HxLQwgSEY3IwQ18PqBvkozUwsqYvRnvU5Ui/hDSloRKmN6eEWQakL2peZjLJO36J7xDCv8sW/d+cu99YHhfAyk0+cqdFbYuxjrgDxhasn5ZL51hXVn9tdTmQaTlNaFfzDxtfZ6YpjQXnClW1jn4CUmOAtm7tfVYU1rTeArD02+Pbzezvpzz1L6+3UrqwsNGFw7qWOkv5x7jB7GvO21efsX3M/sMxuzLe9ra3nQRmh2zXh/68X/NyDWhs7gGmcFiY3perUe3zGLDpmF3xJCSg1d5aoHWrstdaxAfOXcEL7SlgKphJv8XtvPxXC25B6qLDiFCz+yg4OetoZ9/B83RFXW8W8QGGhblFBRYSZ/IAUxcNhh+e5mBC8ut0UZ1OTGCrnlNJEO3NtWdmEVO7/C41+QjocolZxMWVURlaFbMBa8UixjVmunqGiVoCcQC23/73/14futVYIoMUoQoAnJHC5ZdaXDF+oQEGADrQ2XhxAQKBLDevQEhVSuAmvT/yRO3gAUdbVVB/9wpR6oVNCdXFZTJAlqMITUDL03vBZ4iB+BywF5p89ADNWnden5cUY5YKXfUzQCfCafqU/FVPfxKf8pkLF2ClIJa3LySdkWvMUp3YbWBqooDbqHObfFcFmDFBmd/FaX4m2qM/xxbV0AtugGwyQAETBS2Fs2wc1Db5EuAuyMUEteBjgbEU5Cgwn5h5BmWJKmYDbzT5AGT87QhmxtfzrF+8aNz8Q0w92sYeublHXh9PZXRJZZQj4qXrbVAgY/pixAFEq7mpjCYbTZsoZu1Np6UuChpBTM8CYk1zkAa86Xk9xSDE7Rlm9qoUzG5FV0Y6JjGl0bQtXqgM2+Nz5+1/nDG7/H93zGB261vfOgWzqS6MKOfjFKDSdWXSTdaNKZC03gOphFpnamGM9QQ4Bom3zjub2tdlPT9jXusQ8GJedGSkUwo/V107tgOInXb7cX+EVn7eegY0xvXjHvvbePkv+vt//hFW+gA2VcygiuW/71VQyllm9f+QdxZAriW5mpbSdd/OfcswzDzTOMyMy7yPmZmZmZmZmZmZmZmZsafpQVkbHTfl/uNbWZ2+rp6tiDoRjpOgPM60y67z+ZeU+PVqGyWYFRtH8zykDmXM9oHZ0P9UOBPMVqOGpa7p8vW3cs4I7RtGplSrwEMdsJq7sOWFEehueu6zjdxj1jZUoHQYmFmXaEQtFBJgoYXae+/g+G3BpWZfL7Wr513vDQCo1VHkPL7E7Tyal9GYZRKG3vwA7H07X2tO77vf7R0yUEkzKfJjrYDGVH9wfWSmiZifiq1Al6taJu3VRzvt+HOGas7b+RMKVC9Eh+7/9A5EnvIbYUwwc3DLFJJkUqEg1sFZJgmRtlTjToYKjnBVdPCvnAv8FPuMOUvFLECEW066+76SF0D8Mk0W9J+/1q0+/rWN8Ss2NvfiJtKrKlkBZuhrE3osgBldGQc2k9b0+AJkcGH8x6NdGRlnhtT5ALS8J+gArQezbMO5TQ5yfIp9JAb5ozB7jJm9zIrDX4np8l3T+PLLFq7uhu/UrdmXXbbvu2Bg9pzzDGb/4T/8h1UwO1o1o502AdJs1X3RldzW1LioAInui1JvAWr1XL0cWWadMWX7MjoigUrOOdtVwWu3MSjhq2nPPq1jqpf+w4gXUvkyUcx8mJmWYcd7B23PBInbIV9sobAlsWXNFyEyz8sXIzKeIysjNpLm3ZvSI/pEQYtCMdsaXRCbyS8BGhQz5+0aAEzaOHN5aJ/D+SkVMufk+t8Pi52dRDGTW9Obn/NsMwuGVO3OoVqOTx0rIYP/xMyFP2BvIWqMt3tzyQ+UVNH2/c8yd4UqbBBm4mYozem+zOvoml3XirYrKpgLUOX1dvalK0w4oseQ+8Rlvi6XcXGx0dcskCofG6UJnU3czCZ3ixAVzeeMdu8B5iETDfOc61y/i03Y977nu/B7R8FM2iLLIIOqbApmFogR2zLJh7ZnmdA2x2zNy7Fhg1BmJul6hDClvY4945jsj6D74WQTMI1wTvvwAuZ8WyNjh5VqS29TPlRraEGLbc53iESJL+7/+PVuew9/N9tsPpAp8JmNkZB1IKDpGe1IfT80OyMVMwLZ7JeEH3IGiOFhB7oyWgdmUM40EcjoFDPpk3lpG8GrA7RTptBfTw6y7/GO5vYRtufw18+sjIP/mfaUUXRRzDzMPuOy/cAFA7NnnWcwe+lLX1on11hP5gGYOzxtPpJnHBxjxmkQumSM1inRcd80Jgdpz3T54/wrm+684spJWylbM07n0fS37ovl66Vg9tIRz9+JRkMZpOCTYfVNUUcFmnpXwQxsE030AOPTtL7dm5VRXRUbP0z6X7I/ZMExrOIYAFdhI3FocGXUBSJdPpJpF15aCmyFoxPL+pY5J188xIFrntGPGLWQMS971jMSUJSQdr53yjj6ryn7IwS0IqatF/+4ZHxeu4ATt9DuCQoJI3SdzLJIQ0J34Y54L6xCn9NcGsCdZrLvl0N8EzBJOpr2EvM1oQigxZdptkHcQ4NycyBKDYOhv0UkTCm05XNHzkcgNsxDYu/Msj6Tvyhuu7639v3v8+5mo4Cr4VfOYBqAm4DYfgqI/uPMj7/YuZRj1kNsBMyKJxfI0nqDLM01JCtjhlsRrkiXqoi5tJu2YfwQV0YRMmU2UMrIzip+up4BZh6ykOad0T7fAsTwYuiGbf/hGwFmUM18/LJtNvcGcC1uDk0wa9p4TshTKKONN+nxHenx7zgXihmUM9lYGniLEIS1jaYJZFIOjTNbA7Nt78oo7QQ1ghltGmBjX6plbteY2d/uBbO3uk3S5ceh+7fI1/D2yuPjX9F+6IzBbHPGYHZ6xmD2jPMMZi9+8YsVzIwxUlpPm06VkjaCiya2MNrirODTPQfT5BNs6uesLtW4N8K+A56VMbUbZrM+1lVdTJWviY0LuizuUQL5nMU8+0QrCmYvGfFc/O+HaiZ80oAY6mIvmZWiu6nZ86VI10e0A8wKejwRujzBZDuiLBYWA9HDQfCqga1YNBaMxTS/PHPmPRuzXxUzRMpwwmu3pFrXBOF/+4ynJ4QAWUAmChbSZlapNnKlBDYTKBAQciUUiHAin82mBjTAIWAPwRgFUD4v52JSpkJYpJaEUij2gF+81gqoFCRl5Y5lCsgJGFNX5HshkBmeAxW69sCnWzifJyzESks/+P7vTSXMbBQEMIIEcGeZXwNaHmEhgFX+paMstogjM02fY1sBtQBImW5wQdBa+WRDHw8BMxMWqT/aspcZ+4o6lLZa8VLYYt4VfgOrvdHGBMzbL1bxucQ7F0V/gDZf+s1u/fFuNlI16+GshC5uCM1rEMT6vcqgkEE58wlosy987AEyiTUzaTeemXCYcWY4Z6zZNs+NS+OWQGYW83kDICYwVrswEswaxaxX0FqlTFW7dzCzj7Tm8He9bf5PGgubPkazoeT8YeJDXtF+5IyTf2zOOPnHqZ3t8bTznJXxnd/5nQXM+hSJWj8w5qyzZZv2tdegCyAhhHNRG3VhFDtP0KBt554oz0dYoa2Cb8bbOV0yuR9atcdZly5flk6gat9Xee7Otk2OkmD2ohHPsUGByMxVJas4RcqEN5f+GPqFOctB+NJ+dV+sf+lSb8Itv78ck0rFDMQp9FipY/ICYKGnNhewD8KQYjJql8VqsZrwYWOB2y6mB9Byj5cD502pmG1b6GKkTT5USdPHy572VMPRbDCNeLKw3qZJHw/Lon3twGRWjNlSZ0Bc2yMMilW/Ejatr7a3XAye60fBbGkGvILY/PAHvR//sEkDyiy0U7VNoM51nEXFIvwUSD1ha1tGbgbqdGXsQQsLgPvjsOjGhkCXqmXbhnG28Aic9XL87G9nzcehdgLxDQprXRbQESnaX/xtbv3xb66oZuNeOzXspAKwFsxmmny6I67HmHUbSGtdwWwHXwpkGS7N2DJ9EE64Dae2A8xOFcRmfaplAmhNIhBVyiY4UkE7PSNAOzxBSKOW4fD3u9VibMyiCK7VMw+2x/bK+Pe8bD96wdLlP/U8g9k7vuM7vlzATIpXBWYci3MFY45EIFSVGOu2rAYyeYZei9ch4GHOVO9cQ+cIZjqnTgGcjxawtEgXxS7z5SqYvcDjWU6VKx9DlLOxAGknOSZj0oRl+EtVsA5Iw5em8pCKU1v+eE8dKaA56WLVdbFsB7hth7U8I229S6NGD9eLUackuiTy12b9jV37u7fKdbJ6Rntr04Dby57yZKSBNwvd/6sCEmZt1JOWrTqQkZBZLzQfIxNNEMDc53PFtG12GXPsZ2a0rXnU5/xinXfaJCYuawhmNuwhT91MMXeX18CZ6hlp8o2vNdplxvK8+n6rOyYH5BV/9MM+eIIVIAv1LBffWTgjGwXiU4pPAeouurNCWWhZxriCGVL8DEnmAbdEOiNPmxxX6lBRL4AJCz24MCb6KOsKZgzd478DmTm8T6WvXIl8v9cyn1CkuDBKHBn6pKy32y/8dre7Pt7dxskHSFyZwFYNZmhX+FrLwuh0ZYRtCWTTzjcWwyXZR5Mefzm+jOVGNasf4soo6fPDLFwgrNjjrAOzqMFM5g5I4z0GQU1sipDMXi2Twz/qVgvPmyJu/0H4EnDT23eFs7e7bD9+wcDsyecZzN7+7d/e3F0z7GU91ZMWoNSOZ1yjTTihEIH2LCos6PycLn7q3ifXdR2qc1GIy7TyqXQ1GRSNbX1fCTKuNhGhIKZgSXdD0+chGHWxeZwvXs+yD+clMHv+iGfYaKQVqStw0Y4ef2lDxWxbqWRV3zxXXJO22UalgFkWdX8yLE76vfjdF+XtwI0OJMDalbHY/TL2LNryaARKzH7hd/bBW7xaMVukzNrxlP03PemJvV7UZTac8V/RKldsAxCgH+kEE1xohqTyakO4AfIsrEv3MgO0LRywbaQpNa4zY1KhYx2NS9KXbAGQptlWjHd1UzWCHCYjEPhjH/VhHWDNc/vhEZtpPxhjVn90+zZVznwPzAXBbOVTi1ysJergTDADszSgpbZ6VgGKDESPUc6snl3x/VVdQ2I9i8nhjAC5YJ8uHLLh87+jBTOJNfs+25xcV7guNmAGIKNNd6a74oDNPjDzEyb80HT4fYyZFTFm3mVkLFLlN/uZVanz/yE3nV7M0sjyoYoZbfjfDEDG8T8bbs8xs5usP8w/+TYLdzMfdtQR05XxTS/bT14wMHvieQezDrrY16lmfTp5Xr/vowLEMYsuj1p2TdQBQHQBykM2u17u04rMY+/eaMV4hTVtMwVKbD8g0CljpU9gzAQAeQ0CpPZVYHbyXI9n2MaM7oyqlIlbI3b+JCGkB6HYuX5hQiASD77TKr2t8s60JccAzETmgxoWADETcmwxR4lTfRp0MXOyIWX2956DjDFTpax1Whqdy2JjU8SUya1jM1Gc6bSV5Zc98Qn2cj5AKMePYPsRT02TIw4iYZ9N0vuZsMriGb8rsYcm15/3Jz7mI6GYVX/kkG4IXyyr0gYw03LDLbbtbdgPLbz9FEudfQA4jg/fAVfMs7ekCWGpswWY9ajYr6IHOWZlLBYSKvUVi40sN4t63ne7LR3+Ehubb53xYgsKWV9vgYzuigQzr2LLcsxUyzqlbG1jaShlx2w03ceanUatmIVDFSvizaRen6mQAcwWsjZq//PN1rYT88+9zWIMM2vcFfftZeJIl7/dmr32Zfvpi5D8Q47Hn2cwe9u3fdslMNvDZmyg3b5rtPZsJ8zUENTPRSuMBeM1GGfVqoHStk8RpD3npGf09WxcK1gtJGLetF+NTWOZdifPGfY02+yBr6GgRhqoz1TOzOEjboAxcV0EjKFPPP+ynu5xesRQMmTcWOGuiHKHMzFkklDKcnFLZ975wZVRnJxS6RoWBS5Kedqwf5+9txOTNvS7bZFnTsoKZo9/XJHogljR35i3DHE0v/D/IyeYmhmfj/nj+XzrT8xcIWcFcprcpMXO8JUXvDdlf+A1CKaBZFv/HrP9pz7hY/QjqlkmAGESQ8aPNYFM68MtLOiSKOdSZy5S6cBe6lDMxFURk5M2n+0h9tTCdWwQzBS6GGcmZTIMF2s5tgazBT1vDTkJZpD/ihSRIYk/5oPSYEelz/k+t7VjmPtX2Nj8j0PBDOcGyAhi6M96s29ZjJGxZKqMZVk2lpbzka6MUM2aJCCMNZO9zaiaUTk7BsxQPhDMsu9Lw+1VVwN4/csmmIVLlsVY/19FxeyVLtvPXrCsjDee56yMz3rWs45KwCGXWrHjmO55S1LDNZ3xYNnNxB2ElGoPNZ8EteCW2NsBhqiC7bMr5ufSx+ySy687YKwBVpSPALNnD3vK0n9HcVFU+4DS5morLCOiEsALKhjLlcdfqBsD/0pHnYkkGh1pnTQh87lmIRFgM0Jb/5M6FbMOwNaVMd7eyW5HgVvHkFvKU4tZd06Q9QbMbrrxhgUqYfXlq6YV0HAO1L1zOpLD/j+9Lj/zKZ9QfRAAWW7mUWW8kbaENk25f2eMWWiSD34qJNmH5DOdNj7HBPosxxDMdHLVwlJVk000JLJU++WTropZnJJpetkvx2Sb1p1jWsVs4ZsV9VUwq8t0WdRFw5bjn/X9buvH/c3Hb9jJ5h4TmJB1kWDGbIyIMcvzWHdlJJBxz7Lt8AQxPfcujNlvs6znTi2rszLWqfPVfVHL85wh2FHGmgHEWMe52+dM20oXxjoO7dZwe7iZ/YktHv71UMzWIor3Z2X8z5ft5y7YPmY3nGcwe+Yzn7kUP3ZoNkWMb5UaxKAR2nitZh5QkaTegxnm38Bf/9x9P6psk7LEmhHmCKP1/Bh3VwJkM+dmu4J6PMHsmcOe3P9nRGwZ2rnHmc9yiG35LxSCEyFtGwXDiK1ew/RwmWyIP2btr9ngjdeKmRLjVsFM6h148dyCGWZCZ8uqD3WmExhQzEJvL/sJzkcsKWwvu+F6KFJSYPp1TXOvmyBbWDiyLIabO1LUm2nKfa0wUYY8j8n85HldZzKTU7ibc86aKJ/KUboTYj82Sf0vcxDb7MdmYx4uyVHCdJNu3bzZpFxsM20hgeVqnzYRbmIio2a7vn9m3KNuFmP3esnF4MpokiYfIp/u1Tav4RJ79rOf/snzQxF7gAuq2cDGWuV3mOyDNl1AqXK1KLDwKeFZYWqX3l4ALFZRpijvwC08JwaFjLQI1SwBbWHRvuWshHfLt0HaQuyyXfsAZuqqKBOWB2U/LrR5t575g24HHf5ettm8r22adPh9Yo8m62Lnykggwxifalm6LyaQQTUrszEaynIGmC3EmRHQGrUMMWeLqlkdY1YDmYBZ3fePDaiJ7bua24fYAYd/xwQzH0U0sjd1HnHFlfGFl+0XLhiYXXeewezpT396q4Bpcw8gvQvkgosdy3uvv3gN2mZaetOyuisSPDD+YCiTsQRLqmgcyv69YMd2zK2bXgdlzaB6PMHsGcOeGBWQeVOnKuaMK1MbuRkRUSlCYWuWQ8tVPFmhvME/e9KjQJkjxkySfADiRPYTmBO7GDWERf2/v4eyDsxypg4HJ5xZbmzY5+UktvytX9qbstR9jn/Zddci25TzR0DUkbFK1Gbdp0u+JszTPjy7ZZNiQaeZTCIE2FyRcLYH5uqJJgSccJMp7dmGJrSqV8AYcmRIZQdM+bIILOa69DphnoamsCRzl9SH4umIALOY09CL87kUto3wOw0oSEox11Ve0yxc5+jzvQ/7hc/+DNzR8/cUpAd0TQyialkJdPlaFMk69vCMaMbRwBnHhnzCE6ZyIg6du1fWYCNQ5wZWifo7SMWlLLvyjTwKmKtnwjbC2p7+Efx3o8k/gvJfg8HFIrov6af/sNthxyXz8SO22TzhLmPKvIawemNpglgDa47kH/N5dtC1oQtjk5WxAbM61gyxZXvBTMoBCCOknc5zSFwZ9jfLtQXVNOsVNCY10b6Q9TWp9X803J55qKee/9DtFmOw1Xp/bv1nJ2bbrdkz7mG/dBH2MRNAuuY8g9lTn/rUg10TD3RP7Mv9tQhlTjc/hS4zM+4LNgHHq+dQd0RVlmSPMV6XYFfFpt0lhGmq/NI9kv0sYw1sos1Kmevobcs2LZ88ddjjlUts4EFWKZKBuKpqYpcZ5qP791n1+awHneUwdvbL9xv8LXVhMmH21TTKF0JoUChTXRm5sArgkkxrMSqPUumqI1DcvGrPFWXiELleKmaa6CPw7riFqGkAtgV17abHPlZvxHmjzn9GCiVtEJbU0CYQ49La7vfMgyqT63CUu/gwBTpSKCbAa8C8eTJodgQo2OsGzvocOobDeDSQtX4BBWIvptuND/vFz/tsfkeRXVQFm2f2oe4KZjvAEihDrJl+eupPBerTTuAtNF5slvtJ8qHp9KmN5/VUBWPsWANcKkiF5NcA3MV2vrzk44WVqGqWZZe3TK4xj6gnGPwPUtvUoCb1p/6o28GH/zvzza/YZvNvl2PKmMCjUtPYn2XneRjBbTuGuis2QCbtek6FjNkYl10ZGyBbdmmUf6nyCKpk+rAmSyP7dU20qTM4/lm4Pdrc/sYOPPynEswcqfIVuvyu3bhjewXMnnDZfuWCgdljzjOYPeUpT7lqyCKIFOV6HJNqYBxstEyQOBokWT4v45rYNTczBbk61o2wJ8DJMschE2M77z3K28lThj1uxygFn8gDbTIGD0BdeQ8QjZtiSLlCgECf6UG1yzzdGXVxtJNH0xYKWZT2EHcW2KMsOjUNYNY4VvazbNpx2+a4kQl5V9wi2wBwzV0cXRkf++iUdXR7FnWXS+AAjPhO/THZj4v/2LJ1T+p39SmcJzcb09UuB5hCSqR7YOZHNR+Snl73YJPxlolDthnf7aIiqVthsWmbSfZEVdkk5X2oj1+OETdG5h0Jy9dXlLZUErGjmSuU5Sy53hwbSFyfbpXm3OJMHE91WwAXcN6tE/A+55Q/lM2bdDPfPd8vfeHnIclH//1jblDYvB7rki6/+otHOXDewjl495CYs6wnmFn5k4qLaraDN7Fv9XDYqEQHWY/iEvuljwvX8tjq2zEfrt6m2o56+i/ELLt6ok5WifmcBLOxNQuRAgXARB7UukBZoWU+5SfdrurwV7ex+QIk/wCQTfjSPclOCFWVKyP6fF7LN3tdGRPGSiAbNZBRNbs6V8b6zMepbji9LQEt2yXGTM7rro2ozzU3ShmBLWxn/0rm9uV2FYf/8m0WY8MfHOdBTxJAGTek3p6aPfay/eoFS5f/6POclfGN3/iNezBrIALVo10SYVteM9sBbAsT0SrncPeVMZfWtoMd9mG8mq+7ey65OzYQ2YDZk4bd0N/U9IQQwjnZF65egeQYCEbR/O/3PV6CIXAGlziZMKS9PFP+y4m6SH6+TzGTb/UQklRS1EnrIr1YoNE2j8ajdBXCKAqwripYJIRxQg2AYTHov+nRj6IgAwFIXOti54KnmtW+mDABOt1ni/FhpnFRVNC0nobYpcxRo6qn63DTxQbjwyzMEfMGlUriquzOjZdd1x6GAVQCKQWqaZmBeQenspYdsHnlcsOnx/zDmflZwYyTtQgXY3mNmPpfNoL7lS/5Qko0PZRtBMxcXRrnazVADw6eaXRhPERJU3v2J6RlAg+NDcsJU0lzLogLXQIz14yKZJitCksNkG15TVG7iviwoXV9uZsx+RZ5VIoZJhl72rx7t4qFPOmn3K7ucLPxhbbZvGoCWKeGyblVyJq9yvhI5exKwg9C2GjS4+vDGkAzABqAbNWVcT3WTNLne7+3GbM09gpan7FxWwPa55nba9tVHv7bt1tshoSPeee2sX/T6ZiujA+9h/36BVDM9HjkeQazN3zDN1wHMy32cLZyzd4MsVZath6E9EJtrNZVAtox4lhmVzSqhFQUOf/apZHzX58LXqvF93gdzJ4w7DqyiGVZGcYbQNOyMo6bbYcITWSUyL7C+2975R9JRDLPDPHa5vh84FAq1Ak7Jh8AN5dF7Ma6jte8//ogy9Q3Mf2jVMx8P2iJS2JIv9vQejo6qTtjgp/8jO4WFpgIbjP7iRcvwsse+XC47zVVtDQH3BE5RsWqPSMDvCFF8Er3/GxYM2a9H9Q3H7/fWu+AqO3sbZxAtXTYShkEX7+Av/YVXyrfOT4BCy6M7lpP+yWYyyPdp40f4wPBTLM0hrg13hnr6kid75Jp0ZltsfiJpXvUYNW5L6SdCksKbxyb8OQdKjbcvMeNkXhZvBMBwuS7FPDjlEUqgabtE3rFrD+Gm2++1cbmxQCx5ryQdXGzAGSSHn87pgo2eiArlTPTrIxHuDI2G02fiirWuDSKapZzBKB1rozS34PZwqbUbt8UG/tPx2Sj9T+53WJ0G0zH+p4up6dm971sv3nB9jF7+HkGs9d//dc/GqI4ZgVm+ufrFaYVhW7CT45pAG+dZAgkACpt17Jn+FqWZYi6KJbP1yl8rWLWwHKvpi2qon0s2snjh10zBSPsTVrEkAHYmOTDPG2VbZAzwwTGZDsw5Rm2nbb3Fjh63ai9oYGaRkLFf4WQSYlKVroCoZ0L4WISqNqbmw7IvHVl9JyAps2ny2LTzkVWKtvLHv4wCxP3NmhQ0iIefvh3VSatkoIUpYXm0gdiQ/Y/zJLQVlwZbpWGBdN7sZq6PEl51XAhUeMsRJOqXx90oAkqXrMGmACftNK99rBDtX579QUM+/Wv/krwSdA3jnWJHysSgngBcHBP1E9AZFkiMHcffbHjgxGdZhsBLqs/6Qll0hbSnm3Z75ndUT7lTOZhgbT4yjdReALO/pA6U+tvfELV/P7ajDvKsiLnS4xvZIiZYGv549jRIBbG7yaVBkUOHLPdaB9mj/85t+OOa8w332Wbzb33xpq5KmodiAmoOROI7IktcxcXRmRizLM8Dk3+8Y9apwsj66HltVizfygUNFXN+OCm00EQq9LmA8QCdcSW/VEMe4HZcZ6D/jczxmx4HUesmZ8i9lwkwWxr9q/uYb91wcDsYecZzF7v9V6vgxBUbRlcmjKqBz/XMXMgwPnx1+7LfdeSe2d7gcbVkO1nvb6u7+TGYY813tC4AloTR+YCYVDXMluj6Q7+GpKldVXK0BbiLagYIHaIT3LJsui6n5kuEpP2Gn+42BA4i1CKFEArmGXbPWAjs/AF71LW+aiETbdQOEuXRo2AWZtw4+/0soc99Gp2r1LN5RzsoyXZsdyPuM7xM+GcjnkeWveXpBJ5d6++H/WbX/tV+CB08oy6MQrIufjRISAq9cGQPclU8VIFjElAUmfeJQuROtPnmChjvpsc4Uvrblp3OSecCcTNfuEWMoyyTcU00Xz08ZHfVC6LprAl3z0BsZNvFyBuKNmbZjAJuDGCKstJQ1HTRd94NJiZ+cn15iffZmNzn/9302jCVpsen+0CY2IzIS5kzzIAGdLjA8r4sOZMhYzl6OGsBzO6Myqc9bFmIWvadq6MssaAYlac/zA29uLY2C/bkYf/3R2ujBv5sQsHf33kly7T5b/CPex3LhiYPeQ8g9nrvM7rLNyk9wqaxnuxD3ZNTBNgRNqavcvWY8cOjG3jRbt6f43leRyxlnpu84SkH3cJilva0RAZLEswu37Yo41hDL4PwgS6hFUcZV5PgEvYRdo0lb7NMaahXGJHeHOTw0mSyOWvwOaIMcMCosCecBDmLNMnk+pYrDNOB2ZO/Y82HT9LBkeNMbMJaSHxZutQRlsBs4c8CJJRr7xQKUGlGdQ29U9q68+3bsMhLrKYvhy8ct/GCa8flBVXp52KnYxfvgBmjLn375OMK1S93/7Gr2MA011DmiPOjADHsmwoHbKhtLoiRv3xBqQZ4S3HtJ9WAS4BMxOFbfVT335UJeuiwBiYx6Nz3SaYybl6idnXeMSLjRykSkxsX7Bc0EdTvqBTMrz+V44Fszljf30bm89owWys7Fu2HlsmQCaZFwXIdN+yI+LLltLl052RZUn+IRBWKGaqpDWxZoSyDsxM+1pXxtcyt883t6MP/4ebEsyO+4EqJpid/HP73YsAZgJDDz7PWRmvvfbaVsliXw9tHWCs94nRIc/Jca3SU2SCRH0NzOiSyLqocrDFXGHLvoVYvGPfh0NcGmsQFzC7btgjjcqYK4vA088pNuVZ29JewKy6NyBwRYMBaisgJ29YgSp+mN7kTj9MKmYLfOJmodAGiU/6a/nPp6LlS8qYC3jV9m50dlIwc3XAQnmnC+xf7LQJOH2F3fTgB5nP3w5CEnQ4Er3bTBphNlO5EwFC7EyTfLjFrk/SdkjmRJfnNZcNk0NS4vu0Rt72mBJRPo8zgYhLYorZFTnPnLZmltT2Xc6SkdqMbDAdSibzhEyMu3bsUaZAlRFfcj03x9Y4IclX5vOL+6Qol/laJ2diU+rd6zM753u+TQrVhJuOhCz6D0A4VvO7yHx+91u+2cxDKIAfhkotCwKa1Dk+zDJNPmLGGHkZ0r7PJlPsG74KEr7KTy/6tqbfBo6NMCoazU+7KmTKL+rpB4/AYJlfyCpKpQLGmRXsu+dl9yo0EODmBZjh1azgLBfWvAByjWt/1e3MjpN3s3HygQJiALQsN66Mci4hzTeZ8ENiy4oYsuzLdtOzuO85sjBKFsMS0GJFNQOcbXlu9zYTOCsSgQwCGetXB2bbYe9oG/sIO6PD//HPjRtM987eDjuC2T3t9y9YuvwHnmcwu+aaa1Zc2fTo+tqxq31sQ/xWE7O2DmlN/dzYVmtx99hutzQ/7nnxXMe4MSaYXeP2CLolesEjxriygbgyqxW32ANmoXUVocg3NcwJmMnhphMuJL6SMqWMBdAnU8FsKypZ0JVRH6HtRb/IgrKYseKtBTCjY5OLo5SbabSKwhZgDBNdgbTiJunmBz7Agv9qVuKtpCRVun4UJryY1AvFxirPEoyrSu3B9WHk/hlVIV68GGYxIS3X7QlEYXxGuSZVrGgmqq8HrbGG4j3yYNzdqhqJdeP4vW//FrOBwCV8IBq1X/rRptfix5NxY3Oe/c8WwAj0dROVcmNHW/3ki8pWAVU14eiZR+1d2iJjzIyQBS529HGVFDW9VcywGGqX9cTbvmt++SzBzMxP3tX85IP2KGdUzBCHtlcdY9sVNayOLauzMprZP9ZAxjKVsj4BSBRnlgXQTueZqfMV0ghodayZghdjz5p4M4JZQtkl+wgTUjkezH4fYFa6y6O9+JbNdPknD7Q/uGBg9oDzDGaPecxjelBoYr/gmrjkujgNsg/1NVDo1CTWaVvtkyaggXkcC10AyqaO+R4Cr9oNUQD12ravN2vqwOwxbg/bey9AQEOSkDCpQ3WL3FIsf90SsQGuiMk40gd4QxgXeAbp5WTiXk2s6pM8/93NkboyRjTEiXprA9ADmNEji4DW3so1/b5/wuLSGAWYSQ7uZsEve8D9zMxFLUk1RfcpEwVNVRtJH68phDUtfLgkv4hCsWFqfd0/y+R5EqjmNc3cXK4vc2buQYExB8wIYADDErhc9mtzsQnXieccXeK7ZNLSduUl8hQEc4Wq6skEseG01I2AlCqkm1x7zjoM0Cc5HF23Dti14tZDtwjAZgX6Boji+Qff9e3FHzbS+rmpjfRJXf3rlAosTG/3gQPQlvmXz1gz1ZND488IWvxE40xb5mJ1Uc401ky8+QSo4spZ+iAkRcsy/MgXcWWipFXQpkk/qrdHbUyOlPKIzlUWk4giqE4mTzXtMb941mBmZq/wrjY2H8SEHu2+Zb4nTb6z7SRVMMaW0Y2x3reMDzt7V8YqK2MTZyZQJmWBs/yvo4pZQCFDEpAlMIuEshP7iLhkdrZg9uvMytjAmKO/UsweaX90wcDsfucZzB71qEc1AHA8nAE4VutXBV2r9SzStXEdxNbVviPmuLT+I0B1dTn7FLoWzB7l9pCdOESoIuNYHX7lDt5xtel5RX/vLFwbuRVPcS0ecpOTZAjE6XGmts9F7QWrgMQHqoS6JoF1VMxCwMxtY5prMgBnDqeomHYudpI6QMZTIeOtpVvUaQ30nRBYy3JG5bzsfvflP5vdjboflIqdB274m2QWUkbj0akqBNL6VWg7c4isZ9vn/25ei3XMqdmcABXUhTHXXzIa9OZsVSgvRvzh9323fCQBYlTua0ATGrBZR6aJToMp0uYwx6mOU0AzSRyyVwETR2Z+6l3sQ10ady6PY9ZyjDCJxo0pl5A823MpNtU/HjkZeM9q+daxT1OXeihFFsSZi0MAHWxKAn3Uz98dYHZHecIZYaxLh492AJn5sBiDQFZvKk3VzAFqBLKzSZffpM1n6nwp14AmcCbeNEuxZoAxhThpi1TKTszOHMxOf95ijO5bXq3779JtmG2usz++YGB23/MMZo94xCNWQKy0qfqpOi2pRRizChdHqVuon69r9GoX6q0KNsvOOlW1xfi11b+Vk0e6PSghyh3qmHCNa7sL74idC5BlEsTkEUPWRWt/jNU2EakQphVM/hHW+yyRIg0LjwGgw21DDCFIU9DSiaoEKMlBdCF0b0xwUzBzWYnAF+LFvLaVWYesVO3KOy84ZxX9cgs6sTnHCNCd2i33va+EZGXoDrIcSjSUHDIAm05LqYMlctjy/8AFWyo4vrjJGIr12NpKzpxfny2S1MbLHIirPeiC4BaOpfmw8Y9+4PvwERf/t05C1nI1PsnA6++guo4yIi7paKc/MrmqXtCHOpQJc2ZxlDG0X1TxuZgUm3SMClahTCMqVxHyZ+qWqAkx0SYrwVuq+8Pz5zxj0BsXsr7wR/7c3QBml/LxruabD2pcGRsgE7VNVDOBsQrIBMbQpzFmjoehvUyVj/ZgunwBsezrYs1mX+PGiHZxY5zr6QGtizETKLtkdveA2Y8TzJrv9k5Jm4rZ5sn2pxcsK+O9z3NWxld6pVdaB4vehlkU1YYug2U2x2pcNx+1p1mbHr+pHwNVnH9Xby6D+bZGzKZoWEOZVKRaNy4PcD747+LSw90eYAMJDb0Qi5i40OAhCLCTa6b6hX+HAC72zdVupZ5lCFT4LhP4gt5kPvt1YZVcWN7wuMIWIEwmaos3QLTT8Uv3lSGgBTsAGlMNJHi5WX+b2fTlWWHM5QW4+d73Mh6a7CMY6eQEIsQacX8vlHWIZbv7rIsVQpok9kpsZO+wfeM4Xb0C5+tiFbMOUyy5iXmTOcz+wO5nc15yPV5DrYt27CMXfE0Y1+dWuDUmv3KOiEWTBCI5e/UxZU7HP/mRH5ofTXFdNNMyXRyljgfb83tNMjISrqL6+YKfGIEz3RbZFCnw80qt1tsCZbruToh0P2bef4SLBcxXXdqpugm0ifiIWTkBC7MXMEv7jeSE2dgsC+BVE8Ai4brYLJpfxA//mbsTzMzi5AqcnTCmrMvGKGny/c4x4a6p8JH8Yz5WXBizv48vW0uXvx5n1j+2dbZGqmY599BzkwQkFMzmfGPYO/gl+8h8i+4eMPt+i6HRkgQxQ91xJpg92/7sgoHZvc4zmP2f//N/GuhahzU2M7Nh18b6WSpTfdv5v856G1WwZRuXqlLjMXO69DC3+5NH3CSGDFBmqpTNMtuVLOjKuP6vci/QoayH48k7Bay27e/YhkyqucFRt0UlSI4NBNhBMTMLRJG43FcGokukrHW9lpS9fVdEAUv4ShCb7w7HByjzlnvd88q6MkGFfGdo9j/dX7PdT0sQAjqaZAzUjwpimZhpUEPeVJsLNxdRD9MSWMPcdWW4Vg7L2DK1LH0y8VzhCihOYTFf41mWsfIqzU4AsQNOM7bO+SbMft8zv5w+Ywb1ncIKAm6ODgEwJGukQN+f/viPgE3o1th8nI3tlHVyTgJQUMAUvEQ/lr7G5VrKmGQHXq16ZvLpV7ALE45WDz+dSHLOIrjlNbTPAV8yW7wlgDQH1IGxRVWTDzIpUReji4z9C4yoF/zQn7q7weyO89va2Nzh2nhP2Z9MYsugkAmQZT18qmUKZl7Utc3PwpUREHa8K2MNZAJjVMq0nXubBUGs34D6T7duH2iX7OP9ktndC2bfbjG8VsXWHOCzcboyvtj+4ozBbJwxmG3tbI9/d57B7H/+z/9J5UrVrMZtDfFlsLNm4FI6+uPh5ojnOKfXb9quBsiyzja6RfJy3POsaPsnD3G7T/BeQN0SrUiLn2UD+0xbU29B5RTP75c9NzGaaZ79UTDRtIfsAhXMOfn1myLXhcxypXiZTKaEtJAFQgI0tJnvVmDl7VeYl26NJn2hCbPxW7yCzdb0bCjrYghpBhuOu/me/9YUOtxCYMcl1bpsXKycEiGZEyfgSAIOuYp8VyUMSRKQSDtNf8//jbMa2jBLkH8ijKKapLCX9PsEMGGZVORd1y1ZFomVeA0QZzYbNJFJzkAxLITA5Lks12iOrJkJkki6kvPIJ8x+XXvMM4j7zpdSNbxUNZG0BBiZQtqf/dSPXVkHgYvyi/rXeTRghjIRYKFsaCvtUdfYMU4Gk8XkNnVfGacGNsEk1hYgafWlT1PxDypgDq1PHgpf5aqDfXSf5YTzzMhAwpkBzLDgh/zkywPM7mi/znzzf9s7CyDJkeYKv9TA0jGfmZmZGYLM7AAzMzMzM2OA/ZuZmZmZme1jvmt1uuOuOubtF1WlVWzvrOZmFaGVKqtKymqNevV1pl79zGa9Ww5kMUj7jJBBFGQ4ipatBkTIAGiTkbOGKmM/lRG26VTGYm8BWjut8ale5GwrBOLAhTXVBLR/K5NH/5UOpCsOZusfVUZoB0uJmL2l7jllEbNblwxmb/M2b3NFQIE2QtsxAJmdCyl8/XnR4kpC0hWFsfm2K3XdD583dGdhEASHzBaerojtYG3YPoxnkgEi/rfKQJRxizGLv7KVeJivOkinCGys40pVxqQ8PqGr+/xg/b291TuQAbgsUobHN7SpQBphLuicl7k6kLHMuEFZH7n1Fs1f5s+jPH/y43muJEp1aX7VUxgvx6/+KWjse839diXr2KS/P39803Uw/t8f/6EUNYbJI2AL7NfYRZ0Js+xnhjkAxrZWxh2SkgaT+ZEpKXKlw23C5DeAE2ZKiorzhLf0lEUMOEmbAvOCgyNsFGm83IKxshXaWsTMFBjVjoBRglJswzxySc/3u8cFZtrsv9xm+zUa9l4HETJbUY495TBA6ANABjDrRs7kwNZOYWwCGfdT0ymNjKIhUtaPmNWFQHKopDDi3TPb/6Xc0wfFgf5is9XxgNn3EMymUxmlen2upeEdde9pEv+QdMuSweyt3/qtjxUQKGBB4Y9dn+809aed8HUM/jqY3ZEOZggSSZjyi1k4LPvKiFlnXTfKssmkVW3DpQtaqGc7wS6vJ0whzMeyzz9SaZ+CKkpi5qzwRzdCF99QKSvbel2UEaXV5dFjqM3O5E90WX8kLdjh2nNyhUY9csvNR5GckEVFisEl1UXdiDT9j4D8u6Tw0PI28uQS+KlQILIEyQ2b9JgC7mK0hsRS0vQ8npRmKyYFI3CZUpQ+fpa0d+aipQdiE2iHNbBzMBUvWJeBayGFpSPKo3UZFR8uVk1ETN/0WjxVVHXFRcq1ZJb2Ic6xLRvLPX/+J1Igdw7lyd9ZVGuX7mwTugR7rQ3r2G9tQIaQn0fFZnyH1dtmGZarx9OZNlXW2zCdMVS7FMDGMA+dmetljMSWYNguj4gz3VHmbLYGbAT6PL99nGBW6ve/U7H3Ln0gOwK39RAXR8GGFpBZmSuhbSqVEXA2VzJ/lbB1117kzKDM2qxjWqWx1H+7DvQeufcMjB0bmI3frhwGAthlRMzeXffvGMyGHYPZeseqjDctWZXxuZ/7uXcCADuDC6tegC+wL9GX/vFp7rTd5Wd++Nyh2xBgwj7EPGRlQexQzBi0iJcM0rIBbFlhHoukKWy/DmZwjNExd1DMhZoGutyu2Qct2hMKjIK0fsTFdQAvSVaWwgQ9PGJGCPO+wVRIi3Qx2iUlRMDlUTHI6ZcBw/7YzTcXOwX7VFdiLBWeFgdZ+lLnaXv2eWVYX0mOP3gfiwoajjPsJxHuADgGUiAVg6wjkAl/5y489B82UhG+lEqfvNnAzlITMxQOYMVpzlvGsXIcyXfyDEgzRJA6Oi6B0q5Zcp468fM02FZatM7nfUvd+5d/LgVy3nw1KT8LybAMLgLj9KNk/dV+4rAEYAKaxb25uhhIVqNk/DmmTZ8VqEKUTHKWcc5BBA0RNlvL2TAbAcEL3gXeJ1NcHD0T0iLr4T+RKPs43aPQ5/6t4wez3B822/fcrF+iYbihAmT2btmgcahHyCCPT1Cbn8qIiJmDWF/449JTGV0if6QqI8odQCty9913zu7PQR+R+/r2OJCOH8y+nu+YsUVfqZHqusP76YFTBmY3LhnM7r777vazNo3HCRaoRlvad39+2q/iOfpMt4jrRdvh3aFbGPmSTKAQ2YHP2AFv2z7bdmqnMhK+yC/M9PN30kLIIKwo+rlD/ZRG1aEs2v2aYCZZlMxEPNJJNJxASxuvK4N2j/CuWHQf5cL3t1sENtMAraYxRz06VeOTLKdSAqQ9duMN9Rufsn+Z7QYst2varawYZT/TDIkJo9V0eF4epkemUE85jKrPBuW18VKRki36io+0TQ+bpvbF6PWjoe5r73z3//VfSUGYqoKZ7XNFvfgwNhPIEEf2ffHOUWhUerzb/irMhp9V/I52u9e1wCySIOYrUhZl76Sp9EN7ZgbGNIyxDvtgaPnKZ1SmL/Yxum+z/nf/xrGCGSJnL7hZv0+x90rV1MbY0+jvlNXEP8LLUGkkgBHYNA1nhLH2e2bNra1m4ztmBLLaPgRBWtGyDP2O9vSO2tc/b1bpaoDZ+suVIVp76oxYCGYfrgdP2TxmNywZzO66667ph33MP8YOc+o4V9mEGEgT0FDnBR67KTsfEfI6r555fvbp101HqdjPyzEVUVwArB7eGbo5wjnGAkwENkIXA1CViJscuMTIl9lMed5V0cKzAlWFOyxRX6MW7uPWwIzQpqgMpEaYYBmZHQO3OkgZ4VGr2AaAVVjbgWxdTXIKT2WU+o+Ql7pWoe7RG27gr4CMlFm9gxqcZ9NgGbs87uT8ZwbNaofKEEvr++WpkkL/Mk4sJlyCaJYfvGpJBWxwnT23BYqUII3RjFbrJZ6keYm2ETU7dm8qbNEXU5184O//FvDl+3yyNwIQJPTrXxUMNBXvkNBr+5rGAOIDY9lccXcPSty5/dxM13Ttskh95VzO9cGZpL59rIQuSSIfi23gubUp58GzLCJmCYVGdzwEKcpsr3f++lUEs6f3b5T2P0bD3sdv1j0XAElLYUSErBIpQ3nbrzZ/mSkvXpJUfqCctt8DNKY1psGYRc/GJIwhkubKjQZoY5Yo2VHq4mpT/hzt60tiXw9pX7p6YPZ5/o5ZG8JY1wSzT9BDp0H8wwDp+iWD2R133NF74D7eugX0XVLdCR7n4e3SjYSxCIMthzWCGOoYrJLVMUqmduSMDz608RkDC4myvTJqhrUFZv0ByPYBZ1AygQgIyaAR8QK0CWWuatraT2UNO1MZIZMgOZg9dv318iXtAT6Eiaab7x9BYdDUC+VAQYVCgoFBIedarvpg8NCGJKt3+HP5ekMnjJlpK4RM9BXhrf4Z4TPEYimKODePBml/LJz/22xlbPCcUNr8rbhNuaVR6MF/+PtL+iNHPaiBt36aPeRzmcm0SIVEX7MxfbF+N3kdnGAsOxgHL22t3sGsIv3jkGXXDGuWoTfta/bllzM/2onLgnTFyfbdOCYdp3M+mOz3u+PXrjKYla32X0mx96kb+1tt3zkbB7XfLZuVwohVu0xltH0HsTmS+engZeUGkHHS6SIG8v25p8/Wvv5oexmuLph9ijIGWLuS+S2JpSL+8Vl65BTI5TsgXVgymN12223zIWCh9buHoEVA1Em8Poe3Sdfjf0JkASKdhABnwSgvy7P8BuMS8AwjarIImbL9I2//C8B0/rcd/UU4DjhswKjnwEs9nMkKmKnSxuoktEnxIXlQwAP+ds4URwKbzA5sZUwAZRMCsTo8nqKP2x+/7kLxoETjZYGYLDX2PpS2MGAy9xJT/YotTAQki3/hc6VlY9LorEzgXHaMV9IiO9DwVxRnMwy2w+CwtMtUIy3RjiVJSZAsY/aDbvsHxmPnd9DzY8bWFz8cEy8pSJKSKpN4R4R7aJNc1993k/Ji/HNxlNKZai6cKoDDffhf/rlDAAbZVTAzcZIwOlD2I2aELaYrlrp6vZR27R3ipCCAAbJwxwPU2If1ElMW+eVZilVuwXtm8npnHUIXII2XAKqLZenF/7C06bILbuzL8m2/sggwK32HTfldtZnzbB3xUgZkJUK2AzBTe59wNjmXWXK/JfwBe3ttR8waKY2j9GfrQZ8b+/qu3FdqT1oGmH10AbNkTd02lXAVX6RHT9k8ZueXrMr4pm/6pscJR/02xw8sKSl26HNCafJS1CiraZI7/fyO/zM+vEW6IGcSwBX/d2WETNV2Bm4MKJlNFeEPsZ3d6MX+dDm6XwDRWNXZ5xwBqtOq4JSyMsC0thxkuPP+oGSG8LdM8IgGr1BvNoyQ8cHkFUBcgGXflxLIzIE8ft6+TsFAShhh5kJAqFujBXK1c875T5LdW+jQlpr3PeP32YrycKDfmpw/+c4ZD8WLNu1r6z12y1LF8axj1o+Jcz/y7/8qRSDSFTZet2UlpbHygpPE2a0dgPGXnu1Hfo8dez2gbi1BJ1VMYTRwM/CyuqjCGePoTE9E9p8uhrYkwCHSlvV2li3Ky2H2IDejnAS0FpnZILRdG+FAcSAdYLvllxYCZl63d+eY8THjoPccQzePg4NXfR6z1ZQqowBsKtvWu2YEseB7ZdOpjG3Z/Eoqo8OXlU0YhKB2z2b/W8bQF+W+/m/70S0HzD5IGZNfsrB1noKHr9FjpwzMzi0ZzN7kTd5k8eDFdosHx2uf15mbpHMMFAVSEZtP+oSwWltGxLBt2sg5lfbtwUJiTe3BzNrP0LTjtXxNtg9G2jAYj4bRk5CaUbB2P8oIdBw32KFdSkbZ2K6sT5w712aGdKc8whMGg0CsGiaxlXnNY/ji6obZbML+cJ5NYK+TD8EM8vN4rM72a14dYRSey3fmECAhkAZ2w/U0Of6gSmX3c+2bHv3P/+RTfO+7iW1ADAFYc9/480TZNuPM1tb38Wn5pBRRiQ8RzvqDYZRNqGd0C5epEUgKF/1APzWgLlQBsKTX4OLWKO04fIaFU06VtrXBeR5ndr73bv7FJYKZxgytpOdehT58DL3vZr1hTUDju2ZcBwewqVTGplx+WwAkJ+GsrtA4Tz6fkbL7V6mvH1NfuZL+cwz/WJcEZu/Rn2B69jtm36bHT5Mqo6SzSwazN3qjN9r9Q/38tovzYfnnX46/lXZnbtiswf8ZCWrh6UjQSmDqYi0QZfWZdo6cYByWAW3VCAycaxMjSZSO98Gs69hkG9Y1QxfVVETxt3SkyzHhSYQ4vkmDT5sJWmnncTvr3Pbk2bN9BmB59lzDu5p6moGh6ZhYTNdyf/7C7v1I3HxfCWvkyPaxYJh/PS7n43j0f/7bYarPL2JIJiSGcVSJnPGv2e4IWSpiLYomRQXmsoBYAPYY4/b99sASNiY0i495iZRFBJ4cxIJ1E7+kRU553Lc1Ey/A5SjYOsPW297480sGs2064QuspA8cQ+/9dASNE0zLImcGbb3I2Xw1Rtra6owrzUllhPgH1BotknbPZvvNo/S1K+lftsdfLJjlO+N+nf7C7Co3xnfpiVMGZmeWDGZv8AZvcNlQsKw+186xgD5nrpcO0n4wJsOUuroWRiLzT0yDRATMGCRqYDaU+uyDWklnpH4CqbIUWa4TZBvURDCDUwjvyQcV7ffPJAxym98IgQz/TZyQVa1XHdjql1Brf3sGcYGymicObOzjMbbUU2fOqL3wwlHdr96+arU9CoCwsV/CssEYgn70PWAly/MWHmBHXaDEmNKESBhUG1k5/wq13YGx4gxbPH7P/+G29H0CmdkJYxa+8XJZEBsW7wxs2T4JadX+HEgakvTfJRN/nql+A0g1CGMwyWxWH62+RR6fX85DdC6FyNH1DFLWd5biiJiiOH+73b/+ZxcPZhaVep6nI2jSO42DnsejYoycTacy+vYy4Kw9yfR0KiMhDWBWQO1fR+k7V6mvWIX+k+daLpi9JVLwY/o/j+6vcj+qJ08ZmB0uGcxe//Vfv/uwvVQYWKKfvWkDdt5v92OTpF19JmcuSPvOLH2uQSBKUw9I7UCTsM+AE9twm92wR90xlvttaOdA5vy/Xx1Yu33LU8RKfEsIq7bxY/Qd5rb08v1+/6cODzHjVvDwrghwlIEUDgPbnq5G6H5ERd2dSyi1xoTJQazT9kAhqipa00jLx+N4UhnFc3MKCZYzeA5AVayDTeutKErgUQNbn8h6MHgOpl56f2HkooK+phQio7TPLHV11U0C0NbuipDbj9vB+8kH7qs/9WsCzISXnSo3SW1aAjWiYSER2BBdk0fYFLxzNNjIQ+LdAmkM8wEJyxgIvynsY1oLQ2eWn1AHppW1Cwd9Czqm5J7zkqCM9hAsDfJ6+B/jmhKhtTCfb3GctR08pQs/cyLADDBydiW9/Sh99Bh6eUjj10VAdImpjLZPQJsvmV/bB4Blc16zPxylL1pJPzCmnuBnsXwwe1Olcke5AyHFz+qpUzbB9MGSVRnPnz9/xaCJ/Y//OLsfy/LHsIixnDknDSKIkXOi9ZJ/G9DClRjdH+vTg7AuMgDiGmlaZRsTuDNNoSTMKngp6za+LCcMIKflLkIBj7ZWAdQCHif6uaSCX2U8eqJvVuuR2oj9pw4OdDKWXUa6rg2J05vtennywQe6tzIowCmi3Vb1VMb+d5BDGMEMcFw9BiNdVVLkPu58/4lh6F9tDmRX+znlsabr0SYrbfpOsJzzB37+p04imG2h5mAMvcIovfVKert16MXtfbICa8eUymg+IqURcNaNmP3l0yAm/eAq9UdjaPRxnywwe20l/9b6Uvk8Aoq/rtUpk8vfXzKYnT179liBYPfHXKC/1z4DSzirPLtEfd7fajCpAm7RytwLqHv7cRJpkXnxjT6pZQAJ9H5Yb0YdwAyD8f26yIe8bbjNfMw6RnH+sWp0jCqCBDFKaCTK4UlX1hPHtFYEP68Z9/YsgmTXrqJEH720Nzxke1PELo6k95U26nasanpSall6oxqhueSVqY5ZYfv1ub+g9CGEqTg5dW/GMwyl+E+JEX4A7nDaRQq7od1duqzgmGtxsbz4/hT79LN7nnrkYQKXlREZUw3Isl7XmtOtVsaY6hCGf/mXhrIIagQx3tP9fmZDsIn7c3inXtf/9mS7sHLUGZmXtk3+jJjNIUuUz/7ESQYzQtRrr6S3HqU3G0MvV0tpXAsRtONKZVQTxv54lH56Jf3wZv2Ni44b0skFs1dWKnd1NCl+X+MpA7O9JYPZ4eGhektEUMI9vTxnqaTr9Zqzkv14vPax559j/jE5xvnjm3/e+eOLmX3qkv/Txzo4pCV2XK7zzPzy3IuBR5u2s/36yxhIO0rW70PjLIxst6dt9lWAb1BGRPvVsKewecqiO7kmjo5UJwApwArJcMm0utK2+MBzpM9P5gxWfA+DlBBTFw00QoYeDjMGug52qrzHBfjKymM6/xYzahDo7TipM2GiCu82vRhJOpSmmQGWtLrSz+Z1C4WnM8ITSZVUcQFcV0881vnjTrNH/6bJif6VGDEPlhWQ97L35c8pgC5eBxzZcaz+g0P/JwYyOtpkhdFp876+rFsfNRfAVr9dv1GyEZ30UTfa0X74Y88WMPPtwUp6xVF6/dUzkPbCo/SCI1Ma56cymi8zJPMdzKR/2Gz/brP+3Bj6xVH6o1FarXiOEw9mL6Ws19h+zgCzP98t+KzX68HLv/d7vzcLzF7lVV6FD9a7BrNhyWB2cHCw1OjMyfXrml/7+62a6NujwhytJaNhn0/Cylmid4CvuYPsDwR1O7Irmg2CJQIW29vY+ejY7kdEIvwkW1R9XQ/DjGs0S90Qpba13eT4l7aWYjMEPF8ecf6YUb/8ZXzyidnfVxhnv712d4t3+/QdnlE3Q6gGjXYxkMj5o5hm5LlLXv7VOvjRZyGYAZJC58bUq4+hWzfltxlDt4zS65W+F1rpjO1oWV2RERGyR8r2l1ap+8fQ92+2942h39y+M+bne9aB2WMvphwuMZUxGc1P/Kca0rm/Ue4YzGLHYJY7BrNYMpjt7e1poYCgk7tc+7yG9rNZ3R79NnN5hu0ipTz2h+sZDraBoe5ozhtEX6EJ/ZCwN2e0aA/Um37Q4Ui4zYjdX0Ic4dqyK148OZ/zelzNH98VXnImFmXbMaak4ohxZd8lTM1eIuefPGYM4NgGs/fDpwHMNJatlW8v5TcfQzeUtm8yhl5g9GMEwawp/vEPY+gXRkkFwH6unPN/N2WeW892MPt/EVUthjBzfnYAAAAASUVORK5CYII=);
}
.minicolors-no-data-uris .minicolors-sprite {
background-image: url(0b/jquery.minicolors.png);
}
.minicolors-swatch {
position: absolute;
vertical-align: middle;
background-position: -80px 0;
border: solid 1px #ccc;
cursor: text;
padding: 0;
margin: 0;
display: inline-block;
}
.minicolors-swatch-color {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.minicolors input[type=hidden] + .minicolors-swatch {
width: 28px;
position: static;
cursor: pointer;
}
.minicolors input[type=hidden][disabled] + .minicolors-swatch {
cursor: default;
}
/* Panel */
.minicolors-panel {
position: absolute;
width: 173px;
height: 152px;
background: white;
border: solid 1px #CCC;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
z-index: 99999;
box-sizing: content-box;
display: none;
}
.minicolors-panel.minicolors-with-swatches {
height: 182px;
}
.minicolors-panel.minicolors-visible {
display: block;
}
/* Panel positioning */
.minicolors-position-top .minicolors-panel {
top: -154px;
}
.minicolors-position-right .minicolors-panel {
right: 0;
}
.minicolors-position-bottom .minicolors-panel {
top: auto;
}
.minicolors-position-left .minicolors-panel {
left: 0;
}
.minicolors-with-opacity .minicolors-panel {
width: 194px;
}
.minicolors .minicolors-grid {
position: absolute;
top: 1px;
left: 1px;
width: 150px;
height: 150px;
background-position: -120px 0;
cursor: crosshair;
}
.minicolors .minicolors-grid-inner {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
}
.minicolors-slider-saturation .minicolors-grid {
background-position: -420px 0;
}
.minicolors-slider-saturation .minicolors-grid-inner {
background-position: -270px 0;
background-image: inherit;
}
.minicolors-slider-brightness .minicolors-grid {
background-position: -570px 0;
}
.minicolors-slider-brightness .minicolors-grid-inner {
background-color: black;
}
.minicolors-slider-wheel .minicolors-grid {
background-position: -720px 0;
}
.minicolors-slider,
.minicolors-opacity-slider {
position: absolute;
top: 1px;
left: 152px;
width: 20px;
height: 150px;
background-color: white;
background-position: 0 0;
cursor: row-resize;
}
.minicolors-slider-saturation .minicolors-slider {
background-position: -60px 0;
}
.minicolors-slider-brightness .minicolors-slider {
background-position: -20px 0;
}
.minicolors-slider-wheel .minicolors-slider {
background-position: -20px 0;
}
.minicolors-opacity-slider {
left: 173px;
background-position: -40px 0;
display: none;
}
.minicolors-with-opacity .minicolors-opacity-slider {
display: block;
}
/* Pickers */
.minicolors-grid .minicolors-picker {
position: absolute;
top: 70px;
left: 70px;
width: 12px;
height: 12px;
border: solid 1px black;
border-radius: 10px;
margin-top: -6px;
margin-left: -6px;
background: none;
}
.minicolors-grid .minicolors-picker > div {
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
border-radius: 8px;
border: solid 2px white;
box-sizing: content-box;
}
.minicolors-picker {
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 2px;
background: white;
border: solid 1px black;
margin-top: -2px;
box-sizing: content-box;
}
/* Swatches */
.minicolors-swatches,
.minicolors-swatches li {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
position: absolute;
top: 157px;
left: 5px;
}
.minicolors-swatches .minicolors-swatch {
position: relative;
float: left;
cursor: pointer;
margin: 0 4px 0 0;
}
.minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
margin-right: 7px;
}
.minicolors-swatch.selected {
border-color: #000;
}
/* Inline controls */
.minicolors-inline {
display: inline-block;
}
.minicolors-inline .minicolors-input {
display: none !important;
}
.minicolors-inline .minicolors-panel {
position: relative;
top: auto;
left: auto;
box-shadow: none;
z-index: auto;
display: inline-block;
}
/* Default theme */
.minicolors-theme-default .minicolors-swatch {
top: 5px;
left: 5px;
width: 18px;
height: 18px;
}
.minicolors-theme-default .minicolors-swatches .minicolors-swatch {
top: 0;
left: 0;
width: 18px;
height: 18px;
}
.minicolors-theme-default .minicolors-swatches {
height: 20px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
left: auto;
right: 5px;
}
.minicolors-theme-default.minicolors {
width: auto;
display: inline-block;
}
.minicolors-theme-default .minicolors-input {
height: 20px;
width: auto;
display: inline-block;
padding-left: 26px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-input {
padding-right: 26px;
padding-left: inherit;
}
/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch {
z-index: 2;
top: 3px;
left: 3px;
width: 28px;
height: 28px;
border-radius: 3px;
}
.minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
top: 0;
left: 0;
width: 20px;
height: 20px;
}
.minicolors-theme-bootstrap .minicolors-swatch-color {
border-radius: inherit;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
left: auto;
right: 3px;
}
.minicolors-theme-bootstrap .minicolors-input {
float: none;
padding-left: 44px;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
padding-right: 44px;
padding-left: 12px;
}
.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
top: 4px;
left: 4px;
width: 37px;
height: 37px;
border-radius: 5px;
}
.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
width: 24px;
height: 24px;
}
.input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* Semantic Ui theme */
.minicolors-theme-semanticui .minicolors-swatch {
top: 0;
left: 0;
padding: 18px;
}
.minicolors-theme-semanticui input {
text-indent: 30px;
}
/*
* jQuery UI CSS Framework 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
/* end clearfix */
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
* jQuery UI CSS Framework 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
font-size: 1.1em;
}
.classic-font .ui-widget {
font-family: Arial;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial, Verdana, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff url(/img/jq-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc url(/img/jq-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url(/img/jq-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #000;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url(/img/jq-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url(/img/jq-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
.ui-widget :active {
outline: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(/img/jq-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(/img/jq-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: alpha(opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: alpha(opacity=35);
background-image: none;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-image: url(/img/jq-ui/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
background-image: url(/img/jq-ui/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(/img/jq-ui/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(/img/jq-ui/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(/img/jq-ui/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(/img/jq-ui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(/img/jq-ui/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(/img/jq-ui/ui-icons_cd0a0a_256x240.png);
}
/* positioning */
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-off {
background-position: -96px -144px;
}
.ui-icon-radio-on {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
}
.ui-corner-tr {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.ui-corner-bl {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ui-corner-br {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ui-corner-top {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.ui-corner-bottom {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ui-corner-right {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ui-corner-left {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa url(/img/jq-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: 0.3;
filter: alpha(opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(/img/jq-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: 0.3;
filter: alpha(opacity=30);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/*
* jQuery UI Resizable 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
/*
* jQuery UI Selectable 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
/*
* jQuery UI Accordion 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
width: 100%;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: 0.5em 0.5em 0.5em 0.7em;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: 0.5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
display: block;
}
/*
* jQuery UI Autocomplete 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete {
position: absolute;
cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.10
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 0.2em 0.4em;
line-height: 1.5;
zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button {
display: inline-block;
position: relative;
padding: 0;
margin-right: 0.1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
display: block;
line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: 0.4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: 0.25em 1em 0.25em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: 0.3em 0.5em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50% !important;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: 0.5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: 0.5em;
}
/*button sets*/
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -0.3em;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog {
position: absolute;
padding: 0.2em;
width: 300px;
overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0.4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 16px 0.1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: none;
overflow: auto;
zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: 0.5em 0 0 0;
padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
/*
* jQuery UI Slider 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/*
* jQuery UI Tabs 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs {
position: relative;
padding: 0.2em;
zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 0.2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 0.5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}
/*
* jQuery UI Datepicker 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker {
width: 20em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: bold;
border: 0;
max-width: 63px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
font-weight: normal;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
td.ui-datepicker-week-col {
display: flex;
justify-content: center;
padding-top: 5px;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
position: absolute;
/*must have*/
z-index: -1;
/*must have*/
filter: mask();
/*must have*/
top: -4px;
/*must have*/
left: -4px;
/*must have*/
width: 200px;
/*must have*/
height: 200px;
/*must have*/
}
/*
* jQuery UI Progressbar 1.8.10
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar {
height: 2em;
text-align: left;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.orgtree-block {
width: 100%;
height: 100%;
}
.orgtree-block .orgtree-department-container {
position: absolute;
width: 250px;
}
.orgtree-block .orgtree-department-container:after {
content: '';
display: block;
width: 0;
height: 25px;
}
.orgtree-block .orgtree-department-container.parent-group .orgtree-department-arrow-in {
display: none;
}
.orgtree-block .orgtree-department {
min-width: 180px;
min-height: 50px;
-webkit-box-shadow: 0 1px 2px var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
border-radius: 16px;
padding: 4px 4px 10px;
background: var(--white-black, #fff);
z-index: 2;
position: relative;
}
.orgtree-block .orgtree-department.department-selected {
box-shadow: 0 0 25px rgba(13, 223, 255, 0.54);
}
.orgtree-block .orgtree-department.bigger-zindex {
z-index: 3;
}
.orgtree-block .orgtree-department.copy-for-drag {
border: 1px dashed var(--quote-border, #969696);
}
.orgtree-block .orgtree-department-left-ear {
width: 23px;
height: 9px;
margin-bottom: -36px;
position: relative;
cursor: pointer;
top: -36px;
}
.orgtree-block .orgtree-department-left-ear.rotate {
left: -14px;
top: 1px;
transform: rotate(270deg);
z-index: 5;
}
.orgtree-block .orgtree-department-right-ear {
display: none;
width: 23px;
height: 9px;
float: right;
margin-top: -1px;
margin-right: 45%;
cursor: pointer;
position: relative;
}
.orgtree-block .orgtree-department-right-ear.rotate {
margin-right: -16px;
margin-top: -30px;
transform: rotate(270deg);
}
.orgtree-block .orgtree-department-arrow-in {
width: 16px;
height: auto;
position: relative;
left: 4.5px;
top: -5px;
z-index: 1;
}
.orgtree-block .orgtree-department-arrow-in svg {
width: 16px !important;
}
.orgtree-block .orgtree-department-arrow-out {
display: none;
width: 12px;
height: 12px;
position: relative;
top: -4.5px;
left: 6.2px;
z-index: 2;
}
.orgtree-block .orgtree-department-arrow-out svg {
width: 12px !important;
}
.orgtree-block .orgtree-department-header {
width: 100%;
white-space: nowrap;
background: var(--grey-list-border, #DEDEDE);
border-radius: 10px 10px 0 0;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
position: relative;
height: 39px;
}
.orgtree-block .orgtree-department-header.display-flex-hider {
display: flex;
}
.orgtree-block .orgtree-department-header span {
padding: 0 27px;
color: var(--text-color, #343434);
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
}
.orgtree-block .orgtree-department-header .orgtree-department-header-textbox {
margin-top: -5px;
padding-left: 2px;
display: none;
}
.orgtree-block .orgtree-department-header .orgtree-department-header-textbox input {
width: 110px;
}
.orgtree-block .orgtree-department-header .orgtree-department-header-edit {
float: right;
margin: 0 3px 0 5px;
cursor: pointer;
visibility: hidden;
}
.orgtree-block .orgtree-department-header:hover .orgtree-department-header-edit {
visibility: visible;
}
.orgtree-block .orgtree-department-header .orgtree-department-header-ok {
float: right;
margin: 1px 3px 0 0;
cursor: pointer;
display: none;
}
.orgtree-block .orgtree-department-header .orgtree-department-header-cancel {
float: right;
margin: 1px 3px 0 0;
cursor: pointer;
display: none;
}
.orgtree-block .orgtree-department-header.orgtree-department-header-editing {
background: var(--white-black, #fff);
}
.orgtree-block .orgtree-department-header.orgtree-department-header-editing span {
display: none;
}
.orgtree-block .orgtree-department-header.orgtree-department-header-editing .orgtree-department-header-ok,
.orgtree-block .orgtree-department-header.orgtree-department-header-editing .orgtree-department-header-cancel,
.orgtree-block .orgtree-department-header.orgtree-department-header-editing .orgtree-department-header-textbox {
display: block;
}
.orgtree-block .orgtree-department-user {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 17px 0 0 11px;
white-space: nowrap;
}
.orgtree-block .orgtree-department-user .b-ddl-menu-li-item {
padding-top: 10px;
}
.orgtree-block .orgtree-department-user .b-ddl-menu-li-item:last-child {
padding-bottom: 10px;
}
.orgtree-block .orgtree-department-user.orgtree-department-user-head .orgtree-department-user-menu-container [data-acr="userUp"] {
display: none;
}
.orgtree-block .orgtree-department-user:not(.orgtree-department-user-head) .orgtree-department-user-menu-container [data-acr="userDown"] {
display: none;
}
.orgtree-block .orgtree-department-user.orgtree-department-user-highlight {
position: relative;
z-index: 3;
}
.orgtree-block .orgtree-department-user.orgtree-department-user-head.orgtree-department-user-notia.orgtree-department-user-highlight {
margin-right: -40px;
}
.orgtree-block .orgtree-department-user.orgtree-department-user-head.orgtree-department-user-head-one-of.orgtree-department-user-highlight {
margin-right: -102px;
}
.orgtree-block .orgtree-department-container-heads-not-equal .orgtree-department-user.orgtree-department-user-head.orgtree-department-user-head-one-of.orgtree-department-user-highlight {
margin-right: -110px;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-glasses-container {
display: none;
position: absolute;
margin: 0;
top: 23px;
right: 7px;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-menu-container {
display: none;
position: absolute;
right: 6px;
top: 21px;
transform: rotate(90deg);
}
.orgtree-block .orgtree-department-user.orgtree-department-user-head.orgtree-department-user-head-one-of .orgtree-department-user-glasses-container {
display: block;
}
.orgtree-block .orgtree-department-container-heads-not-equal .orgtree-department-user.orgtree-department-user-head.orgtree-department-user-head-one-of .orgtree-department-user-glasses-container {
display: none;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-control {
float: right;
/*width:90px;*/
display: none;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-up {
margin: 8px 7px 0 0;
cursor: pointer;
float: right;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-up.svg-icon-stroke.gray:hover {
stroke: #7875ff;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-down {
margin: 8px 7px 0 0;
cursor: pointer;
float: right;
display: none;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-down.svg-icon-stroke.gray:hover {
stroke: #ff5252;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-del {
margin: 8px 7px 0 0;
cursor: pointer;
float: right;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-edit {
margin: 8px 7px 0 0;
cursor: pointer;
float: right;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-edit.svg-icon-stroke.gray:hover {
stroke: #f58020;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-mark {
margin: 8px 7px 0 0;
cursor: pointer;
float: right;
display: none;
}
.orgtree-block .orgtree-department-user .orgtree-department-user-mark.svg-icon-stroke.gray:hover {
stroke: #65b5e1;
}
.orgtree-block .orgtree-department-user.orgtree-department-user-head.orgtree-department-user-head-one-of .orgtree-department-user-mark {
margin-left: 10px;
}
.orgtree-block .orgtree-department-container-heads-not-equal .orgtree-department-user.orgtree-department-user-head.orgtree-department-user-head-one-of .orgtree-department-user-mark {
margin-left: 0px;
}
.orgtree-block .orgtree-department-user.orgtree-department-user-head .orgtree-department-user-mark {
display: inline-block;
}
.orgtree-block .orgtree-department-user.orgtree-department-user-highlight .orgtree-department-user-control {
display: block;
}
.orgtree-block .orgtree-department-user.orgtree-department-user-head .orgtree-department-user-up {
display: none;
}
.orgtree-block .orgtree-department-user.orgtree-department-user-head .orgtree-department-user-down {
display: block;
}
.orgtree-block .orgtree-department-user-info {
margin-top: 2px;
}
.orgtree-block .orgtree-department-user-name {
font-size: 15px;
color: #4573B1;
border: 0;
overflow: hidden;
max-width: 140px;
text-overflow: ellipsis;
}
.orgtree-block .orgtree-department-user-icon {
height: 40px;
margin-right: 12px;
}
.orgtree-block .orgtree-department-user-icon img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.orgtree-block .orgtree-department-user.orgtree-department-user-disabled .orgtree-department-user-name.fakelink-dashed {
color: var(--gray-ico, #a9a9a9);
}
.orgtree-block .orgtree-department-user-head .orgtree-department-user-name {
font-weight: 700;
}
.orgtree-block .orgtree-department-user-post {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 12px;
overflow: hidden;
max-width: 145px;
text-overflow: ellipsis;
}
.orgtree-block .orgtree-department-add-user {
font-size: 10pt;
margin-bottom: 8px;
margin-left: 4px;
margin-top: 7px;
}
.orgtree-block .orgtree-department-add-user i {
cursor: pointer;
}
.orgtree-block .orgtree-department-add-user.orgtree-department-add-user-hidden {
background: var(--white-black, #fff);
padding-left: 0;
}
.orgtree-block .orgtree-department-add-user.orgtree-department-add-user-hidden span.fakelink-dashed {
display: none;
}
.orgtree-block .orgtree-department-add-user span.orgtree-department-add-user-hidden-text {
display: none;
}
.orgtree-block .orgtree-department-add-user.orgtree-department-add-user-hidden span.orgtree-department-add-user-hidden-text {
display: inline;
color: var(--popup-win-header-description, #8e8e8e);
}
.orgtree-block .orgtree-department-add-user-container {
position: relative;
z-index: 4;
float: left;
display: none;
}
.orgtree-block .orgtree-department-add-user-container .orgtree-department-add-user-container-inner {
padding: 0 10px 10px 10px;
margin: -11px;
border-right: 1px solid var(--orgtree-add-user-border, #E7E7E7);
border-left: 1px solid var(--orgtree-add-user-border, #E7E7E7);
border-bottom: 1px solid var(--orgtree-add-user-border, #E7E7E7);
-webkit-box-shadow: 0px 5px 8px var(--orgtree-add-user-border, #E7E7E7);
-moz-box-shadow: 0px 5px 8px var(--orgtree-add-user-border, #E7E7E7);
box-shadow: 0px 5px 8px var(--orgtree-add-user-border, #E7E7E7);
border-radius: 0 0 15px 15px;
-moz-border-radius: 0 0 15px 15px;
background: var(--white-black, #fff);
}
.orgtree-block .orgtree-department-add-user-list {
border-top: 1px solid var(--orgtree-add-user-list-border, #c6c6c6);
border-bottom: 1px solid var(--orgtree-add-user-list-border, #c6c6c6);
max-height: 179px;
overflow: auto;
margin-left: 7px;
margin-top: 10px;
/*display:none;*/
}
.orgtree-block .orgtree-department-add-user-list .tbl-list .tr-separator td {
padding: 0;
margin: 0;
}
.orgtree-block .orgtree-department-add-user-control {
text-align: right;
font-size: 9pt;
padding-top: 7px;
/*display:none;*/
}
.orgtree-block .orgtree-department-add-user-ok {
margin: 0px 5px 0 0;
cursor: pointer;
display: inline-block;
}
.orgtree-block .orgtree-department-add-user-ok-label {
display: inline-block;
margin-right: 5px;
}
.orgtree-block .orgtree-department-add-user-cancel {
margin: 0px 5px 0 0;
cursor: pointer;
display: inline-block;
}
.orgtree-block .orgtree-department-add-user-cancel-label {
display: inline-block;
}
.orgtree-block .orgtree-link {
overflow: hidden;
cursor: pointer;
font-size: 0;
line-height: 0;
position: absolute;
}
.orgtree-block .orgtree-link-fill {
background: var(--gray-input-border, #bbbbbb);
}
.orgtree-block .orgtree-link-fill.orgtree-link-fill-green {
background: #78B900;
}
.orgtree-block .orgtree-link-fill.orgtree-link-fill-black {
background: var(--text-color, #343434);
z-index: 4;
position: relative;
}
.orgtree-block .orgtree-link.orgtree-link-vert {
width: 3px;
padding-left: 1px;
}
.orgtree-block .orgtree-link.orgtree-link-hor {
height: 3px;
padding-top: 2px;
}
.orgtree-block .orgtree-link-vert .orgtree-link-fill {
width: 2px;
}
.orgtree-block .orgtree-link-hor .orgtree-link-fill {
height: 2px;
width: 100%;
}
.orgtree-block .orgtree-link-delete {
cursor: pointer;
position: absolute;
z-index: 3;
}
.orgtree-block .orgtree-department-header .orgtree-department-header-conf {
position: absolute;
right: 8px;
margin: 0;
font-size: 0;
transform: rotate(90deg);
}
.orgtree-block .orgtree-department-header .orgtree-department-header-conf .b-ddl-menu .b-ddl-menu-selected-arrow.b-ddl-menu-selected-arrow-svg svg {
width: 16px;
height: 16px;
fill: var(--default-gray, #808080);
display: block;
}
.orgtree-block .orgtree-department-header .orgtree-department-header-conf span {
color: var(--black-white, #000000);
padding: 0;
}
.orgtree-block .orgtree-department-menu-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
background: var(--white-black, #fff);
position: relative;
z-index: 3;
padding: 10px 0 0;
}
.orgtree-block .orgtree-department-menu-container svg path,
.orgtree-block .orgtree-department-menu-container line {
stroke: var(--gray-input-border, #bbbbbb);
transition: all 250ms ease-in-out, all 250ms ease-in-out;
}
.orgtree-block .orgtree-department-menu-container.space-between {
padding: 10px 8px 0 25px;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.orgtree-block .orgtree-department-menu-container .orgtree-department-menu-add-container,
.orgtree-block .orgtree-department-menu-container .orgtree-department-show-connections-container {
position: relative;
background: var(--white-black, #fff);
cursor: pointer;
border-radius: 3px;
height: 16px;
}
.orgtree-block .orgtree-department-menu-container .orgtree-department-menu-add-container.orgtree-department-child:hover svg path,
.orgtree-block .orgtree-department-menu-container .orgtree-department-show-connections-container.orgtree-department-child:hover svg path {
stroke: var(--default-gray, #808080);
transition: transform 250ms ease-in-out, stroke 250ms ease-in-out;
}
.orgtree-block .orgtree-department-menu-container .orgtree-department-menu-add-container .orgtree-department-menu-container-label,
.orgtree-block .orgtree-department-menu-container .orgtree-department-show-connections-container .orgtree-department-menu-container-label,
.orgtree-block .orgtree-department-menu-container .orgtree-department-menu-add-container .orgtree-department-show-connections,
.orgtree-block .orgtree-department-menu-container .orgtree-department-show-connections-container .orgtree-department-show-connections {
position: relative;
top: -13px;
color: var(--white-black, #ffffff);
padding: 0 4px 1px 4px;
background: var(--activeSlider);
border-radius: 4px;
height: fit-content;
margin-left: 2px;
font-size: 10px;
display: inline-block;
}
.orgtree-block .orgtree-department-menu-container .orgtree-department-menu-add-container .orgtree-department-menu-container-label.hide,
.orgtree-block .orgtree-department-menu-container .orgtree-department-show-connections-container .orgtree-department-menu-container-label.hide,
.orgtree-block .orgtree-department-menu-container .orgtree-department-menu-add-container .orgtree-department-show-connections.hide,
.orgtree-block .orgtree-department-menu-container .orgtree-department-show-connections-container .orgtree-department-show-connections.hide {
display: none;
}
.orgtree-block .orgtree-department-menu-container .orgtree-department-menu-add-container.orgtree-department-child:hover .hover-color svg path,
.orgtree-block .orgtree-department-menu-container .orgtree-department-show-connections-container.orgtree-department-child:hover .hover-color svg path,
.orgtree-block .orgtree-department-menu-container .orgtree-department-menu-add-container.orgtree-department-child:hover .hover-color line,
.orgtree-block .orgtree-department-menu-container .orgtree-department-show-connections-container.orgtree-department-child:hover .hover-color line {
stroke: var(--default-gray, #808080);
transition: transform 250ms ease-in-out, stroke 250ms ease-in-out;
}
.orgtree-block .orgtree-department-menu-container .orgtree-department-menu-add-container .dropzone-wr,
.orgtree-block .orgtree-department-menu-container .orgtree-department-show-connections-container .dropzone-wr {
height: 16px;
}
.orgtree-block .orgtree-department-menu-container.all-handler {
padding: 10px 8px 0 25px;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.orgtree-block .orgtree-department-menu-container.all-handler .orgtree-department-show-other-users {
margin-right: 8px;
}
.orgtree-block .orgtree-department-menu-container.all-handler .orgtree-department-menu-add-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
.orgtree-block .orgtree-department-menu-container.all-handler .orgtree-department-menu-add-container .dropzone-wr {
position: relative;
width: fit-content;
}
.orgtree-block .orgtree-department-gray-container {
display: none;
background: var(--white-black, #ffffff);
position: absolute;
width: max-content;
box-shadow: 0 0 7px 0 var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.15));
border-radius: 6px;
padding: 12px 0;
left: 15px;
top: 15px;
}
.orgtree-block .orgtree-department-gray-container .orgtree-department-add-user-gray-container,
.orgtree-block .orgtree-department-gray-container .orgtree-department-new-user-gray-container,
.orgtree-block .orgtree-department-gray-container .orgtree-department-add-group-gray-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 8.5px 25px 8.5px 12px;
font-size: 14px;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.orgtree-block .orgtree-department-gray-container .orgtree-department-add-user-gray-container .svg-icon-14px,
.orgtree-block .orgtree-department-gray-container .orgtree-department-new-user-gray-container .svg-icon-14px,
.orgtree-block .orgtree-department-gray-container .orgtree-department-add-group-gray-container .svg-icon-14px {
margin-right: 7px;
}
.orgtree-block .orgtree-department-gray-container .orgtree-department-add-user-gray-container .svg-icon-14px svg path,
.orgtree-block .orgtree-department-gray-container .orgtree-department-new-user-gray-container .svg-icon-14px svg path,
.orgtree-block .orgtree-department-gray-container .orgtree-department-add-group-gray-container .svg-icon-14px svg path {
stroke: var(--task-card-title-text, #4b4b4b);
}
.orgtree-block .orgtree-department-gray-container .orgtree-department-add-user-gray-container:hover,
.orgtree-block .orgtree-department-gray-container .orgtree-department-new-user-gray-container:hover,
.orgtree-block .orgtree-department-gray-container .orgtree-department-add-group-gray-container:hover {
background: var(--date-picker-bg, #F5F5F5);
}
.orgtree-block .orgtree-department-container-shadow {
border-radius: 15px;
}
.orgtree-block .orgtree-department-container-shadow.department-selected {
box-shadow: 0 0 30px 1px rgba(13, 223, 255, 0.54);
}
.orgtree-block .orgtree-department-line {
background: var(--grey-list-border, #DEDEDE);
height: 1px;
margin-top: 20px;
}
.orgtree-block .orgtree-department-line.hide {
display: none;
}
.orgtree-block .orgtree-department-show-other-users {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
cursor: pointer;
}
.orgtree-block .orgtree-department-show-other-users.orgtree-department-child:hover svg path {
stroke: var(--default-gray, #808080);
transition: transform 250ms ease-in-out, stroke 250ms ease-in-out;
}
.orgtree-block .orgtree-department-show-other-users .label {
position: relative;
top: -8px;
color: var(--white-black, #ffffff);
padding: 0 4px 1px 4px;
background: var(--activeSlider);
border-radius: 4px;
height: fit-content;
margin-left: 2px;
font-size: 10px;
display: inline-block;
}
.orgtree-block .orgtree-department-show-other-users .label.hide {
display: none;
}
.orgtree-block .orgtree-department-show-other-users .up {
transform: rotate(180deg);
}
.orgtree-list-view-options-menu {
cursor: pointer;
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid var(--planner-schedule-fake-tbl-border, #e6e6e6);
}
.orgtree-list-view-options-menu .b-ddl-menu .b-ddl-menu-flex {
height: 20px;
align-items: center;
}
.accessrule-edit-block-rc .box {
display: flex;
row-gap: 32px;
flex-direction: column;
width: 638px;
}
.accessrule-edit-block-rc .box .rule-applies .title-text {
font-size: 18px;
color: var(--confirm-win-head-bg, #4b4b4b);
}
.access-rule-panel-layout .b-main-block {
overflow-y: scroll;
padding-top: 0;
padding-bottom: 0;
}
.access-rule-panel-layout .b-main-block .accessruleedit-block-target {
padding-top: 2px;
padding-bottom: 20px;
}
.account-settings .label {
position: relative;
font-size: 11px;
color: #808080;
}
.account-settings .val-label,
.account-settings .preview-block {
cursor: pointer;
width: 100%;
font-size: 14px;
color: #424242;
margin: 8px 0px 8px 0px;
display: block;
height: 18px;
overflow: visible;
}
.account-settings .account-settings-color-field .color-picker-picker {
border: 1px solid #bbbbbb;
margin-top: 8px;
padding: 4px;
width: 570px;
line-height: 1;
overflow-y: scroll;
position: relative;
z-index: 3;
background: #ffffff;
max-height: 150px !important;
display: block;
}
.account-settings .account-settings-name-display-type .account-settings-default-action-interface-display-type-select,
.account-settings .account-settings-like-display-type .account-settings-default-action-interface-display-type-select,
.account-settings .account-settings-color-scheme-display-type .account-settings-default-action-interface-display-type-select,
.account-settings .account-settings-image-display-type .account-settings-default-action-interface-display-type-select,
.account-settings .account-settings-quote-type .account-settings-default-action-interface-display-type-select,
.account-settings .account-settings-default-action-interface-display-type .account-settings-default-action-interface-display-type-select,
.account-settings .account-settings-dateformat-display-type .account-settings-default-action-interface-display-type-select,
.account-settings .account-settings-logo-loginform-display-type .account-settings-default-action-interface-display-type-select,
.account-settings .account-settings-timeformat-display-type .account-settings-default-action-interface-display-type-select,
.account-settings .account-settings-logo-display-type .account-settings-default-action-interface-display-type-select,
.account-settings .account-settings-name-display-type .account-settings-name-display-type-select,
.account-settings .account-settings-like-display-type .account-settings-name-display-type-select,
.account-settings .account-settings-color-scheme-display-type .account-settings-name-display-type-select,
.account-settings .account-settings-image-display-type .account-settings-name-display-type-select,
.account-settings .account-settings-quote-type .account-settings-name-display-type-select,
.account-settings .account-settings-default-action-interface-display-type .account-settings-name-display-type-select,
.account-settings .account-settings-dateformat-display-type .account-settings-name-display-type-select,
.account-settings .account-settings-logo-loginform-display-type .account-settings-name-display-type-select,
.account-settings .account-settings-timeformat-display-type .account-settings-name-display-type-select,
.account-settings .account-settings-logo-display-type .account-settings-name-display-type-select,
.account-settings .account-settings-name-display-type .account-settings-quote-type-select,
.account-settings .account-settings-like-display-type .account-settings-quote-type-select,
.account-settings .account-settings-color-scheme-display-type .account-settings-quote-type-select,
.account-settings .account-settings-image-display-type .account-settings-quote-type-select,
.account-settings .account-settings-quote-type .account-settings-quote-type-select,
.account-settings .account-settings-default-action-interface-display-type .account-settings-quote-type-select,
.account-settings .account-settings-dateformat-display-type .account-settings-quote-type-select,
.account-settings .account-settings-logo-loginform-display-type .account-settings-quote-type-select,
.account-settings .account-settings-timeformat-display-type .account-settings-quote-type-select,
.account-settings .account-settings-logo-display-type .account-settings-quote-type-select,
.account-settings .account-settings-name-display-type .account-settings-like-display-type-select,
.account-settings .account-settings-like-display-type .account-settings-like-display-type-select,
.account-settings .account-settings-color-scheme-display-type .account-settings-like-display-type-select,
.account-settings .account-settings-image-display-type .account-settings-like-display-type-select,
.account-settings .account-settings-quote-type .account-settings-like-display-type-select,
.account-settings .account-settings-default-action-interface-display-type .account-settings-like-display-type-select,
.account-settings .account-settings-dateformat-display-type .account-settings-like-display-type-select,
.account-settings .account-settings-logo-loginform-display-type .account-settings-like-display-type-select,
.account-settings .account-settings-timeformat-display-type .account-settings-like-display-type-select,
.account-settings .account-settings-logo-display-type .account-settings-like-display-type-select,
.account-settings .account-settings-name-display-type .account-settings-dateformat-display-type-select,
.account-settings .account-settings-like-display-type .account-settings-dateformat-display-type-select,
.account-settings .account-settings-color-scheme-display-type .account-settings-dateformat-display-type-select,
.account-settings .account-settings-image-display-type .account-settings-dateformat-display-type-select,
.account-settings .account-settings-quote-type .account-settings-dateformat-display-type-select,
.account-settings .account-settings-default-action-interface-display-type .account-settings-dateformat-display-type-select,
.account-settings .account-settings-dateformat-display-type .account-settings-dateformat-display-type-select,
.account-settings .account-settings-logo-loginform-display-type .account-settings-dateformat-display-type-select,
.account-settings .account-settings-timeformat-display-type .account-settings-dateformat-display-type-select,
.account-settings .account-settings-logo-display-type .account-settings-dateformat-display-type-select,
.account-settings .account-settings-name-display-type .account-settings-timeformat-display-type-select,
.account-settings .account-settings-like-display-type .account-settings-timeformat-display-type-select,
.account-settings .account-settings-color-scheme-display-type .account-settings-timeformat-display-type-select,
.account-settings .account-settings-image-display-type .account-settings-timeformat-display-type-select,
.account-settings .account-settings-quote-type .account-settings-timeformat-display-type-select,
.account-settings .account-settings-default-action-interface-display-type .account-settings-timeformat-display-type-select,
.account-settings .account-settings-dateformat-display-type .account-settings-timeformat-display-type-select,
.account-settings .account-settings-logo-loginform-display-type .account-settings-timeformat-display-type-select,
.account-settings .account-settings-timeformat-display-type .account-settings-timeformat-display-type-select,
.account-settings .account-settings-logo-display-type .account-settings-timeformat-display-type-select,
.account-settings .account-settings-name-display-type .account-settings-logo-loginform-display-type-select,
.account-settings .account-settings-like-display-type .account-settings-logo-loginform-display-type-select,
.account-settings .account-settings-color-scheme-display-type .account-settings-logo-loginform-display-type-select,
.account-settings .account-settings-image-display-type .account-settings-logo-loginform-display-type-select,
.account-settings .account-settings-quote-type .account-settings-logo-loginform-display-type-select,
.account-settings .account-settings-default-action-interface-display-type .account-settings-logo-loginform-display-type-select,
.account-settings .account-settings-dateformat-display-type .account-settings-logo-loginform-display-type-select,
.account-settings .account-settings-logo-loginform-display-type .account-settings-logo-loginform-display-type-select,
.account-settings .account-settings-timeformat-display-type .account-settings-logo-loginform-display-type-select,
.account-settings .account-settings-logo-display-type .account-settings-logo-loginform-display-type-select,
.account-settings .account-settings-name-display-type .account-settings-logo-display-type-select,
.account-settings .account-settings-like-display-type .account-settings-logo-display-type-select,
.account-settings .account-settings-color-scheme-display-type .account-settings-logo-display-type-select,
.account-settings .account-settings-image-display-type .account-settings-logo-display-type-select,
.account-settings .account-settings-quote-type .account-settings-logo-display-type-select,
.account-settings .account-settings-default-action-interface-display-type .account-settings-logo-display-type-select,
.account-settings .account-settings-dateformat-display-type .account-settings-logo-display-type-select,
.account-settings .account-settings-logo-loginform-display-type .account-settings-logo-display-type-select,
.account-settings .account-settings-timeformat-display-type .account-settings-logo-display-type-select,
.account-settings .account-settings-logo-display-type .account-settings-logo-display-type-select {
border: none;
background: none;
padding-left: 0px;
margin-left: 0px;
outline: none;
margin-bottom: 8px;
width: 100%;
}
.account-settings .field-handler:hover,
.account-settings .account-settings-block:hover {
padding-bottom: 0;
border-bottom: 3px solid #3ba3d0;
}
.account-settings .field-handler,
.account-settings .account-settings-block {
display: flex;
flex-direction: column;
margin-top: 10px;
transition: opacity 0.3s, height 0.3s;
height: 50px;
opacity: 1;
pointer-events: initial;
width: 650px;
padding-bottom: 2px;
border-bottom: 1px solid #e5e5e5;
}
.account-settings .field-handler:hover .label,
.account-settings .account-settings-block:hover .label {
color: #3ba3d0;
}
.account-settings .preview-val,
.account-settings .status-as-text-logo,
.account-settings .status-as-text-logo-loginform,
.account-settings .status-as-text-dateformat,
.account-settings .status-as-text-timeformat,
.account-settings .status-as-text-action-interface,
.account-settings .status-as-text-like,
.account-settings .status-as-text-color-scheme,
.account-settings .status-as-text-quote,
.account-settings .status-as-text,
.account-settings .status-as-text-login-image,
.account-settings .status-as-text-quick-response {
color: #4573b1;
margin-top: 8px;
margin-bottom: 8px;
}
.account-settings .preview-val span.link-text:hover,
.account-settings .status-as-text-logo span.link-text:hover,
.account-settings .status-as-text-logo-loginform span.link-text:hover,
.account-settings .status-as-text-dateformat span.link-text:hover,
.account-settings .status-as-text-timeformat span.link-text:hover,
.account-settings .status-as-text-action-interface span.link-text:hover,
.account-settings .status-as-text-like span.link-text:hover,
.account-settings .status-as-text-color-scheme span.link-text:hover,
.account-settings .status-as-text-quote span.link-text:hover,
.account-settings .status-as-text span.link-text:hover,
.account-settings .status-as-text-login-image span.link-text:hover,
.account-settings .status-as-text-quick-response span.link-text:hover {
color: #1abe72;
}
.account-settings .account-settings-logo-container .logo {
width: 60px;
height: 60px;
border: 1px solid #e4e4e4;
border-radius: 50%;
text-align: center;
position: relative;
overflow: hidden;
margin-top: 10px;
}
.user-avatar-img-square .account-settings .account-settings-logo-container .logo {
border-radius: 0%;
}
.user-avatar-img-rounded .account-settings .account-settings-logo-container .logo {
border-radius: 20%;
}
.account-settings .account-settings-logo-container .logo img {
max-width: 60px;
max-height: 60px;
}
.account-settings .account-settings-logo-container .logo .b-default-user-avatar {
width: 60px;
height: 20px;
background: none;
}
.account-settings .account-settings-logo-container .logo .b-user-avatar {
width: 60px;
height: 60px;
background: none;
}
.account-settings .account-settings-logo-container .logo .b-user-avatar .b-user-avatar-change {
position: absolute;
cursor: pointer;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.5);
}
.account-settings .account-settings-logo-container .logo .b-user-avatar .b-user-avatar-change svg {
fill: #fff;
width: 50%;
height: 50%;
}
.account-settings .account-settings-logo-container .logo .b-user-avatar.active .b-user-avatar-change {
opacity: 1;
}
.account-settings .account-settings-block .label:first-letter {
text-transform: uppercase;
}
.account-settings .account-settings-block .edit-block .edit-value {
outline: none;
font-size: 14px;
margin-top: 7px;
border: none;
width: 100%;
}
.settings-edit__auth {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
max-width: 682px;
}
.pwd-policy__container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
max-width: 682px;
}
.baron_api_container {
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
overflow: inherit !important;
}
thead .tr-api-item .td-head {
font-size: 14px;
font-weight: bold;
}
.tr-api-item .td-api-item {
cursor: pointer;
}
.tr-api-item .td-api-item .id-copy-button:hover {
stroke: #00864b;
}
.api {
height: 100%;
display: flex;
flex-direction: column;
}
.api.no-active-xml {
height: auto;
}
.api .api-keys {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 2;
}
.api .api-keys .api-key-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.api .api-keys .api-key-container.api-key-request {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
}
.api .api-keys .api-key-container.api-key-request .api-keys-block {
max-width: 773px;
width: 100%;
}
.api .api-keys .api-key-container.api-key-data .api-keys-block,
.api .api-keys .api-key-container.api-key-password .api-keys-block {
width: 367px;
}
.api .api-keys .api-key-container.api-key-data .api-keys-block {
margin-right: 24px;
}
.api .api-keys .api-key-container.api-key-data .api-keys-block .api-key-val {
cursor: text;
}
.api .api-keys .api-key-container .api-keys-block {
width: 323px;
margin-bottom: 24px;
background: var(--white-black, white);
border: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 6px;
padding-left: 13px;
}
.api .api-keys .api-key-container .api-keys-block .api-key-content-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.api .api-keys .api-key-container .api-keys-block .api-key-lang-name {
font-size: 12px;
line-height: 18px;
margin: 8px 0 5px;
padding-left: 0;
color: var(--common-filter-top-text, #A3A3A3);
cursor: pointer;
}
.api .api-keys .api-key-container .api-keys-block .api-key-lang-name:hover {
color: var(--activeFilter);
}
.api .api-keys .api-key-container .api-keys-block .api-key-btn {
margin: 7px 9px 0 0;
cursor: pointer;
}
.api .api-keys .api-key-container .api-keys-block .api-key-btn svg:hover > path {
stroke: var(--activeFilter);
}
.api .api-keys .api-key-container .api-keys-block .api-key-name {
margin-top: 0;
padding-left: 0;
margin-bottom: 8px;
padding-bottom: 0;
font-size: 14px;
line-height: 17px;
color: var(--black-white, #000000);
}
.api .api-keys .api-key-container .api-keys-block .api-key-val {
width: 100%;
margin-top: 0;
padding: 0;
margin-bottom: 9px;
display: flex;
align-items: center;
border: 0;
font-size: 15px;
line-height: 18px;
background-color: var(--white-black, #ffffff);
}
.api .api-keys .api-key-container .api-keys-block .api-key-change {
font-size: 14px;
margin-left: 30px;
}
.api .api-keys .api-key-container .id-copy-button {
height: min-content;
margin-top: 40px;
cursor: pointer;
}
.api .api-keys .api-key-container .btn {
margin-top: 17px;
text-align: center;
}
.api .api-keys .api-key-container .btn input[type="button"] {
width: 149px;
border-radius: 4px;
font-size: 1em;
line-height: 0.9em;
border: none;
padding: 0.65em 1.3em 0.7em;
cursor: pointer;
outline: 0;
box-sizing: border-box;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
display: inline-block;
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
}
.api .api-keys .api-key-container .btn input[type="button"]:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
text-decoration: none;
}
.api .api-tokens {
display: flex;
flex-direction: column;
flex: 1;
}
.api .api-tokens .api-tokens-header {
padding-top: 40px;
padding-bottom: 17px;
font-size: 18px;
}
.api .api-tokens .container-add .api-tokens-add {
position: relative;
display: flex;
width: max-content;
height: 17px;
margin: 12px 12px 12px 21px;
cursor: pointer;
}
.api .api-tokens .container-add .api-tokens-add .icon-plus {
margin-right: 6px;
z-index: 1;
}
.api .api-tokens .container-add .api-tokens-add .icon-plus svg {
width: 16px;
height: 16px;
fill: #62A70A;
}
.api .api-tokens .container-add .api-tokens-add .fakelink-dashed {
color: #5881B8;
border-bottom: none;
padding-left: 2px;
z-index: 1;
}
.api .api-tokens .container-add .api-tokens-add:hover:before {
content: "";
position: absolute;
top: -7px;
bottom: -6px;
left: -8px;
right: -10px;
background: var(--task-filter-block-add-hover, #d1d1d18f);
border-radius: 5px;
z-index: 0;
}
.api-tokens-empty-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
box-sizing: border-box;
border-radius: 6px;
}
.api-tokens-empty-block.get-api-xml {
border: none;
}
.api-tokens-empty-block .get-api-keys {
background-color: var(--activeButton);
color: var(--activeButtonElements, #fff);
padding: 7px 23px 8px;
margin: 0 2px;
border-radius: 6px;
border: 0;
font-size: 14px;
width: max-content;
cursor: pointer;
}
.api-tokens-empty-block .container {
height: 100%;
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
right: 0;
left: 0;
top: calc((-50% - 140px) * 0.1);
}
.api-tokens-empty-block .container .api-tokens-text-add {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
text-align: center;
}
.api-tokens-empty-block .container .api-tokens-text-add span {
color: var(--chosen-text, #333);
font-weight: 400;
font-size: 16px;
line-height: 19px;
margin: 30px 0 15px;
}
.api-tokens-empty-block .container .api-tokens-text-add .api-tokens-add {
padding: 7px 23px 8px;
margin: 0 2px;
border-radius: 6px;
border: 0;
background-color: var(--activeButton);
color: var(--activeButtonElements, #fff);
font-size: 14px;
width: max-content;
cursor: pointer;
}
.api-tokens-empty-block .container .svg-image {
background-image: url("/img/empty/svgEmpty14.svg");
width: 220px;
height: 220px;
opacity: var(--emptyIconOpacity, 1);
display: inline-block;
}
.add-autocomplete-integration-body .integration-main-params .context-popup-dialog-row .text-box {
width: 100%;
}
.add-autocomplete-integration-body .integration-main-params .context-popup-dialog-row .text-box.box-error {
border: 1px solid #dc0049;
background: rgba(255, 0, 0, 0.03);
}
.add-autocomplete-integration-body .integration-main-params .context-popup-dialog-row .chzn-container {
width: 100% !important;
}
.add-autocomplete-integration-body .integration-main-params .key-field-row:not(:first-child) {
margin-top: 15px;
}
.add-autocomplete-integration-body .integration-main-params .key-field-row:not(:last-child) {
margin-bottom: 7px;
}
.add-autocomplete-integration-body .custom-field-container .field-header {
width: 50%;
}
.add-autocomplete-integration-body .custom-field-container .integration-field-select-container {
width: 50%;
}
.add-autocomplete-integration-body .custom-field-container .integration-field-select-container .integration-field-select {
margin-right: 10px;
width: 100%;
}
.add-autocomplete-integration-body .custom-field-container .integration-field-select-container .chzn-container {
margin-right: 10px;
}
.add-autocomplete-integration-body .custom-field-container .custom-field-select-container {
width: 50%;
}
.add-autocomplete-integration-body .custom-field-container .custom-field-select-container .custom-field-select {
width: 100%;
}
.add-autocomplete-integration-body .field-header {
color: #acacac;
font-size: 97%;
padding-top: 10px;
}
.add-autocomplete-integration-body .lead-form-field {
background-color: #d9d9d9;
padding: 5px 0 5px 10px;
margin: 20px 0 0 0;
}
.add-autocomplete-integration-body .fakelink-field-header {
padding-left: 4px;
color: #474747;
cursor: pointer;
font-size: 97%;
font-weight: bold;
}
.add-autocomplete-integration-body .fakelink-add {
color: #5881B8;
padding-left: 2px;
cursor: pointer;
}
.add-autocomplete-integration-body .lead-form-field-task {
margin-top: 15px;
padding: 5px 0 5px 2px;
background-color: #d9d9d9;
}
.add-autocomplete-integration-body .lead-form-field-add {
padding-top: 10px;
}
.add-autocomplete-integration-body .lead-form-field-add span {
vertical-align: middle;
margin-right: 3px;
}
.add-autocomplete-integration-body .custom-field-container {
margin: 5px 0 0 0;
align-items: center;
display: flex;
}
.add-autocomplete-integration-body .custom-field-container .svg-icon-16px {
padding-left: 5px;
}
.autocomplete-key-field .text-box,
.autocomplete-key-field .project-card-item-text {
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.autocomplete-key-field .b-key-field-progress {
height: 2px;
width: inherit;
}
.autocomplete-key-field .autocomplete-manage-panel.hidden-autocomplete-panel {
display: none;
}
.autocomplete-key-field .autocomplete-manage-panel.right-autocomplete-panel {
display: block;
margin-left: 15px;
}
.autocomplete-key-field .autocomplete-manage-panel.top-autocomplete-panel {
display: block;
}
.autocomplete-key-field .autocomplete-manage-panel .integration-button {
cursor: pointer;
}
.autocomplete-key-field .autocomplete-manage-panel .integration-button:not(.svg-icon-restart) {
display: none;
}
.autocomplete-key-field .autocomplete-manage-panel .integration-button.svg-icon-16px:hover.svg-icon-restart {
fill: #1abe72;
stroke: #1abe72;
}
.autocomplete-key-field .autocomplete-manage-panel .integration-button.svg-icon-16px:hover.svg-icon-cancel {
fill: var(--task-deadline-dead, #fd0000);
stroke: var(--task-deadline-dead, #fd0000);
}
.autocomplete-key-field.task-detail-compressed-view .td-value,
.autocomplete-key-field .task-detail-compressed-view .td-value {
display: flex;
}
.autocomplete-key-field.task-detail-compressed-view .td-value .autocomplete-manage-panel,
.autocomplete-key-field .task-detail-compressed-view .td-value .autocomplete-manage-panel {
margin-left: auto;
min-height: 20px;
}
.autocomplete-key-field.task-detail-compressed-view .td-value.detail-field-value-active .autocomplete-manage-panel,
.autocomplete-key-field .task-detail-compressed-view .td-value.detail-field-value-active .autocomplete-manage-panel {
display: none;
}
.autocomplete-key-field.task-detail-compressed-view .b-key-field-progress,
.autocomplete-key-field .task-detail-compressed-view .b-key-field-progress {
height: 3px;
margin-bottom: -3px;
}
.autocomplete-key-field.key-field-disabled .text-box {
pointer-events: none;
background-color: #dadada;
border-color: #b4b4b4;
}
.autocomplete-key-field.key-field-disabled .project-card-item-text,
.autocomplete-key-field.key-field-disabled .task-card-data-custom-value-text {
width: calc(100% - 16px);
height: calc(100% + 12px);
pointer-events: none;
background-color: #dadada;
border-color: #b4b4b4;
}
.autocomplete-key-field.key-field-disabled .task-detail-compressed-view .b-key-field-progress {
display: block;
}
.autocomplete-key-field.key-field-disabled .task-detail-compressed-view:hover {
border-bottom: 1px solid #e5e5e5 !important;
padding-bottom: 2px !important;
}
.account-conf {
color: var(--report-save-title, #4e4e4e);
}
.account-conf .conf-row {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-bottom: 40px;
}
.account-conf .conf-row.description {
padding: 8px 15px;
margin-bottom: 30px;
margin-left: 2px;
background: var(--checklist-keyboard-help-bg);
border: 1px dashed var(--gray-input-border);
box-sizing: border-box;
border-radius: 6px;
font-size: 14px;
position: relative;
line-height: 18px;
color: var(--tooltip-actions-color);
}
.account-conf .conf-row.description:after {
content: '';
display: block;
position: absolute;
background: var(--tooltip-actions-after);
border-radius: 6px 0 0 6px;
width: 6px;
left: -1px;
bottom: 0;
top: -1px;
height: calc(100% + 1.5px);
}
.account-conf .conf-row.description a {
color: #1B7FE8;
}
.account-conf .conf-row.subscription-cost {
padding: 18.5px 29px;
border: 1px solid #6FCF97;
box-sizing: border-box;
border-radius: 12px;
margin-bottom: 16px;
max-width: 600px;
position: relative;
}
.account-conf .conf-row.subscription-cost span {
font-size: 16px;
line-height: 25px;
}
.account-conf .conf-row.subscription-cost .price {
font-weight: bold;
}
.account-conf .conf-row.subscription-cost .isPaid svg {
position: absolute;
right: -5px;
top: -5px;
}
.account-conf .conf-row.description,
.account-conf .conf-row.full-description,
.account-conf .conf-row.objects {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.account-conf .icon {
width: 75px;
height: 75px;
border: 3px solid var(--conf-create-ping-img-bg, #ebf0de);
padding: 6px;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
cursor: pointer;
}
.account-conf .title-wrapper {
margin: 0 30px;
-webkit-flex: 5;
-ms-flex: 5;
flex: 5;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.account-conf .title-wrapper p {
font-size: 26px;
color: var(--docs-dashboard-total, #454546);
line-height: 1.15em;
margin-bottom: 7px;
}
.account-conf .title-wrapper span {
margin-bottom: 5px;
}
.account-conf .title-wrapper label {
color: var(--account-conf-title, #939393);
margin-right: 5px;
}
.account-conf .title-wrapper .self {
color: #7f00a3;
}
.account-conf .specs-wrapper {
padding: 0 12px;
margin: 3px 0 15px;
border-left: 1px solid var(--menu-logined-popup-list-border, #ccc);
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.account-conf .specs-wrapper p {
font-size: 14px;
line-height: 1.5em;
}
.account-conf .specs-wrapper label {
color: var(--account-conf-title, #939393);
}
.account-conf .specs-wrapper span {
color: var(--black-white, #000);
}
.account-conf .short-description {
margin-bottom: 11px;
}
.account-conf .public-link {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.account-conf .public-link #conf-link {
margin: 3px 10px 0 0;
}
.account-conf .public-link #conf-link svg {
cursor: pointer;
}
.account-conf .public-link #conf-link a {
word-break: break-all;
}
.account-conf .public-link .wrapper {
margin-left: auto;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.account-conf .full-description {
margin: 0;
font-size: 16px;
line-height: 1.5em;
gap: 13px;
}
.account-conf .full-description h1,
.account-conf .full-description h2,
.account-conf .full-description h3,
.account-conf .full-description p,
.account-conf .full-description ul,
.account-conf .full-description ol {
margin: 0;
}
.account-conf .full-description h1,
.account-conf .full-description h2,
.account-conf .full-description h3 {
margin: 5px 0;
}
.account-conf .title {
font-size: 18px;
font-weight: 600;
}
.account-conf .objects .title {
margin-bottom: 7px;
}
.account-conf .conf-row-objects-container {
font-size: 15px;
}
.account-conf .conf-row-objects-container .row {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
height: auto;
min-height: 35px;
border-bottom: 1px solid var(--baron-scroller-bar-border, #dadada);
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
width: 100%;
}
.account-conf .conf-row-objects-container .row.active {
background-color: #53586c !important;
}
.account-conf .conf-row-objects-container .row.active .count,
.account-conf .conf-row-objects-container .row.active .text {
color: var(--white-black, #fff);
}
.account-conf .conf-row-objects-container .row.active .svg-icon-stroke.gray,
.account-conf .conf-row-objects-container .row.active .svg-icon-10px.red {
stroke: var(--white-black, #fff);
}
.account-conf .conf-row-objects-container .row.header {
height: 40px;
border-top: 1px solid var(--baron-scroller-bar-border, #dadada);
font-weight: 600;
}
.account-conf .conf-row-objects-container .row.header .text {
color: var(--docs-dashboard-total, #454546);
}
.account-conf .conf-row-objects-container .row:not(.header):hover {
background: var(--file-viewer-canvas-email-bg, #eee);
cursor: pointer;
}
.account-conf .conf-row-objects-container .row span:first-child {
width: 50px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.account-conf .conf-row-objects-container .row span:first-child i {
margin: auto;
}
.account-conf .conf-row-objects-container .row .text {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 10px;
box-sizing: border-box;
color: #4373be;
}
.account-conf .conf-row-objects-container .row .count {
box-sizing: border-box;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
padding-right: 50px;
}
.account-conf .conf-row-objects-container .row .name {
padding: 12px 21px;
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
}
.account-conf .conf-row-objects-container .row .description {
-webkit-flex: 4;
-ms-flex: 4;
flex: 4;
padding: 12px 21px;
}
.account-conf .account-conf-author {
white-space: nowrap;
}
.account-conf .account-conf-author .account-conf-author-logo {
display: inline-block;
}
.account-conf .account-conf-author .account-conf-author-logo img {
width: 40px;
height: 40px;
}
.account-conf .account-conf-author .account-conf-author-name {
display: inline-block;
font-size: 14px;
font-weight: bold;
padding: 10px 10px 0;
vertical-align: top;
}
.account-conf .account-conf-short-description {
line-height: 1.5;
font-size: 14px;
padding: 20px 0;
}
.account-conf .account-conf-header {
font-size: 16px;
font-weight: bold;
padding: 10px 0;
border-bottom: 1px solid var(--gray-border, #e2e2e2);
}
.account-conf .account-conf-public-text {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.account-conf .account-conf-public-text,
.account-conf .account-conf-market-text,
.account-conf .account-conf-state-text {
line-height: 1.5;
font-size: 16px;
}
.account-conf .account-conf-objects {
padding-bottom: 20px;
}
.account-conf .account-conf-objects table {
width: 100%;
}
.account-conf .account-conf-object {
font-size: 14px;
}
.classic-font .account-conf .account-conf-object {
font-size: 12px;
}
.account-conf .account-conf-object td {
padding: 15px 15px 10px 0;
border-top: 1px solid var(--gray-border, #e2e2e2);
vertical-align: top;
}
.account-conf .account-conf-object:first-child td {
border-top: none;
}
.classic-font .account-conf .account-conf-object .iconset-16px {
margin-top: -2px;
}
.account-conf .account-conf-description {
line-height: 1.3;
font-size: 14px;
padding: 10px 0;
margin-bottom: 0;
}
.account-conf .account-conf-description img {
border: 10px solid transparent;
outline: 1px solid var(--menu-logined-popup-list-border, #ccc);
}
.account-conf-details .header {
border-bottom: 1px solid var(--baron-scroller-bar-border, #dadada);
margin-bottom: 0;
}
.account-conf-details .row {
padding: 12px 21px 12px 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-bottom: 1px solid var(--baron-scroller-bar-border, #dadada);
min-height: 35px;
}
.account-conf-details .row .subrow {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.account-conf-details .row .svg-icon-stroke {
margin-right: 25px;
margin-left: 15px;
}
.account-conf-details .row .name {
font-size: 15px;
}
.account-conf-details .row .description {
margin-top: 3px;
color: var(--link-color-gray, #9d9d9d);
margin-left: 56px;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field,
.settings-default-section .conf-create-new-dropdown-field {
margin-top: 8px;
min-height: 58px;
border: 1px solid var(--grey-list-border, #DEDEDE);
box-sizing: border-box;
border-radius: 6px;
background: var(--white-black, #FFFFFF);
width: 100%;
max-width: 460px;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .label.first,
.settings-default-section .conf-create-new-dropdown-field .label.first {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 12px;
padding: 9px 11px 5px 17px;
margin: 0;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-market-type .chzn-container,
.settings-default-section .conf-create-new-dropdown-field .conf-create-market-type .chzn-container,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container {
padding-left: 17px;
width: 93%!important;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-single,
.settings-default-section .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-single,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-single,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-single,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-single,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-single {
display: list-item;
margin: 0;
padding: 0;
border: none;
color: var(--gray-dark-icon, #626262);
font-size: 15px;
line-height: 18px;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop,
.settings-default-section .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop {
max-width: 458px!important;
border: 0.5px solid var(--autocomplete-panel-border, #CBCBCB);
border-radius: 6px;
box-shadow: 0 0 6px var(--file-upload-compressed-sources-shadowl, rgba(0, 0, 0, 0.25));
padding-bottom: 7px;
margin-top: 9px;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop .chzn-search,
.settings-default-section .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop .chzn-search,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop .chzn-search,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop .chzn-search,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop .chzn-search,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop .chzn-search {
display: none;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop .chzn-results,
.settings-default-section .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop .chzn-results,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop .chzn-results,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop .chzn-results,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop .chzn-results,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop .chzn-results {
padding: 8px 11px 0 11px;
margin: 0 0 4px 0;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop .chzn-results .active-result,
.settings-default-section .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop .chzn-results .active-result,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop .chzn-results .active-result,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop .chzn-results .active-result,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop .chzn-results .active-result,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop .chzn-results .active-result {
height: 21px;
border-radius: 3px;
font-size: 15px;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop .chzn-results .active-result p,
.settings-default-section .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop .chzn-results .active-result p,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop .chzn-results .active-result p,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop .chzn-results .active-result p,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop .chzn-results .active-result p,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop .chzn-results .active-result p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-height: 16px;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop .chzn-results .highlighted,
.settings-default-section .conf-create-new-dropdown-field .conf-create-market-type .chzn-container .chzn-drop .chzn-results .highlighted,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop .chzn-results .highlighted,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-workspace .chzn-container .chzn-drop .chzn-results .highlighted,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop .chzn-results .highlighted,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .chzn-container .chzn-drop .chzn-results .highlighted {
background: #0A3E5B !important;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-market-type .conf-create-field-input,
.settings-default-section .conf-create-new-dropdown-field .conf-create-market-type .conf-create-field-input,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-workspace .conf-create-field-input,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-workspace .conf-create-field-input,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .conf-create-field-input,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .conf-create-field-input {
overflow: hidden;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-market-type .conf-create-field-input select,
.settings-default-section .conf-create-new-dropdown-field .conf-create-market-type .conf-create-field-input select,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-workspace .conf-create-field-input select,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-workspace .conf-create-field-input select,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .conf-create-field-input select,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .conf-create-field-input select {
width: 100%;
font-size: 15px;
line-height: 18px;
color: var(--gray-dark-icon, #626262);
text-overflow: ellipsis;
}
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-market-type .conf-create-field-input select.text-box,
.settings-default-section .conf-create-new-dropdown-field .conf-create-market-type .conf-create-field-input select.text-box,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-workspace .conf-create-field-input select.text-box,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-workspace .conf-create-field-input select.text-box,
.conf-create-common-win-container-main-add-market .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .conf-create-field-input select.text-box,
.settings-default-section .conf-create-new-dropdown-field .conf-create-default-section-planners-and-filters .conf-create-field-input select.text-box {
border-bottom: unset;
padding: 0;
}
.conf-create-common-win-container-main-add-market .label,
.settings-default-section .label {
font-size: 15px;
color: var(--default-gray, #808080);
margin: 28px 0 0;
}
.conf-create-common-win-container-main-add-market .label.first,
.settings-default-section .label.first {
margin: 18px 0 10px;
}
.conf-create-common-win-container-main-add-market .conf-create-market-type,
.settings-default-section .conf-create-market-type {
max-width: 460px;
}
.conf-create-common-win-container-main-add-market .conf-create-market-type select,
.settings-default-section .conf-create-market-type select {
width: 100%;
}
.conf-create-common-win-container-main-add-market .tr-item .task-detail-compressed-view .td-label.no-value,
.settings-default-section .tr-item .task-detail-compressed-view .td-label.no-value {
margin-top: 18px;
}
.conf-create-common-win-container-main-add-market .icons-container,
.settings-default-section .icons-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.conf-create-common-win-container-main-add-market .icons-container .ping-img,
.settings-default-section .icons-container .ping-img {
width: 70px;
height: 70px;
margin: 10px 20px 10px 0;
border: 3px solid var(--conf-create-ping-img-bg, #ebf0de);
padding: 6px;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
-ms-transition: 300ms;
transition: 300ms;
cursor: pointer;
}
.conf-create-common-win-container-main-add-market .icons-container .ping-img svg,
.settings-default-section .icons-container .ping-img svg {
width: 70px;
height: 70px;
}
.conf-create-common-win-container-main-add-market .icons-container .ping-img svg .svg-blue-gray,
.settings-default-section .icons-container .ping-img svg .svg-blue-gray {
fill: var(--conf-create-ping-img-svg-blue, #737b84);
}
.conf-create-common-win-container-main-add-market .icons-container .ping-img svg .svg-white,
.settings-default-section .icons-container .ping-img svg .svg-white {
fill: var(--white-black, #fff);
}
.conf-create-common-win-container-main-add-market .icons-container .ping-img svg .svg-colored,
.settings-default-section .icons-container .ping-img svg .svg-colored {
fill: var(--conf-create-ping-img-svg-colored, #d3e16a);
}
.conf-create-common-win-container-main-add-market .icons-container .ping-img svg .svg-gray,
.settings-default-section .icons-container .ping-img svg .svg-gray,
.conf-create-common-win-container-main-add-market .icons-container .ping-img svg .svg-grey,
.settings-default-section .icons-container .ping-img svg .svg-grey {
fill: var(--grey-list-border, #dededd);
}
.conf-create-common-win-container-main-add-market .icons-container .ping-img:hover,
.settings-default-section .icons-container .ping-img:hover {
border-color: #7a8e5269;
}
.conf-create-common-win-container-main-add-market .icons-container .ping-img.active,
.settings-default-section .icons-container .ping-img.active {
border-color: #00864b;
box-shadow: 0 0 7px 2px var(--file-upload-compressed-sources-shadow, #00000040);
}
.conf-create-common-win-container-main-add-market .icons-container .label,
.settings-default-section .icons-container .label {
width: 100%;
}
.conf-create-common-win-container-main-add-market .btns,
.settings-default-section .btns {
padding-top: 20px;
}
.conf-create-common-win-container-main-add-market .btns .btn.ui-button,
.settings-default-section .btns .btn.ui-button {
margin-right: 10px;
}
.conf-create-common-win-container-main-add-market .empty,
.settings-default-section .empty {
font-size: 19px;
text-align: center;
color: var(--grey-planner-holiday, #ababab);
margin: 50px 0;
max-width: 700px;
line-height: 1.5;
}
.conf-create-default-section {
margin: 0 0 0 30px;
}
.conf-create-default-section.conf-create-new-dropdown-field {
margin-top: 25px;
}
.description-conf {
min-height: 600px;
}
.b-main-block.centered {
height: 100%;
}
.b-main-block.centered .conf-create-common-win-container-main-add-market {
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 60px;
}
.conf-create-common-win-container-main .conf-create-common-win-add-object-little-text {
color: var(--task-card-pull-svg, #a1a1a1);
font-size: 11px;
padding-top: 31px;
padding-left: 1px;
}
.conf-create-common-win-container-main .btn.dialog-buttons-ok.ui-button.ui-widget.ui-state-default.ui-corner-all,
.conf-create-common-win-container-main .btn.dialog-buttons-cancel.ui-button.ui-widget.ui-state-default.ui-corner-all {
padding-left: 10px;
padding-right: 10px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-add-object .conf-create-win-item {
width: 100%;
box-sizing: border-box;
background: var(--white-black, #fff);
margin: 0 0 29px;
height: 42px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-add-object .conf-create-win-item .svg-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
cursor: pointer;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-add-object .conf-create-win-item .svg-icon svg {
width: 16px;
height: 16px;
fill: var(--gray-input-border, #bbbbbb);
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-add-object .chzn-container-multi .chzn-choices .search-field input {
padding: 2px 10px 1px;
font-size: 15px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-add-object .chzn-container .chzn-drop {
max-width: 428px !important;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-add-object .chzn-container-multi .chzn-choices {
background: var(--white-black, #fff);
margin: 0 0 0 0;
padding-left: 0;
font-size: 15px;
line-height: 18px;
}
.conf-create-common-win-container-main .conf-create-common-win-add-object-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
flex-direction: row;
font-size: 14px;
}
.conf-create-common-win-container-main .conf-create-common-win-add-object-container .text {
height: 34px;
border-right: 1px solid var(--grey-list-border, #DEDEDE);
display: inline-flex;
align-items: center;
}
.conf-create-common-win-container-main .conf-create-common-win-add-object-object {
width: 100%;
background: var(--file-viewer-canvas-email-bg, #eeeeee);
color: var(--setting-columns-text, #545454);
border-radius: 4px;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 7px 5px 10px;
margin-right: 5%;
margin-bottom: 32px;
cursor: pointer;
}
.conf-create-common-win-container-main .conf-create-common-win-add-object-object.active {
background: var(--link-color-gray, #9d9d9d);
color: var(--white-black, #fff);
}
.conf-create-common-win-container-main .conf-create-common-win-add-object-header-container {
height: 40px;
display: flex;
margin-top: 32px;
align-items: center;
}
.conf-create-common-win-container-main .conf-create-common-win-add-object-header-container .conf-create-common-win-add-object-header {
color: var(--default-gray, #808080);
font-size: 18px;
line-height: 18px;
font-weight: bold;
padding-right: 33px;
}
.conf-create-common-win-container-main .conf-create-common-win-add-object-header-container .conf-create-common-win-add-object-header-title {
color: var(--task-card-pull-svg, #a1a1a1);
font-size: 11px;
}
.conf-create-common-win-container-main .conf-create-common-win-add-object-header-container.marketplace,
.conf-create-common-win-container-main .conf-create-common-win-add-object-header-container.settings {
margin-top: 32px;
}
.conf-create-common-win-container-main .conf-create-common-add-settings-item-container .row:first-child,
.conf-create-common-win-container-main .conf-create-common-add-market-item-container .row:first-child {
border-top: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 12px 12px 0px 0px;
}
.conf-create-common-win-container-main .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
min-height: 34px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: all 350ms ease-in-out;
width: 100%;
font-size: 15px;
background: var(--white-black, #FFFFFF);
border-bottom: 1px solid var(--grey-list-border, #DEDEDE);
border-left: 1px solid var(--grey-list-border, #DEDEDE);
border-right: 1px solid var(--grey-list-border, #DEDEDE);
box-sizing: border-box;
border-radius: 0px;
}
.conf-create-common-win-container-main .row.active {
background-color: #53586c !important;
}
.conf-create-common-win-container-main .row.active .count,
.conf-create-common-win-container-main .row.active .text {
color: var(--white-black, #fff);
}
.conf-create-common-win-container-main .row.active .svg-icon-stroke.gray,
.conf-create-common-win-container-main .row.active .svg-icon-16px.red {
vertical-align: middle;
stroke: var(--white-black, #fff);
}
.conf-create-common-win-container-main .row.header {
height: 40px;
background: var(--file-upload-ubloaded-block, #EAEAEA);
border: 1px solid var(--grey-list-border, #DEDEDE);
box-sizing: border-box;
border-radius: 12px 12px 0px 0px;
}
.conf-create-common-win-container-main .row.header .text {
color: var(--black-white, #000);
width: 316px;
height: 40px;
border-right: 1px solid var(--grey-list-border, #DEDEDE);
display: inline-flex;
align-items: center;
}
.conf-create-common-win-container-main .row.header .count {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.conf-create-common-win-container-main .row.header .close {
visibility: hidden;
}
.conf-create-common-win-container-main .row.header span:first-child {
width: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.conf-create-common-win-container-main .row.header span:first-child i {
margin: auto;
}
.conf-create-common-win-container-main .row:not(.header):hover {
background: var(--gray-inner, #eee);
cursor: pointer;
}
.conf-create-common-win-container-main .row span:first-child {
width: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.conf-create-common-win-container-main .row span:first-child i {
margin: auto;
}
.conf-create-common-win-container-main .row .text {
width: 283px;
color: #4573B1;
height: 32px;
word-break: break-word;
display: inline-flex;
align-items: center;
}
.conf-create-common-win-container-main .row .count {
width: 90px;
text-align: left;
padding-left: 17px;
}
.conf-create-common-win-container-main .row .close {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: right;
}
.conf-create-common-win-container-main .row .close i {
opacity: 0;
padding: 10px;
display: inline;
transition: opacity 200ms ease;
}
.conf-create-common-win-container-main .row .object {
display: none !important;
}
.conf-create-common-win-container-main .row:hover .close i {
opacity: 1;
}
.conf-create-common-win-container-main .row:last-child {
border-radius: 0px 0px 12px 12px;
margin-bottom: 16px;
}
.conf-create-common-win-container-main.b-last-block .conf-create-common-win-container-main-add-object {
min-height: 715px;
margin-top: 16px;
}
.conf-create-common-win-container-main .b-main-block {
min-height: 100%;
box-sizing: border-box;
}
.conf-create-common-win-container-main .b-main-block .conf-create-common-win-container-main-add-object {
min-height: 100%;
}
.settings-default-section,
.settings-help-panel {
min-height: 500px;
}
.settings-default-section input[type="radio"],
.settings-help-panel input[type="radio"] {
margin: 0 10px 0 0;
opacity: 0;
}
.settings-default-section input[type="radio"] ~ .radio-custom,
.settings-help-panel input[type="radio"] ~ .radio-custom {
position: relative;
display: inline-block;
margin: 0 10px 0 -23px;
padding: 9px;
top: 5px;
border-radius: 50%;
border: 1px solid var(--grey-planner-holiday, #ABABAB);
background-color: var(--white-black, #FFFFFF);
}
.settings-default-section input[type="radio"]:checked ~ .radio-custom,
.settings-help-panel input[type="radio"]:checked ~ .radio-custom {
border: 1px solid #186D0A;
background-color: #186D0A;
}
.settings-default-section input[type="radio"]:checked ~ .radio-custom:after,
.settings-help-panel input[type="radio"]:checked ~ .radio-custom:after {
position: absolute;
top: 6px;
left: 6px;
height: 6px;
width: 6px;
border-radius: 50%;
background-color: var(--black-white, #FFFFFF);
content: " ";
font-size: 33px;
}
.settings-default-section input[type="radio"]:disabled ~ .radio-custom,
.settings-help-panel input[type="radio"]:disabled ~ .radio-custom {
background-color: var(--grey-planner-holiday, #ABABAB);
}
.settings-default-section input[type="radio"]:disabled ~ span,
.settings-help-panel input[type="radio"]:disabled ~ span {
color: var(--grey-planner-holiday, #ABABAB);
}
.settings-help-panel #default,
.settings-help-panel #description,
.settings-help-panel #link,
.settings-help-panel #free,
.settings-help-panel #paid {
margin: 0 0 25px 0;
font-size: 15px;
}
.settings-help-panel #link {
display: flex;
}
.settings-help-panel #link .radio-container {
width: 33px;
}
.settings-help-panel #link .input-container {
width: 100%;
}
.settings-help-panel #link .input-container .box-error {
background: rgba(255, 0, 0, 0.03);
padding-bottom: 0;
}
.settings-help-panel #link .input-container .td-label {
margin-bottom: 8px;
margin-top: -16px;
}
.settings-help-panel #link .input-container .td-label.no-value {
margin-top: 6px;
margin-bottom: 8px;
}
.settings-default-section {
font-size: 15px;
}
.settings-default-section #default,
.settings-default-section #free {
margin: 0 0 25px 0;
}
.settings-default-section #workspace,
.settings-default-section #planners-and-filters {
margin: 0 0 20px 0;
display: flex;
flex-direction: column;
}
.settings-default-section #workspace a,
.settings-default-section #planners-and-filters a {
margin: 0 0 0 8px;
vertical-align: middle;
}
.settings-default-section #workspace .chzn-single,
.settings-default-section #planners-and-filters .chzn-single {
margin: 0;
}
.settings-default-section #workspace select,
.settings-default-section #planners-and-filters select {
display: none;
vertical-align: top;
margin: 0 0 0 10px;
}
.conf-create-common-win-container {
display: flex;
height: auto;
min-height: 550px;
}
.conf-create-common-win-container .conf-create-common-win-container-left {
background: #53586b;
width: 40px;
}
.conf-create-common-win-container .conf-create-common-win-container-left .conf-create-common-win-container-leftbuttons {
height: 38px;
cursor: pointer;
}
.conf-create-common-win-container .conf-create-common-win-container-left .conf-create-common-win-container-leftbuttons.active {
background: var(--white-black, #fff);
}
.conf-create-common-win-container .conf-create-common-win-container-left .conf-create-common-win-container-leftbuttons .svg-container {
padding: 10px;
}
.conf-create-common-win-container .conf-create-common-win-container-left .conf-create-common-win-container-leftbuttons .conf-container-menu-icon-label {
pointer-events: none;
background: none repeat scroll 0 0 var(--help-container-nenu-label, #737373);
color: var(--white-black, #fff);
cursor: pointer;
display: none;
font-size: 8pt;
left: 50px;
margin-top: -34px;
padding: 7px;
position: absolute;
vertical-align: bottom;
white-space: nowrap;
z-index: 11;
}
.conf-create-common-win-container .conf-create-common-win-container-left .conf-create-common-win-container-leftbuttons .conf-container-menu-icon-label:after {
background: none repeat scroll 0 0 var(--help-container-nenu-label, #737373);
content: "";
display: block;
height: 10px;
left: -5px;
top: 8px;
position: absolute;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
font-size: 8pt;
}
.conf-create-common-win-container .conf-create-common-win-container-left .conf-create-common-win-container-leftbuttons:hover .conf-container-menu-icon-label {
display: block;
}
.conf-create-common-win-container .conf-create-common-win-container-main {
padding-bottom: 30px;
width: 100%;
}
.conf-create-common-win-container .conf-create-common-win-container-main .conf-create-common-win-container-main-description .tr-item .detail-editable:hover:not(.detail-editor) .td-label:not(.label-error),
.conf-create-common-win-container .conf-create-common-win-container-main .task-card-main-fields:not(.handbook-item-tbl) .tr-item .detail-editable:hover:not(.detail-editor) .td-label:not(.label-error) {
color: var(--core-dropdown-text, #9C9C9C);
}
.conf-create-common-win-container .conf-create-common-win-container-main .conf-create-common-win-container-main-description .tr-item .detail-compressed-active:not(.detail-editor):not(.box-error),
.conf-create-common-win-container .conf-create-common-win-container-main .task-card-main-fields:not(.handbook-item-tbl) .tr-item .detail-compressed-active:not(.detail-editor):not(.box-error) {
border-bottom: none !important;
}
.conf-create-common-win-container .conf-create-common-win-container-main .conf-create-common-win-container-main-description .tr-item .detail-compressed-active .td-label:not(.label-error),
.conf-create-common-win-container .conf-create-common-win-container-main .task-card-main-fields:not(.handbook-item-tbl) .tr-item .detail-compressed-active .td-label:not(.label-error) {
color: var(--core-dropdown-text, #9C9C9C);
}
.conf-create-common-win-container .conf-create-common-win-container-main .conf-create-common-win-container-main-description .tr-item .td-label,
.conf-create-common-win-container .conf-create-common-win-container-main .task-card-main-fields:not(.handbook-item-tbl) .tr-item .td-label {
margin-bottom: 3px;
margin-top: 9px;
color: var(--core-dropdown-text, #9C9C9C);
}
.conf-create-common-win-container .conf-create-common-win-container-main .conf-create-common-win-container-main-description .tr-item .td-label.no-value,
.conf-create-common-win-container .conf-create-common-win-container-main .task-card-main-fields:not(.handbook-item-tbl) .tr-item .td-label.no-value {
margin-top: 21px;
}
.conf-create-common-win-container .conf-create-common-win-container-main .conf-create-common-win-container-main-description .tr-item .label-error:hover,
.conf-create-common-win-container .conf-create-common-win-container-main .task-card-main-fields:not(.handbook-item-tbl) .tr-item .label-error:hover {
color: #DD0000;
}
.conf-create-common-win-container .conf-create-common-win-container-main .conf-create-common-win-container-main-description .tr-item .td-value,
.conf-create-common-win-container .conf-create-common-win-container-main .task-card-main-fields:not(.handbook-item-tbl) .tr-item .td-value {
display: table-row;
color: var(--gray-dark-icon, #626262);
margin-bottom: 0;
}
.conf-create-common-win-container .conf-create-common-win-container-main .conf-create-common-win-container-main-description .tr-item .td-value .edit-block textarea,
.conf-create-common-win-container .conf-create-common-win-container-main .task-card-main-fields:not(.handbook-item-tbl) .tr-item .td-value .edit-block textarea {
line-height: unset;
color: var(--gray-dark-icon, #626262);
}
.conf-container-wrapper {
margin-top: 60px;
margin-bottom: 40px;
width: 1500px;
max-width: 98%;
height: 87vh;
}
.conf-container-wrapper .g-popup-win-scroll-content-main.conf-dialog {
max-width: 100%;
width: 100%;
padding: 0;
}
.conf-container-wrapper .chzn-container-multi {
border-bottom: none;
}
.conf-footer {
padding: 15px 20px 15px 20px;
background: var(--gray-inner, #efeff0);
border-top: 1px solid var(--task-card-checklist-item-hover, #e7e7e7);
width: 98%;
}
.configuration-active-input {
border-color: var(--activeFilter);
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-header {
line-height: 30px;
font-size: 26px;
color: var(--report-save-title, #4F4F4F);
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .compressed {
min-height: 58px;
border: 1px solid var(--viewer-file-container, #DEDEDE);
box-sizing: border-box;
border-radius: 6px;
background: var(--white-black, #FFFFFF);
margin-top: 16px;
padding-left: 17px;
padding-right: 16px;
display: table;
width: 100%;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .compressed .tr-item .task-detail-compressed-view {
padding-bottom: 0px;
border-bottom: none;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .compressed .tr-item .task-detail-compressed-view .td-label {
padding-bottom: 0px;
border-bottom: none;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .compressed .tr-item .task-detail-compressed-view:hover {
border-bottom: none;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .compressed .tr-item .td-label.no-value {
margin-top: 21px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .compressed .tr-item .text-block {
padding-bottom: 3px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .name-error {
border-color: #DD0000 !important;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .name-error .tr-item .td-label {
color: #DD0000;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type {
margin-top: 8px;
height: 58px;
border: 1px solid var(--viewer-file-container, #DEDEDE);
box-sizing: border-box;
border-radius: 6px;
background: var(--white-black, #FFFFFF);
width: 100%;
max-width: 460px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-text {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 12px;
padding: 9px 11px 5px 17px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-control .chzn-container {
padding-left: 17px;
width: 93%!important;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-control .chzn-container .chzn-single {
display: list-item;
margin: 0;
padding: 0;
border: none;
color: var(--gray-dark-icon, #626262);
font-size: 15px;
line-height: 18px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-control .chzn-container .chzn-drop {
max-width: 458px!important;
height: 62px;
border: 0.5px solid var(--switcher-with-label-box-bg, #CBCBCB);
border-radius: 6px;
box-shadow: 0 0 6px var(--file-upload-compressed-sources-shadow, rgba(0, 0, 0, 0.25));
padding-bottom: 7px;
margin-top: 9px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-control .chzn-container .chzn-drop .chzn-search {
display: none;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-control .chzn-container .chzn-drop .chzn-results {
padding: 8px 11px 0 11px;
margin: 0 0 4px 0;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-control .chzn-container .chzn-drop .chzn-results .active-result {
height: 21px;
border-radius: 3px;
font-size: 15px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-control .chzn-container .chzn-drop .chzn-results .active-result p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-height: 16px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-control .chzn-container .chzn-drop .chzn-results .highlighted {
background: #0A3E5B !important;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-control .conf-create-field-input {
overflow: hidden;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-control .conf-create-field-input select {
width: 100%;
font-size: 15px;
line-height: 18px;
color: var(--gray-dark-icon, #626262);
text-overflow: ellipsis;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-type .conf-create-common-win-type-control .conf-create-field-input select.text-box {
border-bottom: unset;
padding: 0;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description div:last-child .task-detail-compressed-view {
height: inherit;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-label {
color: var(--confirm-win-head-bg, #4b4b4b);
font-size: 18pt;
padding-bottom: 18px;
display: inline-block;
min-width: 245px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-description-short,
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-description-full {
padding: 20px 0 30px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-description-header {
padding-bottom: 15px;
padding-top: 15px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-description-header input,
.conf-create-common-win-container-main .conf-create-common-win-container-main-description .conf-create-common-win-description-header span {
width: 550px;
padding-bottom: 0;
padding-top: 0;
color: var(--popup-win-header, #747474);
font-size: 19pt;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description a {
display: inline-block;
margin: 8px;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description a i {
vertical-align: inherit;
cursor: pointer;
}
.conf-create-common-win-container-main .conf-create-common-win-container-main-description textarea {
background: none;
font-size: 15px;
line-height: 1.6em;
}
.conf-create-common-win-container-main .chzn-container-multi .chzn-choices .search-choice {
display: none !important;
}
.conf-create-common-win-container-main .conf-create-win-item {
border: 1px solid var(--viewer-file-container, #dedede);
border-radius: 4px;
padding: 8px 13px 8px 0;
display: flex;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select {
width: 100%;
display: flex;
align-items: center;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select select {
width: 100%;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container {
padding-left: 7px;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container .chzn-single {
display: list-item;
margin: 0;
padding: 0;
border: none;
color: var(--gray-dark-icon, #626262);
font-size: 15px;
line-height: 18px;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container .chzn-drop {
top: 32px !important;
max-width: 458px !important;
border-radius: 6px;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container .chzn-drop .chzn-search {
display: none;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container .chzn-drop .chzn-results {
padding: 8px 4px 8px 11px;
margin: 0 0 0 0;
border: 0.5px solid var(--autocomplete-panel-border, #CBCBCB);
border-radius: 6px;
box-shadow: 0 0 6px var(--file-upload-compressed-sources-shadow, rgba(0, 0, 0, 0.25));
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container .chzn-drop .chzn-results .active-result {
height: 21px;
border-radius: 3px;
font-size: 15px;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container .chzn-drop .chzn-results .active-result p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-height: 16px;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container .chzn-drop .chzn-results .active-result span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container .chzn-drop .chzn-results .highlighted {
background: #0A3E5B !important;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container .chzn-drop .chzn-results .no-results {
height: 21px;
border-radius: 3px;
font-size: 15px;
margin-right: 6px;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container .chzn-drop-at-top {
top: auto !important;
bottom: 32px !important;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-container .empty-select {
border: none;
padding-bottom: unset;
box-shadow: none;
}
.conf-create-common-win-container-main .conf-create-win-item .conf-create-win-item-select .chzn-inner-ico-container {
top: 0;
}
.conf-create-common-win-container-main .conf-create-win-item .tr-common-add-new-commit {
padding-top: 5px;
}
.conf-create-common-win-container-main .conf-create-common-win-object-little-text {
color: var(--task-card-pull-svg, #a1a1a1);
font-size: 11px;
padding-top: 21px;
padding-left: 1px;
}
.conf-create-common-win-container-main .conf-create-common-win-object-innertext {
word-break: break-word;
}
.conf-create-common-win-container-main .tr-common-add-new {
margin-bottom: 10px;
}
.conf-create-common-win-container-main .tr-common-add-new .conf-create-win-item {
max-width: 460px;
margin-top: 16px;
}
.conf-create-common-win-container-main .tr-common-add-new .conf-create-win-item .chzn-drop {
width: 457px;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table {
margin: 14px 10px 10px 0;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .tr-common-item {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
transition: background-color 350ms ease-in-out;
border-bottom: 1px solid var(--gray-border, #e2e2e2);
min-height: 38px;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .tr-common-item .td-padding-l {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 15px;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .tr-common-item .td-padding-l input {
font-size: 15px;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .tr-common-item .td-padding-l:first-child {
padding-left: 14px;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .tr-common-item .delete {
cursor: pointer;
padding: 10px;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .tr-common-item .delete svg {
transition: opacity 350ms ease-in-out;
opacity: 0;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .tr-common-item:hover {
background-color: var(--gray-inner, #eee);
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .tr-common-item:hover .delete svg {
opacity: 1;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .tr-common-item div {
margin: auto;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .tr-common-item input {
width: 100%;
border: none;
background: transparent;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .tr-common-item input:focus {
outline: none !important;
box-shadow: 0 0 10px transparent;
border: none;
}
.conf-create-common-win-container-main .conf-create-common-win-object-table .chzn-container-multi .chzn-choices {
background: var(--white-black, #fff);
}
.conf-create-common-win-container-main .tr-common-add-new-wrapper {
margin-bottom: 3px;
}
.conf-create-common-win-container-main .chzn-container-multi .chzn-choices .search-field {
display: -ms-flex;
display: -webkit-flex;
display: flex;
}
.conf-create-common-win-container-main .conf-create-common-win-object-over-placeholder {
padding: 0 10px;
color: var(--task-card-add-action-comment-text, #999);
margin: auto;
}
.conf-create-common-win-container-main .conf-create-common-win-object-header-container {
padding-bottom: 15px;
padding-top: 20px;
}
.conf-create-common-win-container-main .conf-create-common-win-object-header-container .conf-create-common-win-object-header {
color: var(--file-upload-file-upload-text, #747474);
font-size: 18pt;
}
.conf-create-common-win-container-main .conf-create-common-win-object-header-container .conf-create-common-win-object-header-title {
color: var(--task-card-pull-svg, #a1a1a1);
font-size: 11px;
}
.conf-win {
width: 100%;
margin-top: 16px;
}
.conf-win .ts-public-install {
margin-bottom: 22px;
}
.conf-win .ts-public-install .usually-switcher-rc-v2 .enabled-panel {
padding-top: 0;
}
.conf-win .conf-win-row {
margin-bottom: 0;
}
.conf-win .conf-win-row.credits {
padding: 8px 15px;
margin-bottom: 30px;
background: var(--checklist-keyboard-help-bg);
border: 1px dashed var(--gray-input-border);
box-sizing: border-box;
border-radius: 6px;
font-size: 14px;
position: relative;
line-height: 18px;
color: var(--tooltip-actions-color);
margin-bottom: 0;
margin-left: 2px;
}
.conf-win .conf-win-row.credits:after {
content: '';
display: block;
position: absolute;
background: var(--tooltip-actions-after);
border-radius: 6px 0 0 6px;
width: 6px;
left: -1px;
bottom: 0;
top: -1px;
height: calc(100% + 1.5px);
}
.conf-win .conf-win-row.credits a {
color: #1B7FE8;
}
.conf-win .conf-win-row.credits p {
font-weight: bold;
margin-bottom: 6px;
}
.conf-win .conf-win-row .gm-input-block {
width: 100%;
}
.conf-win .conf-win-row .conf-win-list {
margin: 0;
padding: 0 0 0 15px;
}
.conf-win .conf-win-row .link-annotation {
display: block;
font-size: 11px;
color: #3ba3d0;
padding: 0 5px;
}
.conf-win .conf-win-row .link-permission {
display: flex;
align-items: center;
font-size: 15px;
line-height: 1.6em;
}
.conf-win .conf-win-row .link-permission input {
margin-right: 10px;
}
.conf-win .conf-win-row-switchers .ts-copy-forbidden .usually-switcher-rc-v2 .enabled-panel {
padding-top: 0;
}
.conf-win .conf-win-row-switchers .ts-install-permission {
margin-top: 12px;
}
.conf-win .public-link-input {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-bottom: 32px;
}
.conf-win .conf-buttons {
margin-top: 35px;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription,
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field {
min-height: 58px;
border: 1px solid var(--grey-list-border, #DEDEDE);
box-sizing: border-box;
border-radius: 6px;
background: var(--white-black, #FFFFFF);
margin-top: 16px;
padding-left: 16px;
padding-right: 16px;
display: table;
width: 100%;
max-width: 460px;
margin-left: 30px;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .task-detail-compressed-view,
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .task-detail-compressed-view {
padding-bottom: 0px;
border-bottom: none;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .task-detail-compressed-view .td-label,
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .task-detail-compressed-view .td-label {
padding-bottom: 0px;
border-bottom: none;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .detail-editable:hover:not(.detail-editor) .td-label:not(.label-error),
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .detail-editable:hover:not(.detail-editor) .td-label:not(.label-error) {
color: var(--core-dropdown-text, #9C9C9C);
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .detail-compressed-active:not(.detail-editor):not(.box-error),
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .detail-compressed-active:not(.detail-editor):not(.box-error) {
border-bottom: none !important;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .detail-compressed-active .td-label:not(.label-error),
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .detail-compressed-active .td-label:not(.label-error) {
color: var(--core-dropdown-text, #9C9C9C);
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .td-label,
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .td-label {
margin-bottom: 3px;
margin-top: 9px;
color: var(--core-dropdown-text, #9C9C9C);
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .td-label.no-value,
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .td-label.no-value {
margin-top: 21px;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .label-error:hover,
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .label-error:hover {
color: #DD0000;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .td-value,
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .td-value {
display: table-row;
color: #4573B1;
margin-bottom: 0;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .td-value .edit-block input,
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .td-value .edit-block input {
color: #4573B1;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .td-value .edit-block textarea,
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .td-value .edit-block textarea {
font-size: 15px;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .input-container-subscription .tr-item .td-value .text-block,
.conf-dialog .b-main-block-content .b-main-block .conf-win .create-configuration-field .tr-item .td-value .text-block {
padding-bottom: 3px;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .short-descr-field {
width: 100%;
margin-left: 0;
max-width: 100%;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .short-descr-field .tr-item .td-value {
color: var(--gray-dark-icon, #626262);
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .short-descr-field .tr-item .td-value .edit-block textarea {
color: var(--gray-dark-icon, #626262);
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .descr-field {
width: 100%;
margin-left: 0;
max-width: 100%;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .descr-field .tr-item .td-value {
color: var(--gray-dark-icon, #626262);
margin-bottom: 10px;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .descr-field .tr-item .td-value .edit-block {
display: flex;
flex-direction: column-reverse;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .descr-field .tr-item .td-value .edit-block textarea {
color: var(--gray-dark-icon, #626262);
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .descr-field .tr-item .td-value .edit-block .planfix-ckeditor-element {
border: unset;
box-shadow: unset;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .descr-field .tr-item .td-value .edit-block .ckeditor-panel-container {
box-shadow: unset;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .descr-field .tr-item .td-value .edit-block .ckeditor-panel-container .cke_top {
border: unset;
border-bottom: unset !important;
margin-top: 4px;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .public-link-name,
.conf-dialog .b-main-block-content .b-main-block .conf-win .public-link-address {
width: 100%;
margin-left: 0;
max-width: 100%;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .public-link-name .tr-item .td-value,
.conf-dialog .b-main-block-content .b-main-block .conf-win .public-link-address .tr-item .td-value {
color: var(--gray-dark-icon, #626262);
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .public-link-name .tr-item .td-value .edit-block input,
.conf-dialog .b-main-block-content .b-main-block .conf-win .public-link-address .tr-item .td-value .edit-block input {
color: var(--gray-dark-icon, #626262);
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .public-link-name {
margin-right: 16px;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .box-error {
border-color: #DD0000 !important;
}
.conf-dialog .b-main-block-content .b-main-block .conf-win .box-error .tr-item .td-label {
color: #DD0000;
}
.conf-create-win .conf-create-win-item .conf-create-win-name {
width: 490px;
padding: 5px;
font-size: 16px;
}
.conf-create-win .conf-create-win-item .conf-create-win-item-label {
font-size: 12px;
padding-top: 10px;
}
.conf-create-win .conf-create-win-buttons {
padding-top: 20px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.conf-create-win-rc .g-popup-win-scroll-content-header {
background: var(--white-black, #ffffff);
color: var(--gray-dark-icon, #626262);
font-size: 22px;
line-height: 29px;
padding: 20px 24px;
border-radius: 12px 12px 0 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content.conf-create-win-rc .g-popup-win-scroll-content-main {
border-radius: 12px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.conf-create-win-rc .panel-layout-conf-create .b-last-block-close {
display: none;
}
.conf-create-win-rc {
position: relative;
border-radius: 12px;
}
.conf-create-win-rc .overflow-auto {
overflow: auto;
}
.conf-create-win-rc .g-popup-win-scroll-content-main.disable-standard-style .g-popup-win-btn {
top: 16px;
right: 16px;
}
.conf-create-win-rc .conf-create-win__container {
padding: 24px 24px;
gap: 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.conf-create-win-rc .conf-create-win__container .section-title {
font-size: 16px;
font-weight: 600;
color: var(--task-card-title-text, #4B4B4B);
line-height: 21px;
}
.conf-create-win-rc .conf-create-win__container .section-title .section-title__required {
display: inline-block;
width: 6px;
height: 6px;
margin-left: 3px;
}
.conf-create-win-rc .conf-create-win__container .section-title .section-title__required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.conf-create-win-rc .conf-create-win__section {
gap: 12px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.conf-create-win-rc .conf-create-win__section .tbl-list .td-item {
font-size: 15px;
word-break: break-word;
}
.conf-create-win-rc .conf-create-win_settings-object .td-icon {
stroke: var(--gray-ico, #a9a9a9);
fill: var(--gray-ico, #a9a9a9);
}
.conf-create-win-rc .conf-create-win_settings-object .td-icon svg {
fill: none !important;
stroke-miterlimit: 10;
width: 16px;
height: 17px;
}
.conf-create-win-rc .conf-create-win__name-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 16px;
}
.conf-create-win-rc .conf-create-win__name {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.conf-create-win-rc .conf-create-win__icon {
cursor: pointer;
}
.conf-create-win-rc .ping-img {
width: 36px;
height: 36px;
padding: 10px;
border-radius: 6px;
border: 1px solid var(--grey-list-border, #DEDEDE);
background: var(--white-black, #fff);
color: #d3e16a;
}
.conf-create-win-rc .conf-settings .tr-item .td-item.td-item-svg {
padding: 18px 16px 17px;
}
.conf-create-win-rc .conf-settings .conf-settings-pic {
display: block;
width: 24px;
height: 24px;
stroke: #9C9C9C;
}
.conf-create-win-rc .settings-edit {
padding: 16px 24px 50px;
overflow: auto;
height: inherit;
}
.conf-create-win-rc .settings-edit .header {
font-size: 22px;
color: var(--task-card-title-text, #4B4B4B);
line-height: 29px;
}
.conf-create-win-rc .settings-edit .sub-title {
font-size: 16px;
line-height: 21px;
color: var(--task-card-title-text, #4B4B4B);
font-weight: 600;
margin-bottom: 16px;
}
.conf-create-win-rc .settings-edit .sub-title.mg-2 {
margin-bottom: 2px;
}
.conf-create-win-rc .settings-edit__description {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.conf-create-win-rc .settings-edit__interface {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.conf-create-win-rc .settings-edit__interface .switcher {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.conf-create-win-rc .settings-edit__interface .switcher .help-link {
margin: 0 14px 12px 0;
}
.conf-create-win-rc .settings-edit__interface .switcher .help-link svg {
stroke: #bbbbbb;
}
.conf-create-win-rc .settings-edit__interface .usually-switcher-rc-v2 .enabled-panel .enabled-panel-text .label-text {
color: var(--gray-dark-icon, #626262);
}
.conf-create-win-rc .settings-edit__interface .mrg-12 {
margin: 12px 0;
}
.conf-create-win-rc .settings-edit__interface .mrg-t-12 {
margin: 12px 0 0;
}
.conf-create-win-rc .settings-edit__interface_switch-wr .usually-switcher-rc-v2 .enabled-panel {
padding: 0 0 12px;
}
.conf-create-win-rc .settings-edit__interface_switch-wr:last-child .usually-switcher-rc-v2 .enabled-panel {
padding: 0;
}
.conf-create-win-rc .settings-edit__marketplace .usually-switcher-rc-v2 .enabled-panel .enabled-panel-text .label-text {
color: var(--gray-dark-icon, #626262);
}
.conf-create-win-rc .settings-edit__marketplace .switcher-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.conf-create-win-rc .settings-edit__marketplace .tooltip-target p {
font-size: 14px;
font-weight: 700;
}
.conf-create-win-rc .settings-edit__marketplace .tooltip-target .conf-win-list {
padding-inline-start: 25px;
margin-top: 1px;
margin-bottom: 1px;
}
.conf-create-win-rc .settings-edit .conf-is-paid {
max-width: 268px;
}
.conf-create-win-rc .settings-edit__wrapper {
margin-top: 20px;
}
.conf-create-win-rc .settings-edit .usually-switcher-rc-v2 .enabled-panel .enabled-panel-text .label-text {
white-space: normal;
}
.conf-create-win-rc .panel-layout-conf-create {
height: 100%;
}
.conf-create-win-rc .panel-layout-conf-create .b-last-block {
height: calc(100% - 70px) !important;
}
.conf-create-win-rc .panel-layout-conf-create .b-last-block-close {
display: none;
}
.conf-create-win-rc .bottom-panel-target .dialog-bottom-panel-button-rc {
height: 70px;
background-color: var(--grey-list-border, #dfdfdf);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.conf-create-win-rc .bottom-panel-target .dialog-bottom-panel-button-rc .buttons-list {
display: flex;
float: right;
height: 100%;
margin-right: 20px;
column-gap: 10px;
align-items: center;
}
.conf-create-win-rc .hr {
border-bottom: 1px solid #DEDEDE;
margin: 16px 0 20px;
}
.conf-create-win-rc .gap-12 {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.choose-icon-win-rc {
position: fixed;
top: 47%;
left: 36%;
transform: translate(-50%, -50%);
z-index: 1000;
border-radius: 12px;
background: var(--date-picker-bg);
box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.13);
min-height: 516px;
}
.choose-icon-win-rc .TabsPanelLayoutV2__target {
padding: 32px 24px 10px;
}
.choose-icon-win-rc .TabsPanelLayoutV2Content__target {
padding: 0 24px 32px;
}
.choose-icon-win-rc .ContextMenuV2List-target {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.choose-icon-win-rc .ContextMenuV2List-target__item {
width: 94px;
height: 94px;
display: flex;
justify-content: center;
align-items: center;
background: var(--action-file-preview);
border-radius: 8px;
cursor: pointer;
border: 1px solid transparent;
box-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
}
.choose-icon-win-rc .ContextMenuV2List-target__item:hover {
border: 1px solid #7a8e5269;
}
.choose-icon-win-rc .ContextMenuV2List-target__item.active {
border: 1px solid #00864b;
box-shadow: 0 0 7px 2px var(--file-upload-compressed-sources-shadow, #00000040);
}
.conf-data-win-data {
font-size: 14px;
padding-bottom: 20px;
padding-top: 10px;
}
.conf-data-win-data .conf-data-win-el-label,
.conf-data-win-data .conf-data-win-block-label {
color: #838383;
display: inline-block;
}
.conf-data-win-data .conf-data-win-block-label {
font-size: 18px;
padding-bottom: 5px;
}
span.conf-data-win-data .conf-data-win-el {
display: flex;
flex-direction: column;
}
.conf-data-win-data .conf-data-win-el + .conf-data-win-el {
margin-left: 15px;
}
.conf-data-win-data .conf-data-win-block-item {
padding: 15px 15px 20px;
background: #e1e1e1;
border-top: 1px solid #c8c8c8;
display: flex;
flex-direction: row;
margin-top: 15px;
}
.conf-data-win-data .conf-data-win-block-item:first-child {
margin-top: 0;
}
.conf-data-win-data .conf-data-win-block-item .conf-data-win-block-item-remove {
order: 1;
padding-top: 24px;
}
.conf-data-win-data .conf-data-win-block-item .conf-data-win-block-item-remove:hover svg {
cursor: pointer;
stroke: var(--task-deadline-dead, #fd0000);
}
.conf-data-win-data .conf-data-win-block {
margin-top: 25px;
}
.conf-data-win-data .conf-data-win-el-label {
margin-right: 7px;
margin-bottom: 5px;
}
.conf-data-win-data .conf-data-win-el-container input[type=text],
.conf-data-win-data .conf-data-win-el-container select {
padding: 5px;
}
.conf-data-win-data .conf-data-win-el-container .chzn-container-multi .chzn-choices .search-field input,
.conf-data-win-data .conf-data-win-el-container .chzn-container-active .chzn-choices {
padding-left: 5px;
}
.conf-data-win-data .conf-data-win-el-container.conf-data-win-el-container-fontsize-18 input[type=text],
.conf-data-win-data .conf-data-win-el-container.conf-data-win-el-container-fontsize-18 select {
font-size: 18px;
}
.conf-data-win-data .conf-data-win-el-container .chzn-container-multi .chzn-choices {
background: #fff;
}
.conf-data-win-data .conf-data-win-el-note {
margin-left: 10px;
color: #838383;
font-size: 12px;
}
.conf-data-win-data .conf-data-win-block-add-container {
padding: 10px 15px 10px;
background: #f0f0f0;
margin-top: 2px;
}
.conf-data-win-data .conf-data-win-block-add-container .conf-data-win-block-add-label {
color: #838383;
margin-right: 10px;
}
.g-popup-win-scroll-content .conf-data-win .conf-data-win-buttons {
text-align: right;
padding-top: 25px;
font-size: 14px;
}
.g-popup-win-scroll-content .conf-data-win .conf-data-win-buttons .btn {
padding: 0.65em 1.3em 0.7em;
transition: all 150ms ease-in-out;
border-radius: 4px;
line-height: 0.9em;
font-size: 1em;
}
.g-popup-win-scroll-content .conf-data-win .conf-data-win-buttons .dialog-buttons-ok {
background: #1abe72 !important;
}
.g-popup-win-scroll-content .conf-data-win .conf-data-win-buttons .dialog-buttons-ok:hover {
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
text-decoration: none;
}
.g-popup-win-scroll-content .conf-data-win .conf-data-win-buttons .dialog-buttons-cancel {
margin-right: 10px !important;
color: #949494;
background: transparent !important;
border-color: transparent;
}
.emailmarket-params-text {
background: #e7f5fa;
border-top: 1px solid #a9cdda;
border-bottom: 1px solid #a9cdda;
padding: 10px 15px 10px 15px;
font-size: 12px;
margin-bottom: 20px;
margin-left: 2px;
font-weight: bold;
line-height: 1.5;
}
.emailmarket-params-text div + div {
padding-top: 10px;
}
.emailmarket-params-text a {
font-weight: normal;
}
.emailmarket-params-text .emailmarket-params-text-header {
font-size: 14px;
color: #2f9dc4;
display: inline-block;
padding-bottom: 5px;
}
.emailmarket-param {
font-size: 14px;
padding-bottom: 7px;
}
.emailmarket-param .emailmarket-param-label {
display: inline-block;
color: #838383;
}
.emailmarket-param .emailmarket-param-container input[type=text],
.emailmarket-param .emailmarket-param-container select {
padding: 5px;
}
.emailmarket-param .emailmarket-param-container .chzn-container-multi .chzn-choices .search-field input,
.emailmarket-param .emailmarket-param-container .chzn-container-active .chzn-choices {
padding-left: 5px;
}
.emailmarket-params-win .tooltip-actions {
margin-bottom: 15px;
}
.emailmarket-params-win .emailmarket-params-help {
margin-left: 0;
}
/* Styles for adding more contact mails*/
.login-mail-add-block {
padding-bottom: 5px;
display: flex;
align-items: center;
}
.login-mail-add-block input.login-mail-mails {
padding: 5px;
width: 318px;
}
.login-mail-add-block .svg-icon-16px.svg-icon-remove {
margin-left: 7px;
cursor: pointer;
}
.login-mails-add {
padding-top: 7px;
font-size: 13px;
}
.classic-font .login-mails-add {
font-size: 12px;
}
.login-mails-add .iconset-16px-grayplus {
vertical-align: bottom;
cursor: pointer;
}
.login-mails-add .fakelink-dashed {
margin-left: 5px;
vertical-align: top;
}
.email-smtp label {
display: inline-block;
margin-bottom: 2px;
padding-left: 7px;
vertical-align: bottom;
}
.email-smtp .email-smtp-params-string {
display: flex;
}
.email-smtp .email-smtp-del {
vertical-align: middle;
padding: 0;
line-height: 0;
text-align: center;
width: 32px;
border-left: 1px solid transparent;
font-size: 15px;
}
.email-smtp .email-smtp-del span {
display: inline-block;
visibility: hidden;
cursor: pointer;
}
.email-smtp .tr-item:hover span {
visibility: visible;
}
.email-smtp .email-smtp-access-label {
padding-right: 85px;
padding-top: 1px;
}
.email-smtp .email-smtp-filter-access-ico {
padding-right: 3px;
padding-top: 1px;
}
.email-smtp .email-smtp-access {
margin-bottom: 1px;
}
.email-smtp .email-smtp-access-block-choose {
padding-left: 110px;
}
.email-smtp .email-smtp-filter-access .fakelink-dashed {
font-size: 13px;
color: var(--grey-label, #838383);
padding-top: 1px;
}
.email-smtp .email-smtp-filter-access {
display: flex;
}
.email-smtp .email-smtp-label-ssl {
padding-top: 14px;
}
.email-smtp .email-smtp-label {
color: var(--grey-label, #838383);
font-size: 13px;
}
.email-smtp .email-smtp-choose-server-label {
color: var(--grey-label, #838383);
font-size: 13px;
padding-right: 20px;
vertical-align: middle;
padding-left: 0;
}
.email-smtp .email-smtp-choose-server-select {
width: 372px;
}
.email-smtp .email-smtp-access-label,
.email-smtp .email-smtp-params-project-label,
.email-smtp .email-smtp-add-sign-label,
.email-smtp .email-smtp-isdefault-label {
color: var(--grey-label, #838383);
font-size: 13px;
padding-left: 0;
}
.email-smtp .email-smtp-params-project-label {
width: 90px;
}
.email-smtp .email-smtp-isdefault,
.email-smtp .email-smtp-add-sign {
margin-right: 10px;
}
.email-smtp .email-smtp-access-block {
margin-top: 24px;
padding-top: 8px;
padding-bottom: 10px;
padding-left: 10px;
background: var(--baron-scroller-bar-border, #dbdbdb);
display: flex;
}
.email-smtp .email-smtp-projects-block {
padding-top: 16px;
display: flex;
padding-bottom: 16px;
padding-left: 10px;
background: var(--gray-modal-background, #ececec);
margin-bottom: 1px;
padding-right: 12px;
margin-top: 24px;
}
.email-smtp .email-smtp-isdefault-block,
.email-smtp .email-smtp-add-sign-block {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
background: var(--wrapper-calendar-empty, #fcfcfc);
}
.email-smtp .email-smtp-params-block {
display: inline-block;
padding-right: 30px;
padding-top: 20px;
}
.email-smtp .email-smtp-params-block .email-smtp-params-block-header {
font-size: 14px;
font-weight: bold;
color: var(--file-upload-file-upload-text, #747474);
padding-bottom: 7px;
}
.email-smtp .email-smtp-params-block .email-smtp-params-block-input input {
font-size: 22px;
color: var(--file-upload-file-upload-text, #747474);
width: 350px;
padding: 7px 10px;
}
.email-smtp .email-smtp-params-text {
padding-top: 5px;
font-size: 11px;
color: var(--notice-channel-small-text, #a6a6a6);
width: 350px;
}
.email-smtp .email-smtp-params-check {
padding-top: 12px;
padding-left: 2px;
}
.email-smtp .email-smtp-test-error {
display: none;
padding: 20px;
background: var(--email-smtp-test-error-bg, #FFD8E1);
color: #D00;
font-size: 9pt;
max-width: 740px;
margin-top: 20px;
line-height: 1.5;
}
.email-smtp .email-smtp-params-buttons {
padding-top: 20px;
}
.email-smtp .svgChecked-ico {
margin: 0 auto;
align-self: unset;
}
.user-email-main .email-smtp-params-buttons {
padding-bottom: 20px;
}
.email-signature {
font-size: 12px;
}
.email-signature label {
display: inline-block;
margin-bottom: 2px;
padding-left: 7px;
vertical-align: bottom;
}
.email-signature .email-signature-params {
padding-top: 25px;
}
.email-smtp-cancel {
float: right;
}
.email-smtp-params-project-chosen {
padding-left: 48px;
width: 100%;
padding-top: 6px;
}
.email-smtp-params-project-label {
padding-left: 0;
vertical-align: baseline;
}
#email-servers-control {
cursor: pointer;
}
.integrations.tbl-list .tr-item .service-name,
.integrations.tbl-list .tr-item .service-pic {
cursor: pointer;
}
.integrations.tbl-list .tr-item:hover .td-task-name:not(.td-common) {
border-left-color: transparent;
}
.integrations.tbl-list .tr-item .td-task-name:not(.td-common) {
border-left: unset;
}
.integrations .tr-common-item.tr-task-active:hover td,
.integrations .tr-common-item.tr-task-active td {
background-color: var(--task-status-fade, rgba(83, 88, 107, 0.75));
}
.integrations .service-pic {
width: 24px;
padding: 11px 0;
}
.integrations .service-pic svg,
.integrations .service-pic img {
width: 24px;
height: 24px;
stroke: var(--gray-perl);
fill: none !important;
}
.integrations .service-name {
text-decoration: none;
}
.integrations .tr-head + .tr-item .td-item {
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.integrations .tr-head + .tr-item .td-item:first-child {
border-top-left-radius: 12px;
}
.integrations .tr-head + .tr-item .td-item:last-child {
border-top-right-radius: 12px;
}
.integrations .group-list-integration-item .section-name {
padding-left: 6px;
}
.integrations.acc-settings .tr-item .td-item.td-item-svg {
padding: 18px 16px 17px;
}
.integrations.acc-settings .tr-item .td-item.section-name {
padding: 0;
}
.integrations.acc-settings .tr-item .td-item .acc-settings-pic {
display: block;
width: 24px;
height: 24px;
}
.integrations.acc-settings .tr-item .td-item .acc-settings-pic svg {
width: 24px;
height: 24px;
fill: none;
stroke: var(--core-dropdown-text, #9C9C9C);
}
.integrations.acc-settings .tr-item .td-item .acc-settings-pic svg path {
stroke: var(--core-dropdown-text, #9C9C9C);
}
.integrations.acc-settings .tr-item.tr-task-active .td-item .acc-settings-pic svg {
stroke: var(--task-status-color, #fff);
}
.integrations.acc-settings .tr-item.tr-task-active .td-item .acc-settings-pic svg path {
stroke: var(--task-status-color, #fff);
}
.integrations.acc-settings .tr-item.excel-integration-item .td-item-svg {
width: 18px;
}
.b-integration-common.options-header {
font-weight: bold;
font-size: 16px;
border-bottom: 1px dashed var(--gray-border, #e2e2e2);
padding-bottom: 3px;
color: var(--grey-group-text, #6c6c6c);
}
.b-integration-common .tooltip-actions {
margin-top: 0;
margin-left: 0;
}
.b-integration-common .t-title {
font-weight: bold;
font-size: 14px;
margin-top: 45px;
margin-bottom: 10px;
}
.b-integration-common .integration-opt {
padding: 2px 0 2px 5px;
line-height: 1.8;
display: flex;
align-items: center;
border-bottom: 1px solid var(--gray-border, #e2e2e2);
height: 33px;
}
.b-integration-common .integration-opt > label {
padding-left: 7px;
}
.b-integration-common .integration-opt > a {
padding-left: 7px;
line-height: 0;
}
.b-integration-common .integration-opt.account-post-out-task-template,
.b-integration-common .integration-opt.account-post-out-task-multiple-receivers-option {
padding-left: 18px;
}
.b-integration-common .integration-opt input {
margin: 0;
}
.b-integration-common .integration-opt > label,
.b-integration-common .integration-opt > span {
font-size: 15px;
line-height: 1em;
}
.b-integration-common .tbl-list .group-pic,
.b-integration-common .tbl-list .pa-icon {
padding: 10px 0;
}
.b-integration-common .tbl-list .b-group-actions {
padding: 0 5px;
}
.b-integration-common .tbl-list .b-group-actions .action-name {
cursor: pointer;
}
.b-integration-common .tbl-list .b-group-actions .b-group-warning {
display: none;
min-width: 50px;
}
.b-integration-common .tbl-list .b-group-actions.has-warnings .b-group-warning {
display: block;
}
.b-integration-common .tbl-list .b-group-actions.has-warnings .b-link {
display: none;
}
.b-integration-common .tbl-list .b-group-actions .b-link .a-unlink-group {
display: none;
}
.b-integration-common .tbl-list .b-group-actions .b-link.group-is-linked .a-link-group {
display: none;
}
.b-integration-common .tbl-list .b-group-actions .b-link.group-is-linked .a-unlink-group {
display: block;
}
.b-integration-common .tbl-list .b-group-actions .b-link.b-link-flex {
display: flex;
}
.b-integration-common .tbl-list .b-group-actions .b-link.b-link-flex > div {
width: 50%;
cursor: pointer;
}
.b-integration-common .tbl-list .b-group-actions .b-link.b-link-flex.no-cfg > div {
width: 100%;
}
.b-integration-common .tbl-list .b-group-actions .b-link.b-link-flex.no-cfg > .a-cfg-group {
display: none;
}
.b-integration-common .tbl-list .chzn-container {
text-align: left;
}
.b-integration-common .tbl-list .toggle-switcher {
display: block;
margin: 0 auto;
}
.b-integration-common .tbl-list .toggle-switcher.unlock .ts-blt {
background: #1abe72;
}
.b-integration-common .tbl-list .toggle-switcher .ts-blt {
background-color: var(--grey-action-list, #7f7f7f);
}
.b-integration-viber .pa-icon {
width: 50px;
height: 50px;
}
.g-popup-gray .b-vk-group-warning-text {
text-align: left;
}
.add-telegram-bot-dialog,
.add-viber-public-account-dialog,
.add-chatra-account-dialog {
padding: 10px;
}
.add-viber-public-account-dialog .add-viber-public-account-api-key {
width: 350px !important;
}
.integration-telegram .remove-bot {
cursor: pointer;
}
.integration-telegram .remove-bot .remove {
display: block;
}
.integration-viber .remove-public-account {
cursor: pointer;
}
.integration-viber .remove-public-account .remove {
display: block;
}
.integration-chatra .remove-account {
cursor: pointer;
}
.integration-chatra .remove-account .remove {
display: block;
}
.vk-info-win .telephony-params-text {
font-weight: normal;
}
.integration-theme-logo {
display: block;
}
.integration-theme-logo--dark {
display: none;
}
body.dark-theme .integration-theme-logo--light {
display: none;
}
body.dark-theme .integration-theme-logo--dark {
display: block;
}
.b-integration-common.empty-block {
box-sizing: border-box;
padding: 140px 56px;
background-color: var(--white-black, #fff);
max-width: 600px;
min-width: 410px;
margin: 0 auto;
display: flex;
flex-flow: column;
align-items: center;
transform: translateY(-6px);
border: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 12px;
}
.b-integration-common.empty-block .integration-email-channel.channel-receive {
margin-top: 48px;
margin-bottom: 21px;
}
.b-integration-common.empty-block .integration-email-channel .btn-container {
display: flex;
align-items: center;
justify-content: center;
margin-top: 11px;
}
.b-integration-common.empty-block .text {
color: var(--task-card-title-text, #4B4B4B);
font-weight: 400;
font-size: 18px;
text-align: center;
line-height: normal;
}
.b-integration-common.empty-block .text:not(.integration-email-channel-header, .integration-email-channel-text) {
margin-top: 48px;
}
.b-integration-common.empty-block .text.integration-email-channel-header {
font-weight: 700;
}
.b-integration-common.empty-block .text.integration-email-channel-text {
margin-top: 8px;
}
.b-integration-common.empty-block .text.integration-email-channel-text a {
cursor: pointer;
}
.b-integration-common.empty-block .text > :not(:last-child) {
margin-bottom: 32px;
}
.b-integration-common.empty-block div.btn {
text-align: center;
margin-top: 48px;
}
.b-integration-common.empty-block div.btn input[type="button"] {
border-radius: 4px;
font-size: 14px;
line-height: 0.9em;
border: none;
padding: 0.65em 1.3em 0.7em;
cursor: pointer;
outline: 0;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
box-sizing: border-box;
display: inline-block;
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
height: 32px;
}
.b-integration-common.empty-block div.btn input[type="button"]:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
text-decoration: none;
}
.b-integration-common.empty-block div.btn input:not(:last-child) {
margin-right: 8px;
}
.integration-map-params {
max-width: 588px;
}
.integration-map-params .webchat-param.map-validation-error .webchat-param-label {
color: #d9534f;
}
.integration-map-params .webchat-param.map-validation-error .webchat-param-container input[type='text'] {
border-color: #d9534f;
box-shadow: 0 0 0 1px #d9534f;
}
.page-layout-block.empty-integration-block .b-top-btn,
.page-layout-block.empty-integration-block .b-green-block,
.page-layout-block.empty-integration-block .b-green-block-progress {
display: none;
}
.page-layout-block.empty-integration-block .b-main-block.integration {
height: 100%;
display: flex;
align-items: center;
}
.page-layout-block.empty-integration-block .b-main-block.integration .icon {
width: 100px;
}
.page-layout-block.empty-integration-block .b-main-block.integration .icon.large-icon {
width: 200px;
}
.page-layout-block.empty-integration-block .b-main-block.integration .icon.echat-logo {
width: 123px;
}
.page-layout-block.empty-integration-block .b-main-block.integration .icon.you-score-logo {
width: 162px;
}
.page-layout-block.empty-integration-block .b-main-block.integration .icon.vies-logo {
width: 150px;
}
.page-layout-block.empty-integration-block .b-main-block.integration .icon.belarus-tax-portal-logo {
width: 150px;
}
.page-layout-block.empty-integration-block .b-main-block.integration .icon img {
width: inherit;
}
.page-layout-block.empty-integration-block .planfix-integration-container-fluid {
flex-grow: 1;
}
.page-layout-block.empty-integration-block.openai-block .b-green-block {
display: block;
}
.page-layout-block .b-main-block.integration {
padding-bottom: 0;
}
.page-layout-block .b-main-block.integration.centered {
height: 100%;
}
.page-layout-block .b-main-block.integration .configuration-items {
display: grid;
grid-template-columns: repeat(auto-fill, 193px);
justify-content: start;
grid-gap: 16px;
padding-top: 17px;
}
.page-layout-block .b-main-block.integration .configuration-items .configuration-item {
width: 191px;
height: 196px;
border: 1px solid var(--integration-telephony-item-border, #e3e1e3);
border-radius: 10px;
cursor: pointer;
margin-right: 16px;
background-color: var(--white-black, #ffffff);
-webkit-transition: all 150ms ease;
-moz-transition: all 150ms ease;
-o-transition: all 150ms ease;
-ms-transition: all 150ms ease;
transition: all 150ms ease;
}
.page-layout-block .b-main-block.integration .configuration-items .configuration-item:hover {
background: var(--wrapper-calendar-empty, #fcfcfc);
border: 1px solid var(--action-file-preview-border, #ccc);
}
.page-layout-block .b-main-block.integration .configuration-items .configuration-item .item-block {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.page-layout-block .b-main-block.integration .configuration-items .configuration-item .item-block img {
width: 60px;
flex: auto;
}
.page-layout-block .b-main-block.integration .configuration-items .configuration-item .conf-title-block {
height: 80px;
flex: none;
display: flex;
justify-content: center;
align-items: center;
}
.page-layout-block .b-main-block.integration .configuration-items .configuration-item .conf-title-block .conf-title {
line-height: 1.15em;
max-height: 66px;
overflow: hidden;
word-break: break-word;
text-align: center;
font-size: 14px;
color: var(--gray-site, #454546);
padding-left: 23px;
padding-right: 23px;
}
.page-layout-block .b-main-block.integration .configuration-items .configuration-item .isPaid {
position: relative;
}
.page-layout-block .b-main-block.integration .configuration-items .configuration-item .isPaid svg {
position: absolute;
right: -5px;
top: -5px;
}
.page-layout-block .b-main-block.integration .configuration-items .last-item .item-block {
justify-content: center;
}
.page-layout-block .b-main-block.integration .configuration-items .last-item .item-block .conf-svg {
width: 60px;
}
.page-layout-block .b-main-block.integration .configuration-items .last-item .item-block .conf-svg svg {
width: 60px;
height: 60px;
stroke: #6c747e;
}
.page-layout-block .b-main-block.integration .configuration-items .paid-conf {
border-color: #5CCF66;
}
.page-layout-block .b-main-block.integration .configuration-items .paid-conf:hover {
border-color: #5CCF66;
}
.page-layout-block .b-main-block.account-settings,
.page-layout-block .b-main-block.ai-settings,
.page-layout-block .b-main-block.account-security {
min-height: calc(100% - 25px);
}
.page-layout-block .b-main-block.account-settings .aisettings-checkbox,
.page-layout-block .b-main-block.ai-settings .aisettings-checkbox,
.page-layout-block .b-main-block.account-security .aisettings-checkbox {
background-color: var(--white-black, #fff);
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 12px;
padding: 12px 16px;
margin-bottom: 16px;
}
.page-layout-block .b-main-block.account-settings .aisettings-checkbox .usually-switcher-rc-v2 .enabled-panel,
.page-layout-block .b-main-block.ai-settings .aisettings-checkbox .usually-switcher-rc-v2 .enabled-panel,
.page-layout-block .b-main-block.account-security .aisettings-checkbox .usually-switcher-rc-v2 .enabled-panel {
padding: 0;
}
.page-layout-block .b-main-block.account-settings .object-edit-field-base,
.page-layout-block .b-main-block.ai-settings .object-edit-field-base,
.page-layout-block .b-main-block.account-security .object-edit-field-base {
margin-bottom: 20px;
}
.page-layout-block .b-main-block.account-settings .object-edit-field-base:first-child,
.page-layout-block .b-main-block.ai-settings .object-edit-field-base:first-child,
.page-layout-block .b-main-block.account-security .object-edit-field-base:first-child {
margin-top: 1px;
}
.page-layout-block .b-main-block.account-settings .object-edit-field-container .ObjectEditField-target,
.page-layout-block .b-main-block.ai-settings .object-edit-field-container .ObjectEditField-target,
.page-layout-block .b-main-block.account-security .object-edit-field-container .ObjectEditField-target {
margin-bottom: 12px;
height: 60px;
}
.page-layout-block .b-main-block.account-settings .object-edit-field-container.long-field .ObjectEditField-target,
.page-layout-block .b-main-block.ai-settings .object-edit-field-container.long-field .ObjectEditField-target,
.page-layout-block .b-main-block.account-security .object-edit-field-container.long-field .ObjectEditField-target {
max-width: 682px;
}
.page-layout-block .b-main-block.account-settings .object-edit-field-container.short-field .ObjectEditField-target,
.page-layout-block .b-main-block.ai-settings .object-edit-field-container.short-field .ObjectEditField-target,
.page-layout-block .b-main-block.account-security .object-edit-field-container.short-field .ObjectEditField-target {
max-width: 420px;
}
@-moz-document url-prefix() {
.page-layout-block .b-main-block.account-settings .object-edit-field-container .view .view__edit,
.page-layout-block .b-main-block.ai-settings .object-edit-field-container .view .view__edit,
.page-layout-block .b-main-block.account-security .object-edit-field-container .view .view__edit {
width: 100%;
}
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd,
.page-layout-block .b-main-block.account-security .account-logo-dnd {
max-width: 416px;
min-height: 115px;
display: flex;
align-items: center;
border-radius: 6px;
padding: 0;
margin: 0 0 20px 0;
position: relative;
box-sizing: border-box;
border: 1px dashed var(--core-dropdown-text, #9C9C9C);
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.center,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.center,
.page-layout-block .b-main-block.account-security .account-logo-dnd.center {
justify-content: center;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.center .upload-file-svg,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.center .upload-file-svg,
.page-layout-block .b-main-block.account-security .account-logo-dnd.center .upload-file-svg {
margin-left: 0;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd .upload-file-dropbox-zone-select-files,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd .upload-file-dropbox-zone-select-files,
.page-layout-block .b-main-block.account-security .account-logo-dnd .upload-file-dropbox-zone-select-files {
display: flex;
align-items: center;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd .upload-file-dropbox-zone-select-files .upload-file-dropbox-files,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd .upload-file-dropbox-zone-select-files .upload-file-dropbox-files,
.page-layout-block .b-main-block.account-security .account-logo-dnd .upload-file-dropbox-zone-select-files .upload-file-dropbox-files {
cursor: default;
left: 0;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd .upload-file-dropbox-zone-select-files .upload-file-dropbox-files .upload-file-attach,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd .upload-file-dropbox-zone-select-files .upload-file-dropbox-files .upload-file-attach,
.page-layout-block .b-main-block.account-security .account-logo-dnd .upload-file-dropbox-zone-select-files .upload-file-dropbox-files .upload-file-attach {
width: 292px;
margin-left: 16px;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd .upload-file-svg,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd .upload-file-svg,
.page-layout-block .b-main-block.account-security .account-logo-dnd .upload-file-svg {
width: 15px;
height: 15.5px;
margin: 3px 8px 0 15px;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd .upload-file-svg svg,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd .upload-file-svg svg,
.page-layout-block .b-main-block.account-security .account-logo-dnd .upload-file-svg svg {
fill: none;
stroke-miterlimit: 10;
stroke: var(--gray-dark-icon, #626262);
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd span,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd span,
.page-layout-block .b-main-block.account-security .account-logo-dnd span {
font-size: 14px;
line-height: 17px;
color: var(--gray-dark-icon, #626262);
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected {
display: block;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .upload-file-dropbox-zone-select-files,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .upload-file-dropbox-zone-select-files,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .upload-file-dropbox-zone-select-files {
margin: 14px 0 16px 0;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .account-current-logo,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .account-current-logo,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .account-current-logo {
margin: 0 16px 0 14px;
display: flex;
align-items: center;
justify-content: space-between;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .account-current-logo .account-remove-current-logo,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .account-current-logo .account-remove-current-logo,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .account-current-logo .account-remove-current-logo {
padding: 5px 0 0 16px;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .account-current-logo .account-remove-current-logo svg,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .account-current-logo .account-remove-current-logo svg,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .account-current-logo .account-remove-current-logo svg {
width: 13.65px;
height: 14.13px;
fill: none;
stroke: var(--gray-input-border, #BBBBBB);
cursor: pointer;
position: absolute;
bottom: 31px;
right: 13px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .account-current-logo .account-remove-current-logo svg:hover,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .account-current-logo .account-remove-current-logo svg:hover,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .account-current-logo .account-remove-current-logo svg:hover {
stroke: red;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block {
display: flex;
align-items: center;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-img,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-img,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-img {
height: 46px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 0 59px 0 25px;
margin-right: 16px;
max-width: 76px;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-img .account-logo-img-overlay,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-img .account-logo-img-overlay,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-img .account-logo-img-overlay {
width: 60px;
height: 60px;
position: absolute;
right: -38px;
top: -7px;
transform: rotate(45deg);
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-img img,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-img img,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-img img {
height: 24px;
width: auto;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-title,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-title,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-title,
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-title-format,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-title-format,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .account-logo-title-format {
font-size: 12px;
line-height: 14px;
color: var(--gray-input-border, #BBBBBB);
font-weight: 400;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .title-min-width,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .title-min-width,
.page-layout-block .b-main-block.account-security .account-logo-dnd.file-selected .account-current-logo .account-current-logo-block .title-min-width {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 160px;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.account-logo-login-form-dnd,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.account-logo-login-form-dnd,
.page-layout-block .b-main-block.account-security .account-logo-dnd.account-logo-login-form-dnd {
padding-bottom: 16px;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.account-logo-login-form-dnd .account-current-logo .account-current-logo-block .account-logo-img,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.account-logo-login-form-dnd .account-current-logo .account-current-logo-block .account-logo-img,
.page-layout-block .b-main-block.account-security .account-logo-dnd.account-logo-login-form-dnd .account-current-logo .account-current-logo-block .account-logo-img {
width: 160px;
height: 160px;
padding: 0;
max-width: 160px;
background: var(--menu, #00864b);
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.account-logo-login-form-dnd .account-current-logo .account-current-logo-block .account-logo-img .account-logo-img-overlay,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.account-logo-login-form-dnd .account-current-logo .account-current-logo-block .account-logo-img .account-logo-img-overlay,
.page-layout-block .b-main-block.account-security .account-logo-dnd.account-logo-login-form-dnd .account-current-logo .account-current-logo-block .account-logo-img .account-logo-img-overlay {
display: none;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.account-logo-login-form-dnd .account-current-logo .account-remove-current-logo svg,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.account-logo-login-form-dnd .account-current-logo .account-remove-current-logo svg,
.page-layout-block .b-main-block.account-security .account-logo-dnd.account-logo-login-form-dnd .account-current-logo .account-remove-current-logo svg {
bottom: 88px;
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.account-custom-domain-dnd .account-current-logo .account-current-logo-block .account-logo-img,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.account-custom-domain-dnd .account-current-logo .account-current-logo-block .account-logo-img,
.page-layout-block .b-main-block.account-security .account-logo-dnd.account-custom-domain-dnd .account-current-logo .account-current-logo-block .account-logo-img {
background: transparent;
border: 1px solid var(--head, #00864b);
}
.page-layout-block .b-main-block.account-settings .account-logo-dnd.account-custom-domain-dnd .account-current-logo .account-current-logo-block .account-logo-img .account-logo-img-overlay,
.page-layout-block .b-main-block.ai-settings .account-logo-dnd.account-custom-domain-dnd .account-current-logo .account-current-logo-block .account-logo-img .account-logo-img-overlay,
.page-layout-block .b-main-block.account-security .account-logo-dnd.account-custom-domain-dnd .account-current-logo .account-current-logo-block .account-logo-img .account-logo-img-overlay {
display: none;
}
.page-layout-block .b-main-block.account-settings .subtitle,
.page-layout-block .b-main-block.ai-settings .subtitle,
.page-layout-block .b-main-block.account-security .subtitle {
color: var(--task-card-title-text);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 16px;
display: inline-block;
margin-top: 8px;
}
.page-layout-block .b-main-block.account-settings .icon-info,
.page-layout-block .b-main-block.ai-settings .icon-info,
.page-layout-block .b-main-block.account-security .icon-info {
display: flex;
width: 16px;
height: 16px;
cursor: pointer;
}
.page-layout-block .b-main-block.account-settings .icon-info svg,
.page-layout-block .b-main-block.ai-settings .icon-info svg,
.page-layout-block .b-main-block.account-security .icon-info svg {
width: inherit;
height: inherit;
stroke: var(--gray-input-border, #BBBBBB);
fill: none;
}
.page-layout-block .b-main-block.account-settings .usually-switcher-rc-v2 .enabled-panel .enabled-panel-text,
.page-layout-block .b-main-block.ai-settings .usually-switcher-rc-v2 .enabled-panel .enabled-panel-text,
.page-layout-block .b-main-block.account-security .usually-switcher-rc-v2 .enabled-panel .enabled-panel-text {
color: var(--gray-dark-icon, #626262);
}
.page-layout-block .b-main-block.account-settings .account-settings-switcher,
.page-layout-block .b-main-block.ai-settings .account-settings-switcher,
.page-layout-block .b-main-block.account-security .account-settings-switcher {
margin-bottom: 12px;
}
.page-layout-block .b-main-block.account-settings .account-settings-switcher .rc-speech-to-text-analytics-field__settings-icon svg path,
.page-layout-block .b-main-block.ai-settings .account-settings-switcher .rc-speech-to-text-analytics-field__settings-icon svg path,
.page-layout-block .b-main-block.account-security .account-settings-switcher .rc-speech-to-text-analytics-field__settings-icon svg path {
transform: scale(0.9);
transform-box: fill-box;
transform-origin: center;
}
.page-layout-block .b-main-block.account-settings .account-settings-switcher .label-text,
.page-layout-block .b-main-block.ai-settings .account-settings-switcher .label-text,
.page-layout-block .b-main-block.account-security .account-settings-switcher .label-text {
white-space: normal;
}
.page-layout-block .b-main-block.account-settings .account-settings-switcher .object-edit-field-base,
.page-layout-block .b-main-block.ai-settings .account-settings-switcher .object-edit-field-base,
.page-layout-block .b-main-block.account-security .account-settings-switcher .object-edit-field-base {
margin-left: 16px;
margin-right: 16px;
margin-bottom: 16px;
}
.page-layout-block .b-main-block.account-settings .account-settings-switcher.long-field,
.page-layout-block .b-main-block.ai-settings .account-settings-switcher.long-field,
.page-layout-block .b-main-block.account-security .account-settings-switcher.long-field {
max-width: 680px;
}
.page-layout-block .b-main-block.account-settings .account-settings-switcher.short-field,
.page-layout-block .b-main-block.ai-settings .account-settings-switcher.short-field,
.page-layout-block .b-main-block.account-security .account-settings-switcher.short-field {
max-width: 420px;
}
.page-layout-block .b-main-block.account-settings .value-selector,
.page-layout-block .b-main-block.ai-settings .value-selector,
.page-layout-block .b-main-block.account-security .value-selector {
margin: 12px 0 8px 0;
}
.page-layout-block .b-main-block.account-settings .logo-container,
.page-layout-block .b-main-block.ai-settings .logo-container,
.page-layout-block .b-main-block.account-security .logo-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.page-layout-block .b-main-block.account-settings .logo-container .short-field,
.page-layout-block .b-main-block.ai-settings .logo-container .short-field,
.page-layout-block .b-main-block.account-security .logo-container .short-field {
max-width: 420px;
}
.page-layout-block .b-main-block.account-settings .tooltip-actions,
.page-layout-block .b-main-block.ai-settings .tooltip-actions,
.page-layout-block .b-main-block.account-security .tooltip-actions {
margin-bottom: 16px;
}
.page-layout-block .b-main-block.account-settings .source-access-title,
.page-layout-block .b-main-block.ai-settings .source-access-title,
.page-layout-block .b-main-block.account-security .source-access-title {
font-size: 16px;
font-weight: 600;
}
.page-layout-block .b-main-block.account-settings .source-access-block,
.page-layout-block .b-main-block.ai-settings .source-access-block,
.page-layout-block .b-main-block.account-security .source-access-block {
margin-top: 20px;
}
.planfix-integration-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.planfix-integration-header > .icon {
width: 64px;
height: 64px;
}
.planfix-integration-header > * .b-before-green-block {
margin-top: 0;
padding-left: 0;
padding-bottom: 5px;
}
.planfix-integration-header > .b-main-block-content {
padding: 0 20px;
flex-grow: 1;
}
.planfix-integration-header > * .b-green-block {
display: block !important;
padding: 15px 0 0 0;
}
.planfix-integration-content-block {
max-height: calc(100vh - 155px);
overflow-y: scroll;
margin-left: 64px;
padding: 0 20px;
}
.planfix-integration-content-block > .account-conf {
width: 100%;
}
.planfix-integration-content-block > .account-conf > .conf-row {
margin-bottom: 40px;
}
.planfix-integration-content-block > .account-conf > * .short-description {
margin-bottom: 0;
}
.planfix-integration-content-block > .planfix-integration-title-information {
color: var(--confirm-win-head-bg, #4B4B4B);
font-size: 18px;
font-weight: bold;
line-height: 18px;
margin-bottom: 20px;
}
.panel-layout-integration-params-edit .integration-edit-settings-target {
height: 100%;
padding-top: 0;
}
.panel-layout-integration-params-edit.page-layout-container {
height: calc(100% - 50px);
}
.panel-layout-integration-params-edit.page-layout-container .page-layout-block-resizer {
pointer-events: none;
cursor: default;
}
.edit-settings {
height: 100%;
padding: 0 15px;
background-color: var(--report-save-empty-bg, #EBEBEB);
}
.edit-settings .title-block span {
font-size: 24px;
color: var(--chzn-text, #444444);
}
.integration-params-win {
max-width: 1000px;
min-height: 500px;
height: 100%;
padding: 25px 25px 0 25px;
}
.integration-params-win .title-block {
padding: 0 35px 20px 0;
cursor: move;
}
.integration-params-win .title-block span {
font-size: 24px;
color: var(--popup-win-header, #747474);
}
.integration-params-win .scroll-block {
overflow: auto;
margin-right: -25px;
padding-right: 15px;
}
.integration-params-win .svg-icon-help {
padding-left: 5px;
vertical-align: bottom;
cursor: pointer;
}
.integration-params-win .integration-block-header {
padding-bottom: 10px;
}
.integration-params-win .integration-block-header .field-header {
color: var(--common-filter-top-text, #a3a3a3);
padding-bottom: 8px;
font-size: 12px;
}
.integration-params-win .integration-block-container {
padding-bottom: 20px;
}
.integration-params-win .integration-block-container.flex {
display: flex;
}
.integration-params-win .integration-block-container .url,
.integration-params-win .integration-block-container .token {
background-color: var(--report-save-empty-bg, #ebebeb);
}
.integration-params-win .integration-block-container .copy-clipboard {
cursor: pointer;
background: none;
}
.integration-params-win .integration-block-container .provider-subtype,
.integration-params-win .integration-block-container .providerId {
width: 100% !important;
}
.integration-params-win .integration-block-container input,
.integration-params-win .integration-block-container .chzn-container,
.integration-params-win .integration-block-container .chzn-drop,
.integration-params-win .integration-block-container summary {
width: 100% !important;
box-sizing: border-box;
border-bottom: 1px solid var(--gray-input-border, #bbb);
}
.integration-params-win .integration-block-container input a,
.integration-params-win .integration-block-container .chzn-container a,
.integration-params-win .integration-block-container .chzn-drop a,
.integration-params-win .integration-block-container summary a {
border: none;
}
.integration-params-win .integration-block-container input [readonly],
.integration-params-win .integration-block-container .chzn-container [readonly],
.integration-params-win .integration-block-container .chzn-drop [readonly],
.integration-params-win .integration-block-container summary [readonly] {
cursor: pointer;
}
.integration-params-win .integration-block-container summary {
outline: none;
color: var(--integration-win-summary, #474747);
cursor: pointer;
font-size: 97%;
font-weight: bold;
background-color: var(--confirm-win-content-border, #d9d9d9);
padding: 5px 0 5px 10px;
margin-bottom: 10px;
}
.integration-params-win .integration-block-container .separator-params {
position: relative;
margin: 20px 0;
padding: 8px;
border-radius: 3px;
background-color: var(--grey-list-border, #dfdfdf);
font-size: 15px;
font-weight: 600;
color: var(--task-card-add-action-svg-path, #525252);
}
.integration-params-win .integration-block-container table {
width: 100%;
table-layout: fixed;
color: grey;
}
.integration-params-win .integration-block-container table td {
padding: 5px;
width: 50% !important;
cursor: pointer;
}
.integration-params-win .integration-block-container table td.td-item {
border-bottom: 1px solid var(--viewer-file-container, #dcdcdc);
border-top: none;
}
.integration-params-win .integration-block-container table td.remove {
width: 10px !important;
padding-right: 10px !important;
}
.integration-params-win .integration-block-container table td:last-child {
padding-right: 0;
}
.integration-params-win .integration-block-container table td:nth-child(2) {
box-sizing: border-box;
}
.integration-params-win .integration-block-container table td:nth-child(2) input {
width: calc(100% - 21px) !important;
}
.integration-params-win .integration-block-container table td:nth-child(2) input.instance-name {
width: 100% !important;
}
.integration-params-win .integration-block-container table td:nth-child(2) div {
width: 21px;
padding-left: 5px;
display: inline-block;
box-sizing: border-box;
padding-top: 3px;
}
.integration-params-win .integration-block-container table td:nth-child(2) div svg {
display: block;
}
.integration-params-win .integration-block-container table thead {
background: var(--white-black, #fff);
color: var(--toggle-switcher-bg, #acacac);
font-size: 97%;
}
.integration-params-win .integration-block-container table thead td {
cursor: auto;
border-top: 1px solid var(--viewer-file-container, #dcdcdc);
border-bottom: 1px solid var(--viewer-file-container, #dcdcdc);
}
.integration-params-win .integration-block-container table tbody td select {
width: 100%;
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td,
.integration-params-win .integration-block-container table tfoot .update-instance-block td,
.integration-params-win .integration-block-container table tfoot .add-account-block td {
margin-top: 5px;
padding-bottom: 0;
cursor: auto;
border: none;
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-add-block .btn-add,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-add-block .btn-add,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-add-block .btn-add,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-update-block .btn-add,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-update-block .btn-add,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-update-block .btn-add,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-add-block .btn-update,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-add-block .btn-update,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-add-block .btn-update,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-update-block .btn-update,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-update-block .btn-update,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-update-block .btn-update {
position: relative;
display: flex;
width: max-content;
height: 17px;
cursor: pointer;
margin: 12px 12px 12px 5px;
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-add-block .btn-add .icon-plus,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-add-block .btn-add .icon-plus,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-add-block .btn-add .icon-plus,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-update-block .btn-add .icon-plus,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-update-block .btn-add .icon-plus,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-update-block .btn-add .icon-plus,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-add-block .btn-update .icon-plus,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-add-block .btn-update .icon-plus,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-add-block .btn-update .icon-plus,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-update-block .btn-update .icon-plus,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-update-block .btn-update .icon-plus,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-update-block .btn-update .icon-plus {
margin-right: 6px;
z-index: 1;
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-add-block .btn-add .icon-plus svg,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-add-block .btn-add .icon-plus svg,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-add-block .btn-add .icon-plus svg,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-update-block .btn-add .icon-plus svg,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-update-block .btn-add .icon-plus svg,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-update-block .btn-add .icon-plus svg,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-add-block .btn-update .icon-plus svg,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-add-block .btn-update .icon-plus svg,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-add-block .btn-update .icon-plus svg,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-update-block .btn-update .icon-plus svg,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-update-block .btn-update .icon-plus svg,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-update-block .btn-update .icon-plus svg {
width: 16px;
height: 16px;
fill: #62A70A;
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-add-block .btn-add .fakelink-dashed,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-add-block .btn-add .fakelink-dashed,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-add-block .btn-add .fakelink-dashed,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-update-block .btn-add .fakelink-dashed,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-update-block .btn-add .fakelink-dashed,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-update-block .btn-add .fakelink-dashed,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-add-block .btn-update .fakelink-dashed,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-add-block .btn-update .fakelink-dashed,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-add-block .btn-update .fakelink-dashed,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-update-block .btn-update .fakelink-dashed,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-update-block .btn-update .fakelink-dashed,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-update-block .btn-update .fakelink-dashed {
color: #5881B8;
border-bottom: none;
padding-left: 2px;
z-index: 1;
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-add-block .btn-add:hover:before,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-add-block .btn-add:hover:before,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-add-block .btn-add:hover:before,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-update-block .btn-add:hover:before,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-update-block .btn-add:hover:before,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-update-block .btn-add:hover:before,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-add-block .btn-update:hover:before,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-add-block .btn-update:hover:before,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-add-block .btn-update:hover:before,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .btn-update-block .btn-update:hover:before,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .btn-update-block .btn-update:hover:before,
.integration-params-win .integration-block-container table tfoot .add-account-block td .btn-update-block .btn-update:hover:before {
content: "";
position: absolute;
top: -7px;
bottom: -6px;
left: -8px;
right: -10px;
background: var(--task-filter-block-add-hover, #d1d1d18f);
border-radius: 5px;
z-index: 0;
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block {
display: flex;
height: 30px;
margin-top: 5px;
padding: 0;
width: 100%;
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-line-phone-number-input,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-line-phone-number-input,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-line-phone-number-input,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-account-name-input,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-account-name-input,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-account-name-input {
width: 270px;
position: relative;
padding: 5px 25px 5px 5px;
border: 1px solid var(--viewer-file-container, #dcdcdc);
border-radius: 6px;
background: var(--white-black, #fff);
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-line-phone-number-input input,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-line-phone-number-input input,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-line-phone-number-input input,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-account-name-input input,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-account-name-input input,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-account-name-input input {
margin: 0;
color: var(--new-field-name-input, #5e5e5e);
background: none;
border: none;
outline: none;
font-size: 13px;
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-line-phone-number-input input ::placeholder,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-line-phone-number-input input ::placeholder,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-line-phone-number-input input ::placeholder,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-account-name-input input ::placeholder,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-account-name-input input ::placeholder,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-account-name-input input ::placeholder {
color: var(--toggle-switcher-bg, #acacac);
opacity: 1;
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-line-phone-number-input .btn-clear-input,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-line-phone-number-input .btn-clear-input,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-line-phone-number-input .btn-clear-input,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-account-name-input .btn-clear-input,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-account-name-input .btn-clear-input,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-account-name-input .btn-clear-input {
position: absolute;
top: 6px;
right: 6px;
cursor: pointer;
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-line-phone-number-input .btn-clear-input svg,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-line-phone-number-input .btn-clear-input svg,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-line-phone-number-input .btn-clear-input svg,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-account-name-input .btn-clear-input svg,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-account-name-input .btn-clear-input svg,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-account-name-input .btn-clear-input svg {
width: 16px;
height: 16px;
stroke: var(--task-card-action-normal-author, #a7a7a7);
}
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-line-phone-submit,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-line-phone-submit,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-line-phone-submit,
.integration-params-win .integration-block-container table tfoot .add-line-phone-block td .input-add-block .new-account-submit,
.integration-params-win .integration-block-container table tfoot .update-instance-block td .input-add-block .new-account-submit,
.integration-params-win .integration-block-container table tfoot .add-account-block td .input-add-block .new-account-submit {
height: 28px;
margin: 1px 10px;
background-color: #0087ff;
color: var(--white-black, #ffffff);
border: none;
padding: 0 10px;
border-radius: 3px;
font-size: 14px;
outline: none;
cursor: pointer;
}
.integration-params-win .integration-block-container .row-delete {
cursor: pointer;
}
.integration-params-win .integration-block-container .tr-task-active .row-delete > svg:hover {
stroke: var(--task-deadline-dead, #fd0000);
}
.integration-params-win .integration-textarea-block-container {
padding: 2px 8px;
margin-bottom: 20px;
background: var(--white-black, #fff);
border-bottom: 1px solid var(--gray-input-border, #bbb);
}
.integration-params-win .integration-textarea-block-container > textarea {
width: 100%;
overflow: hidden;
border: 0;
outline: none;
resize: none;
}
.integration-params-win .integration-switcher {
display: flex;
padding-bottom: 10px;
cursor: pointer;
}
.integration-params-win .integration-switcher .toggle-label {
width: 85%;
padding: 0 0 0 10px;
color: #a3a3a3;
font-size: 12px;
}
.integration-params-new {
display: flex;
min-width: 656px;
flex-direction: column;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
background: var(--white-black, #FFF);
}
.integration-params-new .header-container {
padding: 24px 16px 24px 24px;
}
.integration-params-new .header-container .title-block {
cursor: move;
}
.integration-params-new .header-container .title-block span {
padding: 24px 0;
color: var(--gray-dark-icon, #626262);
font-size: 22px;
}
.integration-params-new .params-container {
padding-bottom: 40px;
background: var(--date-picker-bg, #F5F5F5);
}
.integration-params-new .params-container .switcher-container {
padding: 31px 24px;
gap: 10px;
}
.integration-params-new .params-container .switcher-container .enabled-panel-text {
color: var(--gray-dark-icon, #626262);
font-size: 15px;
cursor: default;
}
.account-logo-section {
margin-bottom: 24px;
}
.account-logo-section .title {
margin-bottom: 12px;
font-size: 16px;
}
.account-logo-wrapper {
display: flex;
align-items: center;
gap: 8px;
margin-top: 16px;
}
.account-logo-wrapper .account-current-logo {
display: flex;
align-items: center;
}
.account-logo-wrapper .account-current-logo .account-current-logo-block {
display: flex;
flex-direction: column;
}
.account-logo-wrapper .account-current-logo .account-current-logo-block .account-logo-img {
width: 116px;
height: 46px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 0 8px;
}
.account-logo-wrapper .account-current-logo .account-current-logo-block .account-logo-img img {
max-height: 24px;
max-width: 100%;
z-index: 1;
}
.account-logo-wrapper .account-current-logo .account-current-logo-block .account-logo-img .account-logo-img-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.account-logo-wrapper .account-current-logo .account-current-logo-block .account-remove-current-logo {
cursor: pointer;
margin-left: 8px;
opacity: 0.6;
}
.account-logo-wrapper .account-current-logo .account-current-logo-block .account-remove-current-logo:hover {
opacity: 1;
}
.page-layout-block .account-logo-section .account-logo-wrapper .account-logo-dnd {
padding: 12px 16px;
border: 1px dashed rgba(0, 0, 0, 0.15);
border-radius: 4px;
margin: 0;
min-height: 46px;
width: 276px;
cursor: pointer;
transition: all 0.2s ease;
}
.page-layout-block .account-logo-section .account-logo-wrapper .account-logo-dnd:hover {
border-color: rgba(0, 0, 0, 0.3);
background-color: rgba(0, 0, 0, 0.03);
}
.page-layout-block .account-logo-section .account-logo-wrapper .account-logo-dnd.absolute {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 100%;
}
.account-logo-wrapper_tight .account-current-logo .account-current-logo-block .account-logo-img {
width: 56px;
}
.account-logo-wrapper_tight .account-logo-dnd.upload-file-dropbox-zone.account-logo-login-form-dnd,
.account-logo-wrapper_tight .account-logo-dnd.upload-file-dropbox-zone.account-custom-domain-dnd,
.account-logo-wrapper_tight .account-logo-title-wrapper {
width: 352px;
}
.account-logo-wrapper .upload-file-dropbox-zone-select-files .upload-file-dropbox-files {
position: relative;
overflow: hidden;
width: unset;
}
.account-logo-wrapper .upload-file-dropbox-zone-select-files .upload-file-dropbox-files input[type=file] {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
}
.account-logo-title-wrapper {
box-sizing: border-box;
border: 1px dashed rgba(0, 0, 0, 0.15);
border-radius: 4px;
margin: 0;
display: flex;
align-items: center;
width: 100%;
max-width: 246px;
min-width: 0;
min-height: 46px;
cursor: pointer;
transition: all 0.2s ease;
background-color: var(--white-black, #ffffff);
position: relative;
padding: 12px;
}
.account-logo-title-wrapper .account-logo-title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.account-logo-title-wrapper .account-remove-current-logo {
margin-left: auto;
padding-left: 11px;
}
.account-logo-title-wrapper .account-remove-current-logo svg {
stroke: var(--gray-dark-icon, #626262);
}
.waba-template-manager-popup {
padding: 0;
min-width: 800px;
max-width: 1000px;
}
.waba-template-manager-popup .waba-template-actions {
display: flex;
gap: 12px;
margin-bottom: 16px;
padding: 16px 16px 0 16px;
}
.waba-template-manager-popup .waba-template-actions .btn {
padding: 8px 16px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
}
.waba-template-manager-popup .waba-template-actions .btn.btn-primary {
background-color: var(--activeSlider, #5f3899);
color: var(--white-black, #fff);
}
.waba-template-manager-popup .waba-template-actions .btn.btn-secondary {
background-color: var(--gray-border, #e2e2e2);
color: var(--gray-dark-icon, #626262);
}
.waba-template-manager-popup .waba-template-actions .btn:hover {
opacity: 0.9;
}
.waba-template-manager-popup .waba-templates-list {
max-height: 500px;
overflow-y: auto;
margin: 0 16px 16px 16px;
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 4px;
padding: 12px;
}
.waba-template-manager-popup .waba-templates-list::-webkit-scrollbar {
width: 6px;
}
.waba-template-manager-popup .waba-templates-list::-webkit-scrollbar-track {
background: var(--gray-border-light, #f5f5f5);
border-radius: 3px;
}
.waba-template-manager-popup .waba-templates-list::-webkit-scrollbar-thumb {
background: var(--gray-dark-icon, #626262);
border-radius: 3px;
}
.waba-template-manager-popup .waba-templates-list::-webkit-scrollbar-thumb:hover {
background: var(--activeSlider, #5f3899);
}
.waba-template-manager-popup .waba-templates-list .loading-spinner {
text-align: center;
padding: 20px;
color: var(--gray-dark-icon, #626262);
}
.waba-template-manager-popup .waba-templates-list .no-templates {
text-align: center;
padding: 40px 20px;
color: var(--gray-dark-icon, #626262);
font-style: italic;
}
.waba-template-manager-popup .waba-templates-list .templates-container {
display: flex;
flex-direction: column;
gap: 12px;
}
.waba-template-manager-popup .waba-templates-list .template-item {
background-color: var(--white-black, #fff);
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 8px;
padding: 16px;
transition: box-shadow 0.2s ease;
}
.waba-template-manager-popup .waba-templates-list .template-item:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.waba-template-manager-popup .waba-templates-list .template-item .template-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-header .template-name {
font-weight: 600;
font-size: 14px;
color: var(--chzn-text, #444444);
}
.waba-template-manager-popup .waba-templates-list .template-item .template-header .template-status {
padding: 4px 8px;
border-radius: 12px;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-header .template-status.status-approved {
background-color: #d4edda;
color: #155724;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-header .template-status.status-rejected {
background-color: #f8d7da;
color: #721c24;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-header .template-status.status-pending {
background-color: #fff3cd;
color: #856404;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-header .template-status.status-paused {
background-color: #e2e3e5;
color: #383d41;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-header .template-status.status-unknown {
background-color: var(--gray-border, #e2e2e2);
color: var(--gray-dark-icon, #626262);
}
.waba-template-manager-popup .waba-templates-list .template-item .template-info {
display: flex;
gap: 16px;
margin-bottom: 8px;
font-size: 12px;
color: var(--gray-dark-icon, #626262);
}
.waba-template-manager-popup .waba-templates-list .template-item .template-body {
font-size: 13px;
line-height: 1.4;
margin-bottom: 12px;
color: var(--gray-dark-icon, #626262);
white-space: pre-wrap;
word-break: break-word;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-body .template-header-preview,
.waba-template-manager-popup .waba-templates-list .template-item .template-body .template-body-preview,
.waba-template-manager-popup .waba-templates-list .template-item .template-body .template-footer-preview {
margin: 4px 0;
line-height: 1.3;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-body .template-header-preview strong,
.waba-template-manager-popup .waba-templates-list .template-item .template-body .template-body-preview strong,
.waba-template-manager-popup .waba-templates-list .template-item .template-body .template-footer-preview strong {
color: var(--gray-dark, #333);
font-weight: 600;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-body .template-header-preview {
padding-bottom: 4px;
border-bottom: 1px solid var(--gray-light, #e0e0e0);
}
.waba-template-manager-popup .waba-templates-list .template-item .template-body .template-footer-preview {
padding-top: 4px;
border-top: 1px solid var(--gray-light, #e0e0e0);
font-size: 11px;
color: var(--gray-medium, #666);
}
.waba-template-manager-popup .waba-templates-list .template-item .template-actions {
display: flex;
justify-content: flex-end;
gap: 8px;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-actions .btn-small {
padding: 6px 12px;
font-size: 12px;
border: none;
border-radius: 4px;
cursor: pointer;
background-color: var(--activeSlider, #5f3899);
color: var(--white-black, #fff);
}
.waba-template-manager-popup .waba-templates-list .template-item .template-actions .btn-small:hover {
opacity: 0.9;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-actions .btn-small.btn-danger {
background-color: #dc3545;
color: var(--white-black, #fff);
}
.waba-template-manager-popup .waba-templates-list .template-item .template-actions .btn-small.btn-danger:hover {
background-color: #c82333;
opacity: 1;
}
.waba-template-manager-popup .waba-templates-list .template-item .template-actions .edit-disabled-hint {
font-size: 11px;
color: var(--gray-dark-icon, #626262);
font-style: italic;
padding: 6px 0;
}
.template-dialog {
min-width: 500px;
max-width: 600px;
}
.template-dialog .template-form {
padding: 24px;
background: var(--white-black, #fff);
border-radius: 8px;
}
.template-dialog .template-form .form-group {
margin-bottom: 20px;
}
.template-dialog .template-form .form-group label {
display: block;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
color: var(--gray-dark-icon, #626262);
}
.template-dialog .template-form .form-group .text-box {
width: 100%;
padding: 8px 0 8px 0;
border: 2px solid var(--gray-border, #e2e2e2);
border-radius: 6px;
font-size: 14px;
font-family: inherit;
background: var(--white-black, #fff);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.template-dialog .template-form .form-group .text-box:focus {
outline: none;
border-color: var(--activeSlider, #5f3899);
box-shadow: 0 0 0 3px rgba(95, 56, 153, 0.1);
}
.template-dialog .template-form .form-group .text-box:disabled {
background-color: var(--date-picker-bg, #f5f5f5);
color: var(--gray-dark-icon, #626262);
cursor: not-allowed;
}
.template-dialog .template-form .form-group select.text-box {
appearance: none;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
background-position: right 12px center;
background-repeat: no-repeat;
background-size: 16px;
padding-right: 40px;
}
.template-dialog .template-form .form-group textarea.text-box {
resize: vertical;
min-height: 120px;
line-height: 1.5;
}
.template-dialog .template-form .form-group .form-hint {
display: block;
margin-top: 4px;
font-size: 11px;
color: var(--gray-dark-icon, #626262);
font-style: italic;
}
.template-dialog .template-form .dialog-buttons {
display: flex;
gap: 12px;
justify-content: flex-end;
margin-top: 32px;
padding-top: 20px;
border-top: 2px solid var(--gray-border, #e2e2e2);
}
.template-dialog .template-form .dialog-buttons .btn {
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
transition: all 0.2s ease;
min-width: 100px;
}
.template-dialog .template-form .dialog-buttons .btn.btn-primary {
background-color: var(--activeSlider, #5f3899);
color: var(--white-black, #fff);
box-shadow: 0 2px 4px rgba(95, 56, 153, 0.2);
}
.template-dialog .template-form .dialog-buttons .btn.btn-primary:hover {
background-color: #4a2c7a;
box-shadow: 0 4px 8px rgba(95, 56, 153, 0.3);
transform: translateY(-1px);
}
.template-dialog .template-form .dialog-buttons .btn.btn-primary:active {
transform: translateY(0);
}
.template-dialog .template-form .dialog-buttons .btn.btn-secondary {
background-color: var(--white-black, #fff);
color: var(--gray-dark-icon, #626262);
border: 2px solid var(--gray-border, #e2e2e2);
}
.template-dialog .template-form .dialog-buttons .btn.btn-secondary:hover {
background-color: var(--date-picker-bg, #f5f5f5);
border-color: var(--gray-input-border, #BBBBBB);
}
.template-dialog .template-form .dialog-buttons .btn.btn-secondary:active {
background-color: var(--gray-border, #e2e2e2);
}
.g-popup-win-scroll .template-dialog .g-popup-win-scroll-content-main {
padding: 0;
background: transparent;
}
.integration-telephony-item {
border: 1px solid var(--integration-telephony-item-border, #e3e1e3);
box-shadow: border-box;
width: 191px;
height: 196px;
}
.integration-telephony-item .it-item-name {
font-size: 14px;
text-align: center;
color: var(--gray-site, #454546);
padding-top: 20px;
height: 37px;
text-overflow: ellipsis;
overflow: hidden;
padding-left: 10px;
padding-right: 10px;
}
.integration-telephony-item .it-item-pic {
width: 138px;
height: 67px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto;
text-align: center;
}
.integration-telephony-item .it-item-pic svg {
width: 138px;
height: 67px;
}
.integration-telephony-item .it-item-pic img.group-pic.h50-pt8 {
height: 50px;
padding-top: 8px;
}
.integration-telephony-item .it-item-pic img {
height: 67px;
max-width: 138px;
}
.integration-telephony-item .it-item-btns {
display: flex;
border-top: 1px solid var(--integration-telephony-item-border, #e3e1e3);
margin-top: 25px;
overflow: hidden;
}
.integration-telephony-item .it-item-btns .item-button {
cursor: pointer;
flex-grow: 1;
justify-content: center;
display: flex;
padding-bottom: 15px;
height: 18px;
padding-top: 13px;
}
.integration-telephony-item .it-item-btns .item-button.gear {
padding-bottom: 15px;
height: 19px;
padding-top: 12px;
transition: 0.3s;
}
.integration-telephony-item .it-item-btns .item-button:last-child {
border-right: none;
}
.integration-telephony-item .it-item-btns .item-button .icon-check {
fill: var(--integration-telephony-icon, #c3c1ca);
}
.integration-telephony-item .it-item-btns .item-button .icon-warning,
.integration-telephony-item .it-item-btns .item-button .icon-delete {
fill: #f33;
}
.integration-telephony-item .it-item-btns .item-button .toggle-switcher,
.integration-telephony-item .it-item-btns .item-button .row-delete {
cursor: pointer;
}
.integration-telephony-item .it-item-btns .item-button .icon-gear {
cursor: pointer;
}
.integration-telephony-item .it-item-btns .item-button .icon-gear svg {
fill: var(--integration-telephony-icon, #c3c1ca);
width: 19px;
height: 19px;
}
.integration-telephony-item .it-item-btns .item-button:hover .icon-gear:not(.inactive) svg,
.integration-telephony-item .it-item-btns .item-button:hover .icon-check svg {
fill: #1abe72;
}
.integration-telephony-item .it-item-btns .item-button:hover .svg-icon-remove svg {
stroke: var(--task-deadline-dead, #fd0000);
}
.integration-telephony-item .it-item-btns .item-button .unlock .ts-blt {
background-color: var(--activeSlider);
}
.integration-telephony-item .it-item-btns .item-button .toggle-switcher .ts-blt {
background-color: var(--grey-action-list, #7f7f7f);
}
.integration-telephony-item .it-item-btns .item-button .toggle-switcher.unlock:not(.inactive) .ts-blt {
background: #1abe72;
}
.integration-telephony-item .it-item-btns.lock .item-button.gear {
margin-right: -100%;
transition: 0.3s;
}
.integration-telephony-item .it-item-btns.lock .item-button.delete {
margin-right: -20%;
transition: 0.3s;
}
.integration-telephony-item.active {
border-color: var(--accept-btn, #1abe72);
border-radius: 2px;
}
.integration-telephony-item.active .it-item-btns .item-button .icon-check svg {
fill: #1abe72;
}
.integration-telephony-item.active .it-item-btns .item-button .icon-delete {
display: none;
}
.integration-telephony-item.active .it-item-btns .item-button:hover .icon-check {
display: none;
}
.integration-telephony-item.active .it-item-btns .item-button:hover .icon-delete {
display: block;
}
.integration-telephony-list,
.integration-whatsapp-list {
display: grid;
grid-template-columns: repeat(auto-fill, 200px);
justify-content: start;
column-gap: 20px;
}
.integration-telephony-list .integration-telephony-item,
.integration-whatsapp-list .integration-telephony-item {
background-color: var(--main-menu-popup-bg, #ffffff);
margin-right: 23px;
margin-bottom: 23px;
border-radius: 10px;
}
.b-integration-sms .integration-telephony-item .it-item-name {
white-space: pre-line;
}
.panel-layout-translate-open-ai.page-layout-container .page-layout-block-resizer {
pointer-events: none;
cursor: default;
}
.panel-layout-translate-open-ai .b-last-block:not(.leftmenu-container) {
background: var(--background-color-light-gray, #f7f7f7);
}
.panel-layout-translate-open-ai .openai-edit-prompt .open-ai-edit-dialog {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
.panel-layout-translate-open-ai .openai-edit-prompt .open-ai-edit-dialog.scroll-block {
overflow-y: auto;
scrollbar-width: thin;
}
.panel-layout-translate-open-ai .open-ai-edit-dialog.scroll-block {
overflow-y: auto;
scrollbar-width: thin;
}
.panel-layout-translate-open-ai .open-ai-edit-dialog .dialog-bottom-panel-button-rc {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
.open-ai-edit-dialog {
padding: 0 16px;
color: var(--confirm-win-head-bg, #4B4B4B);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.open-ai-edit-dialog__content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
margin-bottom: 32px;
}
.open-ai-edit-dialog .title-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 32px 35px 0 0;
margin-bottom: -12px;
font-size: 22px;
font-weight: 400;
color: var(--support-center-text, #4F4F4F);
}
.open-ai-edit-dialog .key-api-container {
max-width: 575px;
gap: 8px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.open-ai-edit-dialog .interface-container .value-selector_employees {
margin: 13px 0 0;
}
.open-ai-edit-dialog .interface-container .value-selector_employees .value-selector__item {
text-transform: uppercase;
}
.open-ai-edit-dialog .interface-container .select-item {
margin-top: 16px;
}
.open-ai-edit-dialog .add-language-container .tbl-add-language {
margin-top: 16px;
}
.open-ai-edit-dialog .add-language-container .tbl-add-language .td-head {
background: var(--file-upload-ubloaded-block, #EAEAEA);
font-size: 14px;
font-weight: 400;
color: var(--text-color, #343434);
border-top: 1px solid var(--grey-list-border, #DEDEDE);
border-bottom: 1px solid var(--grey-list-border, #DEDEDE);
padding: 5px 16px 3px;
}
.open-ai-edit-dialog .add-language-container .tbl-add-language .td-head:first-child {
border-radius: 6px 0 0;
}
.open-ai-edit-dialog .add-language-container .tbl-add-language .td-head:last-child {
border-right: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 0 6px 0 0;
}
.open-ai-edit-dialog .add-language-container .tbl-add-language .td-head-fake {
border-left: unset;
}
.open-ai-edit-dialog .add-language-container .tbl-add-language .td-item {
padding: 0;
}
.open-ai-edit-dialog .add-language-container .tbl-add-language .td-item.td-item-config {
text-align: center;
background: var(--task-edit-checklist-hover, #ffffff);
box-shadow: -3px 0 4px 0 var(--open-ai-dialog-item-config-shadow, rgba(226, 226, 226, 0.7));
}
.open-ai-edit-dialog .add-language-container .tbl-add-language .td-item.not-left-border {
border-left: none !important;
}
.open-ai-edit-dialog .add-language-container .tbl-add-language .td-item.default .object-edit-table-chosen:not(.edit-state).empty .label {
color: var(--grey-list-border, #DEDEDE);
}
.open-ai-edit-dialog .add-language-container .tbl-add-language .tr-item.default .object-edit-table-chosen:not(.edit-state).empty .label {
color: var(--grey-list-border, #DEDEDE);
}
.open-ai-edit-dialog .add-language-container .tbl-add-language .tr-item.active td {
background-color: var(--task-status-mix, var(--cardmenu-back, #53586b));
}
.open-ai-edit-dialog .auto-translate-container .auto-translate-project {
margin-top: 16px;
}
.open-ai-edit-dialog .auto-translate-container .object-edit-field-base {
height: auto;
}
.open-ai-edit-dialog .auto-translate-container .usually-switcher-rc-v2 {
margin: 6px 0;
}
.open-ai-edit-dialog .title {
font-size: 18px;
font-weight: 400;
}
.open-ai-edit-dialog .short-field {
max-width: 287px;
}
.open-ai-edit-dialog .middle-field {
max-width: 575px;
}
.account-manage-post:not(.tbl-list) .account-manage-post-text {
font-size: 14px;
padding: 10px 20px;
font-weight: bold;
}
.account-manage-post:not(.tbl-list) .email-smtp-switch-block {
font-weight: bold;
padding-top: 20px;
font-size: 14px;
}
.account-manage-post:not(.tbl-list) .email-signature-switch-block {
font-weight: bold;
padding-top: 20px;
font-size: 14px;
}
.account-manage-post-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.account-manage-post-block a {
margin: 0 0 0 auto;
}
.account-manage-post-block a i {
display: block;
}
.account-manage-post-block label.inactive {
color: var(--link-color-gray, #9d9d9d);
cursor: default;
}
.account-manage-post-block select.text-box {
padding: 1px 5px;
border-bottom: none;
}
.account-manage-post .fakelink {
font-size: 15px;
line-height: 15px;
}
.account-manage-post .td-task-name {
overflow: unset;
border-left-color: transparent !important;
}
.account-manage-post .td-task-name-link {
margin-right: 9px;
}
.account-manage-post .tr-common-item:hover select.text-box,
.account-manage-post .tr-common-item:hover .chzn-container-single .chzn-single,
.account-manage-post .tr-common-item:hover .chzn-container {
background-color: var(--gray-modal-background, #ebebeb);
}
.account-post-out-task-multiple-receivers-option,
.account-post-out-task-template {
height: 34px;
}
.account-manage-post-template-wrapper {
font-size: 12px;
padding-left: 23px;
display: none;
}
.account-manage-post-template-wrapper span {
color: var(--grey-label, #838383);
}
.account-manage-post-template-wrapper.loading {
background: url(/img/indicator_menu.gif) no-repeat 1px center;
}
.account-manage-post-template-wrapper select {
width: 400px;
}
p.email-default-templates-header,
p.account-manage-post-header {
margin-top: 28px;
margin-bottom: 8px;
}
.default-template-switcher .toggle-switcher {
display: block;
margin: auto;
}
.default-template-switcher .toggle-switcher .ts-blt {
background-color: var(--gray, #7f7f7f);
}
.robot-email-add {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding-top: 10px;
}
.robot-email-add .svg-icon-16px {
padding-right: 5px;
}
.page-main:has(.oauth-consent-wrapper) > .main-menu {
display: none;
}
.oauth-consent-wrapper {
position: fixed;
inset: 0;
z-index: 31;
height: 100%;
height: 100dvh;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
background: var(--background-color-light-gray, #f7f7f7);
}
.oauth-consent {
display: flex;
flex-direction: column;
width: 640px;
max-width: 100%;
max-height: 100%;
min-height: 0;
overflow: hidden;
border: 1px solid var(--confirm-win-content-border, #d9d9d9);
border-radius: 12px;
background: var(--white-black, #fff);
color: var(--text-color, #343434);
box-shadow: 0 8px 32px var(--dialog-box-shadow-ultralight, rgba(0, 0, 0, 0.15));
font-size: 15px;
line-height: 1.5;
overflow-wrap: anywhere;
box-sizing: border-box;
}
.oauth-consent__content {
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
padding: 28px 32px 24px;
}
.oauth-consent__brand {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 24px;
font-size: 18px;
font-weight: 600;
}
.oauth-consent__logo {
display: flex;
width: 24px;
height: 30px;
}
.oauth-consent__title {
margin: 0 0 12px;
font-size: 26px;
font-weight: 600;
line-height: 1.25;
}
.oauth-consent__description {
margin: 0 0 20px;
font-size: 16px;
}
.oauth-consent__identity {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin: 0 0 12px;
padding: 16px;
border-radius: 8px;
background: var(--background-color-light-gray, #f7f7f7);
}
.oauth-consent__identity dt,
.oauth-consent__metadata dt {
margin-bottom: 4px;
color: var(--gray-dark-icon, #626262);
font-size: 13px;
}
.oauth-consent__identity dd,
.oauth-consent__metadata dd {
margin: 0;
}
.oauth-consent__identity dd {
font-weight: 600;
}
.oauth-consent__hint {
margin: 0 0 20px;
color: var(--gray-dark-icon, #626262);
font-size: 13px;
}
.oauth-consent__notice {
margin-bottom: 20px;
padding: 14px 16px;
border-left: 3px solid var(--activeButton, #0fabdd);
border-radius: 0 8px 8px 0;
background: var(--background-color-light-gray, #f7f7f7);
font-size: 14px;
}
.oauth-consent__notice p {
margin: 0;
}
.oauth-consent__details {
border-top: 1px solid var(--confirm-win-content-border, #d9d9d9);
}
.oauth-consent__summary {
display: flex;
align-items: center;
gap: 10px;
padding: 16px 0;
cursor: pointer;
font-weight: 600;
list-style: none;
}
.oauth-consent__summary::-webkit-details-marker {
display: none;
}
.oauth-consent__summary::after {
content: '';
width: 7px;
height: 7px;
flex-shrink: 0;
margin-left: auto;
margin-right: 4px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg);
}
.oauth-consent__summary:hover {
color: var(--activeButton, #0fabdd);
}
.oauth-consent__details[open] > .oauth-consent__summary::after {
transform: rotate(225deg);
}
.oauth-consent__count {
padding: 1px 8px;
border-radius: 12px;
background: var(--background-color-light-gray, #f7f7f7);
color: var(--gray-dark-icon, #626262);
font-size: 12px;
font-weight: 400;
}
.oauth-consent__scopes {
max-height: 220px;
overflow-y: auto;
margin: 0 0 16px;
padding: 0 16px 0 24px;
list-style: disc;
font-size: 14px;
}
.oauth-consent__scopes li {
padding: 4px 0;
}
.oauth-consent__metadata {
display: grid;
gap: 16px;
margin: 0 0 20px;
font-size: 14px;
}
.oauth-consent__metadata code {
font-size: 13px;
white-space: normal;
}
.oauth-consent__callback {
display: block;
margin-top: 4px;
color: var(--gray-dark-icon, #626262);
font-size: 12px;
}
.oauth-consent__verification {
margin: 4px 0 0;
}
.oauth-consent__actions {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 12px;
padding: 20px 32px;
border-top: 1px solid var(--confirm-win-content-border, #d9d9d9);
}
.oauth-consent__button {
margin-left: 0;
min-width: 0;
min-height: 44px;
max-width: 100%;
border-radius: 6px;
line-height: 1.4;
white-space: normal;
}
.oauth-consent__button.btn-create {
flex: 1;
}
.oauth-consent__summary:focus-visible,
.oauth-consent__button:focus-visible,
.oauth-consent__scopes:focus-visible,
.oauth-consent__content:focus-visible {
outline: 2px solid var(--activeButton, #0fabdd);
outline-offset: -2px;
}
@media (max-width: 600px), (max-height: 600px) {
.oauth-consent-wrapper {
padding: 12px;
}
.oauth-consent__content {
padding: 20px;
}
.oauth-consent__brand {
margin-bottom: 16px;
}
.oauth-consent__title {
font-size: 22px;
}
.oauth-consent__actions {
padding: 16px 20px;
}
}
@media (max-width: 380px) {
.oauth-consent__identity {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
}
.telephony-params-text {
background: var(--telephony-params-text-bg, #e7f5fa);
border-top: 1px solid var(--telephony-params-text-border, #a9cdda);
border-bottom: 1px solid var(--telephony-params-text-border, #a9cdda);
padding: 10px 15px 10px 15px;
margin-bottom: 20px;
line-height: 1.5;
}
.telephony-params-text div + div {
padding-top: 10px;
}
.telephony-params-text a {
font-weight: normal;
}
.telephony-params-text .telephony-params-text-header {
font-size: 14px;
color: #2f9dc4;
display: inline-block;
padding-bottom: 5px;
}
.telephony-param {
font-size: 14px;
padding-bottom: 7px;
}
.telephony-param .tooltip-actions {
margin-left: 0;
}
.telephony-param .telephony-param-label {
width: 120px;
display: inline-block;
color: var(--grey-label, #838383);
vertical-align: middle;
}
.telephony-param .telephony-param-container input[type=text],
.telephony-param .telephony-param-container select {
padding: 5px;
}
.telephony-param .telephony-param-container input[type=text] {
width: 390px;
box-sizing: border-box;
}
.telephony-param .telephony-param-container .chzn-container-multi .chzn-choices .search-field input,
.telephony-param .telephony-param-container .chzn-container-active .chzn-choices {
padding-left: 5px;
}
.telephony-params-win.telephony-params-win-text-only > div:not(.telephony-params-text,.dialog-btn-wrapper) {
display: none;
}
.telephony-params-win .telephony-params-text {
max-width: 510px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.telephony-params-win .tooltip-actions {
margin-bottom: 15px;
margin-left: 0;
}
.telephony-params-win .tel-short-numbers-header,
.telephony-params-win .tel-uri-header,
.telephony-params-win .tel-out-number-header,
.telephony-params-win .tel-in-number-header,
.telephony-params-win .tel-callrecord-header,
.telephony-params-win .tel-redirectresp-header,
.telephony-params-win .tel-template-header,
.telephony-params-win .tel-responsible-header,
.telephony-params-win .tel-winparams-header,
.telephony-params-win .tel-missednotify-header {
padding-bottom: 10px;
}
.telephony-params-win .tel-short-numbers-add,
.telephony-params-win .tel-uri-add {
padding-top: 10px;
padding-bottom: 20px;
}
.telephony-params-win .tel-short-numbers-add > span,
.telephony-params-win .tel-uri-add > span {
vertical-align: middle;
margin-right: 3px;
}
.telephony-params-win .tel-short-number {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 4px 0;
}
.telephony-params-win .tel-short-number .tel-short-number-user {
width: 260px;
}
.telephony-params-win .tel-short-number .tel-short-number-phone {
width: 200px;
margin-left: 10px;
padding: 5px;
vertical-align: bottom;
}
.telephony-params-win .tel-short-number .svg-icon-remove {
cursor: pointer;
padding-left: 5px;
}
.telephony-params-win .tel-out-number-modification,
.telephony-params-win .tel-in-number-modification,
.telephony-params-win .tel-callrecord-type,
.telephony-params-win .tel-attach-to-task,
.telephony-params-win .tel-redirectresp-type,
.telephony-params-win .tel-redirectresp-check-registration,
.telephony-params-win .tel-template,
.telephony-params-win .tel-responsible-type,
.telephony-params-win .tel-missednotify-type,
.telephony-params-win .tel-missedsave-type {
width: 510px;
}
.telephony-params-win .tel-out-number-container,
.telephony-params-win .tel-in-number-container,
.telephony-params-win .tel-callrecord-container,
.telephony-params-win .tel-template-container,
.telephony-params-win .tel-responsible-container,
.telephony-params-win .tel-redirectresp-container,
.telephony-params-win .tel-winparams-container,
.telephony-params-win .tel-missednotify-container {
padding-bottom: 10px;
}
.telephony-params-win .tel-redirectresp-type-ats {
background: #F4FAE7;
padding: 10px;
}
.telephony-params-win .tel-allowBadSSLHostnamesForDownload-wrapper {
display: flex;
align-items: center;
padding: 15px 0;
}
.telephony-params-win .tel-param-with-label {
margin: 10px 0;
display: flex;
align-items: center;
}
.telephony-params-win .tel-param-with-label span {
display: inline-block;
width: 210px;
}
.telephony-params-win .tel-param-with-label select {
width: 300px;
}
.telephony-params-win .tel-change-task-filter .filter-condition-component .task-filter-case-type .chzn-container {
width: 220px !important;
}
.telephony-params-win .tel-change-task-filter .filter-condition-component .task-filter-case-value .chzn-container {
width: 165px !important;
}
.telephony-params-win .tel-change-task-filter .filter-condition-component .task-filter-case-value .chzn-container .chzn-choices {
margin-right: 10px;
}
.telephony-params-win .tel-change-task-filter .filter-condition-component .task-filter-case-menu-for-item {
margin-left: 10px;
}
.tel-call-win {
width: 650px;
display: flex;
}
.tel-call-win .tel-call-win-container-contact {
width: 325px;
padding: 0 10px 0 25px;
background: #315865;
position: relative;
left: -20px;
}
.tel-call-win .tel-call-win-container-contact:before,
.tel-call-win .tel-call-win-container-contact:after {
position: absolute;
background: #315865;
color: #315865;
width: 360px;
content: " ";
height: 34px;
left: 0px;
top: -34px;
}
.tel-call-win .tel-call-win-container-contact:after {
height: 30px;
top: auto;
bottom: -30px;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-base {
display: flex;
align-items: center;
text-align: left;
color: #fff;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-base .tel-call-win-contact-ava {
width: 100px;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-base .tel-call-win-contact-ava img {
margin-right: 15px;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-base .tel-call-win-contact-numname .tel-call-win-contact-name {
font-size: 24px;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-base .tel-call-win-contact-numname .tel-call-win-contact-name a {
color: #fff;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-base .tel-call-win-contact-numname .tel-call-win-contact-name a:hover {
color: #fff;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-base .tel-call-win-contact-numname .tel-call-win-contact-number {
font-size: 18px;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-base .tel-call-win-contact-numname .tel-call-win-contact-company {
font-size: 14px;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-base .tel-call-win-contact-numname .tel-call-win-contact-company a {
color: #98acb2 !important;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-progress {
position: relative;
height: 6px;
margin: 0;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary {
color: #fff;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary .td-value {
color: #fff !important;
border-color: #fff !important;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary a,
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary .fakelink-dashed {
color: #fff !important;
border-color: #fff !important;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary a.custom-plashka-element,
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary .fakelink-dashed.custom-plashka-element {
background: #567681;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary .td-label,
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary .crm-tel-call-type {
color: #98acb2 !important;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary .task-detail-compressed-view {
border-color: #567681 !important;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary .task-detail-compressed-view.group {
background: #567681 !important;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary .task-detail-compressed-view.group .task-create-panel-expander-group {
border-left-color: #98acb2;
border-top-color: transparent;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary .task-detail-compressed-view.group .task-create-panel-expander-group.active {
border-left-color: transparent;
border-top-color: #98acb2;
}
.tel-call-win .tel-call-win-container-contact .tel-call-win-contact-card .task-summary input.text-box {
color: #fff !important;
}
.tel-call-win .tel-call-win-container-info {
width: 290px;
font-size: 14px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-icos {
display: flex;
align-items: center;
margin: 15px auto 0;
padding-left: 10px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-icos .tel-call-win-ico-header {
width: 152px;
font-size: 12px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-icos .tel-call-win-ico-header div {
padding: 5px;
background: #f4a900;
border-radius: 10px;
text-align: center;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-icos .tel-call-win-ico-header div span {
display: block;
color: #fff;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-icos .tel-call-win-ico-to,
.tel-call-win .tel-call-win-container-info .tel-call-win-icos .tel-call-win-ico-from {
width: 62px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-icos .tel-call-win-ico-dots {
display: flex;
justify-content: center;
width: 66px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-icos .tel-call-win-ico-dots > div {
width: 13px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-icos .tel-call-win-ico-dots > div > div {
margin: auto;
background: #8cba59;
width: 5px;
height: 5px;
border-radius: 5px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-text {
padding-top: 30px;
text-align: left;
padding-left: 10px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-text p {
padding: 0 0 15px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-text .b-ddl-menu {
color: #fa8100;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-control-container,
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-comment-container {
padding: 15px 0 0 10px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-control-container > select,
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-comment-container > select {
width: 278px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-control-container > div,
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-comment-container > div {
text-align: left;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-control-container > textarea,
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-comment-container > textarea {
width: 264px;
height: 15px;
padding: 7px 7px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-control-container > textarea:focus,
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-comment-container > textarea:focus,
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-control-container > textarea:valid,
.tel-call-win .tel-call-win-container-info .tel-call-win-ended-task-comment-container > textarea:valid {
height: 140px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-goto-contact {
padding: 25px 0 0 10px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-goto-contact.tel-call-win-goto-contact-ended {
padding-top: 30px;
}
.tel-call-win .tel-call-win-container-info .tel-call-win-goto-contact > input {
margin: 7px 7px 7px 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content.telcallwin-dialog-wrapper {
width: 90%;
width: calc(100% - 40px);
min-width: 750px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.telcallwin-dialog-wrapper .g-popup-win-scroll-content-main {
display: block;
max-width: none;
padding-left: 0;
padding-right: 0;
overflow-y: hidden;
padding-bottom: 0px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.telcallwin-dialog-wrapper .g-popup-win-scroll-content-main .destroy-button.g-popup-win-btn {
margin-right: 10px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.telcallwin-dialog-wrapper .page-layout-block input.btn.ui-button.ui-widget.btn-taskcard-attach-call {
background: var(--activeFilter);
color: var(--activeFilterElement);
}
.g-popup-win-scroll .g-popup-win-scroll-content.telcallwin-dialog-wrapper .page-layout-block input.btn.ui-button.ui-widget.btn-taskcard-attach-call.ui-state-hover,
.g-popup-win-scroll .g-popup-win-scroll-content.telcallwin-dialog-wrapper .page-layout-block input.btn.ui-button.ui-widget.btn-taskcard-attach-call.ui-state-focus {
background: var(--notActiveFilterHover);
}
.tel-call-win-v2 {
margin: -33px 0 0;
background: #464b5d;
}
.tel-call-win-v2 .tel-call-win-v2-header {
display: flex;
}
.tel-call-win-v2 .tel-call-win-v2-header .tel-call-win-header-ico {
background: #f4a900;
width: 250px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.tel-call-win-v2 .tel-call-win-v2-header .tel-call-win-header-ico svg {
width: 50px;
fill: #fff;
}
.tel-call-win-v2 .tel-call-win-v2-header .tel-call-win-header-ico-end {
width: 0;
height: 0;
border-style: solid;
border-width: 95px 95px 0 0;
border-color: #f4a900 transparent transparent transparent;
z-index: 2;
}
.tel-call-win-v2 .tel-call-win-v2-header .tel-call-win-header-ico-end-white {
width: 6px;
height: 0;
border-style: solid;
border-width: 95px 95px 0 0;
border-color: #fff transparent transparent transparent;
margin-left: -95px;
z-index: 1;
}
.tel-call-win-v2 .tel-call-win-v2-header .tel-call-win-icos {
display: flex;
align-items: center;
padding: 15px 35px 15px 0;
flex-grow: 1;
}
.tel-call-win-v2 .tel-call-win-v2-header .tel-call-win-icos .tel-call-win-ico-header {
font-size: 26px;
}
.tel-call-win-v2 .tel-call-win-v2-header .tel-call-win-icos .tel-call-win-ico-header div span {
margin-right: 30px;
color: #fff;
}
.tel-call-win-v2 .tel-call-win-v2-header .tel-call-win-icos .tel-call-win-ico-user {
width: 62px;
margin-left: auto;
}
.tel-call-win-v2 .tel-call-win-v2-body {
height: calc(100% - 95px);
}
.tel-line-container {
padding-top: 5px;
}
.tel-line-container .tel-line-phone-block {
padding-top: 5px;
display: flex;
align-items: center;
}
.tel-line-container .tel-line-phone-block input {
width: 200px;
margin-right: 10px;
padding: 5px;
vertical-align: bottom;
}
.tel-line-container .tel-line-phone-block .svg-icon-remove {
margin-left: 7px;
cursor: pointer;
}
.tel-line-container .tel-line-phones-add {
padding-top: 10px;
padding-bottom: 20px;
}
.tel-line-container .tel-line-phones-add > span {
vertical-align: middle;
margin-right: 3px;
}
.crm-tel-call-container {
padding: 8px 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.crm-tel-call-container .crm-tel-call-type {
font-size: 11px;
color: #838383;
line-height: 12px;
}
.crm-tel-call-container .crm-tel-call-text .crm-tel-call-phone {
font-size: 13px;
margin-bottom: 8px;
}
.crm-tel-call-container .crm-tel-call-ico-container {
padding-top: 1px;
}
.crm-tel-call-container .crm-tel-call-ico-container.active svg {
-webkit-animation-name: phone;
-moz-animation-name: phone;
-ms-animation-name: phone;
-o-animation-name: phone;
animation-name: phone;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 10;
-moz-animation-iteration-count: 10;
-ms-animation-iteration-count: 10;
-o-animation-iteration-count: 10;
animation-iteration-count: 10;
}
.tbl-list.adaptive-width .crm-tel-call-container {
display: inline;
padding: 0;
}
.tbl-list.adaptive-width .crm-tel-call-container .crm-tel-call-ico-container,
.tbl-list.adaptive-width .crm-tel-call-container .crm-tel-call-type {
display: none;
}
.tbl-list.adaptive-width .crm-tel-call-container .crm-tel-call-text,
.tbl-list.adaptive-width .crm-tel-call-container .crm-tel-call-phone {
display: inline;
}
.tbl-list.adaptive-width .crm-tel-call-container:not(:last-child) .crm-tel-call-link:after {
content: ', ';
}
@keyframes phone {
0% {
opacity: 1;
}
50% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
.crm-tel-call-list-column-item {
padding: 2px 0;
}
.crm-tel-call-ico {
display: inline-block;
margin-right: 5px;
cursor: pointer;
background-size: contain;
vertical-align: top;
fill: #82c03b;
}
.tbl-card .tr-item > td .crm-tel-call-ico {
margin-top: 3px;
}
.login-phone-add-block {
padding-bottom: 5px;
display: flex;
align-items: center;
}
.login-phone-add-block select.login-phone-type {
padding: 5px;
width: 120px;
}
.login-phone-add-block input.login-phone-phone {
padding: 5px;
margin-left: 7px;
width: 150px;
}
.login-phone-add-block .svg-icon-16px.svg-icon-remove {
margin-left: 7px;
cursor: pointer;
}
.login-phones-add {
padding-top: 7px;
font-size: 13px;
}
.classic-font .login-phones-add {
font-size: 12px;
}
.login-phones-add .iconset-16px-grayplus {
vertical-align: bottom;
cursor: pointer;
}
.login-phones-add .fakelink-dashed {
margin-left: 5px;
vertical-align: top;
}
.account-tel-asterisk {
width: 500px;
}
.account-tel-asterisk .account-tel-asterisk-header {
font-size: 16px;
font-weight: bold;
padding-bottom: 7px;
margin-bottom: 15px;
border-bottom: 1px dashed #adadad;
padding-top: 50px;
}
.account-tel-asterisk .account-tel-asterisk-header:first-child {
padding-top: 0;
}
.account-tel-asterisk .account-tel-asterisk-text {
line-height: 1.5;
}
.account-tel-asterisk .account-tel-asterisk-item {
display: flex;
align-items: center;
padding-top: 20px;
}
.account-tel-asterisk .account-tel-asterisk-item .account-tel-asterisk-item-ico {
padding-right: 15px;
}
.account-tel-asterisk .account-tel-asterisk-item .account-tel-asterisk-item-text {
font-size: 14px;
}
.tel-line-container {
padding-top: 5px;
}
.tel-line-container .tel-line-phone-block {
padding-top: 5px;
display: flex;
align-items: center;
}
.tel-line-container .tel-line-phone-block input {
width: 200px;
margin-right: 10px;
padding: 5px;
vertical-align: bottom;
}
.tel-line-container .tel-line-phone-block .svg-icon-remove {
margin-left: 7px;
cursor: pointer;
}
.tel-line-container .tel-line-phones-add {
padding-top: 10px;
padding-bottom: 20px;
}
.tel-line-container .tel-line-phones-add > span {
vertical-align: middle;
margin-right: 3px;
}
.login-phones-container a.link-support-mask-phone {
padding-left: 4px;
}
.attach-call-to-task-dialog {
padding: 15px;
}
.attach-call-to-task-dialog select {
width: 100%;
}
.attach-call-to-task-dialog .btn {
margin-right: 6px;
}
.attach-call-to-task-dialog .attach-call-to-task-btns {
padding-top: 15px;
}
.trello-steps-container {
width: 750px;
height: 700px;
}
.trello-steps-container .trello-integration-svg {
display: flex;
justify-content: center;
height: 400px;
}
.trello-steps-container .trello-step-text {
display: flex;
flex-direction: column;
text-align: center;
}
.trello-steps-container .trello-step-text .bold-text {
font-weight: bold;
font-size: 20px;
line-height: 24px;
color: var(--confirm-win-head-bg, #4b4b4b);
}
.trello-steps-container .trello-step-content-block {
padding-top: 25px;
}
.trello-steps-container .trello-step-content-block .trello-token-creation-block {
display: flex;
flex-direction: column;
align-items: center;
}
.trello-steps-container .trello-step-content-block .trello-token-creation-block .trello-token-input-wrapper {
border: 1px solid var(--grey-list-border, #DEDEDE);
box-sizing: border-box;
border-radius: 6px;
background: var(--white-black, #FFFFFF);
width: 510px;
height: 58px;
padding: 3px 10px;
}
.trello-steps-container .trello-step-content-block .trello-token-creation-block .trello-token-input-wrapper .trello-token-input {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 14px;
width: 100%;
height: 100%;
border: none;
outline: none;
}
.trello-steps-container .trello-step-content-block .trello-token-creation-block .trello-token-input-wrapper .trello-token-input ::placeholder,
.trello-steps-container .trello-step-content-block .trello-token-creation-block .trello-token-input-wrapper .trello-token-input ::-ms-input-placeholder {
color: var(--core-dropdown-text, #9C9C9C);
}
.trello-steps-container .trello-step-content-block .get-new-token-link {
text-align: center;
padding-top: 26px;
font-size: 14px;
line-height: 18px;
color: var(--confirm-win-head-bg, #4b4b4b);
}
.trello-steps-container .trello-step-content-block .get-new-token-link a {
cursor: pointer;
text-decoration: none;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper {
display: flex;
justify-content: center;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control {
height: 58px;
border: 1px solid var(--grey-list-border, #DEDEDE);
box-sizing: border-box;
border-radius: 6px;
background: var(--white-black, #FFFFFF);
max-width: 370px;
width: 100%;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-header {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 12px;
padding: 9px 11px 5px 17px;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select #trello-boards-list {
width: 100%;
max-width: 350px;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container {
padding-left: 17px;
min-width: 230px;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .chzn-single {
display: list-item;
margin: 0;
padding: 0;
border: none;
color: #4573B1;
font-size: 15px;
line-height: 18px;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .chzn-single span {
cursor: pointer;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .chzn-single .chzn-triangle-down {
display: none;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .chzn-drop {
top: 20px;
bottom: unset;
padding-bottom: 7px;
margin-top: 9px;
max-width: 368px !important;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .chzn-drop .chzn-search {
padding: 3px 11px;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .chzn-drop .chzn-search .chzn-search-border {
border-radius: 3px;
border: 1px solid var(--ddl-menu-separator, #C4C4C4);
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .chzn-drop .chzn-search .gray {
display: none;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .chzn-drop .chzn-search input {
padding-left: 0;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .chzn-drop .chzn-results {
padding: 8px 7px 0 11px;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .chzn-drop .chzn-results li {
border-radius: 3px;
height: 20px;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .chzn-drop .chzn-results .highlighted {
background: var(--gray-inner, #EEEEEE) !important;
color: var(--black-white, #000);
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .trello-boards-list-control .trello-boards-list-control-select .chzn-container .active-chzn-drop {
border-left: 1px solid #86C620;
border-right: 1px solid #86C620;
border-bottom: 1px solid #86C620;
box-shadow: rgba(17, 143, 171, 0.25) 5px 6px 8px -4px, rgba(17, 143, 171, 0.25) -5px 0px 8px -5px;
}
.trello-steps-container .trello-step-content-block .trello-boards-selection-wrapper .active-control {
border-top: 1px solid #86C620;
border-left: 1px solid #86C620;
border-right: 1px solid #86C620;
border-bottom: none;
border-radius: 6px 6px 0 0;
box-shadow: 0px 0px 10px rgba(17, 143, 171, 0.25);
}
.trello-steps-container .trello-step-content-block .trello-board-import-settings {
margin-top: 25px;
display: flex;
justify-content: center;
align-items: center;
}
.trello-steps-container .trello-step-content-block .switcher-label {
font-size: 15px;
line-height: 24px;
margin: 0px 5px;
color: var(--gray-dark-icon, #626262);
}
.trello-steps-container .import-process-step {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
height: 100%;
}
.trello-steps-container .import-process-step .import-step-text {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.trello-steps-container .import-process-step .import-process-view {
display: flex;
justify-content: center;
padding-top: 40px;
}
.trello-steps-container .import-process-step .import-process-view .load-win__wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
background: var(--background-color-light-gray, #F7F7F7);
box-shadow: 2px 2px 30px var(--task-list-focus-shadow, rgba(0, 0, 0, 0.1));
margin: auto 20px;
width: 235px;
box-sizing: border-box;
}
.trello-steps-container .import-process-step .import-process-view .load-win__wrapper .load-win__loader {
width: 235px;
height: 2px;
overflow: hidden;
background: linear-gradient(90deg, #28b2ff 0%, #25f65b 48.21%, #c8f70c 100%);
border-radius: 3px;
transform: matrix(1, 0, 0, 1, 0, 0);
}
.trello-steps-container .import-process-step .import-process-view .load-win__wrapper .load-win__loader .loader-conf {
-webkit-animation-name: bounce_loader-conf;
-moz-animation-name: bounce_loader-conf;
-ms-animation-name: bounce_loader-conf;
-o-animation-name: bounce_loader-conf;
animation-name: bounce_loader-conf;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
width: 235px;
height: 2px;
background-color: var(--background-color-light-gray, #F7F7F7);
margin-top: 0;
margin-left: -345px;
}
.trello-steps-container .import-process-step .import-process-view .import-member-logo-container {
width: 100px;
height: 100px;
border-radius: 50%;
background: var(--white-black, #ffffff);
display: flex;
align-items: center;
justify-content: center;
}
.trello-steps-container .complete-import-step-button {
display: flex;
justify-content: center;
padding-top: 25px;
}
.trello-steps-container .complete-import-step-button button {
background: var(--activeButton, #0fabdd);
border-radius: 6px;
border: none;
height: 32px;
width: 112px;
font-size: 14px;
color: var(--activeButtonElements, var(--white-black, #fff));
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
margin-left: 0px;
}
.webchat-params-text {
background: #e7f5fa;
border-top: 1px solid #a9cdda;
border-bottom: 1px solid #a9cdda;
padding: 10px 15px 10px 15px;
margin-bottom: 20px;
margin-left: 2px;
font-weight: bold;
line-height: 1.5;
}
.webchat-params-text div + div {
padding-top: 10px;
}
.webchat-params-text a {
font-weight: normal;
}
.webchat-params-text .webchat-params-text-header {
font-size: 14px;
color: #2f9dc4;
display: inline-block;
padding-bottom: 5px;
}
.webchat-param {
font-size: 14px;
padding-bottom: 7px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.webchat-param .webchat-param-label {
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
display: inline-block;
color: #838383;
vertical-align: middle;
}
.webchat-param .webchat-param-container {
-webkit-flex: 5;
-ms-flex: 5;
flex: 5;
}
.webchat-param .webchat-param-container input[type=text],
.webchat-param .webchat-param-container select {
padding: 5px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.webchat-param .webchat-param-container .chzn-container-multi .chzn-choices .search-field input,
.webchat-param .webchat-param-container .chzn-container-active .chzn-choices {
padding-left: 5px;
}
.webchat-params-win .tooltip-actions {
margin-bottom: 15px;
width: 510px;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.webchat-params-win .task-template-header,
.webchat-params-win .contact-template-header,
.webchat-params-win .tel-line-header {
padding-bottom: 10px;
}
.webchat-params-win .tel-line-phones-add {
padding-top: 0;
}
.webchat-params-win .tel-line-phone-block + .tel-line-phones-add {
padding-top: 10px;
}
.webchat-params-win .task-template,
.webchat-params-win .contact-template {
width: 510px;
padding: 5px;
}
.webchat-params-win .task-template-container,
.webchat-params-win .contact-template-container {
padding-bottom: 20px;
}
.webchat-params-win .add-users-container {
padding-top: 10px;
padding-bottom: 10px;
}
.b-integration-web-chat .td-item {
height: 50px !important;
}
.integration-list-header {
margin-bottom: -30px;
padding: 28px 0 0px 2px;
color: #6C6C6C;
-webkit-transition: color 250ms ease;
-moz-transition: color 250ms ease;
-o-transition: color 250ms ease;
-ms-transition: color 250ms ease;
transition: color 250ms ease;
font-weight: bold;
font-size: 18px;
}
.integration-whatsapp-list {
margin-top: 32px;
}
.add-chatra-account-body .context-popup-dialog-row input[type=text],
.add-telegram-bot-body .context-popup-dialog-row input[type=text],
.add-viber-public-account-body .context-popup-dialog-row input[type=text] {
width: 100%;
}
.app-password-code {
margin-top: 20px;
border: 1px solid var(--tabs-panel-tab-hover, #e5e5e5);
text-align: center;
padding: 15px;
font-size: 18px;
cursor: pointer;
box-sizing: border-box;
}
.app-password-code.has-code {
cursor: default;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.work-space-main-dialog {
width: 100%;
height: 100%;
max-width: 100%;
padding: 0;
}
.work-space-main-dialog input.text-box {
font-family: inherit;
border-bottom: none;
}
.work-space-main-dialog .work-space-planfix-header {
display: flex;
height: 44px;
}
.work-space-main-dialog .work-space-menu-head {
display: table-cell;
vertical-align: top;
position: relative;
overflow: hidden;
background: var(--head2, #00864b);
border-bottom: var(--head, #00864b);
height: 44px;
width: auto;
min-width: 85px;
padding-left: 10px;
}
.work-space-main-dialog .work-space-menu-head .work-space-menu-logo {
display: block;
height: 45px;
text-decoration: none;
}
.work-space-main-dialog .work-space-menu-head .work-space-menu-logo .mm-logi-pic-wr {
padding: 12px 50px 0 12px;
display: inline-block;
}
.work-space-main-dialog .work-space-menu-head .work-space-menu-logo .mm-logi-pic-wr img {
height: 24px;
width: auto;
}
.work-space-main-dialog .work-space-menu-head .work-space-menu-logo .mm-logi-pic-wr svg {
height: 24px;
fill: var(--white-black, #ffffff);
}
.work-space-main-dialog .work-space-menu-head .work-space-menu-logo .mm-logi-pic-wr.logo-pic {
padding-top: 11px;
}
.work-space-main-dialog .work-space-menu-head .work-space-menu-logo .cube-menu-tail-start {
position: absolute;
display: block;
right: -219px;
top: -78px;
width: 200px;
height: 200px;
background: var(--head, #00864b);
box-shadow: 0 0 11px 1px var(--head3, #4f8017);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.work-space-main-dialog .work-space-menu-head .work-space-menu-logo .cube-menu-tail-start.draw-border {
border: 4px solid transparent;
right: -223px;
top: -82px;
}
.work-space-main-dialog .work-space-planfix-menu-tail {
background: var(--head, #00864b);
width: 100%;
display: flex;
}
.work-space-main-dialog .planfix-menu-plus-button {
display: flex;
align-items: center;
padding-left: 5px;
padding-right: 20px;
}
.work-space-main-dialog .planfix-menu-plus-button img {
cursor: pointer;
}
.work-space-main-dialog .planfix-menu-items-container {
display: flex;
align-items: center;
height: 100%;
position: relative;
overflow: hidden;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item {
display: flex;
align-items: center;
height: 100%;
padding-right: 14px;
cursor: default;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item:last-child {
padding-right: 0;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item .work-space-item-drag {
padding-right: 8px;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item .work-space-item-drag svg {
cursor: url("/img/openhand.cur"), move;
width: 16px;
height: 16px;
fill: var(--headMenuText, var(--white-black, #fff));
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item .work-space-item-title {
display: flex;
align-items: center;
color: var(--headMenuText, var(--white-black, #fff));
font-size: 14px;
margin-top: -2px;
vertical-align: middle;
cursor: inherit;
white-space: nowrap;
overflow: hidden;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item .work-space-item-title .main-menu-item-icon {
display: flex;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item .work-space-item-title .main-menu-item-icon svg {
width: 16px;
height: 16px;
fill: none;
stroke: var(--headMenuText, var(--white-black, #fff));
margin-right: 8px;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item .sub-items-show-arrow {
min-width: 8px;
margin-left: 8px;
display: none;
max-width: 8px;
width: 8px;
height: 8px;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item .sub-items-show-arrow svg {
fill: var(--headMenuText, var(--white-black, #fff));
cursor: pointer;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item.triangle-is-shown {
cursor: pointer;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item.triangle-is-shown .sub-items-show-arrow {
display: block;
line-height: 0;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item .drag-taskFilter {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
padding: 10px;
background: var(--help-container-history-item-not-today, rgba(255, 255, 255, 0.7));
z-index: 1000;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item .drag-taskFilter span {
font-size: 14px;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item .planfix-menu-sub-item .work-space-item-drag {
width: 16px;
height: 16px;
padding-right: 0;
margin-right: 7px;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item .planfix-menu-sub-item .work-space-item-drag svg {
width: 16px;
height: 16px;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item-place-highlighter {
height: 46px;
min-width: 100px;
background: var(--object-edit-box-shadow, rgba(0, 0, 0, 0.3));
display: flex;
align-items: center;
justify-content: center;
}
.work-space-main-dialog .planfix-menu-items-container .planfix-menu-item-place-highlighter .loader {
font-size: 4px;
}
.work-space-main-dialog .planfix-menu-items-container::-webkit-scrollbar {
width: 0;
display: none;
}
.work-space-main-dialog .hover-dark {
background-color: var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.15)) !important;
}
.work-space-main-dialog .workspace-scroll-items-right {
right: 0;
cursor: pointer;
text-align: center;
width: 16px;
height: 32px;
font-size: unset !important;
margin-top: 5px;
background: var(--workspace-scroll-items-bg, rgba(255, 255, 255, 0.25));
border-radius: 6px;
color: var(--white-black, #fff);
margin-left: 5px;
}
.work-space-main-dialog .workspace-scroll-items-right p {
padding-top: 5px;
}
.work-space-main-dialog .workspace-scroll-items-left {
left: 24px;
cursor: pointer;
text-align: center;
width: 16px;
height: 32px;
font-size: unset !important;
margin-top: 5px;
background: var(--workspace-scroll-items-bg, rgba(255, 255, 255, 0.25));
border-radius: 6px;
margin-right: 5px;
}
.work-space-main-dialog .workspace-scroll-items-left svg {
fill: var(--white-black, #ffffff);
width: 8px;
height: 8px;
padding-top: 12px;
padding-bottom: 14px;
}
.work-space-main-dialog .work-space-close {
height: 100%;
min-width: 28px;
display: flex;
align-items: center;
}
.work-space-main-dialog .work-space-close svg {
cursor: pointer;
stroke: var(--headMenuText, var(--white-black, #fff));
}
.work-space-main-dialog .work-space-header-settings,
.work-space-main-dialog .planfix-menu-plus-button {
display: flex;
align-items: center;
}
.work-space-main-dialog .work-space-header-settings:not(.planfix-menu-plus-button),
.work-space-main-dialog .planfix-menu-plus-button:not(.planfix-menu-plus-button) {
margin-left: 12px;
min-width: 36px;
}
.work-space-main-dialog .work-space-header-settings > img,
.work-space-main-dialog .planfix-menu-plus-button > img {
cursor: pointer;
}
.work-space-main-dialog .work-space-header-settings .svg-icon-16px svg,
.work-space-main-dialog .planfix-menu-plus-button .svg-icon-16px svg {
fill: var(--headMenuText, var(--white-black, #fff));
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items,
.work-space-main-dialog .work-space-header-settings .plus-sub-items,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items {
min-width: 200px;
min-height: 35px;
background: var(--white-black, #fff);
position: absolute;
padding: 11px 0;
z-index: 4;
top: 40px;
right: 38px;
box-shadow: 0 0 7px var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.15));
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .baron_wrapper,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .baron_wrapper,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .baron_wrapper,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .baron_wrapper {
width: auto !important;
display: flex;
align-self: flex-start;
min-width: 200px;
min-height: 30px;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .baron_wrapper .baron_scroller,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .baron_wrapper .baron_scroller,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .baron_wrapper .baron_scroller,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .baron_wrapper .baron_scroller {
min-width: 220px;
min-height: 30px;
width: auto !important;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .baron_wrapper .baron_scroller .baron_scroller__bar,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .baron_wrapper .baron_scroller .baron_scroller__bar,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .baron_wrapper .baron_scroller .baron_scroller__bar,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .baron_wrapper .baron_scroller .baron_scroller__bar {
width: 3px;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block > div:not(:first-child):last-child.settings-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block > div:not(:first-child):last-child.settings-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block > div:not(:first-child):last-child.settings-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block > div:not(:first-child):last-child.settings-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block > div:not(:first-child):last-child.settings-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block > div:not(:first-child):last-child.settings-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block > div:not(:first-child):last-child.settings-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block > div:not(:first-child):last-child.settings-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block > div:not(:first-child):last-child.plus-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block > div:not(:first-child):last-child.plus-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block > div:not(:first-child):last-child.plus-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block > div:not(:first-child):last-child.plus-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block > div:not(:first-child):last-child.plus-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block > div:not(:first-child):last-child.plus-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block > div:not(:first-child):last-child.plus-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block > div:not(:first-child):last-child.plus-sub-items-place-holder {
margin-top: -3px;
margin-bottom: 3px;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block.dont-show-hover .planfix-menu-item:hover,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block.dont-show-hover .planfix-menu-item:hover,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block.dont-show-hover .planfix-menu-item:hover,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block.dont-show-hover .planfix-menu-item:hover,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block.dont-show-hover .planfix-menu-item:hover,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block.dont-show-hover .planfix-menu-item:hover,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block.dont-show-hover .planfix-menu-item:hover,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block.dont-show-hover .planfix-menu-item:hover {
background: none;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .planfix-menu-item,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .planfix-menu-item,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .planfix-menu-item,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .planfix-menu-item,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .planfix-menu-item,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .planfix-menu-item,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .planfix-menu-item,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .planfix-menu-item {
display: flex;
padding: 8px 12px 8px 7px;
align-items: center;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms ease;
-o-transition: background 250ms ease;
-ms-transition: background 250ms ease;
transition: background 250ms ease;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .planfix-menu-item:hover,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .planfix-menu-item:hover,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .planfix-menu-item:hover,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .planfix-menu-item:hover,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .planfix-menu-item:hover,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .planfix-menu-item:hover,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .planfix-menu-item:hover,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .planfix-menu-item:hover {
background: var(--gray-inner, #eee);
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .planfix-menu-item:hover .work-space-item-drag svg,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .planfix-menu-item:hover .work-space-item-drag svg,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .planfix-menu-item:hover .work-space-item-drag svg,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .planfix-menu-item:hover .work-space-item-drag svg,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .planfix-menu-item:hover .work-space-item-drag svg,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .planfix-menu-item:hover .work-space-item-drag svg,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .planfix-menu-item:hover .work-space-item-drag svg,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .planfix-menu-item:hover .work-space-item-drag svg {
display: block;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-drag,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-drag,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-drag,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-drag,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-drag,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-drag,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-drag,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-drag {
padding-right: 0;
width: 16px;
height: 16px;
cursor: pointer;
margin-right: 7px;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-drag svg,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-drag svg,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-drag svg,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-drag svg,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-drag svg,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-drag svg,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-drag svg,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-drag svg {
width: 16px;
height: 16px;
display: none;
fill: var(--gray-ico, #a9a9a9);
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title {
display: flex;
align-items: center;
cursor: default;
font-size: 14px;
color: var(--black-white, #000000);
height: 18px;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon {
display: flex;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon svg,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon svg,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon svg,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon svg,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon svg,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon svg,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon svg,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .planfix-menu-item .work-space-item-title .main-menu-item-icon svg {
width: 14px;
height: 14px;
fill: none;
stroke: var(--confirm-win-head-bg, #4b4b4b);
margin-right: 8px;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .settings-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .settings-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .settings-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .settings-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .settings-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .settings-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .settings-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .settings-sub-items-place-holder {
max-width: 100%;
height: 33px;
border: 1px dashed var(--gray-light-border, #bebebe);
margin-left: 32px;
margin-right: 9px;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .plus-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .plus-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .plus-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .plus-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .plus-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .plus-sub-items-place-holder,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .plus-sub-items-place-holder,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .plus-sub-items-place-holder {
max-width: 100%;
height: 33px;
border: 1px dashed var(--gray-light-border, #bebebe);
margin-left: 32px;
margin-right: 9px;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .main-menu-config-empty,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .main-menu-config-empty,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .main-menu-config-empty,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .main-menu-config-empty,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .main-menu-config-empty,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .main-menu-config-empty,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .main-menu-config-empty,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .main-menu-config-empty {
text-align: center;
font-size: 12px;
line-height: 1.3;
color: var(--chzn-border, #aaaaaa);
padding: 10px 10px;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .settings-sub-items-block .main-menu-config-empty .welcome-drag-in.dragIn-svg-class svg,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .settings-sub-items-block .main-menu-config-empty .welcome-drag-in.dragIn-svg-class svg,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .settings-sub-items-block .main-menu-config-empty .welcome-drag-in.dragIn-svg-class svg,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .settings-sub-items-block .main-menu-config-empty .welcome-drag-in.dragIn-svg-class svg,
.work-space-main-dialog .work-space-header-settings .settings-sub-items .plus-sub-items-block .main-menu-config-empty .welcome-drag-in.dragIn-svg-class svg,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .plus-sub-items-block .main-menu-config-empty .welcome-drag-in.dragIn-svg-class svg,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .plus-sub-items-block .main-menu-config-empty .welcome-drag-in.dragIn-svg-class svg,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .plus-sub-items-block .main-menu-config-empty .welcome-drag-in.dragIn-svg-class svg {
width: 50px;
height: 50px;
margin-top: 18px;
margin-bottom: 14px;
}
.work-space-main-dialog .work-space-header-settings .settings-sub-items .cube-sub-menu-pointer,
.work-space-main-dialog .planfix-menu-plus-button .settings-sub-items .cube-sub-menu-pointer,
.work-space-main-dialog .work-space-header-settings .plus-sub-items .cube-sub-menu-pointer,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .cube-sub-menu-pointer {
width: 20px;
height: 20px;
margin-bottom: -20px;
background: var(--white-black, #ffffff);
position: relative;
top: -14px;
transform: rotate(45deg);
z-index: 0;
right: 7px;
}
.work-space-main-dialog .work-space-header-settings .plus-sub-items,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items {
right: auto;
left: 50px;
}
.work-space-main-dialog .work-space-header-settings .plus-sub-items .cube-sub-menu-pointer,
.work-space-main-dialog .planfix-menu-plus-button .plus-sub-items .cube-sub-menu-pointer {
right: auto;
align-self: flex-start;
left: 45px;
}
.work-space-main-dialog .work-space-body {
display: flex;
}
.work-space-main-dialog .work-space-body .work-space-config-container {
padding: 28px 20px 28px;
width: auto;
height: inherit;
background: var(--confirm-win-background, #F7F7F7);
box-sizing: border-box;
overflow: auto;
}
.work-space-main-dialog .work-space-body .work-space-config-container .baron_wrapper {
width: auto !important;
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-title {
padding-bottom: 16px;
font-size: 24px;
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-title.work-space-config-group {
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: var(--grey-group-text, #6C6C6C);
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block {
display: grid;
gap: 33px;
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block .object-edit-field-base .view {
display: grid;
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block .ReactSelectStyle__option__box__label {
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block .work-space-config-options {
display: grid;
gap: 8px;
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block .work-space-config-access__item {
display: grid;
grid-template-columns: 125px 125px;
grid-column-gap: 8px;
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block .work-space-config-access__title {
color: var(--task-card-title-text, #4B4B4B);
max-width: 275px;
padding-bottom: 16px;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block .set-as-default-link {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
border: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 12px;
background: var(--white-black, #FFFFFF);
padding: 31px 10px 28px;
font-weight: 400;
font-size: 14px;
line-height: 17px;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
cursor: pointer;
color: var(--task-card-title-text, #4B4B4B);
user-select: none;
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block .set-as-default-link:last-child {
padding: 31px 22px 28px;
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block .set-as-default-link.used {
background: var(--task-status-mix, #53586b);
border: 1px solid var(--task-status-mix50, #53586b);
color: var(--task-status-color, #ffffff);
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block .set-as-default-link.used svg path {
stroke: var(--task-status-color, #ffffff);
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block .set-as-default-link:not(.used):hover {
background: var(--gray-list-hover, #f0f0f0);
}
.work-space-main-dialog .work-space-body .work-space-config-container .work-space-config-block .set-as-default-link svg {
margin-bottom: 11px;
}
.work-space-main-dialog .work-space-body .subItems-number {
text-align: center;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .baron_wrapper,
.work-space-main-dialog .work-space-body .work-space-list-container .baron_wrapper {
overflow: visible;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-colorscheme-title,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-colorscheme-title,
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-title,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-title {
font-size: 24px;
padding: 28px 20px 16px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-colorscheme-title .list-buttons-block,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-colorscheme-title .list-buttons-block,
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-title .list-buttons-block,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-title .list-buttons-block {
margin-bottom: 10px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-colorscheme-title .menu-view-items,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-colorscheme-title .menu-view-items,
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-title .menu-view-items,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-title .menu-view-items {
display: flex;
flex-direction: row-reverse;
float: right;
width: 200px;
padding: 5px 0;
font-size: 13px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-infoBlock,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-infoBlock {
transition: height 0.15s, padding 0.15s, opacity 0.15s, margin-bottom 0.15s;
margin: 0 20px 15px;
overflow-y: hidden;
opacity: 1;
height: auto;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-infoBlock.hide-info-block,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-infoBlock.hide-info-block {
transition: height 0.4s, padding-top 0.4s, padding-bottom 0.4s, opacity 0.4s, margin-bottom 0.4s;
height: 0 !important;
padding-bottom: 0;
padding-top: 0;
margin-bottom: 0;
opacity: 0;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-options-block,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-options-block {
font-size: 10pt;
display: flex;
justify-content: space-between;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 15px;
margin-top: -15px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-options-block .work-space-list-filter-block .task-filter-block-ddl .b-ddl-menu,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-options-block .work-space-list-filter-block .task-filter-block-ddl .b-ddl-menu {
margin-top: 0px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .hideAble-table-container,
.work-space-main-dialog .work-space-body .work-space-list-container .hideAble-table-container {
display: block;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .hideAble-table-container.hidden,
.work-space-main-dialog .work-space-body .work-space-list-container .hideAble-table-container.hidden {
display: none;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .hideAble-table-container .toggle-floating-head,
.work-space-main-dialog .work-space-body .work-space-list-container .hideAble-table-container .toggle-floating-head {
display: flex;
justify-content: center;
border-bottom: 1px solid var(--grey-dark-hover, #f2f2f2);
position: relative;
z-index: 1;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .hideAble-table-container .toggle-floating-head .tbl-list-floating-head-toggle,
.work-space-main-dialog .work-space-body .work-space-list-container .hideAble-table-container .toggle-floating-head .tbl-list-floating-head-toggle {
display: block;
width: 29px;
height: 12px;
background: url('/img/ico-pull-top-up.gif') no-repeat center bottom;
cursor: pointer;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .hideAble-table-container .toggle-floating-head .tbl-list-floating-head-toggle.pointer-down,
.work-space-main-dialog .work-space-body .work-space-list-container .hideAble-table-container .toggle-floating-head .tbl-list-floating-head-toggle.pointer-down {
background: url('/img/ico-pull-top-down.gif') no-repeat center bottom;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .hideAble-table-container .tbl-list.hideAble-table-for-search,
.work-space-main-dialog .work-space-body .work-space-list-container .hideAble-table-container .tbl-list.hideAble-table-for-search {
position: absolute;
padding-left: 20px;
padding-right: 20px;
z-index: 3;
background-color: var(--background-color-light-gray, #f7f7f7);
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
overflow: auto;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item {
font-size: 12px;
cursor: default;
color: var(--black-white, #000000);
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.work-space-item-title,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.work-space-item-title {
font-size: 14px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.work-space-item-title .td-task-name-panel .task-menu-placeholder .b-ddl-menu,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.work-space-item-title .td-task-name-panel .task-menu-placeholder .b-ddl-menu {
width: 20px;
height: 20px;
padding: 0;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.work-space-item-title .td-task-name-panel .task-menu-placeholder .b-ddl-menu .b-ddl-menu-flex .b-ddl-menu-selected-arrow,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.work-space-item-title .td-task-name-panel .task-menu-placeholder .b-ddl-menu .b-ddl-menu-flex .b-ddl-menu-selected-arrow {
padding: 2px 4px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.td-move .sort-item,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.td-move .sort-item {
width: 16px;
height: 16px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.td-move .sort-item svg,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.td-move .sort-item svg {
width: 16px;
height: 16px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.td-workspace-icon:not(.system-section),
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item.td-workspace-icon:not(.system-section) {
cursor: pointer;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item .set-pseudonym-label,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item .set-pseudonym-label {
font-size: 13px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item .set-pseudonym,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item .set-pseudonym {
outline: none;
width: calc(100% - 10px);
padding: 3px 0;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item:hover .set-pseudonym-label,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.draw-according-inner-rule .tr-item .td-item:hover .set-pseudonym-label {
color: var(--white-black, #ffffff) !important;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table {
width: 100%;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .td-padding-l,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .td-padding-l {
padding-left: 10px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .td-head.td-task-name,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .td-head.td-task-name,
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .td-head.td-head-icon,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .td-head.td-head-icon,
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .td-head-toggle-item,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .td-head-toggle-item {
border-left-color: transparent;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .td-item-open-ref-in-new,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .td-item-open-ref-in-new {
text-align: center;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .td-item-settings .work-space-item-settings,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .td-item-settings .work-space-item-settings {
justify-content: center;
align-items: center;
width: 16px;
min-width: 16px;
margin-right: 6px;
display: none;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .td-item-settings .work-space-item-settings .baron_wrapper,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .td-item-settings .work-space-item-settings .baron_wrapper {
overflow-x: hidden;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .td-item-settings .work-space-item-settings .b-ddl-menu-ul,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .td-item-settings .work-space-item-settings .b-ddl-menu-ul {
padding-bottom: 0;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .td-item-settings .work-space-item-settings svg,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .td-item-settings .work-space-item-settings svg {
width: 12px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
cursor: pointer;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .td-move .work-space-item-drag,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .td-move .work-space-item-drag {
cursor: url("/img/openhand.cur"), move;
min-width: 16px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .td-move .work-space-item-drag svg,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .td-move .work-space-item-drag svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
display: block;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .td-workspace-icon .workspace-icon-block,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .td-workspace-icon .workspace-icon-block {
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
width: 22px;
height: 22px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .td-workspace-icon .workspace-icon-block svg,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .td-workspace-icon .workspace-icon-block svg {
width: 16px;
height: 16px;
fill: none;
stroke: var(--core-dropdown-text, #9C9C9C);
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .td-workspace-icon .workspace-icon-block svg path,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .td-workspace-icon .workspace-icon-block svg path {
stroke: var(--core-dropdown-text, #9C9C9C);
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .work-space-item-title .work-space-custom-title,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .work-space-item-title .work-space-custom-title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .work-space-item-title .custom-section-sub-items-length,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .work-space-item-title .custom-section-sub-items-length {
color: var(--gray-ico, #a9a9a9);
position: relative;
top: -6px;
left: 3px;
font-size: 8pt;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block {
display: flex;
justify-content: center;
cursor: pointer;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block span svg,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block span svg {
width: 9px;
height: 9px;
fill: var(--black-white, #000);
margin: 0;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block.showElements .right-triangle,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block.showElements .right-triangle {
display: none;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block.showElements .down-triangle,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block.showElements .down-triangle {
display: block;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block .right-triangle,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block .right-triangle {
position: relative;
left: 3px;
display: block;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block .down-triangle,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-item .toggle-item .toggle-item-block .down-triangle {
position: relative;
left: 3px;
display: none;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-edit-container,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-edit-container {
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-edit-container > td,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-edit-container > td {
font-size: 12px;
padding-bottom: 5px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-edit-container + .tr-item > td,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-edit-container + .tr-item > td {
border-top: none;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-edit-container .add-new-wrapper,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-edit-container .add-new-wrapper {
overflow: hidden;
white-space: nowrap;
display: flex;
align-items: center;
height: 32px;
padding-left: 10px;
background: var(--white-black, #fff);
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 4px;
margin-top: -3px;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-edit-container .add-new-wrapper .add-custom-section-ico svg,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-edit-container .add-new-wrapper .add-custom-section-ico svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table .tr-edit-container .add-new-wrapper .add-custom-section-input,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table .tr-edit-container .add-new-wrapper .add-custom-section-input {
outline: none;
border: none;
height: 32px;
font-size: 12px;
font-weight: bold;
padding-left: 10px;
width: 100%;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .work-space-list-block .work-space-list-table.project-table .work-space-item .work-space-item-title,
.work-space-main-dialog .work-space-body .work-space-list-container .work-space-list-block .work-space-list-table.project-table .work-space-item .work-space-item-title {
border-left-color: transparent;
}
.work-space-main-dialog .work-space-body .work-space-colorscheme-container .baron_scroller .baron_scroller__bar,
.work-space-main-dialog .work-space-body .work-space-list-container .baron_scroller .baron_scroller__bar {
right: 4px;
}
.work-space-main-dialog .work-space-footer {
padding: 15px 20px;
background: var(--grey-list-border, #dfdfdf);
}
.work-space-main-dialog .work-space-footer .drag-item {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
padding: 10px;
background: var(--help-container-history-item-not-today, rgba(255, 255, 255, 0.7));
z-index: 1000;
}
.work-space-main-dialog .work-space-footer .drag-item span {
font-size: 14px;
white-space: nowrap;
}
.work-space-main-dialog .main-work-space-action-container,
.work-space-main-dialog .main-work-space-link-container,
.work-space-main-dialog .main-work-space-popup-container {
max-width: 500px;
}
.work-space-main-dialog .main-work-space-action-container .work-space-action-title,
.work-space-main-dialog .main-work-space-link-container .work-space-action-title,
.work-space-main-dialog .main-work-space-popup-container .work-space-action-title,
.work-space-main-dialog .main-work-space-action-container .work-space-link-title,
.work-space-main-dialog .main-work-space-link-container .work-space-link-title,
.work-space-main-dialog .main-work-space-popup-container .work-space-link-title,
.work-space-main-dialog .main-work-space-action-container .work-space-popup-title,
.work-space-main-dialog .main-work-space-link-container .work-space-popup-title,
.work-space-main-dialog .main-work-space-popup-container .work-space-popup-title {
font-size: 22px;
}
.work-space-main-dialog .main-work-space-action-container .work-space-action-block > div,
.work-space-main-dialog .main-work-space-link-container .work-space-action-block > div,
.work-space-main-dialog .main-work-space-popup-container .work-space-action-block > div,
.work-space-main-dialog .main-work-space-action-container .work-space-link-block > div,
.work-space-main-dialog .main-work-space-link-container .work-space-link-block > div,
.work-space-main-dialog .main-work-space-popup-container .work-space-link-block > div {
height: 50px;
}
.work-space-main-dialog .main-work-space-action-container .work-space-action-footer,
.work-space-main-dialog .main-work-space-link-container .work-space-action-footer,
.work-space-main-dialog .main-work-space-popup-container .work-space-action-footer,
.work-space-main-dialog .main-work-space-action-container .work-space-link-footer,
.work-space-main-dialog .main-work-space-link-container .work-space-link-footer,
.work-space-main-dialog .main-work-space-popup-container .work-space-link-footer,
.work-space-main-dialog .main-work-space-action-container .work-space-popup-footer,
.work-space-main-dialog .main-work-space-link-container .work-space-popup-footer,
.work-space-main-dialog .main-work-space-popup-container .work-space-popup-footer {
margin-top: 30px;
}
.work-space-main-dialog .main-work-space-popup-container .work-space-section-content {
border-bottom: 1px solid var(--tabs-panel-tab-hover, #e5e5e5);
padding-bottom: 8px;
margin-top: 30px;
font-size: 12px;
}
.work-space-main-dialog .main-work-space-popup-container .work-space-section-content:empty {
display: none;
}
.work-space-main-dialog .main-work-space-popup-container .work-space-section-content span {
font-size: 11px;
display: block;
padding-bottom: 8px;
color: var(--default-gray, #808080);
}
.work-space-main-dialog .main-work-space-popup-container .work-space-popup-title {
color: var(--report-save-title, #4F4F4F);
}
.work-space-main-dialog .main-work-space-popup-container .work-space-popup-block {
display: flex;
margin-top: 21px;
}
.work-space-main-dialog .main-work-space-popup-container .work-space-popup-block .rc-icon-selector {
margin-right: 8px;
}
.work-space-main-dialog .main-work-space-popup-container .work-space-popup-block .object-edit-field-input {
width: 100%;
}
.work-space-main-dialog .main-work-space-popup-container .work-space-section-sub-items {
margin-top: 8px;
}
.work-space-main-dialog .main-work-space-popup-container .dialog-bottom-panel-button-rc {
height: unset;
margin-top: 25px;
}
.work-space-main-dialog .main-work-space-popup-container .dialog-bottom-panel-button-rc .buttons-list {
margin-right: unset;
}
.work-space-main-dialog .needs-field-handler:not(.config) {
display: flex;
flex-direction: column;
border-bottom: 1px solid var(--tabs-panel-tab-hover, #e5e5e5);
margin-top: 10px;
transition: opacity 0.3s, height 0.3s;
height: auto;
opacity: 1;
pointer-events: initial;
}
.work-space-main-dialog .needs-field-handler:not(.config):first-child {
margin-top: 6px;
}
.work-space-main-dialog .needs-field-handler:not(.config).hidden-field {
transition: opacity 0.3s;
opacity: 0;
pointer-events: none;
}
.work-space-main-dialog .needs-field-handler:not(.config).hidden-field-all {
transition: opacity 0.3s, height 0.3s;
overflow: hidden;
opacity: 0;
pointer-events: none;
height: 0px !important;
}
.work-space-main-dialog .needs-field-handler:not(.config).hidden-field-all + .needs-field-handler {
margin-top: 0px;
}
.work-space-main-dialog .needs-field-handler:not(.config).preferences-last-input:hover {
margin-bottom: -2px;
}
.work-space-main-dialog .needs-field-handler:not(.config).preferences-last-input.active {
margin-bottom: -2px;
}
.work-space-main-dialog .needs-field-handler:not(.config):hover {
border-bottom: 3px solid #3ba3d0;
padding-bottom: -2px;
}
.work-space-main-dialog .needs-field-handler:not(.config):hover .label {
color: #3ba3d0;
}
.work-space-main-dialog .needs-field-handler:not(.config):hover + .needs-field-handler {
margin-top: 8px;
}
.work-space-main-dialog .needs-field-handler:not(.config):hover + .app-password-code {
margin-top: 18px;
}
.work-space-main-dialog .needs-field-handler:not(.config):hover + .set-as-default-link {
margin-top: 28px !important;
}
.work-space-main-dialog .needs-field-handler:not(.config) .label {
position: relative;
font-size: 11px;
color: var(--default-gray, #808080);
margin-top: 6px;
}
.work-space-main-dialog .needs-field-handler:not(.config) .val-label {
cursor: pointer;
width: 100%;
font-size: 14px;
color: var(--docs-dashboard-total, #424242);
margin: 8px 0px 8px 0px;
display: block;
height: 18px;
overflow: hidden;
}
.work-space-main-dialog .needs-field-handler:not(.config).field-auto-height .val-label {
height: auto;
overflow: auto;
}
.work-space-main-dialog .needs-field-handler:not(.config) .val input[type="text"].work-space-style {
background: none;
width: 100%;
font-size: 14px;
outline: none;
border: none;
color: var(--docs-dashboard-total, #424242);
padding: 8px 0px 8px 0px;
display: none;
}
.work-space-main-dialog .needs-field-handler:not(.config) .val select {
width: 100%;
font-size: 14px;
outline: none;
border: none;
color: var(--docs-dashboard-total, #424242);
display: none;
}
.work-space-main-dialog .needs-field-handler:not(.config) .val .chzn-container {
display: none;
}
.work-space-main-dialog .needs-field-handler:not(.config).active {
border-bottom: 3px solid var(--grey-label, #838383);
padding-bottom: -3px;
}
.work-space-main-dialog .needs-field-handler:not(.config).active + .needs-field-handler {
margin-top: 8px;
}
.work-space-main-dialog .needs-field-handler:not(.config).active + .app-password-code {
margin-top: 18px;
}
.work-space-main-dialog .needs-field-handler:not(.config).active + .set-as-default-link {
margin-top: 28px !important;
}
.work-space-main-dialog .needs-field-handler:not(.config).active .label {
transition: top 0.3s, font-size 0.3s;
top: 0px;
font-size: 11px;
}
.work-space-main-dialog .needs-field-handler:not(.config).active .label + .val .chzn-container {
margin-top: 4px;
}
.work-space-main-dialog .needs-field-handler:not(.config).active .val-label {
display: none;
}
.work-space-main-dialog .needs-field-handler:not(.config).active .val input.work-space-style,
.work-space-main-dialog .needs-field-handler:not(.config).active .val .chzn-container {
display: block;
}
.work-space-main-dialog .needs-field-handler:not(.config).empty .label {
transition: top 0.3s, font-size 0.3s;
top: 24px;
font-size: 14px;
}
.work-space-main-dialog .needs-field-handler:not(.config).color-field.active .val .val-label {
display: block;
border: 1px dashed var(--gray-light-border, #bebebe);
width: inherit;
}
.work-space-main-dialog .needs-field-handler:not(.config).color-field.active .val .color-picker-picker {
width: inherit;
overflow-y: scroll;
position: relative;
z-index: 3;
background: var(--white-black, #ffffff);
max-height: 150px !important;
}
.work-space-main-dialog .planfix-menu-sub-items-container {
top: 60px;
}
.work-space-main-dialog .planfix-menu-sub-items-container .planfix-menu-sub-items-block .planfix-menu-sub-item {
padding: 8px 12px 8px 7px;
}
.external-link-container {
display: block;
width: 100%;
border-width: 0;
height: 100%;
margin-top: 46px;
position: absolute;
z-index: 3;
background: var(--white-black, #ffffff);
}
.external-link-container.hidden {
display: none;
}
.td-work-space {
position: relative;
overflow: hidden;
}
.td-work-space .svg-icon-16px {
cursor: pointer;
}
.td-work-space .svg-icon-copy svg {
-webkit-transition: stroke 150ms ease;
-moz-transition: stroke 150ms ease;
-o-transition: stroke 150ms ease;
-ms-transition: stroke 150ms ease;
transition: stroke 150ms ease;
}
.td-work-space .svg-icon-copy:hover {
stroke: #00864b;
}
.get-work-space {
font-size: 15px;
}
.workspace-settings-block .menu-item-list {
overflow: hidden;
}
.workspace-settings-block .menu-item-list .workspace-settings-item {
padding: 8px 16px 6px;
cursor: pointer;
border-left: 1px solid var(--grey-list-border, #dedede);
border-right: 1px solid var(--grey-list-border, #dedede);
-webkit-transition-property: background;
-moz-transition-property: background;
-o-transition-property: background;
-ms-transition-property: background;
transition-property: background;
-webkit-transition-duration: 150ms;
-moz-transition-duration: 150ms;
-o-transition-duration: 150ms;
-ms-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
-ms-transition-timing-function: ease;
transition-timing-function: ease;
border-top: 1px solid var(--grey-list-border, #dedede);
}
.workspace-settings-block .menu-item-list .workspace-settings-item:first-child {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.workspace-settings-block .menu-item-list .workspace-settings-item:last-child {
border-bottom: 1px solid var(--grey-list-border, #dedede);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.workspace-settings-block .menu-item-list .workspace-settings-item:not(.active):hover {
background: var(--gray-list-hover, #f0f0f0);
}
.workspace-settings-block .menu-item-list .workspace-settings-item:not(.active):hover .workspace-settings-item-text {
color: var(--task-status-color, var(--white-black, #ffffff));
}
.workspace-settings-block .menu-item-list .workspace-settings-item:not(.active):hover .workspace-settings-item-icon svg {
stroke: var(--task-status-color, var(--white-black, #ffffff));
}
.workspace-settings-block .menu-item-list .workspace-settings-item .workspace-settings-item-icon {
padding: 0 15px 0 0;
}
.workspace-settings-block .menu-item-list .workspace-settings-item .workspace-settings-item-text {
vertical-align: top;
font-size: 15px;
line-height: 18px;
}
.workspace-settings-block .menu-item-list .workspace-settings-item.active {
border-color: var(--task-status-mix50, #53586b);
background: var(--task-status-mix, var(--cardmenu-back, #53586b));
}
.workspace-settings-block .menu-item-list .workspace-settings-item.active + .workspace-settings-item {
border-top-color: var(--task-status-mix50, #53586b);
}
.workspace-settings-block .menu-item-list .workspace-settings-item.active .workspace-settings-item-icon svg {
stroke: var(--task-status-color, var(--white-black, #ffffff));
}
.workspace-settings-block .menu-item-list .workspace-settings-item.active .workspace-settings-item-text {
color: var(--task-status-color, var(--white-black, #ffffff));
}
.workspace-settings-block .menu-item-list .workspace-settings-item:not(.active) {
background: var(--white-black, #ffffff);
}
.workspace-settings-block .menu-item-list .workspace-settings-item:not(.active) .workspace-settings-item-icon svg {
stroke: var(--gray-input-border, #bbbbbb);
}
.workspace-settings-block .menu-item-list .workspace-settings-item:not(.active) .workspace-settings-item-text {
color: #4573B1;
}
.workspace-buttonmanager-container .work-space-list-container .inactive .fakelink {
color: var(--link-color-gray, #9D9D9D);
}
.svg-object-lamp.inactive .td-task-name-link {
color: var(--link-color-gray, #9D9D9D);
}
.work-space-list-table .tr-group-header:first-child > td,
.account-manage-post .tr-group-header:first-child > td {
padding-top: 0;
}
.g-popup-win-scroll .set-unsplash-icon-win .work-space-image-login__wr {
width: calc(100vw - 90px);
height: calc(100vh - 232px);
}
.g-popup-win-scroll .set-unsplash-icon-win .dialog-btn-container .color-scheme.dialog-btn-wrapper {
border-radius: 0 0 12px 12px;
padding: 16px 0;
}
.g-popup-win-scroll .set-unsplash-icon-win .dialog-btn-container .color-scheme.dialog-btn-wrapper .destroy-button {
margin-right: 9px;
}
.g-popup-win-scroll .set-unsplash-icon-win .dialog-btn-container .color-scheme.dialog-btn-wrapper .btn-save-cs {
margin-right: 28px;
}
.g-popup-win-scroll .set-unsplash-icon-win.g-popup-win-scroll-content {
border-radius: 12px;
}
.g-popup-win-scroll .set-unsplash-icon-win.g-popup-win-scroll-content .g-popup-win-scroll-content-header {
color: var(--text-color, #343434);
background: var(--white-black, white);
padding: 25px 24px;
border-radius: 12px 12px 0 0;
margin-bottom: 32px;
}
.g-popup-win-scroll .set-unsplash-icon-win.g-popup-win-scroll-content .g-popup-win-btn {
position: absolute;
right: 16px;
top: 16px;
margin: 0;
}
.g-popup-win-scroll .set-unsplash-icon-win .g-popup-win-scroll-content-main {
position: relative;
border-radius: 12px 12px 0 0;
padding: 0 0 30px 0;
max-width: 808px;
background: var(--grey-dark-hover, #f2f2f2);
}
.work-space-image-login {
width: auto;
height: 100%;
}
.work-space-image-login .preview-main-page {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 700px;
height: 100%;
float: left;
margin-right: 48px;
margin-left: 24px;
background: var(--black-white, #000000);
border-radius: 12px;
}
.work-space-image-login .preview-main-page.small-win {
display: none;
}
.work-space-image-login .preview-main-page .preview-body {
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.work-space-image-login .preview-main-page .preview-body img {
width: 100%;
height: 100%;
}
.work-space-image-login .ready-image {
height: 100%;
width: 510px;
float: left;
margin-right: 0;
}
.work-space-image-login .icon-handler-container .icon-handler-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
padding-bottom: 20px;
}
.work-space-image-login .icon-handler-container .icon-handler-wr .icon-tabs-btns {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0;
margin: 0;
}
.work-space-image-login .icon-handler-container .icon-handler-wr .icon-tabs-btns .tab-switcher {
margin: 0;
padding: 0;
}
.work-space-image-login .icon-handler-container .icon-handler-wr .icon-tabs-btns .tabs-panel-layout-v2-rc__tabs {
padding: 0 0 0 5px;
}
.work-space-image-login .icon-handler-container .icon-handler-wr .unsplash-icon__search {
display: none;
position: relative;
border-radius: 6px;
}
.work-space-image-login .icon-handler-container .icon-handler-wr .unsplash-icon__search input {
padding: 0 22px 0 32px;
border-radius: 6px;
margin: 0;
color: var(--text-color, #343434);
border: 1px solid var(--viewer-file-container, #dcdcdc);
height: 26px;
font-size: 13px;
outline: none;
-webkit-box-shadow: inset 0 0 0 50px var(--white-black, #fff) !important;
}
.work-space-image-login .icon-handler-container .icon-handler-wr .unsplash-icon__search .unsplash-icon__find {
position: absolute;
left: 10px;
bottom: 5px;
width: 16px;
height: 16px;
}
.work-space-image-login .icon-handler-container .icon-handler-wr .unsplash-icon__search .unsplash-icon__find svg {
stroke: var(--gray-input-border, #bbbbbb);
}
.work-space-image-login .icon-handler-container .icon-handler-wr .unsplash-icon__search .unsplash-icon__close {
position: absolute;
bottom: 12px;
right: 10px;
cursor: pointer;
display: none;
width: 10px;
height: 10px;
}
.work-space-image-login .icon-handler-container .icon-handler-wr .unsplash-icon__search .unsplash-icon__close svg {
stroke: var(--gray-input-border, #bbbbbb);
}
.work-space-image-login .icon-handler-container .unsplash-topic {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
}
.work-space-image-login .icon-handler-container .unsplash-topic .topic {
background: var(--white-black, #FFFFFF);
border-radius: 6px;
font-size: 14px;
line-height: 17px;
color: var(--text-color, #343434);
padding: 8px 33px;
margin-right: 8px;
margin-bottom: 10px;
cursor: pointer;
max-height: 31px;
}
.work-space-image-login .icon-handler-container .unsplash-topic .topic.active {
background: var(--gray-list-hover, #f1f1f1);
}
.work-space-image-login .image-login-examples {
display: grid;
grid-gap: 20px;
gap: 20px 20px;
grid-template-columns: repeat(3, minmax(240px, 240px));
}
.work-space-image-login .image-login__wrapper {
width: 240px;
height: 179px;
background: var(--white-black, #FFFFFF);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border-radius: 6px;
box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
cursor: pointer;
position: relative;
}
.work-space-image-login .image-login__wrapper svg {
position: absolute;
}
.work-space-image-login .image-login__wrapper svg circle {
fill-opacity: 0.9;
}
.work-space-image-login .image-login__wrapper svg path {
fill: var(--black-white, black);
}
.work-space-image-login .image-login__wrapper img {
width: 217px;
height: 152px;
}
.work-space-image-login .unsplash-author {
position: absolute;
bottom: 17px;
left: 19px;
border-radius: 12px;
padding: 6px 13px 7px;
font-size: 12px;
opacity: 0.5;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.work-space-image-login .unsplash-author .author {
opacity: 1;
}
.work-space-image-login .unsplash-author .photo {
opacity: 0.7;
}
.work-space-image-login .unsplash-author:hover {
opacity: 0.85;
}
.work-space-image-login .unsplash-author a {
text-decoration: none;
}
@media screen and (min-width: 790px) {
.g-popup-win-scroll .set-unsplash-icon-win .work-space-image-login__wr {
width: 100%;
}
.work-space-image-login .icon-handler-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
}
.work-space-image-login .icon-handler-container .icon-handler-wr {
padding-bottom: 20px;
}
.work-space-image-login .ready-image {
padding: 0 24px 0 24px;
width: calc(100% - 48px);
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.work-space-image-login .preview-main-page {
display: none;
}
.work-space-image-login .preview-main-page.small-win {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
justify-content: center;
width: 100%;
border-radius: 6px;
margin: 0;
}
.work-space-image-login .preview-main-page .preview-body {
width: 490px;
height: 286px;
}
}
@media screen and (min-width: 1439px) {
.g-popup-win-scroll .set-unsplash-icon-win .g-popup-win-scroll-content-main {
width: 1350px;
max-width: unset;
}
.g-popup-win-scroll .set-unsplash-icon-win .work-space-image-login__wr {
height: calc(100vh - 232px);
}
.work-space-image-login {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.work-space-image-login .icon-handler-container .unsplash-topic {
padding-top: 0;
}
.work-space-image-login .icon-handler-container .icon-handler-wr {
position: unset;
background: unset;
padding-bottom: 20px;
}
.work-space-image-login .icon-handler-container .icon-handler-wr .icon-tabs-btns {
margin-left: 0;
}
.work-space-image-login .icon-handler-container .icon-handler-wr .unsplash-icon__search {
margin-right: 0;
}
.work-space-image-login .icon-handler-container .icon-handler-wr .unsplash-icon__search input {
width: 100px;
}
.work-space-image-login .icon-handler-container .unsplash-topic {
margin-bottom: 10px;
}
.work-space-image-login .icon-handler-container {
display: block;
margin-bottom: 0;
}
.work-space-image-login .ready-image {
width: 554px;
height: 100%;
padding: 0 24px 0 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.work-space-image-login .preview-main-page {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.work-space-image-login .preview-main-page.small-win {
display: none;
}
.work-space-image-login .preview-main-page .preview-body {
width: unset;
height: unset;
}
.work-space-image-login .image-login-examples {
grid-template-columns: repeat(2, minmax(240px, 240px));
}
}
@media screen and (min-width: 1920px) {
.g-popup-win-scroll .set-unsplash-icon-win .g-popup-win-scroll-content-main {
width: 1830px;
}
.work-space-image-login .image-login-examples {
grid-template-columns: repeat(4, minmax(240px, 240px));
}
}
.preview-body .preview-main-menu {
overflow: hidden;
position: relative;
display: flex;
width: 100%;
color: var(--white-black, #fff);
top: 0;
z-index: 10;
background: var(--head, #00864b);
}
.preview-body .preview-main-menu .preview-main-menu-head {
vertical-align: top;
position: relative;
overflow: hidden;
height: 45px;
flex-shrink: 0;
padding-left: 10px;
background: var(--head2, #00864b);
border-bottom: var(--head, #00864b);
}
.preview-body .preview-main-menu .preview-main-menu-head .preview-main-menu-logo {
display: block;
height: 45px;
text-decoration: none;
}
.preview-body .preview-main-menu .preview-main-menu-head .preview-main-menu-logo .preview-logo-pic {
padding: 12px 50px 0 12px;
display: inline-block;
}
.preview-body .preview-main-menu .preview-main-menu-head .preview-main-menu-logo .preview-logo-pic img {
height: 24px;
width: auto;
}
.preview-body .preview-main-menu .preview-main-menu-head .preview-cube-menu-tail-start {
position: absolute;
display: block;
right: -219px;
top: -78px;
width: 200px;
height: 200px;
background: var(--head, #00864b);
box-shadow: 0 0 11px 1px var(--head3, #4f8017);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.preview-body .preview-main-menu .preview-main-menu-tail {
background: var(--head, #00864b);
vertical-align: top;
flex-grow: 1;
}
.preview-body .preview-main-menu .preview-main-menu-tail .preview-main-menu-content {
display: table;
width: 100%;
}
.preview-body .preview-main-menu .preview-main-menu-tail .preview-main-menu-content .preview-main-menu-items-container {
display: table-cell;
width: 100%;
}
.preview-body .preview-main-menu .preview-main-menu-tail .preview-main-menu-content .preview-main-menu-items-container .preview-main-menu-items {
height: 46px;
white-space: nowrap;
display: flex;
overflow: visible;
}
.preview-body .preview-main-menu .preview-main-menu-tail .preview-main-menu-content .preview-main-menu-items-container .preview-main-menu-items .preview-main-menu-action-plus {
display: inline-block;
width: 25px;
height: 25px;
vertical-align: top;
margin: 5px 5px 0 0;
padding: 5px 0;
}
.preview-body .preview-main-menu .preview-main-menu-tail .preview-main-menu-content .preview-main-menu-items-container .preview-main-menu-items .preview-main-menu-action-plus svg {
fill: var(--headMenuText, #fff);
}
.preview-body .preview-main-menu .preview-main-menu-tail .preview-main-menu-content .preview-main-menu-items-container .preview-main-menu-items .preview-main-menu-item {
padding: 0 6px;
border-radius: 3px;
min-width: 20px;
display: flex;
align-items: center;
justify-content: center;
height: 26px;
margin: auto 4px auto 0;
transition: all ease 200ms;
position: relative;
}
.preview-body .preview-main-menu .preview-main-menu-tail .preview-main-menu-content .preview-main-menu-items-container .preview-main-menu-items .preview-main-menu-item:hover {
background: var(--headMenuHover, var(--workspace-scroll-items-bg, rgba(255, 255, 255, 0.25)));
}
.preview-body .preview-main-menu .preview-main-menu-tail .preview-main-menu-content .preview-main-menu-items-container .preview-main-menu-items .preview-main-menu-item:hover.active:after {
right: 0;
left: 0;
}
.preview-body .preview-main-menu .preview-main-menu-tail .preview-main-menu-content .preview-main-menu-items-container .preview-main-menu-items .preview-main-menu-item.active:after {
content: '';
display: block;
position: absolute;
left: 4px;
right: 4px;
bottom: -7px;
height: 5px;
border-radius: 3px;
transition: all 0.2s ease-in-out;
background-color: var(--headMenuText, var(--white-black, #fff));
}
.preview-body .preview-main-menu .preview-main-menu-tail .preview-main-menu-content .preview-main-menu-items-container .preview-main-menu-items .preview-main-menu-item .preview-main-menu-item-name {
color: var(--headMenuText, var(--white-black, #fff));
text-decoration: none;
font-size: 15px;
line-height: 20px;
vertical-align: top;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
margin-left: 8px;
}
.preview-body .preview-main-menu .preview-main-menu-tail .preview-main-menu-content .preview-main-menu-items-container .preview-main-menu-items .preview-main-menu-item svg {
stroke: var(--headMenuText, var(--white-black, #fff));
}
.preview-middle-container {
height: 97%;
width: 100%;
overflow: hidden;
background: var(--background-color-light-gray, #f7f7f7);
}
.preview-middle-container .preview-leftmenu {
position: relative;
height: 100%;
width: 60%;
float: left;
background: var(--menu, #53586b);
}
.preview-middle-container .preview-right-block {
display: flex;
flex-direction: column;
height: 100%;
width: 38%;
float: left;
background: var(--background-color-light-gray, #f7f7f7);
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
}
.preview-middle-container .preview-right-block .preview-right-block-header {
padding: 16px 10px 0 10px;
height: 60px;
}
.preview-middle-container .preview-right-block .preview-right-block-header .task-project-path {
font-size: 13px;
color: var(--core-dropdown-text, #9C9C9C);
}
.preview-middle-container .preview-right-block .preview-right-block-header .task-title {
font-size: 22px;
color: var(--support-center-text, #4F4F4F);
}
.preview-middle-container .preview-right-block .preview-right-block-main {
padding: 16px 10px 0 10px;
}
.preview-middle-container .preview-right-block .preview-right-block-main .enabled-panel {
padding-bottom: 6px;
}
.preview-middle-container .preview-right-block .preview-right-block-main .active-switcher-title,
.preview-middle-container .preview-right-block .preview-right-block-main .inactive-switcher-title {
font-size: 15px;
color: var(--gray-dark-icon, #626262);
padding-bottom: 25px;
}
.preview-middle-container .preview-right-block .preview-right-block-main-btn {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-bottom: 25px;
}
.preview-middle-container .preview-right-block .preview-bottom-panel .dialog-bottom-panel-button-rc .buttons-list {
float: left;
}
.preview-middle-container .preview-right-block .preview-bottom-panel .dialog-bottom-panel-button-rc .buttons-list button {
margin-left: 10px;
}
.preview-middle-container .preview-right-block .preview-right-block-table {
flex: auto;
padding: 15px 0 15px 10px;
}
.preview-middle-container .preview-right-block .preview-table-row {
font-size: 15px;
color: var(--task-status-color-active);
background-color: var(--white-black, white);
border: 1px solid var(--gray-border, #e2e2e2);
border-bottom: none;
border-right: none;
padding: 10px;
white-space: nowrap;
}
.preview-middle-container .preview-right-block .preview-table-row:first-child {
border-top-left-radius: 12px;
}
.preview-middle-container .preview-right-block .preview-table-row:last-child {
border-bottom: 1px solid var(--gray-border, #e2e2e2);
border-bottom-left-radius: 12px;
border-top-color: var(--task-status-mix50, #c5d8b7);
}
.preview-middle-container .preview-right-block .preview-table-row.head {
background-color: var(--gray-modal-background, #f2f2f2);
font-size: 13px;
color: var(--black-white, #000000);
}
.preview-middle-container .preview-right-block .preview-table-row.active {
border-color: var(--task-status-mix50, #c5d8b7);
color: var(--task-status-color, #00864b);
background-color: var(--task-status-mix, #d4e2cb);
}
.preview-middle-container .preview-page-layout-block-resizer {
position: relative;
float: left;
width: 4px;
height: 100%;
z-index: 2;
background: var(--file-viewer-canvas-email-bg, #efefef);
border-left: 1px solid var(--tabs-panel-tab-hover, #e5e5e5);
border-right: 1px solid var(--tabs-panel-tab-hover, #e5e5e5);
}
.preview-middle-container .preview-left-panel-hide {
width: 100%;
text-align: center;
padding-top: 10px;
z-index: 2;
}
.preview-middle-container .preview-left-panel-hide span {
float: right;
width: 32px;
height: 20px;
}
.preview-middle-container .preview-left-panel-hide svg {
fill: var(--leftMenuIcon, var(--white-black, #fff));
width: 7px;
height: 7px;
}
.preview-middle-container .preview-taskfilter-container {
height: 69.4%;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list {
width: 100%;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .submenu-item {
padding-left: 20px;
white-space: nowrap;
width: 100%;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link {
display: flex;
min-height: 19px;
color: var(--notActiveFilterText, #dde0e2);
padding-right: 18px;
white-space: nowrap;
position: relative;
margin: 0 10px 0 6px;
padding-top: 4px;
padding-bottom: 3px;
border-bottom-right-radius: 50px;
border-top-right-radius: 50px;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link .filter-icon {
margin-right: 3px;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link .filter-icon svg {
stroke: var(--leftMenuIcon, #dde0e2);
height: 16px;
width: 16px;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link .menu-text-count {
display: inline-block;
margin-left: 5px;
font-size: 7pt;
vertical-align: top;
color: var(--notActiveFilterElement2, #a2b4bc);
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link .menuitem-expander {
width: 20px;
text-decoration: none;
display: inline-block;
vertical-align: top;
color: var(--menuitem-expander, #dde0e2);
display: none;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link .menuitem-expander svg {
width: 12px;
height: 12px;
fill: var(--notActiveFilterElement2, #a2b4bc);
margin: 3px 4px 0 2px;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link .menu-text .menu-text-link {
width: auto;
max-width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.4;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link .edge {
display: inline-block;
width: 15px;
height: 14px;
line-height: 0;
margin-top: 2px;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link .edge svg {
margin-left: 4px;
width: 6px;
height: 14px;
display: none;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link .filter-item-button-menu svg {
display: none;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link:not(.active) .filter-item-button-menu svg,
.preview-middle-container .preview-taskfilter-container .table-filter-list .link:not(.active) .edge svg {
fill: var(--notActiveFilterElement, var(--gray-ico, #a9a9a9));
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link:not(.active).hover {
background: var(--notActiveFilterHover, var(--work-space-dialog-hover-dark, #00000026));
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link:not(.active).hover .filter-item-button-menu svg,
.preview-middle-container .preview-taskfilter-container .table-filter-list .link:not(.active).hover .edge svg {
display: block;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link:not(.active).hover .menuitem-color {
border: 1px solid var(--menuitem-color, #9094a4);
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link.active {
background: var(--activeFilter, #1abe72);
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link.active .menu-text-link-content {
color: var(--activeFilterElement, var(--white-black, #fff));
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link.active .filter-item-button-menu svg,
.preview-middle-container .preview-taskfilter-container .table-filter-list .link.active .edge svg {
fill: var(--activeFilterElement, var(--white-black, #fff));
display: block;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link.active .menuitem-color {
border: 1px solid var(--white-black, #fff);
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link.active .menu-text-count {
color: var(--activeFilterElement, var(--white-black, #fff));
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link.expanded .menuitem-expander svg {
display: block;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link.expanded .menuitem-color {
display: none;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link.hascolor .menuitem-expander {
display: none;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link.hascolor .menuitem-color {
display: block;
width: 10px;
height: 10px;
display: inline-block;
vertical-align: top;
margin: 2px 6px 0 2px;
border-radius: 10px;
flex-shrink: 0;
background: none;
}
.preview-middle-container .preview-taskfilter-container .table-filter-list .link.hascolor:not(.active) {
border: 1px solid transparent;
}
.work-space-colorscheme-block {
width: auto;
height: 100%;
padding: 0;
display: flex;
}
.work-space-colorscheme-block .preview-main-page {
width: 400px;
margin-right: 50px;
}
.work-space-colorscheme-block .preview-main-page .preview-body {
height: 98%;
border: 1px dashed var(--core-dropdown-text, #9c9c9c);
padding: 10px;
}
.work-space-colorscheme-block .color-settings {
height: 100%;
width: 330px;
margin-right: 20px;
}
.work-space-colorscheme-block .ready-palettes {
height: 100%;
width: 510px;
margin-right: 0;
}
.preview-block-bottom-menu {
position: absolute;
width: 227px;
bottom: 0;
display: flex;
/* width: 100%;*/
flex-flow: column;
background: var(--bottomBackground, var(--theme-preview-bottom-bg, #3f4457));
height: auto;
}
.preview-block-bottom-menu .preview-menu-block-for-bottom-menu {
background: none;
height: auto;
margin-top: 3px;
}
.preview-block-bottom-menu .preview-menu-block-for-bottom-menu .preview-menu-item {
display: flex;
height: auto;
background: var(--bottomMenuItemColor, var(--preview-menu-item, #bdbdbd0f));
margin: 2px 6px 2px 6px;
}
.preview-block-bottom-menu .preview-menu-block-for-bottom-menu .preview-menu-item:hover {
background-color: var(--preview-menu-item, #9e9e9e42);
}
.preview-block-bottom-menu .preview-menu-block-for-bottom-menu .preview-menu-item .item-icon {
padding: 8px 25px;
margin-top: auto;
margin-bottom: auto;
}
.preview-block-bottom-menu .preview-menu-block-for-bottom-menu .preview-menu-item .item-icon svg {
width: 20px;
height: 20px;
fill: none;
stroke: var(--bottomElements, var(--white-black, #fff));
stroke-width: 1px;
}
.preview-block-bottom-menu .preview-menu-block-for-bottom-menu .preview-menu-item .item-text {
font-size: 13px;
color: var(--bottomElements, var(--white-black, #fff));
vertical-align: super;
margin-top: auto;
margin-bottom: auto;
}
.preview-block-bottom-menu .preview-round-button-for-grouping {
display: flex;
border-top: 1px solid var(--bottomMenuPlusHybridBorderColor);
}
.preview-block-bottom-menu .preview-round-button-for-grouping .item-icon {
background: none;
padding: 2px 5px 2px 5px;
margin: 20px auto 20px auto;
transition: 0.15s;
border: 1px solid var(--bottomElements, var(--white-black, #fff));
border-radius: 50px;
}
.preview-block-bottom-menu .preview-round-button-for-grouping svg {
fill: var(--bottomElements, var(--white-black, #fff));
stroke: var(--bottomElements, var(--white-black, #fff));
width: 10px;
height: 10px;
}
.color-settings .color-settings-block-type {
display: flex;
flex-direction: column;
margin-top: 10px;
transition: opacity 0.3s, height 0.3s;
height: auto;
opacity: 1;
pointer-events: initial;
width: 300px;
padding-bottom: 2px;
margin-bottom: 10px;
border-bottom: 1px solid var(--tabs-panel-tab-hover, #e5e5e5);
}
.color-settings .color-settings-block-type .label {
position: relative;
font-size: 11px;
color: gray;
margin-top: 6px;
}
.color-settings .color-settings-block-type .val-label {
cursor: pointer;
width: 100%;
font-size: 16px;
color: var(--color-settings-val-label, #424242);
display: block;
overflow: visible;
display: flex;
}
.color-settings .color-settings-block-type .val-label .current-status-as-text {
color: #4573b1;
margin-top: 8px;
margin-bottom: 8px;
}
.color-settings .color-settings-block-type .val-label .color-input {
margin-top: 4px;
height: 22px;
border: none;
font-size: 14px;
outline: none;
width: 88%;
background: none;
}
.color-settings .color-settings-block-type .val-label .minicolors-theme-default {
width: 100%;
padding: 0 0 2px 0;
}
.color-settings .color-settings-block-type .val-label .minicolors-theme-default .minicolors-swatch {
cursor: pointer;
width: 20px;
height: 20px;
}
.color-settings .color-settings-block-type:hover {
padding-bottom: 0;
border-bottom: 3px solid #3ba3d0;
}
.color-settings .color-field-list-title {
width: 300px;
font-size: 18px;
}
.color-settings .color-field-list-title:not(:first-child) {
margin-top: 45px;
}
.ready-palettes .color-palette-examples .theme-colorscheme-block {
float: left;
display: flex;
flex-direction: column;
}
.ready-palettes .color-palette-examples .theme-colorscheme-block .example-colors-interface {
width: auto;
height: auto;
float: left;
margin: 10px 10px 10px 10px;
border: 6px solid var(--white-black, #fff);
box-shadow: 0px 2px 3px 0px rgba(109, 109, 109, 0.5);
cursor: pointer;
}
.ready-palettes .color-palette-examples .theme-colorscheme-block .example-colors-interface svg {
width: 90px;
height: 90px;
}
.ready-palettes .color-palette-examples .theme-colorscheme-block .theme-colorscheme-title {
color: var(--black-white, #000);
margin: 0px auto;
max-width: 90px;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.theme-preview-block {
position: relative;
width: 90px;
height: 110px;
background: var(--cardmenu-back, #53586b);
-moz-user-select: none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.theme-preview-block .theme-preview-head {
display: flex;
width: 100%;
height: 20px;
background: #1abe72;
}
.theme-preview-block .theme-preview-head .text {
float: left;
color: var(--white-black, #fff);
font-size: 9px;
margin: auto;
width: 31px;
overflow: hidden;
text-overflow: ellipsis;
}
.theme-preview-block .mimi-container {
height: 52px;
width: 100%;
}
.theme-preview-block .mimi-container .inbox-filter {
height: 17px;
margin: 8px 0 0 8px;
width: 70px;
background: #1abe72;
border-bottom-right-radius: 50px;
border-top-right-radius: 50px;
position: relative;
}
.theme-preview-block .mimi-container .inbox-filter .text {
float: left;
color: var(--white-black, #fff);
font-size: 9px;
margin: 2px 0 0 3px;
width: 45px;
overflow: hidden;
text-overflow: ellipsis;
}
.classic-font .theme-preview-block .mimi-container .inbox-filter .text {
margin: 3.6px 0 0 3px;
}
.theme-preview-block .mimi-container .inbox-filter .drag-icon {
margin-top: 1px;
float: left;
}
.classic-font .theme-preview-block .mimi-container .inbox-filter .drag-icon {
margin-top: 2.4px;
}
.theme-preview-block .mimi-container .inbox-filter .drag-icon svg {
width: 12px;
height: 12px;
fill: var(--white-black, #fff);
}
.theme-preview-block .mimi-container .main-filter {
height: 15px;
margin: 2px 0 0 7px;
width: 70px;
background: none;
}
.theme-preview-block .mimi-container .main-filter .text {
color: var(--white-black, #fff);
float: left;
font-size: 9px;
margin: 3px 0 0 0;
width: 45px;
overflow: hidden;
text-overflow: ellipsis;
}
.theme-preview-block .mimi-container .main-filter .exp-icon {
margin: 0 4px 0 4px;
float: left;
}
.theme-preview-block .mimi-container .main-filter .exp-icon svg {
width: 9px;
height: 9px;
fill: var(--theme-preview-filter-svg, #a2b4bc);
}
.theme-preview-block .mimi-container .outbox-filter {
height: 15px;
margin: 0px 0 0 23px;
width: 70px;
background: none;
}
.theme-preview-block .mimi-container .outbox-filter .text {
color: var(--white-black, #fff);
font-size: 9px;
margin: 2px 0 0 6px;
float: left;
width: 40px;
overflow: hidden;
text-overflow: ellipsis;
}
.theme-preview-block .mimi-container .outbox-filter .count-text {
font-size: 6px;
color: var(--planner-quick-add-placeholder, #b3b3b3);
margin: 2px 0 0px 2px;
float: left;
}
.theme-preview-block .mini-bottom-menu {
height: 20px;
background: var(--theme-preview-bottom-bg, #3f4457);
position: relative;
padding: 5px 5px 5px 5px;
}
.theme-preview-block .mini-bottom-menu .menu-item {
width: 100%;
height: 100%;
background: var(--theme-preview-menu-item-bg, #464b5d);
display: flex;
}
.theme-preview-block .mini-bottom-menu .menu-item .mini-menu-item-icon {
margin: 4px 3px 3px 6px;
}
.theme-preview-block .mini-bottom-menu .menu-item .mini-menu-item-icon svg {
width: 12px;
height: 12px;
fill: #fff0;
stroke: var(--white-black, #fff);
stroke-width: 1px;
}
.theme-preview-block .mini-bottom-menu .menu-item .mini-menu-item-text {
color: var(--white-black, #fff);
font-size: 10px;
margin: auto 3px auto 3px;
width: 50px;
overflow: hidden;
text-overflow: ellipsis;
}
.theme-preview-block:after {
content: '';
width: 90px;
height: 110px;
position: absolute;
top: 0;
left: 0;
background: none;
z-index: 100;
}
.color-scheme.dialog-btn-wrapper {
float: right;
padding: 15px 20px;
background: var(--grey-list-border, #dfdfdf);
}
.dialog-btn-container .color-scheme.dialog-btn-wrapper {
width: 100%;
padding-bottom: 15px;
background: var(--grey-list-border, #dfdfdf);
}
.dialog-btn-container .color-scheme.dialog-btn-wrapper .btn-save-cs {
margin-right: 21px;
}
.ai-feature-popup-container {
z-index: 100;
position: absolute;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 492px;
max-height: 80vh;
min-height: 89px;
overflow: hidden;
border-radius: 8px;
background: linear-gradient(21deg, var(--ai-popup-bg1, #EEF2FF) 0%, var(--ai-popup-bg2, #FFF9FF) 100%);
box-shadow: 0 4px 10px 0 var(--ai-popup-shadow, rgba(153, 144, 194, 0.15)), 0px -2px 6px 0px var(--ai-popup-shadow, rgba(153, 144, 194, 0.15));
opacity: 0;
transition: bottom 0.5s ease, opacity 0.5s ease;
}
.ai-feature-popup-container.hidden {
opacity: 0;
pointer-events: none;
}
.ai-feature-popup-container.result {
transform: translateY(100%);
}
.ai-feature-popup-container.visible {
opacity: 1;
transform: translateY(0);
}
.ai-feature-popup-container .popup-header {
display: flex;
min-height: 16px;
padding: 12px 12px 4px 20px;
justify-content: flex-end;
align-items: flex-start;
align-self: stretch;
}
.ai-feature-popup-container .popup-header .buttons-wrapper {
display: flex;
align-items: center;
}
.ai-feature-popup-container .popup-header .buttons-wrapper .refresh-button,
.ai-feature-popup-container .popup-header .buttons-wrapper .close-button {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
cursor: pointer;
float: right;
border: none;
background: none;
}
.ai-feature-popup-container .popup-header .buttons-wrapper .refresh-button:hover i,
.ai-feature-popup-container .popup-header .buttons-wrapper .close-button:hover i {
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.ai-feature-popup-container .popup-content {
display: flex;
flex: 1;
flex-direction: column;
padding: 0 20px;
overflow-y: auto;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.ai-feature-popup-container .popup-content .content {
flex: 1 0 0;
}
.ai-feature-popup-container .popup-content .content p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.ai-feature-popup-container .popup-content .line-wr {
position: relative;
width: 358px;
height: 25px;
margin-top: -9px;
}
.ai-feature-popup-container .popup-content .line-wr .line {
max-width: 100%;
height: 8px;
background-color: var(--file-upload-ubloaded-block, #EAEAEA);
position: relative !important;
animation: gradientAnimation 4s linear infinite;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
margin: 9px 0;
}
.ai-feature-popup-container .popup-content .line-wr .line:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 4px;
background-size: 200% 100%;
background: linear-gradient(90deg, rgba(171, 156, 254, 0.1) 0%, rgba(171, 156, 254, 0.5) 25%, #AB9CFE 50%, rgba(171, 156, 254, 0.5) 75%, rgba(171, 156, 254, 0.1) 100%);
animation: gradientAnimation 4s linear infinite;
}
.ai-feature-popup-container .popup-content .line-wr .line.left {
max-width: 65%;
}
.ai-feature-popup-container .popup-content .line-wr .line.left:before {
background: linear-gradient(90deg, rgba(171, 156, 254, 0.1) 0%, rgba(171, 156, 254, 0.5) 25%, #AB9CFE 50%, rgba(171, 156, 254, 0.5) 75%, rgba(171, 156, 254, 0.1) 100%);
}
.ai-feature-popup-container .button-row {
display: flex;
padding: 14px 20px 18px 20px;
flex-direction: row;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.ai-feature-popup-container .button-row .apply-button {
display: flex;
margin-left: 0;
padding: 10px 16px;
border-radius: 6px;
background: linear-gradient(21deg, var(--ai-button-bg1, #767EFE) 0%, var(--ai-button-bg2, #E1BBFE) 100%);
color: var(--white-black, white);
border: none;
cursor: pointer;
font-size: 14px;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms ease;
-o-transition: background 250ms ease;
-ms-transition: background 250ms ease;
transition: background 250ms ease;
position: relative;
z-index: 0;
}
.ai-feature-popup-container .button-row .apply-button:hover::before {
opacity: 1;
}
.ai-feature-popup-container .button-row .apply-button:before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(21deg, var(--ai-button-bg2, #E1BBFE) 0%, var(--ai-button-bg1, #767EFE) 100%);
z-index: -1;
opacity: 0;
transition: opacity 0.25s linear;
border-radius: 6px;
}
.ai-feature-popup-container .popup-bottom {
display: flex;
padding: 4px 20px;
align-items: center;
gap: 10px;
align-self: stretch;
background: var(--ai-popup-bottom-bg, #E0E4F4);
color: var(--task-card-title-text, #4b4b4b);
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.action-change-date-request-active {
padding: 15px 13px;
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 5px;
color: var(--grey-action-list, #7F7F7F);
max-width: 290px;
min-width: 252px;
margin: 5px 7px 0 0;
background-color: var(--white-black, #fff);
}
.action-change-date-request-active .svg-icon-dates {
margin-right: 8px;
vertical-align: bottom;
margin-bottom: -1px;
}
.action-change-date-request-active .svg-icon-arrow {
margin: 3px 7px;
}
.action-change-date-request-active .action-change-date-request-active-row-h {
font-size: 13px;
font-weight: bold;
}
.action-change-date-request-active .action-change-date-request-active-row-h .iconset-16px {
vertical-align: bottom;
padding-right: 10px;
}
.action-change-date-request-active .action-change-date-request-active-row-val {
font-size: 18px;
color: var(--task-card-add-action-icons, #aeaeae);
margin-top: 7px;
}
.action-change-date-request-active .action-change-date-request-active-row-val .date-block {
display: inline-table;
text-align: right;
vertical-align: top;
}
.action-change-date-request-active .action-change-date-request-active-row-val .date-block .time {
font-size: 13px;
display: block;
}
.action-change-date-request-active > div {
margin-bottom: 15px;
}
.action-change-date-request-active > div:first-child {
margin-top: 0;
}
.action-change-date-request-active > div:last-child {
margin-bottom: 0;
}
.action-change-date-request-active .change-date-request-buttons {
display: inline-block;
}
.action-change-date-request-active .change-date-request-buttons .planfix-round-buttons {
margin-top: 2px;
}
#action-create-div.action-create-v2 {
padding-top: 0;
}
#action-create-div.action-create-v2 tr > td {
padding-left: 0 !important;
}
#action-create-div.action-create-v2 .cke_chrome {
border-color: var(--gray-border, #e2e2e2) !important;
border-bottom: none;
}
#action-create-div.action-create-v2 .tr-employ .td-item {
padding-bottom: 0;
}
#action-create-div.action-create-v2 .action-change-workers-v2 {
background-color: var(--task-card-action-change-workers-bg, #EBEBEB);
display: flex;
border-top: 1px solid var(--gray-border, #e2e2e2);
}
#action-create-div.action-create-v2 .action-change-workers-v2 .action-change-workers-v2-strings {
width: 100%;
}
#action-create-div.action-create-v2 .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string {
display: flex;
align-items: center;
padding: 5px 0;
}
#action-create-div.action-create-v2 .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string .action-change-workers-v2-label {
width: 100px;
flex-shrink: 0;
padding-left: 9px;
}
#action-create-div.action-create-v2 .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string .action-change-workers-v2-control {
width: 100%;
}
#action-create-div.action-create-v2 .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string .action-change-workers-v2-control select {
width: 100%;
}
#action-create-div.action-create-v2 .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string .action-change-workers-v2-control .chzn-container-multi .chzn-choices {
background: none;
}
#action-create-div.action-create-v2 .action-change-workers-v2 .action-change-workers-v2-btns {
width: 115px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
#action-create-div.action-create-v2 .action-create-attached-container {
display: flex;
flex-wrap: wrap;
margin-bottom: -10px;
}
#action-create-div.action-create-v2 .action-create-attached-container > div {
margin-right: 20px;
display: inline-flex;
align-items: center;
white-space: nowrap;
margin-bottom: 10px;
}
#action-create-div.action-create-v2 .action-create-attached-container .action-periodicity-reminders {
flex-basis: 100%;
display: block;
}
#action-create-div.action-create-v2 .action-create-attached-container .action-periodicity-reminders .item {
margin: 5px 0 0 0;
}
#action-create-div.action-create-v2 .action-create-attached-container .action-periodicity-reminders .item .fakelink-dashed {
margin: 0 0 0 5px;
}
#action-create-div.action-create-v2 .action-create-attached-container .reminders-summary-item {
margin-bottom: 0;
}
#action-create-div.action-create-v2 .action-create-attached-container .analitics-summary,
#action-create-div.action-create-v2 .action-create-attached-container .reminders-summary,
#action-create-div.action-create-v2 .action-create-attached-container .checklist-summary {
padding-bottom: 0;
}
#action-create-div.action-create-v2 .action-create-attached-container .action-create-number-top {
top: -4px;
position: relative;
font-size: 8pt;
margin-left: 4px;
color: #5881B8;
}
#action-create-div.action-create-v2 .action-create-attached-container .action-create-number-top + .fakelink-dashed {
margin-left: 7px;
}
#action-create-div.action-create-v2 .action-create-change-status-string {
display: flex;
border-bottom: 1px solid var(--gray-border, #e2e2e2);
justify-content: space-between;
}
#action-create-div.action-create-v2 .action-create-change-status-string .action-create-change-status {
padding-bottom: 10px;
}
#action-create-div.action-create-v2 .action-create-change-status-string .action-create-add-options {
margin-left: auto;
min-height: 24px;
}
#action-create-div.action-create-v2 .bottom-btn-wrapper {
padding: 0;
flex-wrap: wrap;
}
#action-create-div.action-create-v2 .bottom-btn-wrapper .btn-main {
margin-bottom: 10px;
}
#action-create-div.action-create-v2 .bottom-btn-wrapper .action-ai-helper-menu {
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
padding: 0;
margin-right: 10px;
width: 32px;
height: 32px;
border-radius: 3px;
cursor: pointer;
transition: background 0.3s ease;
}
#action-create-div.action-create-v2 .bottom-btn-wrapper .action-ai-helper-menu i {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
#action-create-div.action-create-v2 .bottom-btn-wrapper .action-ai-helper-menu i.hover-icon {
opacity: 0;
transition: opacity 0.3s ease;
}
#action-create-div.action-create-v2 .bottom-btn-wrapper .action-ai-helper-menu i.default-icon {
opacity: 1;
transition: opacity 0.3s ease;
}
#action-create-div.action-create-v2 .bottom-btn-wrapper .action-ai-helper-menu:hover .hover-icon {
opacity: 1;
}
#action-create-div.action-create-v2 .bottom-btn-wrapper .action-ai-helper-menu:hover .default-icon {
opacity: 0;
}
#action-create-div.action-create-v2 .tr-action-checklist-head,
#action-create-div.action-create-v2 .tr-action-checklist {
display: none !important;
}
.tr-actions-body-edit-form #action-create-div.action-create-v2 {
padding-bottom: 30px;
}
.action-create-checklist-win {
padding-bottom: 25px;
}
.action-create-checklist-win .tbl-check-list {
display: block !important;
}
.action-create-checklist-win .task-addAction-header-wraper > i,
.action-create-checklist-win .task-addAction-header-wraper > span:not(.task-addAction-ddl-wraper) {
display: none;
}
.action-create-checklist-win .tr-action-checklist-head {
display: none !important;
}
.b-add-action .new-action-crm-photo > img {
max-width: 60px;
}
.b-add-action:not(.action-standalone-form) .tr-action-commit .dialog-btn-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
text-align: left;
}
.b-add-action:not(.action-standalone-form) .tr-action-commit .dialog-btn-wrapper .btn-main {
margin-left: 0;
margin-right: 10px;
}
.b-add-action .bottom-btn-wrapper {
flex-wrap: wrap;
}
.b-add-action .bottom-btn-wrapper .btn-main {
margin-bottom: 10px;
}
.b-add-action .bottom-btn-wrapper .action-ai-helper-menu {
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
padding: 0;
margin-right: 10px;
width: 32px;
height: 32px;
border-radius: 3px;
cursor: pointer;
transition: background 0.3s ease;
}
.b-add-action .bottom-btn-wrapper .action-ai-helper-menu i {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.b-add-action .bottom-btn-wrapper .action-ai-helper-menu i.hover-icon {
opacity: 0;
transition: opacity 0.3s ease;
}
.b-add-action .bottom-btn-wrapper .action-ai-helper-menu i.default-icon {
opacity: 1;
transition: opacity 0.3s ease;
}
.b-add-action .bottom-btn-wrapper .action-ai-helper-menu:hover .hover-icon {
opacity: 1;
}
.b-add-action .bottom-btn-wrapper .action-ai-helper-menu:hover .default-icon {
opacity: 0;
}
.action-language-control {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: absolute;
background-color: var(--background-color-light-gray, #f7f7f7);
z-index: 2;
right: 0;
top: 41px;
border-radius: 6px;
}
.action-language-control.on-top {
top: unset;
left: 0;
bottom: 0;
}
.action-language-control__container {
display: flex;
flex-direction: column;
padding: 10px 10px 12px 7px;
background-color: var(--main-menu-popup-bg, white);
border-radius: 6px;
-webkit-box-shadow: 0 0 4px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.25));
-moz-box-shadow: 0 0 4px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.25));
-o-box-shadow: 0 0 4px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.25));
box-shadow: 0 0 4px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.25));
}
.action-language-control .back-button {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 10px;
cursor: pointer;
color: var(--chzn-border, #AAA);
font-size: 14px;
font-weight: 500;
user-select: none;
}
.action-language-control .back-button svg {
width: 16px;
height: 16px;
stroke: currentColor;
}
.action-language-control .back-button:hover {
color: #666;
}
.action-language-control .action-language-select {
width: 278px;
margin: 0 -10px 0 -7px;
display: flex;
position: relative;
}
.action-language-control .action-language-select svg {
position: absolute;
left: 18px;
stroke: var(--text-color, #bbbbbb);
width: 16px;
height: 16px;
z-index: 999;
top: 3px;
bottom: 0;
margin: auto;
}
.action-language-control .action-language-select .lang-select-chosen {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.action-language-control .action-language-select .chzn-container {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border: unset;
background-color: var(--main-menu-popup-bg, #ffffff);
}
.action-language-control .action-language-select .chzn-container .chzn-drop {
background-color: var(--main-menu-popup-bg, #ffffff);
border-radius: 6px 6px 0 0;
width: 100% !important;
}
.action-language-control .action-language-select .chzn-container .chzn-drop .chzn-back-button {
display: flex;
align-items: center;
margin: 12px 0;
padding: 12px;
cursor: pointer;
color: var(--text-color, #bbbbbb);
text-align: left;
font-size: 14px;
white-space: nowrap;
}
.action-language-control .action-language-select .chzn-container .chzn-drop .chzn-back-button i {
position: relative;
min-width: 16px;
margin-right: 12px;
}
.action-language-control .action-language-select .chzn-container .chzn-drop .chzn-back-button i svg {
left: 0;
stroke: var(--text-color, #bbbbbb);
}
.action-language-control .action-language-select .chzn-container .chzn-drop .chzn-back-button:hover {
background: var(--date-picker-bg, #F5F5F5);
}
.action-language-control .action-language-select .chzn-container .chzn-drop .chzn-results {
border-radius: 6px;
background-color: var(--main-menu-popup-bg, #ffffff);
}
.action-language-control .action-language-select .chzn-container .chzn-drop .chzn-results .no-results {
background-color: var(--main-menu-popup-bg, #ffffff);
}
.action-language-control .action-language-select .chzn-container .chzn-drop .chzn-results .highlighted {
border-radius: 4px;
background: var(--react-dropdown-focus, #DEEBFF) !important;
}
.action-language-control .action-language-select .chzn-container .chzn-drop .chzn-results li {
text-align: left;
padding: 7px 7px 8px 10px;
margin-left: 8px;
}
.action-language-control .action-language-select .chzn-container .chzn-drop .chzn-results li .chosen-grayed {
display: none;
}
.action-language-control .action-language-select .chzn-container .chzn-drop:not(.chzn-drop-at-top) .chzn-results:first-child {
margin-bottom: 4px;
}
.action-language-control .action-language-select .chzn-container .chzn-results .active-result {
color: var(--text-color, #343434);
font-size: 15px;
}
.action-language-control .action-language-select .chzn-container .chzn-choices {
margin: 0;
padding: 0;
}
.action-language-control .action-language-select .chzn-container .common-scroll-container {
margin: 4px 10px 0 8px;
padding: 0 4px 0 30px;
border: 1px solid var(--gray-border, #e1e1e1);
border-radius: 5px;
background: var(--gray-border);
}
.action-language-control .action-language-select .chosen-container-multi .chzn-results {
padding: 0 0 0 8px;
}
.action-language-control .action-language-select .chosen-container-multi .chzn-choices .search-field input {
font-size: 7pt !important;
}
.g-popup-win-scroll.like-win .like-list-container {
padding: 32px 24px;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-head + .tr-item .td-item {
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-head + .tr-item .td-item:first-child {
border-top-left-radius: 12px;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-head + .tr-item .td-item:last-child {
border-top-right-radius: 12px;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item {
position: relative;
cursor: pointer;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item .td-item.td-link {
padding: 0;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item .td-item.td-link .user-link {
display: none;
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
text-decoration: none;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item .td-item:not(:first-child) {
border-left: transparent;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item .td-item.td-like-item-ico {
padding: 8px 6px 5px 16px;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item .td-item.td-like-item-ico .action-like-win-item-ico {
position: relative;
width: 40px;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item .td-item.td-like-item-ico .action-like-win-item-ico .user-avatar-img {
border-radius: 50%;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item .td-item.td-like-item-ico .action-like-win-item-ico .icon-like {
position: absolute;
right: -6px;
bottom: 0;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
background: var(--white-black);
border-radius: 50%;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item .td-item.td-like-item-ico .action-like-win-item-ico .icon-like img {
width: 16px;
height: 16px;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item .td-item.td-like-item-ico .action-like-win-item-ico .icon-like svg {
background-color: var(--white-black, white);
border-radius: 50px;
padding: 2px;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item .td-item.action-like-win-item-name {
font-size: 15px;
color: #4573B1;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item .td-item.action-like-win-item-datetime {
padding-right: 16px;
padding-left: 0;
font-size: 13px;
color: var(--task-card-add-action-svg-path, #808080);
text-align: right;
}
.g-popup-win-scroll.like-win .tbl-list.like-user-list .tr-common-item:hover .td-item.td-like-item-ico .action-like-win-item-ico .icon-like svg {
background-color: var(--gray-list-hover, #f0f0f0);
}
.g-popup-win-scroll.like-win .btn-create {
color: var(--activeButtonElements, var(--white-black, #ffffff));
}
.action-like {
cursor: pointer;
width: auto;
height: 15px;
padding-left: 7px;
padding-right: 5px;
float: right;
display: flex;
align-items: center;
position: initial;
}
.action-like .like-icon {
user-select: none;
font-size: 0;
}
.action-like .like-icon svg {
width: 15px;
height: 15px;
stroke: var(--gray-ico, #a9a9a9);
fill: transparent;
transition: all 0.2s ease-out;
}
.action-like .like-icon.has-like svg {
stroke: var(--task-card-action-like-active, #D75A4A);
fill: var(--task-card-action-like-active, #D75A4A);
}
.num-like {
color: var(--gray-perl);
font-size: 10px;
padding-right: 3px;
padding-left: 4px;
text-decoration: none;
user-select: none;
}
.icon-like {
position: absolute;
right: 13px;
bottom: 0px;
}
.icon-like svg {
background-color: white;
border-radius: 50px;
padding: 2px;
}
.table-actions-v2 .actions-date-block-v2 {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.table-actions-v2 .actions-date-block-v2 .actions-date-block-v2-line {
height: 1px;
background: var(--gray-border, #e2e2e2);
width: 100%;
}
.table-actions-v2 .actions-date-block-v2 .actions-date-block-v2-text {
color: var(--file-viewer-separator-text, #7b7b7b);
font-size: 16px;
font-weight: bold;
padding: 0 20px;
white-space: nowrap;
cursor: pointer;
}
.table-actions-v2 .actions-date-block-v2 .actions-date-block-v2-text.date-today {
color: var(--black-white, #000000);
}
.table-actions-v2 .actions-date-block-v2 .actions-date-block-v2-text .b-action-pin {
vertical-align: bottom;
}
.table-actions-v2 .tr-actions-quick-add + .actions-date-block-v2 {
margin-top: 25px;
}
.table-actions-v2 .tr-actions-body-issystem + .actions-date-block-v2 {
margin-top: 25px;
}
.table-actions-v2 .actions-item-v2-system {
margin-bottom: 15px;
margin-right: 10px;
}
.table-actions-v2 .actions-item-v2-system .actions-item-v2-system-date {
white-space: nowrap;
flex-shrink: 0;
padding: 0 0 5px 0;
font-size: 12px;
text-align: center;
}
.table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline {
font-size: 12px;
display: flex;
justify-content: center;
}
.classic-font .table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline {
font-size: 11px;
}
.table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline .actions-item-v2-system-content {
padding: 5px 5px 5px 15px;
text-align: center;
border-radius: 5px;
flex-shrink: 1;
line-height: 1.3;
display: flex;
align-items: center;
}
.table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline .actions-item-v2-system-content .actions-item-v2-system-ico {
line-height: 0;
}
.table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline .actions-item-v2-system-content .actions-item-v2-system-ico .actions-item-tracking {
position: static;
}
.table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline .actions-item-v2-system-content .actions-item-v2-system-ico + .actions-item-v2-system-text {
padding-left: 5px;
}
.table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline .actions-item-v2-system-content .actions-item-v2-system-text + .actions-item-v2-system-ico {
padding-left: 5px;
}
.table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline .actions-item-v2-system-content .actions-item-v2-system-ico + .actions-item-v2-system-ico {
padding-left: 5px;
}
.table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline .actions-item-v2-system-content .actions-item-v2-normal-bubble-string-with-btn {
padding-top: 5px;
}
.table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline .actions-item-v2-system-content .actions-item-v2-system-text {
word-break: break-all;
}
.table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline .actions-item-v2-system-content .actions-item-v2-system-text .tbl-analitic-of-action-container-checklist {
word-break: normal;
}
.table-actions-v2 .actions-item-v2-normal-author {
display: flex;
}
.table-actions-v2 .actions-item-v2-normal-author > a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
padding-right: 3px;
}
.table-actions-v2 .actions-item-v2-normal-author .actions-item-tracking {
margin-top: 0;
}
.table-actions-v2 .actions-item-v2-normal-meta-date-text {
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my {
justify-content: flex-end;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-ico {
order: 3;
padding: 10px 0 0 0;
text-align: right;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-content {
order: 2;
padding-left: 0;
padding-right: 5px;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-content .actions-item-v2-normal-author {
flex-direction: row-reverse;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-content .actions-item-v2-normal-author .actions-item-tracking {
flex-direction: row-reverse;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-content .actions-item-v2-normal-author .actions-item-v2-normal-meta-actions {
margin-right: auto;
padding-right: 4px;
margin-left: -4px;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left {
display: none;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right {
display: block;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-content {
min-width: 45px;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-meta {
order: 1;
padding: 20px 10px 0 0;
text-align: right;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-meta .actions-item-v2-normal-meta-date {
justify-content: flex-end;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-meta .actions-item-v2-normal-meta-date .actions-item-v2-normal-meta-date-text {
order: 2;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-meta .actions-item-v2-normal-meta-date .b-action-star {
order: 1;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-meta .actions-item-v2-normal-meta-other {
justify-content: flex-start;
flex-direction: row-reverse;
}
.table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-meta .actions-item-v2-normal-meta-other .actions-item-v2-normal-meta-actions .b-ddl-menu .b-ddl-menu-selected-arrow.b-ddl-menu-selected-arrow-svg svg {
width: auto;
}
.table-actions-v2 .actions-item-v2-normal {
display: flex;
justify-content: flex-start;
margin-bottom: 25px;
margin-right: 10px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-ico {
width: 50px;
flex-shrink: 0;
padding: 10px 0 0 0;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-ico .wr-action-from {
padding-left: 15px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content {
padding-left: 5px;
min-width: 200px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-author {
font-size: 12px;
height: 20px;
}
.classic-font .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-author {
font-size: 11px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-author .actions-item-v2-normal-meta-actions {
visibility: hidden;
margin-left: auto;
padding-left: 4px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-author .actions-item-v2-normal-meta-actions .b-action-menu {
font-size: 14px;
margin: unset;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-author .actions-item-v2-normal-meta-actions .b-action-menu .b-ddl-menu-selected-arrow svg {
transform: rotate(90deg);
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-author .actions-item-v2-normal-meta-actions .b-action-menu .b-ddl-menu-selected {
display: none;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble {
padding: 25px 10px;
border-radius: 5px;
position: relative;
word-wrap: break-word;
min-width: 50px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-header {
font-weight: bold;
border-top: 1px solid var(--grey-list-border, #dedede);
padding: 5px 0 5px 0px;
margin-top: 7px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-description {
overflow: auto;
scrollbar-width: thin;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description::-webkit-scrollbar,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-description::-webkit-scrollbar {
width: 7px;
height: 7px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description pre,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-description pre {
white-space: pre-wrap;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description.no-overflow,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-description.no-overflow {
display: contents;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description div,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-description div {
position: inherit !important;
}
body:not(.classic-font) .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description,
body:not(.classic-font) .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-description {
line-height: 19px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-description {
scrollbar-color: var(--scrollbar-thumb, #d8d9dc) transparent;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-description .line {
border-radius: 3px;
max-width: 50%;
height: 8px;
background-color: var(--task-card-add-action-borded, #EAEAEA);
position: relative !important;
animation: gradientAnimation 4s linear infinite;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
margin: 10px 0;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-description .line:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 200% 100%;
background: linear-gradient(217deg, rgba(255, 255, 255, 0) 27.09%, var(--task-card-checklist-gradient, rgba(255, 255, 255, 0.6)), rgba(255, 255, 255, 0) 65.07%) 100% 0;
animation: gradientAnimation 4s linear infinite;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-description .line.left {
max-width: 35%;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-translated-description .line.left:before {
background: linear-gradient(217deg, rgba(255, 255, 255, 0) 27.09%, var(--task-card-checklist-gradient, rgba(255, 255, 255, 0.6)), rgba(255, 255, 255, 0) 65.07%) 100% 0;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left {
display: block;
position: absolute;
left: -13px;
top: -4px;
pointer-events: none;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg {
width: 40px;
stroke-linecap: round;
stroke-linejoin: round;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right {
display: none;
position: absolute;
right: -13px;
top: -4px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
width: 40px;
stroke-linecap: round;
stroke-linejoin: round;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description:not(:empty) + .actions-item-additional-data:is(:empty) + .actions-item-v2-normal-bubble-string,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description:is(:empty) + .actions-item-additional-data:not(:empty) + .actions-item-v2-normal-bubble-string,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description:not(:empty) + .actions-item-additional-data:is(:empty) + .actions-item-v2-normal-bubble-translated-description:is(:empty) + .actions-item-v2-normal-bubble-string,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description:is(:empty) + .actions-item-additional-data:not(:empty) + .actions-item-v2-normal-bubble-translated-description:is(:empty) + .actions-item-v2-normal-bubble-string,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description:is(:empty) + .actions-item-additional-data:is(:empty) + .actions-item-v2-normal-bubble-translated-description:not(:empty) + .actions-item-v2-normal-bubble-string,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string + .actions-item-v2-normal-bubble-string {
padding-top: 10px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-strings-container {
padding-top: 10px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string .svg-icon-16px {
margin-top: 1px;
}
.classic-font .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string .svg-icon-16px {
margin-top: 0;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string:empty {
display: none;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string.dialog-btn-wrapper .btn-main {
margin-left: 0;
margin-right: 10px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string.td-action-addition-info-emailtext {
display: none;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble div[class*="periodicity-reminder-details"] {
display: none;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble div[class*="periodicity-reminder-details"] .grid-container {
display: flex;
width: 100%;
max-width: 500px;
min-width: 410px;
padding: 12px;
margin: 10px 0 15px 0;
border: 1px solid var(--viewer-file-container, #ddd);
border-radius: 5px;
color: var(--billing-gray-label, #868686);
background: var(--white-black, #fff);
box-sizing: border-box;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble div[class*="periodicity-reminder-details"] .grid-container .periodicity-reminder-grid {
width: 100%;
display: grid;
grid-template-columns: 30% auto;
grid-row-gap: 4px;
grid-column-gap: 18px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble img {
max-width: 100%;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-spoiler {
width: 100%;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-spoiler .actions-item-v2-normal-bubble-description {
overflow: unset;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .spoiler {
left: 0;
background-position: unset;
width: auto;
position: relative;
cursor: pointer;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .spoiler .spoiler-clickable {
height: 50px;
position: relative;
bottom: 50px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .spoiler .spoiler-clickable:before {
position: relative;
display: inline-block;
top: 50px;
background-image: url(/img/svg/triangle-down.svg);
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 12px;
content: "";
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble::after {
content: "";
clear: both;
display: table;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta {
padding: 20px 0 0 10px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta .actions-item-v2-normal-meta-other {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta .actions-item-v2-normal-meta-actions {
padding: 10px 0;
white-space: nowrap;
visibility: hidden;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta .actions-item-v2-normal-meta-notified {
margin-top: -3px;
line-height: 0;
font-size: 0;
visibility: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta .actions-item-v2-normal-meta-notified img {
padding: 3px;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta .actions-item-v2-normal-meta-notified .b-action-hidden-notifyed-show {
cursor: pointer;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta .actions-item-v2-normal-meta-notified .b-action-hidden-notifyed-show .user-avatar-img {
margin: 3px;
overflow: hidden;
display: inline-block;
vertical-align: bottom;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta .actions-item-v2-normal-meta-notified .b-action-hidden-notifyed-show .user-avatar-img svg {
background: var(--time-picker-dates, #c6c6c6);
stroke: var(--white-black, #fff);
width: 20px;
height: 20px;
}
.table-actions-v2 .actions-item-v2-normal .author-date-star-wrapper .actions-item-v2-normal-meta-date.actions-item-v2-normal-meta-date,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-meta-date.actions-item-v2-normal-meta-date,
.table-actions-v2 .actions-item-v2-normal .author-date-star-wrapper .actions-item-v2-normal-author.actions-item-v2-normal-meta-date,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-author.actions-item-v2-normal-meta-date {
font-size: 12px;
}
.classic-font .table-actions-v2 .actions-item-v2-normal .author-date-star-wrapper .actions-item-v2-normal-meta-date.actions-item-v2-normal-meta-date,
.classic-font .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-meta-date.actions-item-v2-normal-meta-date,
.classic-font .table-actions-v2 .actions-item-v2-normal .author-date-star-wrapper .actions-item-v2-normal-author.actions-item-v2-normal-meta-date,
.classic-font .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-author.actions-item-v2-normal-meta-date {
font-size: 11px;
}
.table-actions-v2 .actions-item-v2-normal .author-date-star-wrapper .actions-item-v2-normal-meta-date.actions-item-v2-normal-meta-date .b-action-star .not-starred,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-meta-date.actions-item-v2-normal-meta-date .b-action-star .not-starred,
.table-actions-v2 .actions-item-v2-normal .author-date-star-wrapper .actions-item-v2-normal-author.actions-item-v2-normal-meta-date .b-action-star .not-starred,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-author.actions-item-v2-normal-meta-date .b-action-star .not-starred {
visibility: hidden;
}
.table-actions-v2 .actions-item-v2-normal .author-date-star-wrapper .actions-item-v2-normal-meta-date .b-action-hidden,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-meta-date .b-action-hidden,
.table-actions-v2 .actions-item-v2-normal .author-date-star-wrapper .actions-item-v2-normal-author .b-action-hidden,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-author .b-action-hidden {
background-color: var(--task-card-action-hidden-svg, #fcb55b);
border-radius: 50%;
margin: unset;
}
.table-actions-v2 .actions-item-v2-normal .author-date-star-wrapper .actions-item-v2-normal-meta-date .b-action-hidden svg,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-meta-date .b-action-hidden svg,
.table-actions-v2 .actions-item-v2-normal .author-date-star-wrapper .actions-item-v2-normal-author .b-action-hidden svg,
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-author .b-action-hidden svg {
width: 10px;
height: 10px;
padding: 3px;
stroke: var(--white-black, #fff);
fill: var(--task-card-action-hidden-svg, #fcb55b);
stroke-width: 1.5px;
}
.table-actions-v2 .actions-item-v2-normal .label-action-change {
height: 15px;
margin-left: auto;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
}
.table-actions-v2 .actions-item-v2-normal .label-action-change i {
color: var(--grey-action-list, #7F7F7F);
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
display: inline-block;
}
.table-actions-v2 .actions-item-v2-normal .label-action-change + .b-action-reply {
margin-right: 6px !important;
}
.table-actions-v2 .actions-item-v2-normal .label-action-change + .b-action-translate {
margin-right: 6px !important;
}
.table-actions-v2 .actions-item-v2-normal .label-action-change.label-action-change-without-reply {
padding-left: 10px;
}
.table-actions-v2 .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-meta-notified {
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.table-actions-v2 .actions-item-v2-system-text,
.table-actions-v2 .actions-item-v2-system-date,
.table-actions-v2 .actions-item-v2-normal-author,
.table-actions-v2 .actions-item-v2-normal-meta {
color: var(--task-card-date-block-meta-text, #787878);
}
.table-actions-v2 .actions-item-v2-system-text .fakelink-dashed,
.table-actions-v2 .actions-item-v2-system-date .fakelink-dashed,
.table-actions-v2 .actions-item-v2-normal-author .fakelink-dashed,
.table-actions-v2 .actions-item-v2-normal-meta .fakelink-dashed,
.table-actions-v2 .actions-item-v2-system-text .fakelink-dashed-red,
.table-actions-v2 .actions-item-v2-system-date .fakelink-dashed-red,
.table-actions-v2 .actions-item-v2-normal-author .fakelink-dashed-red,
.table-actions-v2 .actions-item-v2-normal-meta .fakelink-dashed-red {
color: var(--task-card-date-block-meta-text, #787878);
}
.table-actions-v2 .actions-item-v2-system-text a,
.table-actions-v2 .actions-item-v2-system-date a,
.table-actions-v2 .actions-item-v2-normal-author a,
.table-actions-v2 .actions-item-v2-normal-meta a {
color: var(--task-card-date-block-meta-text, #787878);
text-decoration: none;
}
.table-actions-v2 .actions-item-v2-system-text a:hover,
.table-actions-v2 .actions-item-v2-system-date a:hover,
.table-actions-v2 .actions-item-v2-normal-author a:hover,
.table-actions-v2 .actions-item-v2-normal-meta a:hover {
text-decoration: underline;
}
.table-actions-v2 .tr-actions-body.tr-actions-body-static-hover .actions-item-v2-normal-meta-date .b-action-star .not-starred,
.table-actions-v2 .tr-actions-body:hover .actions-item-v2-normal-meta-date .b-action-star .not-starred {
visibility: visible;
}
.table-actions-v2 .tr-actions-body.tr-actions-body-static-hover .actions-item-v2-normal-meta .actions-item-v2-normal-meta-other .actions-item-v2-normal-meta-actions,
.table-actions-v2 .tr-actions-body:hover .actions-item-v2-normal-meta .actions-item-v2-normal-meta-other .actions-item-v2-normal-meta-actions,
.table-actions-v2 .tr-actions-body.tr-actions-body-static-hover .actions-item-v2-normal-meta .actions-item-v2-normal-meta-other .actions-item-v2-normal-meta-notified,
.table-actions-v2 .tr-actions-body:hover .actions-item-v2-normal-meta .actions-item-v2-normal-meta-other .actions-item-v2-normal-meta-notified {
visibility: visible;
}
.table-actions-v2 .tr-actions-body.tr-actions-body-static-hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-edit-action,
.table-actions-v2 .tr-actions-body:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-edit-action,
.table-actions-v2 .tr-actions-body.tr-actions-body-static-hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-delete-action,
.table-actions-v2 .tr-actions-body:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-delete-action,
.table-actions-v2 .tr-actions-body.tr-actions-body-static-hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-action-reply-top,
.table-actions-v2 .tr-actions-body:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-action-reply-top {
display: block;
}
.table-actions-v2 .tr-actions-body.tr-actions-body-static-hover .actions-item-v2-normal-meta-actions,
.table-actions-v2 .tr-actions-body:hover .actions-item-v2-normal-meta-actions {
visibility: visible;
}
.table-actions-v2 .tr-actions-body:not(.tr-actions-body-static-hover):not(:hover) .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-edit-action,
.table-actions-v2 .tr-actions-body:not(.tr-actions-body-static-hover):not(:hover) .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-delete-action,
.table-actions-v2 .tr-actions-body:not(.tr-actions-body-static-hover):not(:hover) .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-action-reply-top {
display: none;
}
.table-actions-v2 .action-accept-button-round {
padding: 2px 10px;
}
.table-actions-v2 .action-reject-button-round {
padding: 2px 10px;
}
.table-actions-v2 .action-reject-button,
.table-actions-v2 .action-accept-button-round {
min-width: 85px;
}
.table-actions-v2 .tr-actions-body-draft .actions-item-v2-normal-meta .actions-item-v2-normal-meta-notified {
visibility: visible;
}
.actions-item-v2-normal-bubble,
.actions-item-v2-system-content {
border: 1px solid var(--gray-border, #e2e2e2);
}
.actions-item-v2-normal-bubble.actions-item-v2-normal-bubble,
.actions-item-v2-system-content.actions-item-v2-normal-bubble {
background: var(--task-bg-action-bg, #f6f6f6);
}
.tr-actions-body:hover .actions-item-v2-normal-bubble,
.tr-actions-body:hover .actions-item-v2-system-content {
border: 1px solid var(--gray-input-border, #bbb);
}
.tr-actions-body-new .actions-item-v2-normal-bubble,
.tr-actions-body-new .actions-item-v2-system-content {
background: var(--task-bg-action-new, #fefed9);
border: 1px solid var(--task-bg-action-new-border, #efefc3);
}
.tr-actions-body-new .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body-new .actions-item-v2-system-content .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body-new .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg,
.tr-actions-body-new .actions-item-v2-system-content .actions-item-v2-normal-bubble-corner-right svg {
stroke: var(--task-bg-action-new-border, #efefc3) !important;
}
.tr-actions-body-new .actions-item-v2-normal-bubble .spoiler-actionlist-shadow-wrapper,
.tr-actions-body-new .actions-item-v2-system-content .spoiler-actionlist-shadow-wrapper {
overflow: hidden;
margin-top: -80px;
}
.tr-actions-body-new .actions-item-v2-normal-bubble .spoiler-actionlist-shadow-wrapper .spoiler-actionlist-shadow,
.tr-actions-body-new .actions-item-v2-system-content .spoiler-actionlist-shadow-wrapper .spoiler-actionlist-shadow {
box-shadow: inset 0px -40px 30px 2px var(--task-bg-action-new, #fefed9);
pointer-events: none;
width: calc(100% + 40px);
margin-left: -20px;
height: 100%;
}
.tr-actions-body-new.tr-actions-body:hover .actions-item-v2-normal-bubble,
.tr-actions-body-new.tr-actions-body:hover .actions-item-v2-system-content {
border: 1px solid var(--task-bg-action-new-border-hover, #e6e696);
}
.tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-system .actions-item-v2-normal-bubble,
.tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-system .actions-item-v2-system-content {
background: var(--task-bg-action-linked, #eaffd2);
}
.tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble,
.tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-system-content {
background: var(--task-bg-action-linked, #eaffd2);
}
.tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .spoiler-actionlist-shadow-wrapper,
.tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-system-content .spoiler-actionlist-shadow-wrapper {
overflow: hidden;
margin-top: -80px;
}
.tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .spoiler-actionlist-shadow-wrapper .spoiler-actionlist-shadow,
.tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-system-content .spoiler-actionlist-shadow-wrapper .spoiler-actionlist-shadow {
box-shadow: inset 0px -40px 30px 2px rgba(234, 255, 210, 0.9);
pointer-events: none;
width: calc(100% + 40px);
margin-left: -20px;
height: 100%;
}
.colorblind .tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble,
.colorblind .tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-system-content {
background: #eceef7;
}
.tr-actions-body-deleted .actions-item-v2-normal-bubble,
.tr-actions-body-deleted .actions-item-v2-system-content {
background: var(--white-black, #ffe8e6);
border: 1px solid var(--gray-border, #ffd7d7);
}
.tr-actions-body-deleted:hover .actions-item-v2-normal-bubble,
.tr-actions-body-deleted:hover .actions-item-v2-system-content {
border: 1px solid var(--gray-input-border, #fabdbd) !important;
}
.tr-actions-body:not(.tr-actions-body-new) .actions-item-v2-normal-contact .actions-item-v2-normal-bubble,
.tr-actions-body:not(.tr-actions-body-new) .actions-item-v2-normal-contact .actions-item-v2-system-content {
background: var(--task-bg-action-contact, #efffff);
}
.tr-actions-body:not(.tr-actions-body-new):not(.tr-actions-body-hidden) .actions-item-v2-normal-contact .actions-item-v2-normal-bubble,
.tr-actions-body:not(.tr-actions-body-new):not(.tr-actions-body-hidden) .actions-item-v2-normal-contact .actions-item-v2-system-content {
border: 1px solid var(--task-bg-action-contact-boder, #d7f5f5);
}
.tr-actions-body:not(.tr-actions-body-new):not(.tr-actions-body-hidden) .actions-item-v2-normal-contact .actions-item-v2-normal-bubble .spoiler-actionlist-shadow-wrapper,
.tr-actions-body:not(.tr-actions-body-new):not(.tr-actions-body-hidden) .actions-item-v2-normal-contact .actions-item-v2-system-content .spoiler-actionlist-shadow-wrapper {
overflow: hidden;
margin-top: -80px;
}
.tr-actions-body:not(.tr-actions-body-new):not(.tr-actions-body-hidden) .actions-item-v2-normal-contact .actions-item-v2-normal-bubble .spoiler-actionlist-shadow-wrapper .spoiler-actionlist-shadow,
.tr-actions-body:not(.tr-actions-body-new):not(.tr-actions-body-hidden) .actions-item-v2-normal-contact .actions-item-v2-system-content .spoiler-actionlist-shadow-wrapper .spoiler-actionlist-shadow {
box-shadow: inset 0px -40px 30px 2px #efffff;
pointer-events: none;
width: calc(100% + 40px);
margin-left: -20px;
height: 100%;
}
.tr-actions-body:not(.tr-actions-body-new):hover .actions-item-v2-normal-contact .actions-item-v2-normal-bubble,
.tr-actions-body:not(.tr-actions-body-new):hover .actions-item-v2-normal-contact .actions-item-v2-system-content {
border: 1px solid var(--task-bg-action-contact-border-hover, #acdada);
}
.actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
fill: var(--task-bg-action-bg, #f6f6f6);
stroke: var(--gray-border, #e2e2e2);
}
:not(.tr-actions-body-hidden).tr-actions-body:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
:not(.tr-actions-body-hidden).tr-actions-body:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
stroke: #bbb;
}
.tr-actions-body:not(.tr-actions-body-hidden):hover .actions-item-v2-normal-contact .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body:not(.tr-actions-body-hidden):hover .actions-item-v2-normal-contact .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
stroke: #acdada;
}
.tr-actions-body:not(.tr-actions-body-hidden) .actions-item-v2-normal-contact .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body:not(.tr-actions-body-hidden) .actions-item-v2-normal-contact .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
stroke: #d7f5f5;
}
.tr-actions-body-hidden.tr-actions-body:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body-hidden.tr-actions-body:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
stroke: #e18b32 !important;
stroke-dasharray: 2px;
}
.tr-actions-body-new .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body-new .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
fill: var(--task-bg-action-new, #fefed9);
stroke: var(--task-bg-action-new-border, #efefc3);
}
.tr-actions-body-new.tr-actions-body:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body-new.tr-actions-body:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
stroke: #e6e696 !important;
}
.tr-actions-body-hidden.tr-actions-body.tr-actions-body-new:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body-hidden.tr-actions-body.tr-actions-body-new:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
stroke: #e18b32 !important;
stroke-dasharray: 2px;
}
.tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body-linked:not(.tr-actions-body-new) .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
fill: var(--task-bg-action-linked, #eaffd2);
}
.tr-actions-body-deleted .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body-deleted .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
fill: #ffe8e6 !important;
stroke: #ffd7d7 !important;
}
.tr-actions-body-deleted:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body-deleted:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
stroke: #fabdbd !important;
}
.tr-actions-body:not(.tr-actions-body-new) .actions-item-v2-normal-contact .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body:not(.tr-actions-body-new) .actions-item-v2-normal-contact .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
fill: var(--task-bg-action-contact, #efffff);
}
.tr-actions-body-hidden .actions-item-v2-normal-content .actions-item-v2-normal-bubble {
border: 1px dashed orange;
}
.tr-actions-body-hidden .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left,
.tr-actions-body-hidden .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right {
display: none;
position: absolute;
right: -13px;
top: -4px;
}
.tr-actions-body-hidden .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-left svg,
.tr-actions-body-hidden .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-corner-right svg {
width: 40px;
stroke: orange !important;
stroke-dasharray: 2px;
}
.tr-actions-body-hidden.tr-actions-body:hover .actions-item-v2-normal-content .actions-item-v2-normal-bubble {
border: 1px dashed #e18b32 !important;
}
.actions-item-v2-normal-content .actions-item-v2-normal-bubble-description svg {
display: none;
}
.actions-item-v2-normal-content .actions-item-v2-normal-bubble-description .rc-text-editor-planfix-entity__icon svg {
display: inline-block;
}
/* переопределние общих стилей */
.taskview-actions > div.table-actions.table-actions-v2 > .tr-actions-body-draft {
opacity: 0.7;
background: none;
}
.taskview-actions > div.table-actions.table-actions-v2 > .tr-actions-body-draft .fakelink-dashed {
border-bottom: none;
color: var(--text-color, #343434);
cursor: default;
}
.taskview-actions > div.table-actions.table-actions-v2 > .tr-actions-body .b-action-reply,
.taskview-actions > div.table-actions.table-actions-v2 > .tr-actions-body-new .b-action-reply,
.taskview-actions > div.table-actions.table-actions-v2 > .tr-actions-body .b-action-translate,
.taskview-actions > div.table-actions.table-actions-v2 > .tr-actions-body-new .b-action-translate,
.taskview-actions > div.table-actions.table-actions-v2 > .tr-actions-body .b-action-menu,
.taskview-actions > div.table-actions.table-actions-v2 > .tr-actions-body-new .b-action-menu,
.taskview-actions > div.table-actions.table-actions-v2 > .tr-actions-body .b-action-pin,
.taskview-actions > div.table-actions.table-actions-v2 > .tr-actions-body-new .b-action-pin {
display: inline-block;
fill: none;
}
.taskview-actions > div.table-actions.table-actions-v2 .tr-actions-body:not(.actions-item-v2) .b-action-star,
.taskview-actions > div.table-actions.table-actions-v2 .tr-actions-body-new:not(.actions-item-v2) .b-action-star {
margin-top: -2px;
}
.taskview-actions > div.table-actions.table-actions-v2 .left-icon {
margin-right: 6px;
}
.taskview-actions > div.table-actions.table-actions-v2 .icon-analitic-lock {
margin-left: 6px;
}
.table-actions-v2 .tr-actions-body .actions-item-v2-system td .tbl-analitic-of-action-container-div {
border: none;
margin: 0;
min-width: unset;
background: none;
}
.actions-item-tracking {
cursor: pointer;
float: right;
position: initial;
margin-top: -1px;
}
.action-item-bottom-part {
position: absolute;
width: auto;
bottom: 4px;
left: 0;
right: 0;
font-size: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.action-item-bottom-part .action-like {
display: flex;
align-items: center;
height: 15px;
padding: 0 2px 0 5px;
}
.action-item-bottom-part .action-like .num-like {
float: none;
margin: 0;
padding: 0 3px 2px 1px;
font-size: 12px;
}
.action-item-bottom-part .action-like .num-like:empty {
display: none !important;
}
.action-item-bottom-part .b-action-star,
.action-item-bottom-part .b-action-reply,
.action-item-bottom-part .b-action-translate {
display: unset;
cursor: pointer;
width: 15px;
height: 15px;
}
.action-item-bottom-part .b-action-star svg,
.action-item-bottom-part .b-action-reply svg,
.action-item-bottom-part .b-action-translate svg,
.action-item-bottom-part .b-action-star i,
.action-item-bottom-part .b-action-reply i,
.action-item-bottom-part .b-action-translate i {
stroke: var(--task-card-action-icons, #b9b9b9);
width: 15px;
height: 15px;
}
.action-item-bottom-part .like-icon svg {
width: 12px;
height: 12px;
margin: 2px 1px 1px;
}
.action-item-bottom-part .b-action-reply,
.action-item-bottom-part .b-action-translate {
padding-left: 7px;
}
.action-item-bottom-part .b-action-reply:not(.has-translate),
.action-item-bottom-part .b-action-translate:not(.has-translate) {
margin-right: auto;
}
.action-item-bottom-part .b-action-reply.has-translate,
.action-item-bottom-part .b-action-translate.has-translate {
margin-right: 0;
}
.action-item-bottom-part .b-action-star {
display: block;
padding: 0 8px 0 3px;
margin: 0;
float: right;
}
.action-item-bottom-part .b-action-star .favorite-item {
display: block;
}
.action-item-bottom-part .b-action-star .img-star:not(.not-starred) svg {
width: 12px;
height: 12px;
margin: 2px 1px 1px;
}
.action-item-bottom-part .b-action-pin-container:empty {
display: none;
}
.action-item-top-part {
position: absolute;
top: 5px;
right: 8px;
bottom: unset;
left: unset;
display: flex;
flex-direction: row-reverse;
font-size: 0px;
}
.action-item-top-part .actions-item-v2-normal-meta-markall {
margin-left: 5px;
cursor: pointer;
}
.action-item-top-part .actions-item-v2-normal-meta-markall .b-action-mark-all-v2,
.action-item-top-part .actions-item-v2-normal-meta-markall .b-action-mark-all-v3 {
width: 15px;
height: 15px;
}
.action-item-top-part .actions-item-v2-normal-meta-markall .b-action-mark-all-v2 svg,
.action-item-top-part .actions-item-v2-normal-meta-markall .b-action-mark-all-v3 svg {
padding: 1px;
width: 13px;
height: 13px;
}
.action-item-top-part .actions-item-v2-normal-meta-markall:not(.tr-actions-body-static-hover):empty {
display: none;
}
.action-item-top-part .b-delete-action {
margin-left: 5px;
}
.action-item-top-part .b-edit-action {
margin-left: 5px;
}
.action-item-top-part .b-action-reply-top {
cursor: pointer;
}
.action-item-top-part .b-action-reply-top svg {
width: 15px;
height: 15px;
}
.action-item-top-part .b-action-reply-top i {
margin: unset;
font-size: 0px;
}
.action-item-top-part .b-delete-action,
.action-item-top-part .b-edit-action {
cursor: pointer;
}
.action-item-top-part .b-delete-action i,
.action-item-top-part .b-edit-action i,
.action-item-top-part .b-delete-action svg,
.action-item-top-part .b-edit-action svg {
width: 13px;
height: 13px;
}
.action-item-top-part .b-delete-action i,
.action-item-top-part .b-edit-action i {
margin: unset;
font-size: 0px;
padding: 1px;
}
.actions-item-tracking-ico {
display: none;
}
.actions-item-tracking-ico svg {
height: 8px;
}
.actions-item-tracking-0 .actions-item-tracking-ico-0 {
display: block;
}
.actions-item-tracking-0 .actions-item-tracking-ico-0 svg {
fill: #dc0049;
}
.actions-item-tracking-1 .actions-item-tracking-ico-1 {
display: block;
}
.actions-item-tracking-1 .actions-item-tracking-ico-1 svg {
fill: #00864b;
}
.actions-item-tracking-2 .actions-item-tracking-ico-2 {
display: block;
}
.actions-item-tracking-2 .actions-item-tracking-ico-2 svg {
fill: #00864b;
}
.actions-item-tracking {
display: flex;
flex-direction: row;
}
.actions-item-tracking .point-separator.tracking-ico {
display: none;
}
.actions-item-tracking.actions-item-tracking-0 .point-separator.tracking-ico,
.actions-item-tracking.actions-item-tracking-1 .point-separator.tracking-ico,
.actions-item-tracking.actions-item-tracking-2 .point-separator.tracking-ico {
display: flex;
}
.actions-item-v2-normal-bubble-content .spoiler-actionlist-shadow {
box-shadow: inset 0px -40px 30px 2px var(--task-bg-action-bg, #f6f6f6);
}
.td-text .spoiler-actionlist-shadow {
box-shadow: inset 0px -40px 30px 2px #ffffff;
}
.tr-actions-body-active .spoiler-actionlist-shadow {
box-shadow: inset 0px -40px 30px 2px #f6f6f6;
}
.td-text .spoiler-actionlist {
left: 0;
height: 80px;
box-shadow: none;
}
.spoiler-actionlist {
left: 0;
background-position: unset;
width: auto;
position: relative;
cursor: pointer;
margin: 0 0;
}
.spoiler-actionlist .spoiler-actionlist-shadow-wrapper {
overflow: hidden;
height: 80px;
margin-top: -80px;
}
.spoiler-actionlist .spoiler-actionlist-shadow-wrapper .spoiler-actionlist-shadow {
pointer-events: none;
width: calc(100% + 40px);
margin-left: -20px;
height: 100%;
}
.spoiler-actionlist .spoiler-actionlist-clickable {
position: relative;
z-index: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.spoiler-actionlist .spoiler-actionlist-clickable .spoiler-actionlist-leftline {
position: relative;
display: inline-block;
border-top: 1px solid var(--baron-scroller-bar-border, #dadada);
width: 11%;
bottom: 3px;
}
.spoiler-actionlist .spoiler-actionlist-clickable .spoiler-actionlist-circle {
position: relative;
font-size: 12px;
border-radius: 8px;
border: 1px solid var(--baron-scroller-bar-border, #dadada);
padding: 0 4px 0 8px;
height: 20px;
line-height: 1.5em;
}
.classic-font .spoiler-actionlist .spoiler-actionlist-clickable .spoiler-actionlist-circle {
line-height: 1.7em;
}
.spoiler-actionlist .spoiler-actionlist-clickable .spoiler-actionlist-circle svg {
width: 6px;
transform: rotate(270deg);
fill: #ff7a0d;
margin-left: 5px;
}
.spoiler-actionlist .spoiler-actionlist-clickable .spoiler-actionlist-rightline {
position: relative;
display: inline-block;
border-top: 1px solid var(--baron-scroller-bar-border, #dadada);
width: 11%;
bottom: 3px;
}
.spoiler-actionlist .spoiler-actionlist-clickable:hover .spoiler-actionlist-circle {
background: var(--gray-modal-background, #ececec);
}
.spoiler-actionlist .spoiler-actionlist-clickable:hover .spoiler-actionlist-circle svg > polygon {
fill: var(--white-black, white);
}
.spoiler-actionlist .spoiler-actionlist-clickable:before {
position: relative;
display: none;
top: 50px;
background-image: url(/img/svg/triangle-down.svg);
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 12px;
content: "";
}
@keyframes gradientAnimation {
0% {
background-size: 200% 100%;
background-position: 100% 0%;
}
50% {
background-size: 200% 100%;
background-position: 0% 0%;
}
100% {
background-size: 200% 100%;
background-position: 100% 0%;
}
}
.task-as-a-chat {
/* переопределние общих стилей */
}
.task-as-a-chat .table-actions-v2 {
display: flex;
padding-top: 25px;
flex-direction: column-reverse;
}
.task-as-a-chat .table-actions-v2 .actions-date-block-v2 {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.task-as-a-chat .table-actions-v2 .actions-date-block-v2 .actions-date-block-v2-line {
height: 1px;
background: var(--gray-border, #e2e2e2);
width: 100%;
}
.task-as-a-chat .table-actions-v2 .actions-date-block-v2 .actions-date-block-v2-text {
color: black;
font-size: 16px;
font-weight: bold;
padding: 0 20px;
white-space: nowrap;
}
.task-as-a-chat .table-actions-v2 .actions-date-block-v2 .actions-date-block-v2-text.date-today {
color: var(--black-white, #000000);
}
.task-as-a-chat .table-actions-v2 .actions-date-block-v2 .actions-date-block-v2-text .b-action-pin {
vertical-align: bottom;
}
.task-as-a-chat .table-actions-v2 .tr-actions-quick-add + .actions-date-block-v2 {
margin-top: 25px;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-issystem + .actions-date-block-v2 {
margin-top: 25px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-system {
margin-right: 0;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline {
font-size: 12px;
display: flex;
justify-content: center;
}
.classic-font .task-as-a-chat .table-actions-v2 .actions-item-v2-system .actions-item-v2-system-oneline {
font-size: 11px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2.tr-actions-body-hidden:not(.tr-actions-body-active):not(.tr-actions-body-spam) .actions-item-v2-normal-bubble {
border: 1px dashed orange !important;
}
.task-as-a-chat .table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-ico {
order: 3;
padding: 10px 0 0 0;
text-align: right;
}
.task-as-a-chat .table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .normal-content-and-author-wrapper {
order: 2;
padding-left: 0;
}
.task-as-a-chat .table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .normal-content-and-author-wrapper .actions-item-v2-normal-author {
text-align: right;
}
.task-as-a-chat .table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .normal-content-and-author-wrapper .actions-item-v2-normal-meta-actions {
margin-right: auto;
margin-left: unset;
}
.task-as-a-chat .table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .normal-content-and-author-wrapper.task-created-action {
overflow: hidden;
}
.task-as-a-chat .table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .normal-content-and-author-wrapper.task-created-action .send-domain-status {
margin: 0 4px 0 0;
}
.task-as-a-chat .table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-meta {
order: 1;
padding: 20px 10px 0 0;
text-align: right;
}
.task-as-a-chat .table-actions-v2:not(.table-actions-v2-wide) .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-meta .actions-item-v2-normal-meta-other {
justify-content: flex-start;
flex-direction: row-reverse;
}
.task-as-a-chat .table-actions-v2.table-actions-v2-wide .actions-item-v2-normal.actions-item-v2-normal-my .author-date-star-wrapper,
.task-as-a-chat .table-actions-v2.table-actions-v2-wide .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-meta-date {
flex-direction: unset;
}
.task-as-a-chat .table-actions-v2.table-actions-v2-wide .actions-item-v2-normal.actions-item-v2-normal-my .author-date-star-wrapper .actions-item-tracking,
.task-as-a-chat .table-actions-v2.table-actions-v2-wide .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-meta-date .actions-item-tracking {
flex-direction: unset;
}
.task-as-a-chat .table-actions-v2.table-actions-v2-wide .actions-item-v2-normal.actions-item-v2-normal-my .author-date-star-wrapper {
padding: 0 0 0 5px;
}
.task-as-a-chat .table-actions-v2.table-actions-v2-wide .actions-item-v2-normal.actions-item-v2-normal-my .author-date-star-wrapper .actions-item-tracking.actions-item-tracking--1 {
flex-direction: row;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-ico .wr-action-from {
padding-left: 15px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-author {
font-size: 12px;
height: 20px;
flex: 0 1 auto;
max-width: 60%;
min-width: 0;
white-space: nowrap;
}
.classic-font .task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-author {
font-size: 11px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v3-author-draft {
max-width: 100%;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v3-author-draft a {
max-width: 60%;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content {
overflow: hidden;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble {
min-width: 100px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string .svg-icon-16px {
margin-top: 1px;
}
.classic-font .task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string .svg-icon-16px {
margin-top: 0;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string.files {
display: table;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta {
padding: 20px 0 0 10px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta .actions-item-v2-normal-meta-other {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta-actions {
display: inline-flex;
white-space: nowrap;
visibility: hidden;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta-actions .b-action-menu {
margin: unset;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-meta-actions .b-action-menu .b-ddl-menu-selected {
padding-right: 0px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .task-created-action.has-email-text .actions-item-v2-normal-bubble {
background: var(--white-black, white);
border: 1px solid var(--gray-border, #e2e2e2);
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .task-created-action.has-email-text .actions-item-v2-normal-bubble .spoiler-actionlist-shadow {
box-shadow: inset 0px -40px 30px 2px var(--white-black, #ffffff);
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .task-created-action.has-email-text .reject-description-block .title-reject-description {
color: #3ba3d0;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .task-created-action.has-email-text .reject-description-block .reject-description-textarea {
border-bottom: 3px solid #3ba3d0;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-new .actions-item-v2-normal .task-created-action.has-email-text .actions-item-v2-normal-bubble {
border: 1px solid var(--task-bg-action-new-border, #efefc3);
background: var(--task-bg-action-new, #fefed9);
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-new .actions-item-v2-normal .task-created-action.has-email-text .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-description {
border-radius: 5px;
background: var(--white-black, white);
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-new .actions-item-v2-normal .task-created-action.has-email-text .actions-item-v2-normal-bubble .spoiler-actionlist-clickable {
background: var(--white-black, #ffffff);
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-system-text,
.task-as-a-chat .table-actions-v2 .actions-item-v2-system-date,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-author,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta-date {
color: var(--task-card-date-block-meta-text, #787878);
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-system-text .fakelink-dashed,
.task-as-a-chat .table-actions-v2 .actions-item-v2-system-date .fakelink-dashed,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-author .fakelink-dashed,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta .fakelink-dashed,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta-date .fakelink-dashed,
.task-as-a-chat .table-actions-v2 .actions-item-v2-system-text .fakelink-dashed-red,
.task-as-a-chat .table-actions-v2 .actions-item-v2-system-date .fakelink-dashed-red,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-author .fakelink-dashed-red,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta .fakelink-dashed-red,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta-date .fakelink-dashed-red {
color: var(--task-card-date-block-meta-text, #787878);
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-system-text a,
.task-as-a-chat .table-actions-v2 .actions-item-v2-system-date a,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-author a,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta a,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta-date a {
color: var(--task-card-date-block-meta-text, #787878);
text-decoration: none;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-system-text a:hover,
.task-as-a-chat .table-actions-v2 .actions-item-v2-system-date a:hover,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-author a:hover,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta a:hover,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta-date a:hover {
text-decoration: underline;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta-date {
font-size: 12px;
display: flex;
}
.classic-font .task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta-date {
font-size: 11px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta-date .b-action-star {
margin: unset !important;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta-date .b-action-star .not-starred {
visibility: hidden;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta-date .actions-item-v2-normal-meta-date-text {
-webkit-text-size-adjust: none;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal-meta-date .actions-item-v2-normal-meta-date-text a {
white-space: nowrap;
}
.task-as-a-chat .table-actions-v2 .action-accept-button-round {
padding: 2px 10px;
}
.task-as-a-chat .table-actions-v2 .action-reject-button-round {
padding: 2px 10px;
}
.task-as-a-chat .table-actions-v2 .action-reject-button {
margin-bottom: 2px;
}
.task-as-a-chat .table-actions-v2 #action-create-div:not(.tbl-new-action) {
padding-bottom: unset;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-edit-form {
position: relative;
margin: 0 -15px 20px -25px;
border-top: 1px dashed var(--task-card-add-action-borded, #eaeaea);
border-bottom: 1px dashed var(--task-card-add-action-borded, #eaeaea);
background-color: var(--background-color-light-gray, #F8F8F8);
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-edit-form #action-create-div.tbl-new-action.action-create-v2 {
padding: 0 15px 15px 25px;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-edit-form #action-create-div.tbl-new-action.action-create-v2 .confirm-action-create {
border-radius: 3px;
margin-left: 5px;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-spam .b-user-avatar-action {
fill: #1abe72;
width: 40px;
height: 40px;
overflow: hidden;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-spam .actions-item-v2-normal-content .actions-item-v2-normal-bubble {
padding: 15px 10px;
border: 1px dashed #E87575 !important;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-spam .actions-item-v2-normal-content .actions-item-v2-normal-bubble .spam-message-title {
color: #E87575;
font-size: 16px;
margin-bottom: 5px;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-spam .actions-item-v2-normal-content .actions-item-v2-normal-bubble .planfix-round-buttons {
line-height: 18px;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-spam .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string:not(.only-not-spam) .btn-spam {
color: var(--white-black, #ffffff);
background: #EF9A9A;
border-color: #EF9A9A;
font-size: 14px;
min-width: 117px;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-spam .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string:not(.only-not-spam) .btn-spam:hover {
background: #E87575;
border-color: #E87575;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-spam .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string:not(.only-not-spam) .btn-not-spam {
background: transparent;
color: #1abe72;
font-size: 14px;
min-height: 34px;
min-width: 117px;
border: 1px solid #1abe72;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-spam .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string:not(.only-not-spam) .btn-not-spam:hover {
background: #1abe72;
color: var(--white-black, #ffffff);
}
.task-as-a-chat .table-actions-v2 .tr-actions-body-spam .actions-item-v2-normal-content .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string.only-not-spam .btn-not-spam {
color: var(--white-black, #ffffff);
background: #EF9A9A;
border-color: #EF9A9A;
font-size: 14px;
min-width: 117px;
}
.task-as-a-chat .normal-content-and-author-wrapper {
max-width: calc(100% - 117px);
}
.task-as-a-chat .normal-content-and-author-wrapper.task-created-action {
max-width: calc(100% - 107px);
overflow: hidden;
}
.task-as-a-chat .normal-content-and-author-wrapper.task-created-action .send-domain-status {
margin: 0 0 0 4px;
cursor: pointer;
}
.tr-actions-body-hidden.tr-actions-body:hover .task-as-a-chat .normal-content-and-author-wrapper .actions-item-v2-normal-bubble {
border: 1px dashed #e18b32 !important;
}
.task-as-a-chat .normal-content-and-author-wrapper .actions-item-v2-normal-bubble-description svg {
display: none;
}
.task-as-a-chat .normal-content-and-author-wrapper .actions-item-v2-normal-bubble-description .rc-text-editor-planfix-entity__icon svg {
display: inline-block;
}
.task-as-a-chat .normal-content-and-author-wrapper .actions-item-v2-normal-bubble-description pre {
white-space: pre-wrap;
}
.task-as-a-chat .normal-content-and-author-wrapper .author-date-star-wrapper {
display: flex;
padding-left: 5px;
}
.task-as-a-chat .normal-content-and-author-wrapper .author-date-star-wrapper .actions-item-v2-normal-meta-actions {
margin-left: auto;
visibility: hidden;
}
.task-as-a-chat .normal-content-and-author-wrapper .author-date-star-wrapper .actions-item-v2-normal-meta-actions svg {
transform: rotate(90deg);
}
.task-as-a-chat .normal-content-and-author-wrapper .author-date-star-wrapper .actions-item-v2-normal-meta-actions svg:hover {
fill: var(--gray-dark-icon, #626262);
}
.task-as-a-chat .taskview-actions > div.table-actions.table-actions-v2 .tr-actions-body .b-action-star,
.task-as-a-chat .taskview-actions > div.table-actions.table-actions-v2 .tr-actions-body-new .b-action-star {
padding-top: unset;
}
.task-as-a-chat .table-actions-v2 .tr-actions-body .actions-item-v2-system td .tbl-analitic-of-action-container-div {
border: none;
margin: 0;
min-width: unset;
background: none;
}
.task-as-a-chat .actions-item-tracking {
margin-top: unset;
}
.task-as-a-chat .actions-item-tracking-ico {
display: none;
-webkit-text-size-adjust: none;
}
.task-as-a-chat .actions-item-tracking-ico svg {
height: 8px;
}
.task-as-a-chat .actions-item-tracking-0 .actions-item-tracking-ico-0 {
display: block;
}
.task-as-a-chat .actions-item-tracking-0 .actions-item-tracking-ico-0 svg {
fill: #dc0049;
}
.task-as-a-chat .actions-item-tracking-1 .actions-item-tracking-ico-1 {
display: block;
}
.task-as-a-chat .actions-item-tracking-1 .actions-item-tracking-ico-1 svg {
fill: #00864b;
}
.task-as-a-chat .actions-item-tracking-2 .actions-item-tracking-ico-2 {
display: block;
}
.task-as-a-chat .actions-item-tracking-2 .actions-item-tracking-ico-2 svg {
fill: #00864b;
}
.task-as-a-chat .actions-item-v2-normal-my .author-date-star-wrapper {
display: flex;
flex-direction: row-reverse;
padding-right: 5px;
padding-left: unset;
}
.task-as-a-chat .actions-item-v2-normal-my .author-date-star-wrapper .actions-item-v2-normal-meta-date,
.task-as-a-chat .actions-item-v2-normal-my .author-date-star-wrapper .actions-item-tracking {
flex-direction: row-reverse;
}
.task-as-a-chat .b-task-card-container {
display: none;
}
.task-as-a-chat .empty-message {
margin-bottom: 35px;
}
.task-as-a-chat .task-info.dialog-error-header {
margin-top: 30px;
}
.task-as-a-chat.task-card-wrapper .go-to-action {
display: none;
}
.cube-2x {
height: 2px;
width: 2px;
margin: 7px 3px;
}
.cube-2x.black {
background-color: var(--black-white, black);
}
.action-create-container.action-create-container,
.task-as-a-chat .actions-item-v2.action-create-container {
position: relative;
padding: 0 15px 15px 25px;
bottom: 0;
z-index: 1;
background-color: var(--background-color-light-gray, #F8F8F8);
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-top: 1px dashed var(--task-card-add-action-borded, #eaeaea);
flex-grow: 0;
}
.action-create-container.action-create-container #action-create-div,
.task-as-a-chat .actions-item-v2.action-create-container #action-create-div,
.action-create-container.action-create-container .tr-actions-quick-add,
.task-as-a-chat .actions-item-v2.action-create-container .tr-actions-quick-add {
margin-right: 10px;
padding-top: 16px;
}
.action-create-container.action-create-container .tr-actions-quick-add,
.task-as-a-chat .actions-item-v2.action-create-container .tr-actions-quick-add {
display: flex;
align-items: center;
}
.action-create-container.action-create-container .status-change-button,
.task-as-a-chat .actions-item-v2.action-create-container .status-change-button {
cursor: pointer;
justify-content: center;
display: flex;
flex-direction: column;
align-self: center;
}
.action-create-container.action-create-container .status-change-button > div,
.task-as-a-chat .actions-item-v2.action-create-container .status-change-button > div {
width: 12px;
height: 12px;
}
.action-create-container i.cancel-action-create,
.task-as-a-chat .actions-item-v2 i.cancel-action-create {
display: flex;
cursor: pointer;
border: 1px solid var(--gray-border, #E2E2E2);
padding: 8px;
border-radius: 50%;
position: absolute;
top: -17px;
right: 26px;
background: var(--white-black, white);
width: 12px;
height: 12px;
z-index: 1;
}
.action-create-container i.cancel-action-create svg,
.task-as-a-chat .actions-item-v2 i.cancel-action-create svg {
stroke: va(--task-card-add-action-icons, #AFAFAF);
width: 12px;
height: 12px;
}
.action-create-container i.cancel-action-create:hover,
.task-as-a-chat .actions-item-v2 i.cancel-action-create:hover {
border: 1px solid var(--task-deadline-dead, #fd0000);
transform: rotateZ(-90deg);
}
.action-create-container i.cancel-action-create:hover svg,
.task-as-a-chat .actions-item-v2 i.cancel-action-create:hover svg {
stroke: var(--task-deadline-dead, #fd0000);
}
.action-create-container .action-add-notified-dialog-container,
.task-as-a-chat .actions-item-v2 .action-add-notified-dialog-container {
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 50%;
width: 28px;
height: 28px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: var(--white-black, #fff);
position: absolute;
cursor: pointer;
top: -15px;
right: 61px;
}
.action-create-container .action-add-notified-dialog-container:hover,
.task-as-a-chat .actions-item-v2 .action-add-notified-dialog-container:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
}
.action-create-container .action-add-notified-dialog-container .action-add-notified-dialog,
.task-as-a-chat .actions-item-v2 .action-add-notified-dialog-container .action-add-notified-dialog {
position: relative;
}
.action-create-container .action-add-notified-dialog-container .action-add-notified-dialog .action-add-notified-icon,
.task-as-a-chat .actions-item-v2 .action-add-notified-dialog-container .action-add-notified-dialog .action-add-notified-icon {
padding: 7px;
stroke: var(--task-card-add-action-icons, #c1c1c1);
}
.action-create-container .action-add-notified-dialog-container .action-add-notified-dialog .action-notified-add-remove,
.task-as-a-chat .actions-item-v2 .action-add-notified-dialog-container .action-add-notified-dialog .action-notified-add-remove {
right: -36px;
}
.action-create-container .toolbox-wrapper,
.task-as-a-chat .actions-item-v2 .toolbox-wrapper {
display: none;
}
.action-create-container .tr-actions-quick-add,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add {
height: 44px;
}
.action-create-container .tr-actions-quick-add .actions-quick-add-target,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .actions-quick-add-target {
background-color: var(--white-black, white);
border-radius: 5px;
border: 1px solid var(--gray-border, #e2e2e2);
display: flex;
align-items: center;
z-index: 1;
color: var(--task-card-add-action-comment-text, #999999);
cursor: text;
font-size: 16px;
padding: 6px;
height: 30px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.action-create-container .tr-actions-quick-add .actions-quick-add-target .actions-quick-add-container,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .actions-quick-add-target .actions-quick-add-container {
display: inline-flex;
float: right;
height: 16px;
}
.action-create-container .tr-actions-quick-add .actions-quick-add-target .actions-quick-add-container > div,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .actions-quick-add-target .actions-quick-add-container > div {
cursor: pointer;
}
.action-create-container .tr-actions-quick-add .actions-quick-add-target .actions-quick-add-container > div:not(:last-child),
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .actions-quick-add-target .actions-quick-add-container > div:not(:last-child) {
margin-right: 5px;
}
.action-create-container .tr-actions-quick-add .actions-quick-add-target .actions-quick-add-container i svg,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .actions-quick-add-target .actions-quick-add-container i svg {
stroke: var(--time-picker-dates, #c8c8c8);
}
.action-create-container .tr-actions-quick-add .actions-quick-add-target .actions-quick-add-block-text,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .actions-quick-add-target .actions-quick-add-block-text {
flex: 1;
padding: 0 5px;
}
.action-create-container .tr-actions-quick-add .attach-on-action-wr,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-right: 8px;
}
.action-create-container .tr-actions-quick-add .attach-on-action-create,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-create,
.action-create-container .tr-actions-quick-add .attach-on-action-docs,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-docs {
margin-right: 0;
border-radius: 4px;
cursor: pointer;
}
.action-create-container .tr-actions-quick-add .attach-on-action-create:hover,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-create:hover,
.action-create-container .tr-actions-quick-add .attach-on-action-docs:hover,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-docs:hover {
background-color: var(--task-card-add-action-svg-bg, rgba(196, 196, 196, 0.15));
}
.action-create-container .tr-actions-quick-add .attach-on-action-create > i,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-create > i,
.action-create-container .tr-actions-quick-add .attach-on-action-docs > i,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-docs > i {
padding: 4px;
}
.action-create-container .tr-actions-quick-add .attach-on-action-create > i svg,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-create > i svg,
.action-create-container .tr-actions-quick-add .attach-on-action-docs > i svg,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-docs > i svg {
stroke: var(--task-card-add-action-svg, #7d7d87);
}
.action-create-container .tr-actions-quick-add .attach-on-action-create > i svg path,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-create > i svg path,
.action-create-container .tr-actions-quick-add .attach-on-action-docs > i svg path,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-docs > i svg path {
stroke: var(--task-card-add-action-svg-path, #808080);
}
.action-create-container .tr-actions-quick-add .attach-on-action-create .b-ddl-menu,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-create .b-ddl-menu,
.action-create-container .tr-actions-quick-add .attach-on-action-docs .b-ddl-menu,
.task-as-a-chat .actions-item-v2 .tr-actions-quick-add .attach-on-action-docs .b-ddl-menu {
display: none;
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container {
border-radius: 5px;
border: 1px solid var(--gray-border, #e2e2e2);
background-color: var(--white-black, #ffffff);
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items.notified-list-items-corp-servers,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items.notified-list-items-corp-servers {
border-top: 1px dashed var(--gray-border, #e2e2e2);
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items .b-notified-list-v2-icos,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items .b-notified-list-v2-icos {
padding-right: 10px;
position: relative;
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items .b-notified-list-v2-icos .task-corporative-block:hover,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items .b-notified-list-v2-icos .task-corporative-block:hover,
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items .b-notified-list-v2-icos .notified-list-show-filter-container:hover,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items .b-notified-list-v2-icos .notified-list-show-filter-container:hover,
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items .b-notified-list-v2-icos .task-add-block:hover,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items .b-notified-list-v2-icos .task-add-block:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items-corp-servers.items-contacts-selected.notified-list-items,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items-corp-servers.items-contacts-selected.notified-list-items,
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items-contacts.items-contacts-selected.notified-list-items,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items-contacts.items-contacts-selected.notified-list-items {
background-color: #e3f5fb;
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .notified-list-filter,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .notified-list-filter,
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .notified-list-filter-empty,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .notified-list-filter-empty,
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .notified-list-items {
padding-left: 10px;
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .notified-list-filter,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .notified-list-filter {
border-bottom: 1px dashed var(--gray-border, #e2e2e2);
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2 {
border-radius: 5px;
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2 .first,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2 .first {
border-top: unset;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2 .b-notified-list-v2-srings,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2 .b-notified-list-v2-srings {
max-height: 600px;
border: none;
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2 .b-notified-list-v2-srings > div:last-child,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2 .b-notified-list-v2-srings > div:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2 .b-notified-list-v2-srings .notified-list-filter-name,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2 .b-notified-list-v2-srings .notified-list-filter-name {
border-bottom: unset;
}
.action-create-container #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2:not(.b-notified-list-v2-one-string) .notified-list-items-contacts.with-border,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-list-container .b-notified-list-v2:not(.b-notified-list-v2-one-string) .notified-list-items-contacts.with-border {
border-top: 1px dashed var(--gray-border, #e2e2e2);
}
.action-create-container #action-create-div .tr-action-notify .action-notify-faces,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-action-notify .action-notify-faces {
max-height: 300px;
overflow-y: auto;
}
.action-create-container #action-create-div .tr-employ .action-change-workers-v2,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-employ .action-change-workers-v2 {
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 5px;
}
.action-create-container #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings {
background-color: var(--white-black, #ffffff);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.action-create-container #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string {
padding: 5px 0 5px 15px !important;
}
.action-create-container #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string .action-change-workers-v2-control,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string .action-change-workers-v2-control {
width: calc(100% - 15px) !important;
}
.action-create-container #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string:not(:last-child),
.task-as-a-chat .actions-item-v2 #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string:not(:last-child) {
border-bottom: 1px dashed var(--gray-border, #e2e2e2);
}
.action-create-container #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string:first-child,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string:first-child {
border-top-left-radius: 5px;
}
.action-create-container #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string:last-child,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-strings .action-change-workers-v2-string:last-child {
border-bottom-left-radius: 5px;
}
.action-create-container #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-btns,
.task-as-a-chat .actions-item-v2 #action-create-div .tr-employ .action-change-workers-v2 .action-change-workers-v2-btns {
background-color: var(--white-black, #ffffff);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.action-create-container #action-create-div .editor-commit-wrapper,
.task-as-a-chat .actions-item-v2 #action-create-div .editor-commit-wrapper {
display: flex;
}
.action-create-container #action-create-div .editor-commit-wrapper .confirm-action-create,
.task-as-a-chat .actions-item-v2 #action-create-div .editor-commit-wrapper .confirm-action-create {
display: flex;
height: 30px;
width: 50px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin-left: 1px;
cursor: pointer;
align-items: center;
justify-content: center;
}
.action-create-container #action-create-div .editor-commit-wrapper .confirm-action-create .loader svg,
.task-as-a-chat .actions-item-v2 #action-create-div .editor-commit-wrapper .confirm-action-create .loader svg {
display: none;
}
.action-create-container #action-create-div .editor-commit-wrapper .action-special-menu,
.task-as-a-chat .actions-item-v2 #action-create-div .editor-commit-wrapper .action-special-menu {
display: flex;
align-items: center;
height: 30px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
margin-left: 5px;
padding: 0 3px;
background-color: var(--activeButton);
}
.action-create-container #action-create-div .editor-commit-wrapper .action-special-menu .b-ddl-menu-selected-arrow,
.task-as-a-chat .actions-item-v2 #action-create-div .editor-commit-wrapper .action-special-menu .b-ddl-menu-selected-arrow {
cursor: pointer;
display: flex;
align-items: center;
height: 28px;
}
.action-create-container #action-create-div .editor-commit-wrapper .action-special-menu .b-ddl-menu-selected-arrow svg,
.task-as-a-chat .actions-item-v2 #action-create-div .editor-commit-wrapper .action-special-menu .b-ddl-menu-selected-arrow svg {
overflow: visible;
}
.action-create-container #action-create-div .editor-commit-wrapper .action-special-menu .b-ddl-menu,
.task-as-a-chat .actions-item-v2 #action-create-div .editor-commit-wrapper .action-special-menu .b-ddl-menu {
display: block;
}
.action-create-container #action-create-div .editor-commit-wrapper .action-special-menu svg,
.task-as-a-chat .actions-item-v2 #action-create-div .editor-commit-wrapper .action-special-menu svg {
fill: var(--activeButtonElements, var(--white-black, #ffffff));
}
.action-create-container #action-create-div .editor-commit-wrapper .attach-menu .b-ddl-menu-flex,
.task-as-a-chat .actions-item-v2 #action-create-div .editor-commit-wrapper .attach-menu .b-ddl-menu-flex {
display: none;
}
.action-create-container #action-create-div form,
.task-as-a-chat .actions-item-v2 #action-create-div form {
border: unset;
}
.action-list-v3-bar-wrapper {
display: flex !important;
flex-direction: column;
height: 100%;
z-index: 0;
}
.action-list-v3-bar-wrapper .baron_scroller {
flex-grow: 1;
}
.action-list-v3-bar-wrapper .baron_container.no-padding-bottom {
min-height: 100%;
display: flex;
flex-direction: column;
}
.action-list-v3-bar-wrapper .baron_container.no-padding-bottom:not(.confirm-win-container) {
justify-content: flex-end;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container {
margin: unset;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container > div {
height: 22px;
margin: 0 5px 0 0;
cursor: pointer;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container > div:last-child {
margin: unset;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container > div i {
padding: 2px;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container > div.action-create-v3-attached-dates i,
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container > div.action-create-v3-attached-call i {
padding: 2px;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container > div.action-create-v3-attached-call i svg {
stroke: none;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container svg {
stroke: var(--gray-ico, #a9a9a9);
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .action-create-v3-attached-checklist .action-create-number-top {
background: #58bfb3;
color: var(--white-black, #ffffff);
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .action-create-v3-attached-reminders .action-create-number-top {
background: #ffc000;
color: var(--white-black, #ffffff);
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .action-create-v3-attached-analitics .action-create-number-top {
background: #9bc6ff;
color: var(--white-black, #ffffff);
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .action-create-number-top {
padding: 0.5px 4.4px;
border-radius: 4px;
background: var(--activeButton, #0fabdd);
color: var(--activeButtonElements, #ffffff);
top: -8px;
position: relative;
font-size: 10px;
margin: unset;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .reminders-summary .reminders-summary-item,
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .reminders-summary .ddl-triangle-svg-wr {
display: none;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .reminders-summary .b-ddl-menu {
width: 0;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .action-create-v3-attached-periodicity-reminders.action-periodicity-reminders {
flex-basis: unset;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .action-create-v3-attached-periodicity-reminders svg {
fill: none;
stroke: var(--gray-ico, #a9a9a9);
width: 16px;
height: 16px;
stroke-miterlimit: 10;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .action-create-v3-attached-periodicity-reminders .items,
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .action-create-v3-attached-periodicity-reminders .ddl-triangle-svg-wr {
display: none;
}
.action-list-v3-bar-wrapper #action-create-div.action-create-v2 .action-create-attached-container .action-create-v3-attached-periodicity-reminders .b-ddl-menu {
width: 0;
}
.action-list-v3-bar-wrapper #action-create-div .buttons-wrapper {
display: flex;
flex-direction: row;
align-items: center;
margin: 4px 7px 4px 0;
}
.action-list-v3-bar-wrapper #action-create-div .buttons-wrapper .main-icons-container {
display: flex;
flex-direction: row;
align-items: center;
}
.action-list-v3-bar-wrapper #action-create-div .buttons-wrapper .main-icons-container .all-buttons-except-cancel {
height: 22px;
display: flex;
flex-direction: row;
}
.action-list-v3-bar-wrapper #action-create-div .buttons-wrapper .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper {
display: flex;
}
.action-list-v3-bar-wrapper #action-create-div .buttons-wrapper .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .show-tool-bar {
height: 22px;
width: 26px;
border-radius: 3px;
}
.action-list-v3-bar-wrapper #action-create-div .buttons-wrapper .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .show-tool-bar:not(:last-child) {
margin-right: 4px;
}
.action-list-v3-bar-wrapper #action-create-div .buttons-wrapper .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .show-tool-bar i {
padding: 3px 5px;
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper.extended .action-description-editor .planfix-ckeditor-element:not(.solo-on-lane) {
padding: 8px 3px 2px;
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper.extended .action-description-editor .editor-wrapper .attach-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper.extended .action-description-editor .editor-wrapper .attach-menu {
justify-content: flex-end;
margin: 4px 0px 2px 7px;
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper.extended .buttons-wrapper {
flex-direction: column-reverse;
align-items: flex-end;
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper.extended .buttons-wrapper .main-icons-container .all-buttons-except-cancel {
margin-right: unset;
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper.extended.no-tool-bar .cke_bottom_buttons {
padding: 1px 0 6px 0;
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper.extended.no-tool-bar .cke_bottom_buttons .attach-menu {
padding: unset;
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper.extended.no-tool-bar .cke_bottom_buttons .toolbox-wrapper {
display: none;
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper.extended.no-tool-bar .cke_bottom_buttons .main-icons-container {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
justify-content: flex-end;
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper.extended.no-tool-bar .cke_bottom_buttons .show-tool-bar,
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper.extended.no-tool-bar .cke_bottom_buttons .action-ai-helper-menu i {
background-color: unset;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons {
display: none;
align-items: center;
padding-bottom: 6px;
padding-top: 1px;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .action-create-attached-container.no-status-dot {
margin-right: 4px;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .toolbox-wrapper {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .toolbox-wrapper .cke_top {
border: unset !important;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .toolbox-wrapper #cke_ActionDescription {
margin-bottom: unset;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container {
margin-right: 7px;
height: 30px;
display: flex;
flex-direction: row;
align-self: center;
align-items: center;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel {
display: flex;
height: 22px;
flex-direction: row;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper {
display: flex;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .show-tool-bar {
width: 26px;
border-radius: 3px;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .show-tool-bar i {
padding: 3px 5px;
border-radius: 3px;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .show-tool-bar,
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .action-ai-helper-menu {
margin-right: unset;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .action-ai-helper-menu {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
margin: -5px 0 0 7px;
border-radius: 3px;
transition: background 0.3s ease;
left: 2px;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .action-ai-helper-menu i {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .action-ai-helper-menu i.hover-icon {
opacity: 0;
transition: opacity 0.3s ease;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .action-ai-helper-menu i.default-icon {
opacity: 1;
transition: opacity 0.3s ease;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .action-ai-helper-menu:hover .hover-icon {
opacity: 1;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .action-ai-helper-menu:hover .default-icon {
opacity: 0;
}
@-moz-document url-prefix() {
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .main-icons-container .all-buttons-except-cancel .tool-bar-and-save-draft-wrapper .action-ai-helper-menu {
left: 3px !important;
}
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .attach-wr .status-change-button {
padding: 5px 6px;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .attach-wr .attach-menu,
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .attach-wr .attach-docs {
position: relative;
padding: 0;
cursor: pointer;
display: flex;
align-items: center;
align-self: center;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .attach-wr .attach-menu > i,
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .attach-wr .attach-docs > i {
width: 100%;
height: 22px;
font-style: initial;
}
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .attach-wr .attach-menu > i svg,
.action-list-v3-bar-wrapper #action-create-div .action-description-editor .cke_bottom_buttons .attach-wr .attach-docs > i svg {
padding: 3px 6px;
stroke: var(--task-card-add-action-svg, #7d7d87);
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper .attach-wr,
.action-list-v3-bar-wrapper #action-create-div .has-custom-resizer .attach-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 0 0 0 10px;
}
.action-list-v3-bar-wrapper #action-create-div .editor-commit-wrapper .attach-menu,
.action-list-v3-bar-wrapper #action-create-div .has-custom-resizer .attach-menu {
align-items: flex-start;
}
.action-list-v3-bar-wrapper #action-create-div .expand-icons-button {
display: none;
-webkit-transition: 250ms;
-moz-transition: 250ms;
-o-transition: 250ms;
-ms-transition: 250ms;
transition: 250ms;
cursor: pointer;
}
.action-list-v3-bar-wrapper #action-create-div .expand-icons-button i {
transform: rotate(90deg);
padding: 5px;
}
.action-list-v3-bar-wrapper #action-create-div .expand-icons-button i,
.action-list-v3-bar-wrapper #action-create-div .expand-icons-button svg {
width: 12px;
height: 12px;
}
.action-list-v3-bar-wrapper #action-create-div .expand-icons-button.rotate-180 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.action-list-v3-bar-wrapper #action-create-div .action-description {
margin-top: 13px;
}
.action-list-v3-bar-wrapper #action-create-div .action-description > td:not(.no-padding) {
padding: 15px 0 0px;
}
.action-list-v3-bar-wrapper #action-create-div .action-description > td.no-padding {
padding: 0;
}
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 5px;
background-color: var(--white-black, #ffffff);
}
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .planfix-ckeditor-element {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 12px 3px 8px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: auto;
border-top: none;
}
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .planfix-ckeditor-element.solo-on-lane {
padding: 8px 10px 5px;
}
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .cke_inner {
overflow: hidden;
}
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .cke_inner .cke_contents.cke_reset {
max-height: 45vh;
overflow-y: auto;
position: relative;
scrollbar-width: none;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .cke_inner .cke_contents.cke_reset::-webkit-scrollbar {
display: none;
}
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .cke_inner .cke_contents.cke_reset iframe.cke_reset {
position: absolute;
}
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .cke_inner .cke_contents.cke_reset.resized-by-user {
max-height: 50vh;
}
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .attach-menu > i:hover,
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .action-create-attached-container > div:hover,
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .show-tool-bar:hover,
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .attach-docs > i:hover,
.action-list-v3-bar-wrapper #action-create-div .action-description .action-description-editor .status-change-button:hover {
background-color: var(--task-card-add-action-hover, #DFF1FF);
border-radius: 3px;
}
.action-list-v3-bar-wrapper #action-create-div .action-description .editor-commit-wrapper:not(.no-tool-bar) .action-description-editor .planfix-ckeditor-element {
padding: 8px 10px 5px;
}
.action-list-v3-bar-wrapper #action-create-div .editor-wrapper {
display: flex;
flex-direction: row;
border-radius: 5px;
}
.action-list-v3-bar-wrapper #action-create-div .editor-wrapper textarea {
height: unset;
}
.action-list-v3-bar-wrapper #action-create-div .editor-wrapper .attach-menu > i,
.action-list-v3-bar-wrapper #action-create-div .editor-wrapper .attach-docs > i {
height: 22px;
font-style: initial;
}
.action-list-v3-bar-wrapper #action-create-div .editor-wrapper .attach-menu > i > svg,
.action-list-v3-bar-wrapper #action-create-div .editor-wrapper .attach-docs > i > svg {
padding: 3px 0;
stroke: var(--task-card-add-action-svg, #7d7d87);
}
.action-list-v3-bar-wrapper #action-create-div .editor-wrapper:not(.solo-on-lane) {
min-height: 42px;
}
.action-list-v3-bar-wrapper #action-create-div .show-tool-bar,
.action-list-v3-bar-wrapper #action-create-div .action-ai-helper-menu {
cursor: pointer;
}
.attached-action-list .actions-item-v2-normal-author,
.stared-action-list .actions-item-v2-normal-author,
.found-action-list .actions-item-v2-normal-author {
font-size: 12px;
height: 20px;
white-space: nowrap;
}
.attached-action-list .actions-item-v2-normal-meta-actions,
.stared-action-list .actions-item-v2-normal-meta-actions,
.found-action-list .actions-item-v2-normal-meta-actions {
margin-left: auto;
margin-right: unset;
}
.attached-action-list .actions-item-v2-normal-meta-actions .b-ddl-menu-selected-arrow,
.stared-action-list .actions-item-v2-normal-meta-actions .b-ddl-menu-selected-arrow,
.found-action-list .actions-item-v2-normal-meta-actions .b-ddl-menu-selected-arrow {
padding: 0 3px 0 10px;
}
.attached-action-list .actions-item-v2-normal-meta-actions .b-ddl-menu-selected-arrow:hover svg,
.stared-action-list .actions-item-v2-normal-meta-actions .b-ddl-menu-selected-arrow:hover svg,
.found-action-list .actions-item-v2-normal-meta-actions .b-ddl-menu-selected-arrow:hover svg {
fill: var(--gray-dark-icon, #626262);
}
.attached-action-list .actions-item-v2-normal-meta-actions svg,
.stared-action-list .actions-item-v2-normal-meta-actions svg,
.found-action-list .actions-item-v2-normal-meta-actions svg {
transform: rotate(90deg);
}
.attached-action-list .author-date-star-wrapper,
.stared-action-list .author-date-star-wrapper,
.found-action-list .author-date-star-wrapper {
display: flex;
padding-left: 5px;
}
.attached-action-list .actions-item-v2-normal-meta-date,
.stared-action-list .actions-item-v2-normal-meta-date,
.found-action-list .actions-item-v2-normal-meta-date {
font-size: 12px;
display: flex;
}
.attached-action-list .actions-item-v2-normal-meta-date,
.stared-action-list .actions-item-v2-normal-meta-date,
.found-action-list .actions-item-v2-normal-meta-date,
.attached-action-list .actions-item-v2-normal-author,
.stared-action-list .actions-item-v2-normal-author,
.found-action-list .actions-item-v2-normal-author {
color: var(--grey-action-list, #7f7f7f);
}
.classic-font .attached-action-list .actions-item-v2-normal-meta-date,
.classic-font .stared-action-list .actions-item-v2-normal-meta-date,
.classic-font .found-action-list .actions-item-v2-normal-meta-date,
.classic-font .attached-action-list .actions-item-v2-normal-author,
.classic-font .stared-action-list .actions-item-v2-normal-author,
.classic-font .found-action-list .actions-item-v2-normal-author {
font-size: 11px;
}
.attached-action-list .actions-item-v2-normal-meta-date .fakelink-dashed,
.stared-action-list .actions-item-v2-normal-meta-date .fakelink-dashed,
.found-action-list .actions-item-v2-normal-meta-date .fakelink-dashed,
.attached-action-list .actions-item-v2-normal-author .fakelink-dashed,
.stared-action-list .actions-item-v2-normal-author .fakelink-dashed,
.found-action-list .actions-item-v2-normal-author .fakelink-dashed,
.attached-action-list .actions-item-v2-normal-meta-date .fakelink-dashed-red,
.stared-action-list .actions-item-v2-normal-meta-date .fakelink-dashed-red,
.found-action-list .actions-item-v2-normal-meta-date .fakelink-dashed-red,
.attached-action-list .actions-item-v2-normal-author .fakelink-dashed-red,
.stared-action-list .actions-item-v2-normal-author .fakelink-dashed-red,
.found-action-list .actions-item-v2-normal-author .fakelink-dashed-red {
color: var(--grey-action-list, #7f7f7f);
}
.attached-action-list .actions-item-v2-normal-meta-date a,
.stared-action-list .actions-item-v2-normal-meta-date a,
.found-action-list .actions-item-v2-normal-meta-date a,
.attached-action-list .actions-item-v2-normal-author a,
.stared-action-list .actions-item-v2-normal-author a,
.found-action-list .actions-item-v2-normal-author a {
color: var(--grey-action-list, #7f7f7f);
text-decoration: none;
}
.attached-action-list .actions-item-v2-normal-meta-date a:hover,
.stared-action-list .actions-item-v2-normal-meta-date a:hover,
.found-action-list .actions-item-v2-normal-meta-date a:hover,
.attached-action-list .actions-item-v2-normal-author a:hover,
.stared-action-list .actions-item-v2-normal-author a:hover,
.found-action-list .actions-item-v2-normal-author a:hover {
text-decoration: underline;
}
.attached-action-list .actions-item-v2-normal-bubble-content,
.stared-action-list .actions-item-v2-normal-bubble-content,
.found-action-list .actions-item-v2-normal-bubble-content {
overflow: hidden;
}
.attached-action-list .actions-item-v2-normal-bubble-content .action-change-date-request-active,
.stared-action-list .actions-item-v2-normal-bubble-content .action-change-date-request-active,
.found-action-list .actions-item-v2-normal-bubble-content .action-change-date-request-active {
min-width: 245px;
}
.attached-action-list .actions-item-v2-normal-bubble-content .actions-item-v2-normal-bubble-description blockquote,
.stared-action-list .actions-item-v2-normal-bubble-content .actions-item-v2-normal-bubble-description blockquote,
.found-action-list .actions-item-v2-normal-bubble-content .actions-item-v2-normal-bubble-description blockquote {
margin: 0 0 12px 0;
padding-left: 5px;
}
.attached-action-list .normal-content-and-author-wrapper,
.stared-action-list .normal-content-and-author-wrapper,
.found-action-list .normal-content-and-author-wrapper {
max-width: calc(100% - 50px);
}
.attached-action-list .tbl-analitic-of-action-container-div,
.stared-action-list .tbl-analitic-of-action-container-div,
.found-action-list .tbl-analitic-of-action-container-div {
min-width: unset !important;
}
.attached-action-list .actions-item-v2:not(.tr-actions-body-new) .actions-item-v2-normal:not(.actions-item-v2-normal-contact) .actions-item-v2-normal-bubble,
.stared-action-list .actions-item-v2:not(.tr-actions-body-new) .actions-item-v2-normal:not(.actions-item-v2-normal-contact) .actions-item-v2-normal-bubble,
.found-action-list .actions-item-v2:not(.tr-actions-body-new) .actions-item-v2-normal:not(.actions-item-v2-normal-contact) .actions-item-v2-normal-bubble {
background: var(--white-black, #ffffff);
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container {
padding-left: 5px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container i,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container i,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container i,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container i,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container svg {
height: 13px;
width: 13px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container i,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container i,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container i,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container i {
margin: unset;
font-size: 0px;
padding: 1px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container:empty,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container:empty,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container:empty,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container:empty {
display: none;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action {
cursor: pointer;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action i,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action i,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action i,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action i {
width: 15px;
height: 15px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action svg {
width: 13px;
height: 13px;
padding: 1px;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply:not(.has-translate),
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply:not(.has-translate),
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply:not(.has-translate),
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply:not(.has-translate),
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate:not(.has-translate),
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate:not(.has-translate),
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate:not(.has-translate),
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate:not(.has-translate) {
margin-right: auto;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply.has-translate,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply.has-translate,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply.has-translate,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply.has-translate,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate.has-translate,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate.has-translate,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate.has-translate,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate.has-translate {
margin-right: 0;
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .like-icon:hover svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .like-icon:hover svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .like-icon:hover svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .like-icon:hover svg,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .favorite-item.not-starred:hover svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .favorite-item.not-starred:hover svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .favorite-item.not-starred:hover svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .favorite-item.not-starred:hover svg,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action:hover svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action:hover svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action:hover svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .go-to-action:hover svg,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container:hover svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container:hover svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container:hover svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-pin-container:hover svg,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply:hover svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply:hover svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply:hover svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-reply:hover svg,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate:hover svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate:hover svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate:hover svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-bottom-part .b-action-translate:hover svg {
stroke: var(--gray-dark-icon, #626262);
}
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-action-mark-all-v3:hover svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-action-mark-all-v3:hover svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-action-mark-all-v3:hover svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-action-mark-all-v3:hover svg,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-edit-action i:hover svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-edit-action i:hover svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-edit-action i:hover svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-edit-action i:hover svg,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-delete-action i:hover svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-delete-action i:hover svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-delete-action i:hover svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-delete-action i:hover svg,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-draft-del i:hover svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-draft-del i:hover svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-draft-del i:hover svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-draft-del i:hover svg,
.task-as-a-chat .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-action-reply-top i:hover svg,
.attached-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-action-reply-top i:hover svg,
.stared-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-action-reply-top i:hover svg,
.found-action-list .table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .action-item-top-part .b-action-reply-top i:hover svg {
stroke: var(--gray-dark-icon, #626262);
}
.task-as-a-chat .b-action-pin-container i.blue svg,
.attached-action-list .b-action-pin-container i.blue svg,
.stared-action-list .b-action-pin-container i.blue svg,
.found-action-list .b-action-pin-container i.blue svg {
fill: #7895f4 !important;
}
.task-as-a-chat .label-action-change,
.attached-action-list .label-action-change,
.stared-action-list .label-action-change,
.found-action-list .label-action-change {
height: 15px;
margin-left: auto;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
}
.task-as-a-chat .label-action-change i,
.attached-action-list .label-action-change i,
.stared-action-list .label-action-change i,
.found-action-list .label-action-change i {
color: var(--grey-action-list, #7F7F7F);
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
display: inline-block;
}
.task-as-a-chat .label-action-change + .b-action-reply,
.attached-action-list .label-action-change + .b-action-reply,
.stared-action-list .label-action-change + .b-action-reply,
.found-action-list .label-action-change + .b-action-reply {
margin-right: 6px !important;
}
.task-as-a-chat .label-action-change + .b-action-translate,
.attached-action-list .label-action-change + .b-action-translate,
.stared-action-list .label-action-change + .b-action-translate,
.found-action-list .label-action-change + .b-action-translate {
margin-right: 6px !important;
}
.task-as-a-chat .label-action-change.label-action-change-without-reply,
.attached-action-list .label-action-change.label-action-change-without-reply,
.stared-action-list .label-action-change.label-action-change-without-reply,
.found-action-list .label-action-change.label-action-change-without-reply {
padding-left: 10px;
}
.actions-date-block.actions-date-block-v3 {
display: flex;
margin-bottom: 15px;
justify-content: center;
}
.actions-date-block.actions-date-block-v3 .actions-date-block-v3-text {
color: var(--task-card-date-block-meta-text, #787878);
font-size: 16px;
font-weight: bold;
white-space: nowrap;
padding: 4px 10px;
cursor: pointer;
}
.found-action-list .actions-item-v2-normal-content {
cursor: pointer;
}
.hover-stroke-dark:hover svg {
stroke: var(--gray-dark-icon, #626262);
}
.confirm-action-create {
background-color: var(--activeButton, #00864b);
}
.confirm-action-create.disabled,
.confirm-action-create.inactive {
background-color: rgba(var(--activeButtonRgb, 26, 190, 114), 0.8);
}
.confirm-action-create svg {
stroke: var(--activeButtonElements, #ffffff);
fill: var(--activeButtonElements, #ffffff);
}
.chat-colored .b-main-block {
background-color: var(--background-color-light-gray, #F8F8F8);
}
.chat-colored .task-card-header-additional-panel:not(.expanded) .gradient-block {
background: linear-gradient(180deg, var(--background-color-light-gray, #F8F8F8) 0%, var(--task-card-header-gradient2, rgba(248, 248, 248, 0.88)) 60%, var(--task-card-header-gradient3, rgba(248, 248, 248, 0) 100%)) !important;
}
.chat-colored .actions-item-v2-normal-bubble,
.chat-colored .actions-item-v2-system-content {
border: 1px solid var(--gray-border, #e2e2e2);
}
.chat-colored .actions-item-v2-normal-bubble {
background: var(--white-black, #ffffff) !important;
padding: 25px 17px 30px !important;
}
.chat-colored .actions-item-v2-normal-bubble .spoiler-actionlist-shadow {
box-shadow: inset 0px -40px 30px 2px var(--white-black, #ffffff) !important;
}
.chat-colored .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string .tbl-analitic-of-action-container,
.chat-colored .actions-item-v2-normal-bubble .actions-item-v2-normal-bubble-string .tbl-analitic-of-action-container-checklist {
background: var(--white-black, #ffffff) !important;
}
.chat-colored .actions-item-v2-normal-content {
position: relative;
}
.chat-colored .table-actions.table-actions-v2 .tr-actions-body .actions-item-v2-normal .actions-item-v2-normal-content {
border-radius: 4px 5px 5px 4px;
margin-left: 5px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.chat-colored .table-actions.table-actions-v2 .tr-actions-body .actions-item-v2-normal:not(.actions-item-v2-normal-draft) .actions-item-v2-normal-content {
box-shadow: 0px 1px 3px 0px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
}
.chat-colored .table-actions.table-actions-v2 .tr-actions-body .actions-item-v2-normal.actions-item-v2-normal-my .actions-item-v2-normal-content {
margin-left: 0px;
margin-right: 5px;
}
.chat-colored .table-actions.table-actions-v2 .tr-actions-body .actions-item-v2-normal .normal-content-and-author-wrapper.task-created-action,
.chat-colored .table-actions.table-actions-v2 .tr-actions-body .actions-item-v2-normal.actions-item-v2-normal-draft .actions-item-v2-normal-content {
padding: 0 5px 5px 5px;
margin: 0 -5px -5px -5px;
}
.chat-colored .table-actions.table-actions-v2 .tr-actions-body .actions-item-v2-normal.actions-item-v2-normal-draft .actions-item-v2-normal-content .actions-item-v2-normal-bubble {
box-shadow: 0px 1px 3px 0px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
}
.chat-colored .table-actions.table-actions-v2 .tr-actions-body.tr-actions-body-hidden:not(.tr-actions-body-active):not(.tr-actions-body-spam) .actions-item-v2-normal-bubble {
border: 1px dashed orange !important;
}
.chat-colored.contact-actions .table-actions.table-actions-v2 .tr-actions-body .actions-item-v2-normal:not(.actions-item-v2-normal-draft) .actions-item-v2-normal-content {
box-shadow: none;
}
.chat-colored.contact-actions .table-actions.table-actions-v2 .tr-actions-body .actions-item-v2-normal:not(.actions-item-v2-normal-draft) .actions-item-v2-normal-bubble {
box-shadow: 0px 1px 3px 0px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
}
.chat-colored .table-actions-v2 .actions-item-v2-normal-author {
color: var(--task-card-action-normal-author, #a7a7a7);
height: 26px;
}
.chat-colored .actions-item-v2-normal-author a {
padding-right: 0;
}
.chat-colored .action-create-container {
background-color: var(--gray-inner, #EEEEEE);
}
.chat-colored .actions-item-state-marker {
display: none;
width: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
background: #76CFEB;
position: absolute;
top: 0;
height: 100%;
z-index: 2;
}
.chat-colored .actions-item-v2:not(.tr-actions-body-spam).tr-actions-body .actions-item-v2-normal-bubble,
.chat-colored .tr-actions-body-draft.tr-actions-body .actions-item-v2-normal-bubble {
box-sizing: border-box;
border: 1px solid transparent;
}
.chat-colored .actions-item-v2:not(.tr-actions-body-spam).tr-actions-body:hover .actions-item-v2-normal-bubble,
.chat-colored .tr-actions-body-draft.tr-actions-body:hover .actions-item-v2-normal-bubble {
border: 1px solid var(--grey-list-border, #DEDEDE) !important;
}
.chat-colored .tr-actions-body:not(.tr-actions-body-new):not(.tr-actions-body-hidden) .actions-item-v2-normal-contact .actions-item-v2-normal-bubble {
border: 1px solid transparent;
}
.chat-colored .actions-item-v2 .actions-item-v2-normal-contact .actions-item-state-marker {
display: block;
background: #76cfeb;
}
.chat-colored .actions-item-v2.tr-actions-body-new .actions-item-state-marker {
display: block;
background: #ffad00;
}
.chat-colored .tr-actions-body-issystem .actions-item-v2-system-content-container {
position: relative;
max-width: calc(100% - 110px);
box-sizing: border-box;
}
.chat-colored .tr-actions-body-issystem.tr-actions-body-new:hover .actions-item-v2-system-content {
border-color: var(--gray-input-border, #bbb);
}
.chat-colored .tr-actions-body-issystem .actions-item-v2-system-content-container .actions-item-v2-system-content {
background: unset;
padding: 5px 10px 5px 15px;
}
.chat-colored .tr-actions-body-issystem .b-action-mark-all-v3 {
cursor: pointer;
}
.chat-colored .task-as-a-chat .table-actions-v2 .tr-actions-body-edit-form {
background: var(--gray-inner, #EEEEEE);
border-top-color: var(--gray-border, #e2e2e2);
border-bottom-color: var(--gray-border, #e2e2e2);
}
.chat-colored .actions-item-v2.tr-actions-body-linked .actions-item-state-marker {
display: block;
background: #66da71;
}
.chat-colored .actions-item-v2.tr-actions-body-linked.tr-actions-body-issystem .actions-item-v2-normal-bubble-string .tbl-analitic-of-action-container,
.chat-colored .actions-item-v2.tr-actions-body-linked.tr-actions-body-issystem .actions-item-v2-normal-bubble-string .tbl-analitic-of-action-container-checklist {
background: unset !important;
}
.chat-colored .actions-item-v2.tr-actions-body-deleted .actions-item-v2-normal-bubble {
border-color: transparent !important;
}
.chat-colored .actions-item-v2.tr-actions-body-deleted .actions-item-state-marker {
display: block;
background: #fabdbd;
}
.chat-colored .task-card-wrapper:not(.task-as-a-chat) .actions-item-v2 .actions-item-state-marker {
height: calc(100%);
top: unset;
bottom: 0;
}
.chat-colored .task-card-wrapper:not(.task-as-a-chat) .actions-item-v2-normal .actions-item-state-marker {
height: calc(100% - 20px);
}
.contact-actions.chat-colored {
background: var(--background-color-light-gray, #f8f8f8) !important;
}
.contact-actions.chat-colored .b-task-description {
background: transparent;
}
.contact-actions.chat-colored .action-create-v2 form {
border-color: var(--background-color-light-gray, #f8f8f8) !important;
}
.contact-actions.chat-colored .actions-quick-add-target {
background: var(--white-black, white);
}
.contact-actions.chat-colored .actions-item-v2:not(.tr-actions-body-issystem) .actions-item-state-marker {
height: calc(100% - 20px);
top: unset;
bottom: 0;
}
#action-create-div .tr-action-notify > td {
padding: 0 !important;
}
.action-notify-list-container {
margin-bottom: 20px;
padding: 15px;
background: #f3f3cf;
}
.action-standalone-form .tr-action-commit .td-item {
padding-bottom: 0;
}
.action-standalone-form .action-notify-list-container {
background: none;
padding-left: 0;
}
.b-notified-list .notified-list-items {
margin: 15px 0 5px -3px;
padding: 0 3px;
/*max-width: 806px;*/
}
.b-notified-list .notified-list-items-scrollable-top {
border-top: 1px solid #cecec6;
}
.b-notified-list .notified-list-items-scrollable-bottom {
border-bottom: 1px solid #cecec6;
}
.notified-list-show-filter {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: bottom;
cursor: pointer;
background: url(/img/iconset/16px.png) no-repeat 0 -1840px;
}
.b-notified-list .notified-list-filter {
white-space: nowrap;
margin-top: 12px;
}
.b-notified-list .notified-list-filter-name {
position: relative;
display: inline-block;
max-width: 450px;
width: 70%;
width: calc(100% - 180px);
color: #999999;
padding: 0 10px 0 32px;
border: 1px solid #bbb;
background: #fff;
}
.b-notified-list .notified-list-filter-name:before {
position: absolute;
content: '';
width: 16px;
height: 16px;
top: 5px;
left: 8px;
background: url(/img/iconset/16px.png) no-repeat 0 -1840px;
}
.b-notified-list .notified-list-filter-menu {
position: absolute;
right: 5px;
top: 5px;
height: 100%;
}
.b-notified-list .notified-list-filter-name input {
display: block;
margin: 0;
border: 0;
padding: 6px 0;
width: 100%;
outline: none !important;
font-size: 12px;
}
.b-notified-list .notified-list-filter-type {
display: inline-block;
margin: 6px 0 0 10px;
vertical-align: top;
padding: 0px 2px 0 0px;
font-size: 12px;
color: #5a5a5a;
cursor: pointer;
}
.b-notified-list .notified-list-filter-type .svg-icon-16px {
vertical-align: bottom;
margin-right: 4px;
}
.b-notified-list .notified-list-filter-type .val {
text-decoration: underline;
}
.b-notified-list .notified-list-filter-type.selected {
text-decoration: none;
cursor: default;
}
.b-notified-list .notified-list-filter-type.selected .val {
text-decoration: none;
}
.b-notified-list .notified-list-filter-type-notified {
background-position: 0 -1872px;
}
.b-notified-list .notified-list-filter-type-notified.selected .svg-icon-16px {
fill: #1abe72;
}
.b-notified-list .notified-list-filter-type-hidden {
background-position: 0 -416px;
}
.b-notified-list .notified-list-filter-type-hidden.selected .svg-icon-16px {
fill: #ffc000;
}
.b-notified-list .notified-list-filter-type-all {
padding: 4px 2px 0 22px;
line-height: 12px;
background: url(/img/iconset/16px.png) no-repeat left top;
background-position: 0 -1856px;
text-decoration: underline;
}
.b-notified-list .notified-list-filter-type-all.selected {
background-position: 0 -944px;
}
.action-notified-add-remove {
display: flex;
position: absolute;
background-color: var(--background-color-light-gray, #f7f7f7);
z-index: 25;
right: 0px;
top: 41px;
border-radius: 6px;
-webkit-box-shadow: 0px 0px 6px var(--dialog-box-shadow-light);
-moz-box-shadow: 0px 0px 6px var(--dialog-box-shadow-light);
-o-box-shadow: 0px 0px 6px var(--dialog-box-shadow-light);
box-shadow: 0px 0px 6px var(--dialog-box-shadow-light);
}
.action-notified-add-remove .cube-sub-pointer {
top: -8px;
width: 17px;
height: 17px;
background: var(--white-black, #ffffff);
position: absolute;
transform: rotate(135deg);
z-index: -1;
box-shadow: 0px 0px 5px var(--grey-list-border, #dedede);
}
.action-notified-add-remove.on-top {
top: unset;
}
.action-notified-add-remove.on-top .cube-sub-pointer {
top: unset;
bottom: -8px;
}
.action-notified-add-remove * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.action-notified-add-remove input,
.action-notified-add-remove .action-notified-dialog-login__name {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.action-notified-add-remove .common-scroll-container {
max-height: 15vh;
}
.action-notified-add-remove.dialog-btn-wrapper {
text-align: unset;
padding-top: 0px;
}
.action-notified-add-remove .action-add-notified-buttons {
margin-top: 11px;
display: flex;
align-items: center;
min-width: 330px;
}
.action-notified-add-remove .action-add-notified-buttons .radio-roles {
white-space: nowrap;
position: relative;
display: flex;
align-items: center;
}
.action-notified-add-remove .action-add-notified-buttons .radio-roles:not(:last-of-type) {
margin-right: 10px;
}
.action-notified-add-remove .action-add-notified-buttons .radio-roles input {
width: 18px;
height: 18px;
margin: 0 8px 0 4px;
}
.action-notified-add-remove .action-add-notified-buttons .radio-roles input::before {
position: absolute;
top: -1px;
left: 3px;
content: '';
width: 20px;
height: 20px;
border-radius: 20px;
box-sizing: border-box;
background-color: var(--white-black, white);
border: 1px solid var(--gray-border, #E2E2E2);
}
.action-notified-add-remove .action-add-notified-buttons .radio-roles input:checked::after {
position: absolute;
top: 2px;
left: 6px;
content: '';
width: 14px;
height: 14px;
border-radius: 14px;
box-sizing: border-box;
background-color: #1D992A;
}
.action-notified-add-remove .action-add-notified-control {
margin: 0 -10px 0 -7px;
display: flex;
}
.action-notified-add-remove .action-add-notified-control .role-select-chosen {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.action-notified-add-remove .action-add-notified-control .chzn-container {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
/*margin: 0 6px;*/
border: unset;
}
.action-notified-add-remove .action-add-notified-control .chzn-container .chzn-drop {
width: 100% !important;
}
.action-notified-add-remove .action-add-notified-control .chzn-container .chzn-drop .chzn-results li {
text-align: left;
}
.action-notified-add-remove .action-add-notified-control .chzn-container .chzn-choices {
margin: 0;
padding: 0;
}
.action-notified-add-remove .action-add-notified-control .chzn-container .common-scroll-container {
margin: 4px 10px 0 8px;
padding: 0 4px;
border: 1px solid var(--gray-border, #E1E1E1);
border-radius: 5px;
}
.action-notified-add-remove__container {
display: flex;
flex-direction: column;
/*width: 266px;*/
padding: 4px 10px 5px 7px;
background-color: var(--white-black, white);
border-radius: 6px;
}
.action-notified-add {
border-radius: 4px;
margin-left: auto;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
-ms-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.action-notified-add:hover:not(.disabled) {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.action-notified-add:active:not(.disabled) {
-webkit-transition: width 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
-moz-transition: width 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
-o-transition: width 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
-ms-transition: width 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
transition: width 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
}
.action-notified-add.disabled:hover,
.action-notified-add.disabled:active {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
-o-box-shadow: unset;
box-shadow: unset;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.user-avatar-img {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.user-avatar-img-remove {
width: 18px;
height: 18px;
left: 0;
user-select: none;
border-radius: 50%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
background-color: #D60000;
margin-left: 1px;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.user-avatar-img-remove svg {
stroke: var(--white-black, #ffffff);
width: 10px;
height: 10px;
padding: 4px;
}
.user-avatar-img-remove,
.user-avatar-img {
-webkit-transition: transform 0.5s ease;
-moz-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
-ms-transition: transform 0.5s ease;
transition: transform 0.5s ease;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.user-avatar-img-container:hover .user-avatar-img-remove {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.user-avatar-img-container:hover .user-avatar-img {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
@keyframes remove-item-animation {
0% {
opacity: 1;
margin-top: 0px;
}
100% {
opacity: 0;
margin-top: -36px;
}
}
.action-notify-list-container.action-notify-list-container-v2 {
padding: 0;
margin: 0;
background: none;
}
.b-notified-list-v2 .b-notified-list-v2-srings {
display: flex;
flex-direction: column;
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.b-notified-list-v2 .b-notified-list-v2-srings .notified-list-items-contacts .notified-list-items-label .notified-contact-list-filter-menu .b-ddl-menu .b-ddl-menu-selected-arrow-svg {
padding: 0 4px;
}
.b-notified-list-v2 .b-notified-list-v2-srings .notified-list-items-contacts .notified-list-items-label .notified-contact-list-filter-menu .b-ddl-menu .b-ddl-menu-selected-arrow-svg svg {
width: 8px;
height: 8px;
fill: none;
stroke: #808080;
}
.b-notified-list-v2 .b-notified-list-v2-srings .notified-list-items-contacts.with-border {
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.b-notified-list-v2 .b-notified-list-v2-srings .notified-list-items-contacts.notified-list-items-contacts-selected {
background: var(--task-bg-action-contact, #efffff);
}
.b-notified-list-v2 .b-notified-list-v2-srings .notified-list-items-users .notified-list-items-label .notified-list-filter-menu .b-ddl-menu .b-ddl-menu-selected-arrow-svg,
.b-notified-list-v2 .b-notified-list-v2-srings .notified-list-items-corp-servers .corp-servers .b-ddl-menu .b-ddl-menu-selected-arrow-svg {
padding: 0 4px;
}
.b-notified-list-v2 .b-notified-list-v2-srings .notified-list-items-users .notified-list-items-label .notified-list-filter-menu .b-ddl-menu .b-ddl-menu-selected-arrow-svg svg,
.b-notified-list-v2 .b-notified-list-v2-srings .notified-list-items-corp-servers .corp-servers .b-ddl-menu .b-ddl-menu-selected-arrow-svg svg {
width: 8px;
height: 8px;
fill: none;
stroke: #808080;
}
.b-notified-list-v2 .b-notified-list-v2-srings > div {
position: relative;
}
.b-notified-list-v2 .b-notified-list-v2-icos {
margin-left: auto;
flex-grow: 0;
text-align: center;
display: flex;
}
.b-notified-list-v2 .b-notified-list-v2-icos > div {
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 32px;
width: 28px;
height: 28px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
margin-right: 7px;
background: var(--white-black, #fff);
}
.b-notified-list-v2 .b-notified-list-v2-icos > div.notified-list-hidden-container {
width: 48px;
margin-right: 0;
}
.b-notified-list-v2 .b-notified-list-v2-icos .notified-list-show-filter {
background: none;
}
.b-notified-list-v2 .b-notified-list-v2-icos.minimized {
padding: 6px 10px 0 0;
}
.b-notified-list-v2 > .b-notified-list-v2-icos {
justify-content: flex-end;
padding: 10px 0;
}
.b-notified-list-v2 > .b-notified-list-v2-icos > div:not(.task-add-worker) {
display: none;
}
.b-notified-list-v2.b-notified-list-v2-one-string .b-notified-list-v2-srings .notified-list-items-contacts {
border-top: none !important;
}
.b-notified-list-v2.b-notified-list-v2-one-string > div.b-notified-list-v2-icos {
position: relative;
}
.b-notified-list-v2:not(.b-notified-list-v2-one-string) .b-notified-list-v2-icos:not(.minimized) {
position: relative;
right: 0;
bottom: -1px;
z-index: 1;
}
.b-notified-list-v2 .task-corporative-block {
cursor: pointer;
}
.b-notified-list-v2 .notified-list-filter-name {
position: relative;
display: flex;
align-items: center;
border-bottom: 1px solid var(--task-card-add-action-borded, #eaeaea);
}
.b-notified-list-v2 .notified-list-filter-name input[type=text] {
border: none;
padding: 7px 0 7px 5px;
width: calc(100% - 5px);
outline: 0;
}
.b-notified-list-v2 .notified-list-filter-name .b-search-query-close {
margin-right: 5px;
}
.b-notified-list-v2 .notified-list-filter-empty {
margin: 10px 7px 10px 0;
display: flex;
min-height: 32px;
align-items: center;
}
.b-notified-list-v2 .notified-list-items {
display: flex;
align-items: center;
flex-grow: 1;
}
.b-notified-list-v2 .notified-list-items .notified-list-corp-servers-icon {
height: 14px;
}
.b-notified-list-v2 .notified-list-items .notified-list-corp-servers-icon svg {
width: 14px;
height: 14px;
}
.b-notified-list-v2 .notified-list-items.notified-list-items-corp-servers {
padding-top: 12.5px;
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.b-notified-list-v2 .notified-list-items.notified-list-items-corp-servers.notified-list-items-contacts-selected {
background: var(--task-bg-action-contact, #efffff);
}
.b-notified-list-v2 .notified-list-items.notified-list-items-corp-servers .notified-corp-servers-close-block {
margin-left: auto;
margin-right: 9px;
cursor: pointer;
}
.b-notified-list-v2 .notified-list-items.notified-list-items-corp-servers .notified-corp-servers-close-block svg {
width: 8px;
height: 8px;
fill: var(--toggle-switcher-lock, #828282);
}
.b-notified-list-v2 .notified-list-items.notified-list-items-subject {
padding-bottom: 8px;
}
.b-notified-list-v2 .notified-list-items.notified-list-items-subject.notified-list-items-contacts-selected {
background: var(--task-bg-action-contact, #efffff);
}
.b-notified-list-v2 .notified-list-items .notified-list-items-label {
position: relative;
flex-shrink: 0;
width: 87px;
}
.b-notified-list-v2 .corp-servers {
padding-left: 10px;
}
.b-notified-list-v2 .action-notify-faces {
max-width: unset;
padding: 5px 0;
}
.b-notified-list-v2 .action-notify-faces li {
width: 150px;
height: 20px;
border-radius: 20px;
margin: 5px 9px 5px 0;
}
.b-notified-list-v2 .action-notify-faces li .state .svg-icon-notify {
display: none !important;
}
.b-notified-list-v2 .action-notify-faces li img {
width: 18px;
height: 18px;
margin: 0px 0px 0 1px;
border-radius: 50%;
}
.b-notified-list-v2 .action-notify-faces li span {
padding-left: 7px;
white-space: nowrap;
overflow: hidden;
width: 130px;
}
.b-notified-list-v2 .action-notify-faces li div.online {
bottom: 1px;
left: 14px;
border-radius: 50%;
z-index: 1;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-face-dots {
width: 20px;
padding: 0;
background: var(--task-card-notified-item, #f3f3f3);
font-size: 0;
border-radius: 50%;
height: 20px;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-face-dots span {
padding: 0;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-face-dots span svg {
width: 20px;
height: 20px;
stroke: #7a7a7a;
border: none;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-face-minimiz {
width: 20px;
height: 20px;
padding: 0;
background: var(--task-card-notified-item, #f3f3f3);
font-size: 0;
border-radius: 50%;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-face-minimiz span {
padding: 0;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-face-minimiz span svg {
width: 20px;
height: 20px;
stroke: #7a7a7a;
border: none;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-face-minimiz span svg circle {
display: none;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-user-notifyed span {
width: 115px;
color: #00864b;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-user-notifyed .all-members-task {
width: 125px;
margin-left: 0;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-user-notifyed .state {
width: 12px !important;
height: 12px !important;
margin-left: 142px !important;
align-self: center !important;
margin-top: 0 !important;
font-size: 0;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-user-notifyed .state .svg-icon-16px.svg-icon-check {
display: block;
}
.b-notified-list-v2 .action-notify-faces li.action-notify-user-notifyed .state .svg-icon-16px.svg-icon-check svg {
width: 12px;
height: 12px;
fill: #00864b;
}
.b-notified-list-v2 .action-notify-faces .action-notify-face-all {
width: 158px;
}
.b-notified-list-v2 .action-notify-faces .action-notify-face-all.action-notify-user-notifyed .state {
margin-left: 150px !important;
}
.b-notified-list-v2 .action-notify-faces.action-notify-faces-hidden li .state {
margin-left: 148px;
align-self: center;
margin-top: 0;
font-size: 0;
}
.b-notified-list-v2 .action-notify-faces.action-notify-faces-hidden li .state .svg-icon-16px.svg-icon-lock {
background: #ffd05c;
border: 1px solid var(--white-black, #fff);
border-radius: 50%;
align-items: center;
justify-content: center;
}
.b-notified-list-v2 .action-notify-faces.action-notify-faces-hidden li .state .svg-icon-16px.svg-icon-lock svg {
width: 8px;
height: 8px;
fill: #ffd05c;
stroke: var(--white-black, white);
stroke-width: 1.5px;
}
.b-notified-list-v2 .action-notify-faces.action-notify-faces-hidden li:not(.action-notify-user-notifyed) .state .svg-icon-16px.svg-icon-lock {
display: flex;
}
.b-notified-list-v2 .action-notify-faces.action-notify-faces-hidden li.action-notify-face-dots .state {
margin-left: 12px;
}
.b-notified-list-v2.minimized .b-notified-list-v2-srings .notified-list-items-contacts {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.b-notified-list-v2.minimized .b-notified-list-v2-srings .notified-list-items-contacts .notified-list-items-label {
width: 100%;
}
.b-notified-list-v2.minimized .b-notified-list-v2-srings .notified-list-items-contacts .action-notify-faces {
width: 100%;
}
.b-notified-list-v2.minimized .b-notified-list-v2-srings .notified-list-items-contacts.with-border {
padding-top: 12px;
}
.b-notified-list-v2.minimized .b-notified-list-v2-srings .notified-list-items-users {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.b-notified-list-v2.minimized .b-notified-list-v2-srings .notified-list-items-users .notified-list-items-label {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
.b-notified-list-v2.minimized .b-notified-list-v2-srings .notified-list-items-users .action-notify-faces {
width: 100%;
}
.b-notified-list-v2.minimized .notified-list-items.notified-list-items-corp-servers {
padding: 12px 0 8px 0;
}
.b-notified-list-v2.minimized .notified-list-items.notified-list-items-corp-servers .corp-servers-label {
padding-right: 10px;
}
.b-notified-list-v2.minimized .notified-list-items.notified-list-items-corp-servers .notified-list-corp-servers-icon {
margin-left: 0;
}
.b-notified-list-v2.minimized .notified-list-items.notified-list-items-corp-servers .corp-servers {
padding-left: 8px;
}
.b-notified-list-v2.minimized .notified-list-items.notified-list-items-subject {
gap: 8px;
}
.b-notified-list-v2.minimized .notified-list-items.notified-list-items-subject .subject-label {
width: auto;
}
.b-notified-list-v2.minimized.b-notified-list-v2-one-string .b-notified-list-v2-srings .notified-list-items-contacts .notified-list-items-label {
width: fit-content;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.b-notified-list-v2.minimized.b-notified-list-v2-one-string .b-notified-list-v2-srings .notified-list-items-contacts.with-border {
padding-top: 0;
}
.notified-list-hidden-container .unlock .ts-blt {
background-color: var(--activeSlider);
}
.action-notifyed-win .action-notifyed-win-item {
border-top: 1px solid var(--gray-border, #e2e2e2);
display: flex;
align-items: center;
padding: 7px 0;
}
.action-notifyed-win .action-notifyed-win-item:last-child {
border-bottom: 1px solid var(--gray-border, #e2e2e2);
}
.action-notifyed-win .action-notifyed-win-item .action-notifyed-win-item-ico {
padding: 0 70px 0 30px;
}
.action-notifyed-win .action-notifyed-win-item .action-notifyed-win-item-name {
font-size: 15px;
}
.copy-to-task__container {
padding: 32px 24px 12px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.copy-to-task .tooltip-actions {
margin: 0;
}
.action-tracking-data-win .action-tracking-data-win-header {
color: #9a9a9a;
font-size: 12px;
margin: -30px 0 30px;
}
.action-tracking-data-win .action-tracking-data-win-nodata {
font-size: 16px;
padding-bottom: 10px;
}
.action-tracking-data-win .action-tracking-data-win-item-error td {
background: var(--tracking-data-error-bg, #ffe8e6);
}
.action-tracking-data-win .actions-item-tracking-ico svg {
width: 12px;
height: 12px;
}
.context-popup-dialog.reminder-create-dialog {
width: 355px;
z-index: 26;
background: var(--gray-inner, #eee);
color: var(--text-color, #343434);
}
.context-popup-dialog.reminder-create-dialog input.text-box {
background: var(--white-black, #fff);
border-bottom: 1px solid var(--gray-input-border, #bbb);
color: var(--text-color, #343434);
}
.context-popup-dialog.reminder-create-dialog .context-popup-dialog-triangle {
border-top-color: var(--gray-inner, #eee);
border-bottom-color: var(--gray-inner, #eee);
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-text {
padding: 15px 15px 5px;
position: relative;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-text .text-box {
box-sizing: border-box;
width: 100%;
padding: 0 8px;
font-size: 14px;
line-height: 30px;
outline: none;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-text .copy-action-text {
cursor: pointer;
position: absolute;
right: 22px;
width: 16px;
height: 16px;
top: 22px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-text .copy-action-text:hover path {
stroke: #ffc000;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-text .copy-action-text svg {
width: 16px;
height: 16px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-text .copy-action-text svg path {
stroke: var(--gray-input-border, #bbbbbb);
transition: all 200ms ease-in-out;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-header {
position: relative;
padding: 18px 20px 14px;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid var(--gray-border, #e2e2e2);
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-header .icon-back {
vertical-align: bottom;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-back {
cursor: pointer;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-back .icon-back {
opacity: 0.8;
margin: 0 10px 0 -5px;
will-change: opacity;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-back:hover .icon-back {
opacity: 1;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-b-action-block {
display: none;
padding: 0 12px 15px 15px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-standard-dates {
border-bottom: 1px solid var(--gray-border, #e2e2e2);
padding: 14px 0;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-standard-date {
font-size: 14px;
padding: 7px 20px 6px 15px;
margin-bottom: 4px;
cursor: pointer;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-standard-date:hover {
background: var(--background-color-light-gray, #f7f7f7);
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-standard-date-time {
color: #919191;
float: right;
margin: -5px -5px 0 0;
padding: 5px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-standard-date-time:hover {
color: var(--white-black, #fff);
background: #3ba3d0;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-show-settings {
margin: 9px 0;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-show-settings div {
margin: 0 0 5px 0;
padding: 6px 15px;
cursor: pointer;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-show-settings div:hover {
background: var(--background-color-light-gray, #f7f7f7);
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-show-settings .svg-icon-16px,
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-show-settings img {
margin-right: 12px;
vertical-align: bottom;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-label {
margin: 0 0 10px;
font-size: 14px;
color: var(--grey-label, #838383);
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-time-picker {
position: absolute;
right: 15px;
top: 60px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-time-picker .time-picker-container {
background: var(--gray-inner, #eee);
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-time-picker .time-picker-container .time-picker-canvas {
background: var(--white-black, #fff);
}
.reminder-create-dialog-settings-text ~ .context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-time-picker {
top: 97px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-date {
width: 175px;
height: 41px;
border: 1px solid var(--gray-input-border, #bbb);
border-radius: 6px;
background: var(--white-black, #fff);
cursor: pointer;
margin: 10px 15px;
overflow: hidden;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-date .text-box {
width: 100%;
font-size: 20px;
color: var(--reminder-dialog-textbox, #767676);
border: none;
padding: 7px 0 0;
text-align: center;
outline: none;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-time {
width: 175px;
position: relative;
height: 31px;
border: 1px solid var(--gray-input-border, #bbb);
border-radius: 6px;
background: var(--white-black, #fff);
cursor: pointer;
margin: 10px 15px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-time .text-box {
display: block;
width: 70px;
margin: auto;
font-size: 16px;
padding: 7px 0 0;
color: var(--reminder-dialog-textbox, #767676);
border: none;
text-align: center;
outline: none;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-time .svg-icon-time,
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-time img {
position: absolute;
top: 7px;
left: 7px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-type span,
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-subtype span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
color: color-mix(in srgb, var(--chzn-text, #444) 65%, white 35%);
border: 1px solid color-mix(in srgb, var(--gray-input-border, #bbb) 92%, white 8%);
border-radius: 6px;
background: var(--white-black, #fff);
text-align: center;
cursor: pointer;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-type span.active,
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-subtype span.active {
cursor: default;
color: var(--chzn-text, #444);
border-color: var(--gray-input-border, #bbb);
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-type {
margin: 15px 15px 10px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-type span {
width: 80px;
font-size: 10pt;
line-height: 20px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-type span:first-child {
margin-right: 13px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-subtype {
margin: 10px 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-subtype span {
font-size: 14px;
padding: 8px 10px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-subtype span:first-child {
margin-right: 10px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-subtype span:last-child {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-time-span {
position: relative;
box-sizing: border-box;
margin: 10px 15px;
padding: 0 10px;
font-size: 26px;
line-height: 41px;
color: var(--grey-label, #838383);
border: 1px solid var(--gray-input-border, #bbb);
border-radius: 6px;
background: var(--white-black, #fff);
cursor: pointer;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-time-span::after {
position: absolute;
top: 18px;
right: 15px;
content: '';
display: block;
width: 8px;
height: 4px;
background: url('/img/arrow-orange-small-down.gif') no-repeat;
transform: rotate(270deg);
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-notified-list {
padding: 0 15px;
margin: 20px 0 0;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-notified-list select {
margin: 0;
width: 325px;
min-height: 50px;
outline: none;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-notified-list .chzn-container {
width: 325px !important;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-notified-list .chzn-container .chzn-drop {
width: 325px !important;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-buttons .btn {
width: 100px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-buttons .reminder-create-dialog-remove {
margin: 7px 0 0 0;
vertical-align: top;
cursor: pointer;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
float: left;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-buttons .reminder-create-dialog-settings-back {
padding: 5px 12px 7px 10px;
border: 1px solid var(--gray-input-border, #bbb);
border-radius: 4px;
cursor: pointer;
background: var(--white-black, #fff);
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-buttons .reminder-create-dialog-settings-back i {
position: relative;
top: 3px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-buttons .reminder-create-dialog-settings-back:hover {
border-color: var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-settings-buttons .reminder-create-dialog-settings-back:active {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-cols {
white-space: nowrap;
display: flex;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-cols .reminder-create-dialog-time-span-col {
display: inline-block;
width: 33.3%;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-cols .reminder-create-dialog-time-span-col .reminder-create-dialog-time-span-col-label {
width: 90px;
margin: 15px 0 18px 15px;
font-size: 14px;
text-align: center;
color: var(--grey-label, #838383);
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-cols .reminder-create-dialog-time-span-col .reminder-create-dialog-time-span-col-value,
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-cols .reminder-create-dialog-time-span-col .reminder-create-dialog-custom-container {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 90px;
font-size: 25px;
height: 30px;
color: var(--grey-label, #838383);
border: 1px solid var(--gray-input-border, #bbb);
border-radius: 6px;
background: var(--white-black, #fff);
text-align: center;
cursor: pointer;
margin: 0 0 18px 15px;
display: flex;
justify-content: center;
align-items: center;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-cols .reminder-create-dialog-time-span-col .reminder-create-dialog-custom-container .reminder-create-dialog-time-span-col-value-custom {
display: none;
width: 100%;
height: 100%;
border: none;
font-size: 25px;
text-align: center;
color: var(--grey-label, #838383);
background: none;
padding: 0px;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-cols .reminder-create-dialog-time-span-col .reminder-create-dialog-custom-container .reminder-create-dialog-time-span-col-value-custom:focus,
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-cols .reminder-create-dialog-time-span-col .reminder-create-dialog-custom-container :hover {
outline: none;
}
.context-popup-dialog.reminder-create-dialog .reminder-create-dialog-time-span-cols .reminder-create-dialog-time-span-col .reminder-create-dialog-custom-container .reminder-create-dialog-custom-val-ico {
font-size: 0px;
}
.periodicity-reminder-dialog .reminder-create-dialog-text {
min-height: 31px;
position: relative;
margin-bottom: 24px;
}
.periodicity-reminder-dialog .reminder-create-dialog-text .text-box {
box-sizing: border-box;
width: 500px;
padding: 0 8px;
font-size: 14px;
line-height: 30px;
}
.periodicity-reminder-dialog .reminder-create-dialog-text .text-box:focus {
border-bottom: 3px solid var(--chosen-icon-active, #747474);
}
.periodicity-reminder-dialog .reminder-create-dialog-text .copy-action-text {
cursor: pointer;
position: absolute;
width: 16px;
height: 16px;
top: 7px;
right: 9px;
}
.periodicity-reminder-dialog .reminder-create-dialog-text .copy-action-text:hover path {
stroke: #ffc000;
}
.periodicity-reminder-dialog .reminder-create-dialog-text .copy-action-text svg {
width: 16px;
height: 16px;
}
.periodicity-reminder-dialog .reminder-create-dialog-text .copy-action-text svg path {
stroke: var(--gray-input-border, #bbbbbb);
transition: all 200ms ease-in-out;
}
.periodicity-reminder-dialog .periodicity-reminder-notified-list {
min-height: 55px;
margin: 20px 0 0;
}
.periodicity-reminder-dialog .periodicity-reminder-notified-list select {
margin: 0;
width: 500px;
min-height: 50px;
}
.periodicity-reminder-dialog .periodicity-reminder-notified-list .chzn-container {
width: 100%;
line-height: 30px;
}
.periodicity-reminder-dialog .periodicity-reminder-notified-list .chzn-container .chzn-drop:not(.chzn-drop-at-top) {
top: 35px !important;
}
.periodicity-reminder-dialog .periodicity-reminder-notified-list .chzn-container-active {
border-bottom: 3px solid var(--chosen-icon-active, #747474);
}
.periodicity-reminder-dialog .dialog-btn-wrapper .icon-periodicity-reminder-remove {
margin: 7px 0 0 0;
vertical-align: top;
cursor: pointer;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
float: left;
}
.context-popup-dialog.scheduled-action-dialog {
width: 330px;
font-size: 14px;
padding: 15px 16px;
}
.context-popup-dialog.scheduled-action-dialog .destroy-button {
width: 16px;
height: 16px;
cursor: pointer;
position: absolute;
right: 10px;
top: 6px;
margin: 0 0 10px auto;
}
.context-popup-dialog.scheduled-action-dialog .destroy-button:hover .svg-icon-16px {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.context-popup-dialog.scheduled-action-dialog div.dialog-btn-wrapper {
padding: 15px 0 0;
}
.context-popup-dialog.scheduled-action-dialog .dialog-btn-wrapper .btn-create.disabled {
background-color: rgba(var(--activeButtonRgb, 26, 190, 114), 0.8);
}
.scheduled-action-text {
padding: 5px 0;
display: flex;
}
.scheduled-action-dialog-main {
display: flex;
padding: 10px 0 0;
justify-content: space-between;
align-items: center;
}
.scheduled-action-dialog-main input {
height: 26px;
width: 126px;
font-size: 15px;
outline: none;
border: unset;
text-align: center;
}
.scheduled-action-dialog-main input.scheduled-action-dialog-time-input {
width: 86px;
letter-spacing: 1px;
}
.scheduled-action-dialog-input-container {
width: 130px;
border-radius: 6px;
overflow: hidden;
border: 1px solid #e1e1e1;
display: flex;
align-items: center;
}
.scheduled-action-dialog-input-container .time-picker-wrapper {
align-self: flex-end;
}
.scheduled-action-dialog-input-container .time-picker-wrapper .time-picker-block {
border: 1px solid #e1e1e1;
position: absolute;
margin-left: -1px;
top: -85px;
}
.svg-clock {
width: 14px;
height: 14px;
margin: 8px;
}
.svg-clock svg {
width: 14px;
height: 14px;
}
.scheduled-action-list.taskview-actions .actions-item-v2-normal-bubble.actions-item-v2-normal-bubble,
.scheduled-action-list.taskview-actions .actions-item-v2-system-content.actions-item-v2-normal-bubble {
background: var(--white-black, #ffffff);
}
.scheduled-action-list.taskview-actions .table-actions div.tr-actions-body-draft {
opacity: unset;
background: unset;
}
.scheduled-action-list.taskview-actions .table-actions div.tr-actions-body-draft .actions-item-v2-normal-bubble {
padding: 20px 10px 30px;
}
.scheduled-action-list.taskview-actions .table-actions div.tr-actions-body-draft:hover .b-draft-del,
.scheduled-action-list.taskview-actions .table-actions div.tr-actions-body-draft:hover .b-draft-edit {
display: block;
}
.scheduled-action-list.taskview-actions .table-actions .actions-item-v2-normal-bubble {
min-width: 220px;
}
.scheduled-action-list.taskview-actions .table-actions .actions-item-v2-normal-meta .actions-item-v2-normal-meta-notified {
visibility: visible;
}
.scheduled-action-list.taskview-actions .table-actions .actions-item-v2-normal-meta-date span {
white-space: nowrap;
}
.scheduled-action-list.taskview-actions .actions-item-scheduled-block {
position: absolute;
bottom: 9px;
cursor: pointer;
display: flex;
align-items: center;
}
.scheduled-action-list.taskview-actions .actions-item-scheduled-block i,
.scheduled-action-list.taskview-actions .actions-item-scheduled-block svg {
width: 14px;
height: 14px;
}
.scheduled-action-list.taskview-actions .actions-item-scheduled-block i {
margin-right: 5px;
}
.scheduled-action-list.taskview-actions .actions-item-scheduled-block .actions-item-scheduled-block-date {
font-size: 12px;
line-height: 10px;
height: 12px;
color: #A7A7A7;
}
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-del,
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-edit {
display: none;
}
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-del,
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-edit,
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-send {
margin: 0 0 0 5px;
width: 13px;
height: 13px;
}
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-del i,
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-edit i,
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-send i,
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-del svg,
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-edit svg,
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-send svg {
width: 13px;
height: 13px;
}
.scheduled-action-list.taskview-actions .action-item-top-part .b-draft-send {
stroke-width: 2px;
cursor: pointer;
}
.analitic-access-dialog-title {
color: #747474;
font-size: 22px;
padding-bottom: 15px;
padding-top: 20px;
}
.analitic-fields-for-trigger-container .control-with-title-container {
display: flex;
width: 529px;
align-items: center;
justify-content: space-between;
}
.analitic-fields-for-trigger-container .analitic-fields-for-trigger-label {
display: inline-block;
font-size: 10pt;
padding-bottom: 7px;
padding-right: 10px;
}
.analitic-fields-for-trigger-container .analitic-fields-for-trigger-select {
width: 400px;
padding: 5px;
}
.analitic-fields-for-trigger-container .analitic-fields-for-trigger-value {
padding-top: 10px;
font-size: 14px;
}
.analitics-form {
color: var(--black-white, #000);
padding-bottom: 30px;
font-size: 13px;
}
.analitics-form .chzn-inner-ico-container {
z-index: 5;
}
.analitics-form .af-handbook-view {
float: right;
}
.analitics-form .af-bbtn-wr {
visibility: hidden;
padding-top: 15px;
}
.analitics-form .af-bbtn-wr.show {
visibility: visible;
}
.analitics-form .af-bbtn-wr .btn {
margin-right: 3px;
}
.analitics-form .af-content {
overflow-x: auto;
padding-top: 19px;
}
.analitics-form .chzn-save-pos {
display: inline-block;
vertical-align: middle;
}
.analitics-form .chzn-container .chzn-drop {
position: fixed;
}
.analitics-form .chzn-container.chzn-fixed {
position: absolute;
z-index: 20;
}
.analitics-form .chzn-container.chzn-fixed .chzn-drop {
position: absolute;
}
.analitics-form .tbl-list .td-item {
vertical-align: middle;
}
.analitics-form .tbl-list .td-item.af-td-cm {
vertical-align: middle;
text-align: center;
}
.analitics-form .tbl-list .b-ddl-menu .b-ddl-menu-ul {
padding-top: 3px;
}
.analitics-form .tbl-list .b-ddl-menu .b-ddl-menu-selected {
padding-right: 0;
}
.analitics-form .tbl-list .b-ddl-menu .b-ddl-menu-selected-arrow {
padding: 0;
}
.analitics-form .calc-width {
display: inline-block;
}
.analitics-form .svg-icon-16px,
.analitics-form .iconset-16px {
vertical-align: middle;
}
.analitics-form .svg-icon-16px.lb,
.analitics-form .iconset-16px.lb {
margin-right: 7px;
}
.analitics-form .af-add-another-wr {
box-sizing: border-box;
height: 61px;
}
.analitics-form .af-add-another-wr.no-analitics {
height: 0;
margin-bottom: -10px;
}
.analitics-form .af-add-another-wr input {
font-size: 13px;
}
.analitics-form .af-select {
box-sizing: border-box;
height: 61px;
}
.analitics-form .af-row {
padding-bottom: 60px;
}
.analitics-form .af-row:last-child {
padding-bottom: 30px;
}
.analitics-form .af-row-name {
font-size: 18px;
border: 1px solid var(--task-card-star, #d2d2d2);
padding: 4px 14px 3px 0px;
border-radius: 4px;
background: var(--white-black, #ffffff);
}
.analitics-form .af-row-name .svg-icon-16px {
float: right;
cursor: pointer;
}
.analitics-form .af-row-name .svg-icon-16px.handle-click {
margin-top: 2px;
}
.analitics-form .af-row-name .svg-icon-16px.l90 {
transform: rotate(-90deg);
}
.analitics-form .af-row-name .folding {
width: 27px;
height: 9px;
display: inline-block;
text-align: center;
line-height: 0;
position: relative;
}
.analitics-form .af-row-name .folding .svg-icon-folding-open {
line-height: 0;
display: none;
width: 6px;
height: 6px;
}
.analitics-form .af-row-name .folding .svg-icon-folding-open svg {
width: 6px;
height: 6px;
stroke: var(--gray-ico, #a9a9a9);
}
.analitics-form .af-row-name .folding .svg-icon-folding-close {
line-height: 0;
display: none;
width: 9px;
height: 9px;
}
.analitics-form .af-row-name .folding .svg-icon-folding-close svg {
width: 9px;
height: 9px;
stroke: var(--black-white, #000);
}
.analitics-form .af-row-name .folding.enable {
cursor: pointer;
top: -3px;
}
.analitics-form .af-row-name .folding.enable .svg-icon-folding-open {
display: inline-block;
}
.analitics-form .af-row-name .folding.enable .svg-icon-folding-close {
display: none;
}
.analitics-form .af-row-name .folding.enable.fold {
top: -1px;
}
.analitics-form .af-row-name .folding.enable.fold .svg-icon-folding-open {
display: none;
}
.analitics-form .af-row-name .folding.enable.fold .svg-icon-folding-close {
display: inline-block;
}
.analitics-form .af-row-tbl {
width: 100%;
}
.analitics-form .af-row-tbl .td-head {
padding-top: 6px;
padding-bottom: 4px;
height: 35px;
border-top: none;
font-weight: bold;
}
.analitics-form .af-row-tbl .td-head .af-editmenu,
.analitics-form .af-row-tbl .td-head .fakelink-dashed {
font-weight: normal;
}
.analitics-form .af-row-tbl .td-padding-r {
padding-left: 3px;
}
.analitics-form .af-row-tbl .td-padding-r.td-analitic-fixed-width {
max-width: 240px;
white-space: normal;
}
.analitics-form .af-row-tbl .td-padding-r.td-analitic-fixed-width.has-min-width {
min-width: 140px;
}
.analitics-form .af-row-tbl .td-padding-r.td-analitic-fixed-width.has-min-width.has-small-width {
min-width: 80px;
}
.analitics-form .af-row-tbl.af-tbl-vert {
margin-top: 10px;
}
.analitics-form .af-row-tbl.af-tbl-vert .td-padding-r {
padding-right: 40px;
padding-left: 7px;
}
.analitics-form .af-row-tbl.af-tbl-vert .td-padding-r:last-child {
padding-right: 5px;
}
.analitics-form .af-row-tbl.af-tbl-vert .td-head {
font-size: 13px;
padding-left: 7px;
padding-right: 5px;
}
.analitics-form .af-row-tbl .af-editmenu {
position: relative;
}
.analitics-form .af-row-tbl .td-hover .af-editmenu {
visibility: visible;
}
.analitics-form .af-row-tbl .af-total-tbl-tr,
.analitics-form .af-row-tbl .af-tbl-tr {
height: 45px;
}
.analitics-form .af-row-tbl .af-total-tbl-tr select.text-box,
.analitics-form .af-row-tbl .af-tbl-tr select.text-box {
margin-top: 0;
}
.analitics-form .af-row-tbl .af-total-tbl-tr input.text-box,
.analitics-form .af-row-tbl .af-tbl-tr input.text-box {
margin-top: 0;
}
.analitics-form .af-row-tbl .af-total-tbl-tr .editable:hover,
.analitics-form .af-row-tbl .af-tbl-tr .editable:hover {
background: #3ba3d0;
color: var(--white-black, #fff);
cursor: default;
}
.analitics-form .af-row-tbl .af-total-tbl-tr .editable:hover .iconset-16px-eye,
.analitics-form .af-row-tbl .af-tbl-tr .editable:hover .iconset-16px-eye {
background-position: 0 -2768px;
}
.analitics-form .af-row-tbl .af-total-tbl-tr .editable:hover .svg-icon-16px.gray,
.analitics-form .af-row-tbl .af-tbl-tr .editable:hover .svg-icon-16px.gray {
fill: var(--white-black, #ffffff);
transition: none;
}
.analitics-form .af-row-tbl .af-total-tbl-tr .editable:hover .af-field a[href]:hover,
.analitics-form .af-row-tbl .af-tbl-tr .editable:hover .af-field a[href]:hover,
.analitics-form .af-row-tbl .af-total-tbl-tr .editable:hover .af-field a,
.analitics-form .af-row-tbl .af-tbl-tr .editable:hover .af-field a {
color: var(--white-black, #fff);
}
.analitics-form .af-row-tbl .af-total-tbl-tr:not(.fake-tr):hover .af-editmenu,
.analitics-form .af-row-tbl .af-tbl-tr:not(.fake-tr):hover .af-editmenu {
visibility: visible;
}
.analitics-form .af-row-tbl .af-total-tbl-tr + .af-total-tbl-tr .td-item,
.analitics-form .af-row-tbl .af-tbl-tr + .af-total-tbl-tr .td-item {
border-top: 1px solid var(--task-card-star, #d2d2d2);
}
.analitics-form .af-row-tbl .af-total-tbl-tr .warning-ico,
.analitics-form .af-row-tbl .af-tbl-tr .warning-ico {
width: 16px;
height: 25px;
}
.analitics-form .af-row-tbl .af-total-tbl-tr .warning-ico > svg,
.analitics-form .af-row-tbl .af-tbl-tr .warning-ico > svg {
margin-top: 5px;
}
.analitics-form .af-row-tbl .af-total-tbl-tr {
font-weight: bold;
}
.analitics-form .af-row-tbl .af-total-tbl-tr .td-item {
border-bottom: none;
}
.analitics-form .af-row-tbl .af-total-tbl-tr:hover {
background-color: transparent;
}
.analitics-form .af-row-tbl .readonly {
color: var(--planner-microcard-menu-svg, #595959);
}
.analitics-form .right {
float: right;
}
.analitics-form .af-row-btn-add {
padding-top: 13px;
}
.analitics-form .af-row-btn-add input {
font-size: 13px;
}
.analitics-form .no-analitics .text {
font-size: 14pt;
color: var(--task-card-search-text, #747474);
padding-right: 10px;
}
.analitics-form .td-head {
border-bottom: 1px solid var(--task-card-star, #d2d2d2);
}
.analytic-item-scroll-block {
overflow-x: auto;
}
.analytic-item-scroll-block .timepicker-block .timepicker {
position: fixed;
}
.analytic-item-scroll-block .wrapper-date-block {
display: flex;
}
.analytic-item-scroll-block .wrapper-date-block .task-custom-field-val-to {
margin-left: 13px;
}
.analytic-item-scroll-block .wrapper-date-block .time-period {
margin-right: 13px;
}
.analytic-item-scroll-block .ctrl-wr .timepicker-block .timepicker {
position: fixed;
}
.analytic-edit-dialog .top-button-block {
display: flex;
width: auto;
height: 55px;
padding-top: 5px;
padding-right: 35px;
padding-left: 10px;
}
.analytic-edit-dialog .top-button-block .btn {
margin: auto auto auto 10px;
height: 26px !important;
background: var(--toggle-switcher-bg, #acacac);
border: 0;
color: var(--white-black, #fff);
border-radius: 3px;
padding: 6px;
margin-right: 5px;
outline: 0;
outline: none;
cursor: pointer;
}
.analytic-edit-dialog .top-button-block .btn:hover {
background-color: var(--file-viewer-canvas-link, #636363);
}
.analytic-edit-dialog .title-block {
display: flex;
flex-direction: column;
width: auto;
padding: 20px 35px 5px 20px;
}
.analytic-edit-dialog .title-block .title-text {
font-size: 24px;
color: var(--common-filter-title-text, #444444);
}
.analytic-edit-dialog .title-block .title-path {
padding-bottom: 4px;
color: var(--core-dropdown-text, #9c9c9c);
}
.analytic-edit-dialog .common-description-block {
width: 330px;
margin: 15px 20px;
}
.analytic-edit-dialog .common-description-block .usually-field-rc {
width: 280px;
margin-bottom: 15px;
}
.analytic-edit-dialog .common-description-block .common-description-block-item-target {
display: flex;
margin-bottom: 20px;
}
.analytic-edit-dialog .common-description-block .common-description-block-item-target .icon {
margin: 24px 15px auto 15px;
cursor: pointer;
}
.analytic-edit-dialog .common-description-block .common-description-block-item-target .icon svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
}
.analytic-edit-dialog .rc_list-for-panel-layout-target {
margin: 60px 20px 0 20px;
}
.analytic-edit-dialog .scroll-block {
overflow-y: auto;
scrollbar-width: thin;
}
.panel-layout-analytic-edit .analytic-edit-fieldsetting-target {
height: 100%;
background-color: var(--gray-modal-background, #EBEBEB);
}
.panel-layout-analytic-edit.page-layout-container {
height: calc(100% - 70px);
}
.panel-layout-analytic-edit.page-layout-container .page-layout-block-resizer {
pointer-events: none;
cursor: default;
}
.analytic-edit-dialog-fieldsettring-rc {
height: 100%;
}
.analytic-edit-dialog-fieldsettring-rc .title {
display: flex;
flex-direction: column;
height: auto;
padding: 20px 20px 10px 20px;
}
.analytic-edit-dialog-fieldsettring-rc .title .title-path {
font-size: 13px;
color: var(--common-filter-top-text, #A3A3A3);
}
.analytic-edit-dialog-fieldsettring-rc .title .title-text {
font-size: 24px;
padding-top: 3px;
color: var(--common-filter-title-text, #444444);
}
.analytic-edit-dialog-fieldsettring-rc .field-type {
height: 60px;
margin-bottom: 10px;
position: relative;
}
.analytic-edit-dialog-fieldsettring-rc .field-type .field-type-icon-help {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.analytic-edit-dialog-fieldsettring-rc .field-type .field-type-icon-help svg {
fill: #82c03b;
width: 16px;
height: 16px;
}
.analytic-edit-dialog-fieldsettring-rc .field-type .field-type-text {
padding-bottom: 10px;
color: var(--default-gray, gray);
font-size: 12px;
}
.analytic-edit-dialog-fieldsettring-rc .field-type .field-type-block {
display: flex;
}
.analytic-edit-dialog-fieldsettring-rc .field-type .field-type-block .field-type-icon {
padding: 4px 12px;
}
.analytic-edit-dialog-fieldsettring-rc .field-type .field-type-block .field-type-icon svg {
fill: var(--confirm-win-text-box, #B4B4B4);
}
.analytic-edit-dialog-fieldsettring-rc .field-type .field-type-block .field-type-select {
width: 100%;
}
.analytic-edit-dialog-fieldsettring-rc .field-type .field-type-block .field-type-select select {
width: 100%;
}
.analytic-edit-dialog-fieldsettring-rc .fields {
height: calc(100% - 90px);
margin-bottom: 20px;
padding: 10px 20px 0 20px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--orgtree-add-user-list-border, #c6c6c6) transparent;
}
.analytic-edit-dialog-fieldsettring-rc .fields .field-item-target {
margin-bottom: 20px;
}
.analytic-edit-dialog-fieldsettring-rc .fields .field-item-type-target {
margin-bottom: 10px;
}
.analytic-edit-dialog-fieldsettring-rc .fields .list-editor-target {
margin: 30px 10px;
}
.analytic-edit-dialog-fieldsettring-rc .fields .additional-fields {
transition: 0.2s;
max-height: 0;
visibility: hidden;
opacity: 0;
/*** попытка испааравить баг в сафари **/
/*** **/
}
.analytic-edit-dialog-fieldsettring-rc .fields .additional-fields.show {
padding: 10px 0;
visibility: visible;
max-height: 60px;
opacity: 1;
}
.analytic-edit-dialog-fieldsettring-rc .fields .additional-fields:not(.show) > * {
margin: 0 !important;
}
.analytic-edit-dialog-fieldsettring-rc .fields .select-field-and-number-target {
margin-bottom: 10px;
}
.analytic-edit-dialog-fieldsettring-rc .fields .formula-variable-block {
position: relative;
margin-bottom: 20px;
}
.analytic-edit-dialog-fieldsettring-rc .fields .formula-variable-block .icons {
display: flex;
position: absolute;
right: 0;
top: -4px;
cursor: pointer;
}
.analytic-edit-dialog-fieldsettring-rc .fields .formula-variable-block .icons .svg svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
cursor: pointer;
}
.analytic-edit-dialog-fieldsettring-rc .fields .formula-variable-block .icons .svg.stroke {
fill: none;
stroke: var(--gray-ico, #a9a9a9);
}
.analytic-edit-dialog-fieldsettring-rc .fields .formula-variable-block .icons > div {
margin-left: 6px;
}
/*.billing-blocked.billing-blocked-payment {
margin: 10px;
padding-left: 110px;
width: 620px;
.billing-blocked-header {
.billing-blocked-header-ico {
position: absolute;
margin-left: -110px;
width: 81px;
height: 81px;
background: url(/img/planfix-dialog-logo-big.png);
}
.billing-blocked-header-text {
font-size: 24px;
color: #434343;
padding: 30px 0;
}
}
.billing-blocked-body {
font-size: 14px;
color: #6f6f6f;
line-height: 1.3;
}
.billing-blocked-buttons {
padding-top: 35px;
.billing-blocked-buttons-free-option,
.billing-blocked-buttons-export {
display: inline-block;
.fakelink-dashed {
margin-left: 10px;
}
}
}
}*/
.billing-blocked {
width: 100%;
height: 100%;
text-align: center;
background-color: var(--billing-blocking-background, #fff);
}
.billing-blocked .billing-blocked-header {
color: #fff;
position: relative;
height: 548px;
overflow: hidden;
background: #000 no-repeat;
background-position: center;
background-size: cover;
}
.billing-blocked .billing-blocked-header .billing-blocked-header-ico {
position: absolute;
left: 113px;
top: 25px;
width: 191px;
}
.billing-blocked .billing-blocked-header .billing-blocked-header-blck {
position: absolute;
width: 100%;
left: 0;
bottom: 60px;
}
.billing-blocked .billing-blocked-header .billing-blocked-header-title {
font-size: 62px;
padding: 30px 20%;
text-align: center;
}
.billing-blocked .billing-blocked-header .billing-blocked-header-text {
font-size: 20px;
padding: 30px 0;
text-align: center;
}
.billing-blocked .billing-blocked-body {
font-size: 20px;
color: var(--text-color, #343434);
line-height: 1.3;
text-align: center;
padding: 80px 40px 20px;
}
.billing-blocked .billing-blocked-variants {
margin: 50px auto;
list-style: none;
padding: 0 20px;
}
.billing-blocked .billing-blocked-variants li {
position: relative;
display: inline-block;
width: 30%;
max-width: 600px;
min-width: 440px;
min-height: 260px;
border: 1px solid #b7b7b7;
border-radius: 18px;
margin: 20px 20px 40px;
}
.billing-blocked .billing-blocked-variants li .billing-blocked-var-ico {
width: 120px;
margin: 20px;
height: 64px;
background-color: var(--billing-blocking-background, #fff);
position: absolute;
top: -52px;
left: 50%;
margin-left: -60px;
}
.billing-blocked .billing-blocked-variants li .billing-blocked-var-ico svg {
fill: #c4c5c7;
height: 64px;
}
.billing-blocked .billing-blocked-variants li .billing-blocked-var-title {
padding: 70px 30px 20px;
color: #00864b;
font-size: 40px;
text-align: center;
}
.billing-blocked .billing-blocked-variants li .billing-blocked-var-text {
padding: 0px 30px 70px;
color: var(--text-color, #343434);
font-size: 20px;
text-align: center;
height: 48px;
position: relative;
}
.billing-blocked .billing-blocked-variants li .billing-blocked-var-text .billing-blocked-var-text-btn {
display: inline-block;
margin: 0 12px;
padding: 18px 40px;
max-width: 110px;
text-align: center;
cursor: pointer;
border: 1px solid #dbdbdb;
border-radius: 8px;
position: absolute;
top: 0;
left: 50%;
}
.billing-blocked .billing-blocked-variants li .billing-blocked-var-text .billing-blocked-var-text-btn:hover {
color: #00864b;
}
.billing-blocked .billing-blocked-variants li .billing-blocked-var-text .billing-blocked-var-text-btn:first-child {
margin-left: -200px;
}
.billing-blocked .billing-blocked-variants li.billing-blocked-hover {
cursor: pointer;
}
.billing-blocked .billing-blocked-variants li.billing-blocked-hover:hover .billing-blocked-var-text {
color: #00864b;
}
.billing-blocked.billing-blocked-trial .billing-blocked-header {
background-image: url("/img/billing/bg-blocked-trial.jpg");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.billing-blocked.billing-blocked-trial .billing-blocked-header {
background-image: url("/img/billing/bg-blocked-trial-3800.jpg");
}
}
.billing-blocked.billing-blocked-payment .billing-blocked-header {
background-image: url("/img/billing/bg-blocked-payment.jpg");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.billing-blocked.billing-blocked-payment .billing-blocked-header {
background-image: url("/img/billing/bg-blocked-payment-3800.jpg");
}
}
.billing-documents {
max-width: 699px;
margin: 30px auto 65px;
font-size: 20px;
padding-bottom: 150px;
}
.billing-documents > svg {
display: block;
width: 50px;
height: 50px;
margin: 60px auto 20px;
}
.billing-documents .title {
color: #8D8D8D;
text-align: center;
}
.billing-documents .documents-type-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin: 40px 0 20px;
}
.billing-documents .document-type {
height: 86px;
margin: 0 15px;
-webkit-flex: 1 0;
-ms-flex: 1 0;
flex: 1 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-shadow: inset 0 0 0 1px #eee;
-moz-box-shadow: inset 0 0 0 1px #eee;
-o-box-shadow: inset 0 0 0 1px #eee;
box-shadow: inset 0 0 0 1px #eee;
border-radius: 12px;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
cursor: pointer;
}
.billing-documents .document-type.active {
-webkit-box-shadow: inset 0 0 0 2px #00864b;
-moz-box-shadow: inset 0 0 0 2px #00864b;
-o-box-shadow: inset 0 0 0 2px #00864b;
box-shadow: inset 0 0 0 2px #00864b;
cursor: default;
}
.billing-documents .document-type svg {
width: 49px;
height: 49px;
margin-right: 40px;
}
.billing-documents .row,
.billing-documents .dialog-btn-wrapper {
margin: 0 15px;
}
.billing-documents .dialog-btn-wrapper .btn-create {
color: var(--white-black, #fff) !important;
background: #00864b !important;
}
.billing-documents .task-summary .tr-item .task-detail-compressed-view .td-value .chzn-single {
padding: 0;
padding-bottom: 4px;
margin-top: -4px;
line-height: 15px;
}
.billing-documents .edit-block input {
width: 100%;
}
.billing-documents .document-hint {
padding-top: 25px;
margin: auto;
max-width: 500px;
font-size: 14px;
line-height: 1.3em;
text-align: center;
}
.billing-documents .document-hint a {
color: #4573B1;
text-decoration: none;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 transparent inset;
transition: all 250ms ease-in;
}
.billing-documents .document-hint a:hover {
text-shadow: 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff, 2px -2px 0 #ffffff, 2px -1px 0 #ffffff, 2px 0px 0 #ffffff, -2px -2px 0 #ffffff, -2px -1px 0 #ffffff, -2px 0px 0 #ffffff, 1px -2px 0 #ffffff, 1px -1px 0 #ffffff, 1px 0px 0 #ffffff, -1px -2px 0 #ffffff, -1px -1px 0 #ffffff, -1px 0px 0 #ffffff, 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff;
text-decoration: none;
transition: all 250ms ease-out;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 #4573B1 inset;
}
.billing-documents .document-hint a a,
.billing-documents .document-hint a a:hover {
text-decoration: none !important;
}
.billing-header {
background: #f9f9f9;
display: flex;
align-items: center;
justify-content: space-between;
/*font-family: OpenSansLight;*/
font-size: 14px;
padding: 20px 58px 20px 100px;
position: relative;
/*чтобы скроллился .billing-header-geodc-address */
}
.billing-header .billing-header-back {
text-align: center;
position: absolute;
left: 20px;
cursor: pointer;
}
.billing-header .billing-header-back svg {
stroke: #bebebe;
width: 40px;
height: 40px;
}
.billing-header .billing-header-left {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
line-height: 24px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
color: #454546;
}
.billing-header .billing-header-left .billing-header-current {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding-right: 65px;
}
.billing-header .billing-header-left .billing-header-current .billing-header-current-label {
white-space: nowrap;
}
.billing-header .billing-header-left .billing-header-current .billing-header-current-icon {
width: 72px;
height: 72px;
padding: 0 15px 0 18px;
}
.billing-header .billing-header-left .billing-header-current .billing-header-current-name {
font-size: 20px;
display: inline-block;
font-weight: 600;
margin-top: -2px;
}
.billing-header .billing-header-left .billing-header-end {
display: flex;
align-items: center;
}
.billing-header .billing-header-left .billing-header-end .billing-header-end-date {
display: flex;
align-items: center;
margin-left: 30px;
}
.billing-header .billing-header-left .billing-header-end .billing-header-end-date .billing-header-end-date-text {
padding-top: 25px;
line-height: 1.3;
color: #1abe72;
}
.billing-header .billing-header-left .billing-header-end .billing-header-end-date .billing-header-end-date-border {
position: relative;
text-align: center;
width: 95px;
height: 95px;
border-radius: 100%;
background-color: #1abe72;
background-image: linear-gradient(91deg, transparent 50%, #d6d6d6 50%), linear-gradient(90deg, #d6d6d6 50%, transparent 50%);
}
.billing-header .billing-header-left .billing-header-end .billing-header-end-date .billing-header-end-date-circle {
position: relative;
top: 5px;
left: 5px;
text-align: center;
width: 85px;
height: 85px;
border-radius: 100%;
background-color: #f9f9f9;
}
.billing-header .billing-header-left .billing-header-end .billing-header-end-date .billing-header-end-date-circle-grey {
position: relative;
top: 5px;
left: 5px;
text-align: center;
width: 85px;
height: 85px;
border-radius: 100%;
background-color: #d6d6d6;
}
.billing-header .billing-header-left .billing-header-end-expired {
color: #ff670b;
padding-left: 35px;
}
.billing-header .billing-header-right {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
color: #454546;
}
.billing-header .billing-header-right__wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.billing-header .billing-header-right .billing-header-res-item {
margin-left: 16px;
}
.billing-header .billing-header-right .billing-header-res-item .billing-header-res-item-label {
text-align: center;
}
.billing-header .billing-header-right .billing-header-res-item .billing-header-res-item-text {
text-align: center;
max-width: 130px;
}
.billing-header .billing-header-right .billing-header-res-item.inactive .billing-header-res-item-ico svg {
stroke: #77BE27;
stroke-width: 0.5px;
}
.billing-header .billing-header-right .billing-header-res-item .billing-header-res-item-ico {
padding-bottom: 8px;
text-align: center;
}
.billing-header .billing-header-right .billing-header-res-item .billing-header-res-item-ico svg {
stroke: #808080;
stroke-width: 0.5px;
width: 23px;
height: 30px;
}
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-subs,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-using,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-geodc,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-docs,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-log {
padding: 16px;
transition: all 500ms ease-out;
border-radius: 16px;
}
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-subs:not(.inactive) .billing-header-res-item-text span,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-using:not(.inactive) .billing-header-res-item-text span,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-geodc:not(.inactive) .billing-header-res-item-text span,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-docs:not(.inactive) .billing-header-res-item-text span,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-log:not(.inactive) .billing-header-res-item-text span {
color: #4573B1;
}
.billing-header .billing-header-right .billing-header-res-item-subs .billing-header-res-item-ico svg {
width: 25px;
height: 30px;
}
.billing-header .billing-header-right .billing-header-res-item-geodc .billing-header-res-item-ico svg {
width: 25px;
height: 30px;
}
.billing-header-geodc {
width: 570px;
margin: 30px auto 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.billing-header-geodc-map {
margin-right: -2px;
padding: 20px 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.billing-header-geodc-map .pin:not(.active) {
display: none;
}
.billing-header-geodc-address {
font-size: 14px;
height: 100%;
padding-left: 28px;
border-left: 1px solid #dfdfdf;
padding-bottom: 20px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.billing-header-geodc-address h4 {
font-size: 17px;
color: #454546;
}
.billing-header-geodc-address p {
color: #454546;
}
.billing-header-geodc-address .last-child {
padding-top: 12px;
}
.billing-header-geodc-address a {
color: #4573B1;
text-decoration: none;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 transparent inset;
transition: all 250ms ease-in;
}
.billing-header-geodc-address a:hover {
text-shadow: 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff, 2px -2px 0 #ffffff, 2px -1px 0 #ffffff, 2px 0px 0 #ffffff, -2px -2px 0 #ffffff, -2px -1px 0 #ffffff, -2px 0px 0 #ffffff, 1px -2px 0 #ffffff, 1px -1px 0 #ffffff, 1px 0px 0 #ffffff, -1px -2px 0 #ffffff, -1px -1px 0 #ffffff, -1px 0px 0 #ffffff, 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff;
text-decoration: none;
transition: all 250ms ease-out;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 #4573B1 inset;
}
.billing-header-geodc-address a a,
.billing-header-geodc-address a a:hover {
text-decoration: none !important;
}
.billing-header-geodc-address .spacer {
height: 20px;
}
@media only screen and (max-width: 1199px) {
.billing-header {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 0 0;
}
.billing-header .billing-header-back {
left: 40px;
top: 40px;
}
.billing-header .billing-header-left {
padding-bottom: 15px;
}
.billing-header .billing-header-right {
background: white;
width: 100%;
}
.billing-header .billing-header-right__wr {
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
width: 100%;
padding: 0 73px;
}
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-subs,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-using,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-geodc,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-docs,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-log {
padding: 16px 0;
margin: 14px 0 0;
width: 100%;
max-width: 120px;
}
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-subs.inactive,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-using.inactive,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-geodc.inactive,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-docs.inactive,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-log.inactive {
background-color: #f9f9f9;
}
}
@media only screen and (min-width: 1199px) {
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-subs:not(.inactive),
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-using:not(.inactive),
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-geodc:not(.inactive),
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-docs:not(.inactive),
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-log:not(.inactive) {
cursor: pointer;
}
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-subs:not(.inactive):hover,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-using:not(.inactive):hover,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-geodc:not(.inactive):hover,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-docs:not(.inactive):hover,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-log:not(.inactive):hover {
background-color: #EAEAEA;
}
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-subs:not(.inactive):hover .billing-header-res-item-text span,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-using:not(.inactive):hover .billing-header-res-item-text span,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-geodc:not(.inactive):hover .billing-header-res-item-text span,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-docs:not(.inactive):hover .billing-header-res-item-text span,
.billing-header .billing-header-right .billing-header-res-item.billing-header-res-item-log:not(.inactive):hover .billing-header-res-item-text span {
text-decoration: none;
}
}
.billing-more-data-header {
font-size: 24px;
}
.billing-more-data-subheader {
font-size: 16px;
color: #707070;
padding-top: 10px;
}
.billing-more-data-lists {
white-space: nowrap;
padding-top: 60px;
padding-bottom: 20px;
font-size: 12px;
overflow-x: auto;
}
.billing-more-data-lists.dialog-btn-wrapper {
padding-top: 35px;
font-size: 14px;
}
.billing-more-data-lists .billing-more-data-list {
display: inline-block;
width: 300px;
margin-right: 50px;
vertical-align: top;
}
.billing-more-data-lists .billing-more-data-list .billing-more-data-list-header {
border: 1px solid #f0f0f0;
padding: 7px 3px 7px 7px;
}
.billing-more-data-lists .billing-more-data-list .billing-more-data-list-header .billing-more-data-list-header-text {
display: inline-block;
color: #707070;
font-weight: bold;
}
.billing-more-data-lists .billing-more-data-list .billing-more-data-list-header .billing-more-data-list-header-button {
float: right;
margin-top: -6px;
}
.billing-more-data-lists .billing-more-data-list .billing-more-data-list-header .billing-more-data-list-header-button input.btn {
height: 27px;
margin: 0;
padding: 0 8px;
font-size: 12px;
}
.billing-more-data-lists .billing-more-data-list .billing-more-data-list-subheader {
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding: 7px;
}
.billing-more-data-lists .billing-more-data-list .billing-more-data-list-subheader .billing-more-data-list-subheader-text {
display: inline-block;
color: #707070;
}
.billing-more-data-lists .billing-more-data-list .billing-more-data-list-subheader .billing-more-data-list-subheader-number {
float: right;
padding-right: 5px;
}
.billing-more-data-lists .billing-more-data-list .billing-more-data-list-items {
padding-top: 25px;
}
.billing-more-data-lists .billing-more-data-list .billing-more-data-list-items .billing-more-data-list-item {
border-bottom: 1px solid #f0f0f0;
padding: 3px 0 0 4px;
}
.billing-more-data-lists .billing-more-data-list .billing-more-data-list-items .billing-more-data-list-item label {
display: inline-block;
overflow: hidden;
padding: 1px 0 0 4px;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
}
.b-content-billing .left-panel-resize {
display: none;
}
.billing-plan {
/*font-family: OpenSansLight;*/
margin-top: 30px;
}
.billing-plan-plans-header {
font-size: 24px;
margin-top: 35px;
}
.billing-plan-way-header,
.billing-plan-wire-anketa-header {
font-size: 30px;
margin-top: 80px;
text-align: center;
}
.billing-plan-way-header.billing-plan-wire-anketa-header,
.billing-plan-wire-anketa-header.billing-plan-wire-anketa-header {
font-size: 30px;
}
.billing-plan-periods-header {
font-size: 30px;
margin-top: 70px;
text-align: center;
}
.billing-plan-plans-container {
max-width: 1164px;
margin: auto;
padding: 0 40px;
}
.billing-plan-bonus {
background: linear-gradient(225deg, #FFA4A4 0%, #7631FF 100%);
position: relative;
padding: 15.5px 41px 16.2px 41px;
margin-bottom: 59px;
border-radius: 12px;
line-height: 1.1;
}
.billing-plan-bonus__title {
color: var(--white-black, #FFF);
font-size: 23px;
}
.billing-plan-bonus__shadow-title {
color: var(--billing-bonus-shadow, #F0C7FF);
font-size: 23px;
}
.billing-plan-bonus__icon {
position: absolute;
bottom: 0;
right: 64px;
width: 164px;
height: 105px;
background-image: url("/img/svg/svgBillingPlanBonusHuman.svg");
}
.billing-plan-plans {
white-space: nowrap;
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.billing-plan-plans-col {
display: inline-block;
vertical-align: top;
width: 100%;
max-width: 278px;
min-width: 100px;
white-space: normal;
overflow: hidden;
margin-right: 10px;
box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.12), inset 0px 0px 0 1px #F9F9F9;
border-radius: 12px;
height: fit-content;
}
.billing-plan-plans-col:last-child {
margin-right: 0;
}
.billing-plan-plans-col > div {
text-align: center;
cursor: pointer;
}
.billing-plan-plans-col > div.billing-plan-name {
border-bottom: none;
font-size: 24px;
color: #1abe72;
margin-top: 40px;
padding-bottom: 38px;
}
.billing-plan-plans-col .billing-plan-content {
display: flex;
flex-direction: column;
align-items: inherit;
}
.billing-plan-plans-col .billing-plan-content > div.billing-plan-price {
font-weight: bold;
font-size: 36px;
color: #1abe72;
padding: 10px 0 5px;
}
.billing-plan-plans-col .billing-plan-content > div.billing-plan-price sup {
font-size: 20px;
}
.billing-plan-plans-col .billing-plan-content > div.billing-plan-res-separator {
height: 1px;
border-bottom: 1px solid #f3f4f4;
}
.billing-plan-plans-col .billing-plan-content > div.billing-plan-plans-text-small {
font-size: 12px;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-res-label {
font-size: 13px;
color: #9C9C9C;
padding-bottom: 5px;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-res-text,
.billing-plan-plans-col .billing-plan-content > div .billing-plan-val .billing-plan-plusminus-text,
.billing-plan-plans-col .billing-plan-content > div .billing-plan-val .billing-plan-plusminus-control input[type=text] {
font-size: 30px;
color: #1abe72;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus-text-conf {
font-size: 20px;
color: #1abe72;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus-text-conf .conf-period {
color: #9C9C9C;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-res-text {
height: 44px;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-val .billing-plan-plusminus-control {
display: none;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus {
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 6px;
display: inline-flex;
height: 42px;
background: #fff;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus svg {
fill: #9ba0a3;
width: 15px;
height: 15px;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus .billing-plan-minus,
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus .billing-plan-plus {
width: 45px;
padding-top: 13px;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus .billing-plan-plusminus-text,
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus .billing-plan-plusminus-control {
width: 85px;
height: 100%;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus .billing-plan-plusminus-text span,
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus .billing-plan-plusminus-control span {
display: inline-block;
height: 31px;
border-bottom: 1px dotted #1abe72;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus .billing-plan-plusminus-text input[type=text],
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus .billing-plan-plusminus-control input[type=text] {
border: none;
text-align: center;
/*font-family: OpenSansLight;*/
width: 100%;
height: 38px;
outline: none;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus.billing-plan-plusminus-disabled {
border-color: transparent;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus.billing-plan-plusminus-disabled .billing-plan-minus,
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus.billing-plan-plusminus-disabled .billing-plan-plus {
visibility: hidden;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-plusminus.billing-plan-plusminus-disabled .billing-plan-plusminus-text span {
border-bottom: 1px dotted transparent;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-res-price {
font-size: 13px;
color: #9C9C9C;
padding-top: 5px;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-res-withcheck-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.billing-plan-plans-col .billing-plan-content > div .billing-plan-res-withcheck-wrapper .billing-plan-res-price {
padding-top: 0;
padding-left: 10px;
}
.billing-plan-plans-col .billing-plan-content > div.billing-plan-plans-options {
padding-bottom: 39px;
}
.billing-plan-plans-col .billing-plan-content .billing-plan-user,
.billing-plan-plans-col .billing-plan-content .billing-plan-contact,
.billing-plan-plans-col .billing-plan-content .billing-plan-drive {
padding-bottom: 42px;
}
.billing-plan-plans-col .billing-plan-content .billing-plan-custom-domain {
padding-bottom: 37px;
}
.billing-plan-plans-col .billing-plan-content .billing-plan-custom-domain .billing-plan-res-check .enabled-panel {
padding: 0;
}
.billing-plan-plans-col .billing-plan-content .billing-plan-paid-conf {
padding-bottom: 42px;
}
.billing-plan-plans-col .billing-plan-content .billing-plan-paid-conf .billing-plan-plusminus {
min-width: 177px;
align-items: center;
justify-content: center;
}
.billing-plan-plans-col.billing-plan-plans-col-free .billing-plan-res-price {
visibility: hidden;
}
.billing-plan-plans-col.billing-plan-plans-col-free .billing-plan-name {
padding-bottom: 38px;
margin-top: 41px;
}
.billing-plan-plans-col.billing-plan-plans-col-free .billing-plan-content {
justify-content: unset;
}
.billing-plan-plans-col.billing-plan-plans-col-free .billing-plan-content .billing-plan-contact {
padding-top: 40px;
padding-bottom: 0;
}
.billing-plan-plans-col.billing-plan-plans-col-free .billing-plan-content .billing-plan-drive {
padding-top: 37px;
padding-bottom: 0;
}
.billing-plan-plans-col.billing-plan-plans-col-free .billing-plan-content .billing-plan-user {
padding-bottom: 0;
}
.billing-plan-plans-col .billing-plan-plans-select {
display: none;
font-size: 26px;
background: #1abe72;
color: #fff;
padding: 32px;
}
.billing-plan-plans-col .billing-plan-plans-greentop {
display: none;
background: #1abe72;
height: 10px;
padding: 0;
}
.billing-plan-plans-col .billing-plan-plans-greenbottom {
display: none;
background: #1abe72;
height: 10px;
padding: 0;
margin-top: 50px;
}
.billing-plan-plans-col .billing-plan-plans-options a {
color: #4573B1;
text-decoration: none;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 transparent inset;
transition: all 250ms ease-in;
font-size: 14px;
display: inline-block;
}
.billing-plan-plans-col .billing-plan-plans-options a:hover {
text-shadow: 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff, 2px -2px 0 #ffffff, 2px -1px 0 #ffffff, 2px 0px 0 #ffffff, -2px -2px 0 #ffffff, -2px -1px 0 #ffffff, -2px 0px 0 #ffffff, 1px -2px 0 #ffffff, 1px -1px 0 #ffffff, 1px 0px 0 #ffffff, -1px -2px 0 #ffffff, -1px -1px 0 #ffffff, -1px 0px 0 #ffffff, 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff;
text-decoration: none;
transition: all 250ms ease-out;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 #4573B1 inset;
}
.billing-plan-plans-col .billing-plan-plans-options a a,
.billing-plan-plans-col .billing-plan-plans-options a a:hover {
text-decoration: none !important;
}
.billing-plan-plans-col:hover:not(.billing-plan-plans-col-selected) {
box-shadow: inset 0px 0px 0 1px #1abe72;
}
.billing-plan-plans-col.billing-plan-plans-col-selected {
box-shadow: inset 0px 0px 0 1px #1abe72, 3px 3px 10px #c2ee96;
max-width: 300px;
margin-top: -13px;
}
.billing-plan-plans-col.billing-plan-plans-col-selected .billing-plan-plans-greenbottom,
.billing-plan-plans-col.billing-plan-plans-col-selected .billing-plan-plans-select {
display: block;
border-radius: 12px;
}
.billing-plan-plans-col.billing-plan-plans-col-selected .billing-plan-plans-greentop {
display: block;
border-radius: 12px;
margin: -21px 35px;
height: 29px;
}
.billing-plan-plans-col.billing-plan-plans-col-selected .billing-plan-name {
margin-top: 68px;
}
.billing-plan-periods {
margin: 30px auto 0;
text-align: center;
}
.billing-plan-period {
display: inline-block;
text-align: center;
margin-right: 35px;
vertical-align: top;
border: 1px solid #DEDEDE;
border-radius: 6px;
box-sizing: border-box;
}
.billing-plan-period:last-child {
margin-right: 0;
}
.billing-plan-period .billing-plan-period-button {
font-size: 20px;
cursor: pointer;
border-radius: 4px;
position: relative;
padding: 10px 50px;
}
.billing-plan-period .billing-plan-period-bonus {
position: absolute;
top: -24px;
right: 109px;
}
.billing-plan-period .billing-plan-period-bonus .billing-plan-period-bonus-text {
position: absolute;
z-index: 1;
white-space: nowrap;
top: 16px;
font-size: 13px;
left: 20px;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
}
.billing-plan-period .billing-plan-period-bonus .billing-plan-period-bonus-svg svg {
display: block;
width: 146px;
height: 32px;
fill: none;
left: 13px;
top: 13px;
}
.billing-plan-period .billing-plan-period-bonus.long {
right: 123px;
}
.billing-plan-period .billing-plan-period-bonus.long .billing-plan-period-bonus-svg svg {
width: 160px;
height: 32;
}
.billing-plan-period .billing-plan-period-bonus.long .billing-plan-period-bonus-text {
left: 22px;
}
.billing-plan-period .billing-plan-period-bonus.center .billing-plan-period-bonus-text {
left: 30px;
}
.billing-plan-period .billing-plan-period-sum {
padding-top: 5px;
font-size: 20px;
color: #b5b5b5;
}
.billing-plan-period .billing-plan-period-small-text {
font-size: 11px;
}
.billing-plan-period.billing-plan-period-active {
border: 1px solid #1abe72;
box-shadow: 2px 3px 10px #d3ebba;
}
.billing-plan-period.billing-plan-period-active .billing-plan-period-sum {
color: #000;
}
.billing-plan-period.billing-plan-period-active svg {
display: block;
position: absolute;
left: 13px;
top: 15px;
}
.billing-plan-period svg {
display: none;
position: absolute;
left: 13px;
top: 13px;
}
.billing-plan-buttons {
margin: 40px 0;
text-align: center;
min-height: 50px;
}
.billing-plan-changes {
display: none;
margin: auto;
width: 560px;
padding-top: 20px;
}
.billing-plan-changes .billing-plan-changes-header {
font-size: 30px;
text-align: center;
padding-bottom: 30px;
}
.billing-plan-changes table {
width: 100%;
font-size: 14px;
border-top: 1px solid #f3f4f4;
}
.billing-plan-changes table td {
padding: 15px 0;
}
.billing-plan-changes table .billing-plan-changes-total td {
font-size: 16px;
font-weight: bold;
border-top: 1px solid #f3f4f4;
}
.lf-error-win {
width: 320px;
border: 1px solid #e6e6e6;
position: absolute;
background: #fff;
z-index: 5;
}
.lf-error-win .lf-error-content {
font-size: 14px;
line-height: 18px;
color: #fc0505;
padding: 14px 15px 13px 20px;
}
.lf-err-corner {
position: absolute;
width: 7px;
height: 11px;
left: -7px;
background: url(/img/login/left-corner.gif);
}
.billing-plan-changes-newplan {
position: relative;
}
.billing-plan-way {
margin: 40px auto 0;
text-align: center;
}
.billing-plan-way .billing-way-button:first-child {
margin-right: 35px;
}
.billing-plan-way-wire {
text-align: center;
margin-top: 50px;
}
.billing-way-button {
display: inline-block;
padding: 45px;
border: 1px solid #ababab;
border-radius: 15px;
cursor: pointer;
width: 338px;
text-align: center;
overflow: hidden;
}
.billing-way-button:first-child {
text-align: right;
}
.billing-way-button:last-child {
text-align: left;
}
.billing-way-button .billing-button-text {
font-size: 30px;
vertical-align: middle;
color: #000;
}
.billing-way-button .billing-button-text-small {
font-size: 14px;
vertical-align: middle;
padding-top: 7px;
color: #868686;
}
.billing-way-button.billing-way-button-active {
position: relative;
}
.billing-way-button.billing-way-button-active .billing-button-text {
color: #1abe72;
}
.billing-way-button.billing-way-button-active:after {
content: '';
display: block;
background: #1abe72;
height: 15px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.billing-plan-wire-message,
.billing-plan-card-message {
font-size: 14px;
text-align: center;
margin: 30px auto;
max-width: 800px;
}
.billing-plan-wire-anketa-link {
margin-top: 40px;
text-align: center;
}
.billing-plan-wire-anketa-link .billing-button {
font-size: 18px;
line-height: 1.3em;
}
.billing-plan-wire-anketa {
text-align: center;
font-size: 20px;
max-width: 800px;
margin: 50px auto;
}
.billing-plan-changes-total-minus,
.billing-plan-changes-total-small {
margin: auto;
width: 685px;
padding: 20px 0;
border: 1px solid #e2e2e2;
color: #fc0505;
text-align: center;
font-size: 14px;
display: none;
}
.billing-plan-prices-period {
display: flex;
justify-content: center;
align-items: center;
margin: -20px 0 75px;
}
.billing-plan-prices-period .billing-plan-prices-period-label {
color: #9C9C9C;
font-size: 14px;
padding-right: 20px;
}
.billing-plan-prices-period .billing-plan-period {
position: relative;
margin-right: 8px;
width: 118px;
}
.billing-plan-prices-period .billing-plan-period .billing-plan-period-button {
color: #626262;
font-size: 15px;
padding: 13px 0;
}
.billing-plan-prices-period.referral-bonus {
margin-bottom: 49px;
}
.foreign-lang .billing-plan-period {
width: 132px;
}
.billing-plan-wire-recalc-text,
.billing-plan-wire-message-min-payment {
display: none;
text-align: center;
font-size: 20px;
margin: 50px auto;
}
.billing-plan-wire-recalc-date {
display: none;
text-align: center;
font-size: 20px;
margin: auto;
}
.billing-plan-wire-recalc-date .billing-plan-wire-recalc-date-val {
display: inline-block;
background: #f8f8f8;
padding: 30px;
color: #1abe72;
font-size: 72px;
}
.plan-options-header {
color: var(--black-white);
font-size: 26px;
padding-bottom: 5px;
padding-top: 15px;
display: block;
}
.plan-options {
width: 100%;
height: 100%;
border: none;
margin-top: 20px;
}
.g-popup-win-scroll .billing-frame.g-popup-win-scroll-content-main {
height: 100%;
box-sizing: border-box;
width: 1160px;
max-width: 90vw;
}
.billing-news-block {
width: 895px;
display: flex;
height: 111px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
margin: 21px auto 0 auto;
}
.billing-news-block .billing-news-block-guy-with-shout {
align-self: flex-end;
height: 101px;
margin-right: 37px;
}
.billing-news-block .billing-news-block-guy-with-shout > svg {
height: 101px;
}
.billing-news-block .billing-news-block-text {
display: flex;
flex-direction: column;
justify-content: center;
}
.billing-news-block .billing-news-block-text-header {
color: #ff7f47;
font-size: 15px;
line-height: 23px;
}
.billing-news-block .billing-news-block-text-content {
font-size: 14px;
line-height: 20px;
}
.billing-change-block {
display: block;
border: 1px solid #CECECE;
box-sizing: border-box;
border-radius: 12px;
width: 900px;
margin: 80px auto 60px auto;
padding-bottom: 20px;
}
.billing-change-block .wire-message-min-payment {
text-align: center;
font-size: 20px;
margin: 50px auto;
}
.billing-change-block .billing-change-blocks-header {
width: 90%;
margin: 40px auto 0 auto;
}
.billing-change-block .billing-change-blocks-header p {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 24px;
margin-bottom: 5px;
color: #454545;
}
.billing-change-block .payment-method-ways {
display: flex;
width: 90%;
margin: 30px auto 0 auto;
justify-content: center;
}
.billing-change-block .payment-method-ways .payment-method-way {
text-align: center;
cursor: pointer;
border: 1px solid #DEDEDE;
box-sizing: border-box;
border-radius: 16px;
transition: all 300ms ease-out;
}
.billing-change-block .payment-method-ways .payment-method-way .payment-button-text {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #454545;
width: 328px;
padding: 29px 31px 27px;
display: flex;
align-items: center;
}
.billing-change-block .payment-method-ways .payment-method-way .payment-button-text-small {
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 14px;
color: #7C7C7C;
}
.billing-change-block .payment-method-ways .payment-method-way.card {
margin-right: 24px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text {
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-visa svg {
width: 58px;
height: 17.5px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-master-card svg {
width: 44px;
height: 35px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-american-express svg {
width: 46px;
height: 30px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-paypal svg {
width: 88px;
height: 21px;
}
.billing-change-block .payment-method-ways .payment-method-way.wire .payment-button-text {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: start;
-ms-align-items: start;
align-items: start;
}
.billing-change-block .payment-method-ways .payment-method-way.wire .payment-button-text .payment-wire-transfer {
width: 30.31px;
height: 31.07px;
margin-right: 12px;
margin-top: 3px;
}
.billing-change-block .payment-method-ways .payment-method-way.wire .payment-button-text .payment-wire-transfer svg {
width: 100%;
fill: none;
}
.billing-change-block .payment-method-ways .payment-method-way.wire .payment-button-text span {
font-weight: 400;
font-size: 22px;
line-height: 26px;
text-transform: uppercase;
color: #626262;
margin-top: 3px;
}
.billing-change-block .payment-method-ways .payment-method-way:hover {
background: #F1F1F1;
}
.billing-change-block .payment-method-ways .active-way {
border: 1px solid #77A03C !important;
box-sizing: border-box;
border-radius: 16px;
background: white !important;
cursor: default;
}
.billing-change-block .billing-change-border {
border-bottom: 1px solid #CECECE;
}
.billing-change-block .billing-change-payment-region .payment-region-items {
width: 90%;
margin: 30px auto 0 auto;
text-align: center;
}
.billing-change-block .billing-change-payment-region .payment-region-items .payment-region-item {
display: inline-block;
min-width: 80px;
height: 49px;
text-align: center;
margin-left: 15px;
margin-right: 25px;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #000000;
cursor: pointer;
border: 1px solid white;
box-sizing: border-box;
border-radius: 36px;
}
.billing-change-block .billing-change-payment-region .payment-region-items .payment-region-item .region-item-text {
padding-top: 14px;
padding-left: 14px;
padding-right: 14px;
color: #454545;
}
.billing-change-block .billing-change-payment-region .payment-region-items .payment-region-item:hover {
background: #F1F1F1;
border: 1px solid #F1F1F1;
}
.billing-change-block .billing-change-payment-region .payment-region-items .active-region {
border: 1px solid #77A03C !important;
box-sizing: border-box;
border-radius: 36px;
background: white !important;
}
.billing-change-block .billing-change-available-countries .available-countries-items {
width: 90%;
margin: 30px auto 0 auto;
text-align: center;
}
.billing-change-block .billing-change-available-countries .available-countries-items .available-countries-item {
display: inline-block;
min-width: 80px;
height: 49px;
text-align: center;
margin-left: 15px;
margin-right: 25px;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #000000;
cursor: pointer;
border: 1px solid white;
box-sizing: border-box;
border-radius: 36px;
}
.billing-change-block .billing-change-available-countries .available-countries-items .available-countries-item .country-item-text {
padding-top: 14px;
padding-left: 14px;
padding-right: 14px;
color: #454545;
}
.billing-change-block .billing-change-available-countries .available-countries-items .available-countries-item:hover {
background: #F1F1F1;
border: 1px solid #F1F1F1;
}
.billing-change-block .billing-change-available-countries .available-countries-items .active-country {
border: 1px solid #77A03C !important;
box-sizing: border-box;
border-radius: 36px;
background: white !important;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items {
display: flex;
width: 90%;
margin: 30px auto 0 auto;
justify-content: center;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items .subscription-cost-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items .subscription-cost-item {
text-align: center;
width: 127px;
height: auto;
margin-right: 15px;
margin-left: 15px;
cursor: pointer;
border: 1px solid white;
box-sizing: border-box;
border-radius: 24px;
padding: 15px 4px 17px;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items .subscription-cost-item .subscription-term-text {
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #454545;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items .subscription-cost-item .subscription-cost-text {
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 26px;
text-align: center;
color: #77A03C;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items .subscription-cost-item .subscription-cost-tax {
font-size: 11px;
padding-top: 6px;
line-height: 13px;
color: #000000;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items .subscription-cost-item .subscription-cost-tax span {
font-size: 16px;
line-height: 19px;
color: #ACACAC;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items .subscription-cost-item:hover {
background: #F1F1F1;
border: 1px solid #F1F1F1;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items .activated-subscription {
display: none;
width: 127px;
height: 35px;
background: #77A03C;
border-radius: 24px;
font-weight: 300;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
margin-top: 12px;
cursor: pointer;
transition: all 300ms ease-out;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items .activated-subscription p {
padding-top: 8px;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items .activated-subscription:hover {
background: #242434;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items .active-cost {
border: 1px solid #77A03C !important;
box-sizing: border-box;
border-radius: 24px;
background: white !important;
}
.billing-change-block .billing-change-subscription-cost .subscription-benefit-text,
.billing-change-block .billing-change-subscription-cost .subscription-benefit-text-out {
font-size: 11px;
line-height: 13px;
color: #FF670B;
text-align: center;
margin-top: 6px;
margin-bottom: 0;
word-break: break-word;
}
.billing-change-block .billing-change-anketa-block {
display: flex;
width: 90%;
margin: 30px auto 0 auto;
border: 1px solid #CECECE;
box-sizing: border-box;
border-radius: 24px;
}
.billing-change-block .billing-change-anketa-block .anketa-block-description {
padding: 14px 0 14px 21px;
width: 70%;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #454545;
}
.billing-change-block .billing-change-anketa-block .anketa-block-button {
width: 159px;
height: 35px;
margin-top: 21px;
margin-left: 40px;
background: #77A03C;
border-radius: 24px;
cursor: pointer;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
transition: all 300ms ease-out;
}
.billing-change-block .billing-change-anketa-block .anketa-block-button p {
padding-top: 9px;
}
.billing-change-block .billing-change-anketa-block .anketa-block-button:hover {
background: #242434;
}
.billing-change-block .billing-change-message {
width: 90%;
margin: 30px auto 10px auto;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 13px;
color: #454545;
}
@media screen and (max-width: 1280px) {
.billing-change-block {
width: 830px;
}
.billing-change-block .billing-change-anketa-block .anketa-block-button {
margin-left: 0;
}
.billing-change-block .payment-method-ways .payment-method-way .payment-button-text {
padding: 29px 16px 27px;
}
}
@media screen and (max-width: 1024px) {
.billing-change-block {
width: 750px;
}
.billing-change-block .payment-method-ways .payment-method-way .payment-button-text {
width: 292px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-visa svg {
width: 48px;
height: 17.5px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-master-card svg {
width: 34px;
height: 35px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-american-express svg {
width: 36px;
height: 30px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-paypal svg {
width: 78px;
height: 21px;
}
.billing-change-block .payment-method-ways .payment-method-way.wire .payment-button-text .payment-wire-transfer {
width: 27px;
height: 27px;
}
.billing-change-block .payment-method-ways .payment-method-way.wire .payment-button-text span {
font-size: 20px;
}
}
@media screen and (max-width: 850px) {
.billing-change-block {
width: 520px;
}
.billing-change-block .billing-change-subscription-cost .subscription-cost-items {
display: block;
}
.billing-change-block .billing-change-anketa-block {
display: block;
}
.billing-change-block .billing-change-anketa-block .anketa-block-button {
margin-top: 0;
margin-bottom: 20px;
margin-left: 20px;
}
.billing-change-block .payment-method-ways {
display: block;
}
.billing-change-block .payment-method-ways .payment-method-way .payment-button-text {
padding: 29px 31px 27px;
width: auto;
}
.billing-change-block .payment-method-ways .payment-method-way.card {
margin-right: 0;
margin-bottom: 24px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-visa svg {
width: 58px;
height: 17.5px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-master-card svg {
width: 44px;
height: 35px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-american-express svg {
width: 46px;
height: 30px;
}
.billing-change-block .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-paypal svg {
width: 88px;
height: 21px;
}
.billing-change-block .payment-method-ways .payment-method-way.wire .payment-button-text .payment-wire-transfer {
width: 30.31px;
height: 31.07px;
}
.billing-change-block .payment-method-ways .payment-method-way.wire .payment-button-text span {
font-size: 22px;
}
}
@media screen and (max-width: 760px) {
.billing-change-block {
width: 540px;
}
}
@media screen and (max-width: 640px) {
.billing-change-block {
width: 450px;
}
.billing-change-block .payment-method-ways {
display: block;
}
}
@media screen and (min-width: 1400px) {
.billing-plan-bonus {
padding: 21px 59px 25px;
}
.billing-plan-bonus__title {
font-size: 34px;
}
.billing-plan-bonus__shadow-title {
font-size: 34px;
}
.billing-plan-bonus__icon {
right: 92px;
width: 239px;
height: 154px;
}
}
.billing-summary2 {
padding-bottom: 40px;
max-width: 754px;
margin: auto;
/* Лента слайдера */
/* Ограничивающая оболочка */
}
.billing-summary2 .icon {
margin: auto;
width: 15%;
fill: #1abe72;
padding-bottom: 30px;
}
.billing-summary2 .slider {
max-width: 754px;
margin: auto;
}
.billing-summary2 .slick-track {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.billing-summary2 .slick-list {
overflow: hidden;
max-width: unset;
margin: auto;
}
.billing-summary2 .slick-arrow {
display: none !important;
}
.billing-summary-state {
margin: 50px auto 35px;
text-align: center;
}
.billing-summary-state .billing-summary-state-header {
color: #9a9a9a;
background-color: white;
padding: 0 10px;
z-index: 1;
font-size: 14px;
display: inline;
position: relative;
}
.billing-summary-state .billing-summary-state-round {
border: 1px solid #FFBB0E;
border-radius: 25px;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
font-size: 14px;
margin-top: -8px;
}
.summary-table {
margin: 30px auto 24px;
}
.summary-table .billing-summary2-data-ico {
display: inline-block;
margin-right: 7px;
margin-top: 2px;
}
.summary-table .billing-summary2-data-ico svg {
stroke: var(--activeButton, #2196F3);
fill: none;
width: 16px;
height: 16px;
}
.summary-table .old-prices-info-block {
display: flex;
padding: 22px 36px 23px 36px;
border-radius: 12px;
margin-bottom: 24px;
background: linear-gradient(45deg, #FFFEE0 0%, #BEFFCD 100%);
position: relative;
}
.summary-table .old-prices-info-block i {
position: absolute;
top: 24%;
}
.summary-table .old-prices-info-block i svg {
width: 38px;
height: 47px;
}
.summary-table .old-prices-info-block span {
max-width: 507px;
font-size: 14px;
color: #4B4B4B;
margin-left: 72px;
}
.summary-table .table-row {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
height: 56px;
box-sizing: border-box;
padding-left: 16px;
}
.summary-table .table-row .table-cell {
font-size: 15px;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
color: #454546;
}
.summary-table .table-row .table-cell:first-child {
width: 38.8%;
line-height: 1em;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.summary-table .table-row .table-cell.second,
.summary-table .table-row .table-cell.third,
.summary-table .table-row .table-cell:last-child {
width: 20.4%;
}
.summary-table .table-row .table-cell sup {
margin-bottom: 5px;
font-size: 14px;
}
.summary-table .table-row .table-cell:not(:first-child) {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.summary-table .table-row:not(.title):not(.footer) {
border: 1px solid #DEDEDE;
border-top: none;
}
.summary-table .table-row:not(.title):not(.footer) .table-cell:not(:last-child) {
border-right: 1px solid #DEDEDE;
}
.summary-table .table-row:nth-last-child(-n+2) {
border-radius: 0 0 12px 12px;
}
.summary-table .table-row.head {
background: #EAEAEA;
border-radius: 12px 12px 0 0;
height: 56px;
}
.summary-table .table-row.head .table-cell {
font-size: 15px;
color: #939393;
padding-bottom: 0;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
text-align: center;
}
.summary-table .table-row.head .table-cell:not(:first-child) {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.summary-table .table-row.head .table-cell:last-child {
font-size: 15px;
font-weight: 400;
}
.summary-table .table-row.title {
height: 70px;
border: 1px solid #DEDEDE;
border-top: none;
}
.summary-table .table-row.title .table-cell {
font-size: 18px;
font-weight: 700;
}
.summary-table .table-row.footer {
padding: 0 24px 0 16px;
margin-top: 22px;
}
.summary-table .table-row.footer .table-cell:nth-child(2) {
font-size: 15px;
width: 36%;
color: #4B4B4B;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
margin-left: 25px;
}
.summary-table .table-row.footer .table-cell:last-child {
font-size: 22px;
font-weight: 700;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
width: auto;
padding-left: 33px;
}
.summary-table .table-row.footer .table-cell:last-child sup {
font-size: 22px;
}
.summary-table .period-month {
text-align: right;
margin-right: 15px;
}
.documents-separator {
width: 300px;
margin: auto;
height: 1px;
background: #ccc;
}
.documents-block {
min-width: 300px;
margin: 20px auto 45px;
}
.documents-block svg {
display: block;
width: 50px;
height: 50px;
margin: 0 auto 7px;
}
.documents-block span {
display: inline-block;
width: 100%;
font-size: 14px;
color: #939393;
text-align: center;
}
.documents-block .document-personal span {
font-size: 20px;
color: #454546;
width: auto;
}
.documents-block .document-personal.active span {
color: #4573B1;
text-decoration: none;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 transparent inset;
transition: all 250ms ease-in;
cursor: pointer;
}
.documents-block .document-personal.active span:hover {
text-shadow: 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff, 2px -2px 0 #ffffff, 2px -1px 0 #ffffff, 2px 0px 0 #ffffff, -2px -2px 0 #ffffff, -2px -1px 0 #ffffff, -2px 0px 0 #ffffff, 1px -2px 0 #ffffff, 1px -1px 0 #ffffff, 1px 0px 0 #ffffff, -1px -2px 0 #ffffff, -1px -1px 0 #ffffff, -1px 0px 0 #ffffff, 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff;
text-decoration: none;
transition: all 250ms ease-out;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 #4573B1 inset;
}
.documents-block .document-personal.active span a,
.documents-block .document-personal.active span a:hover {
text-decoration: none !important;
}
.documents-block.small-margin {
margin-bottom: 0;
}
.billing-year-hint {
border-radius: 12px;
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(45deg, #97DA4C, #2FBA97) border-box;
border: 1px solid transparent;
padding: 24px 39px 34px 38px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
box-sizing: border-box;
}
.billing-year-hint .svg-icon svg {
width: 71px;
height: 71px;
}
.billing-year-hint .hint-content {
padding: 8px 0 1px 34px;
font-size: 16px;
}
.billing-year-hint .hint-content .hr {
margin: 11px 0 7px;
width: 315px;
height: 1px;
background: #BDBDBD;
}
.billing-year-hint .hint-content .price-text {
font-weight: 700;
}
.billing-referral-hint {
background: url(/img/referral.png) no-repeat;
background-size: cover;
padding: 21px 32px 22px 30px;
border-radius: 12px;
cursor: pointer;
}
.billing-referral-hint__text-wr {
color: white;
display: flex;
justify-content: space-between;
}
.billing-referral-hint__text-wr .recommended-text {
text-transform: uppercase;
font-size: 30px;
font-weight: 700;
line-height: 34px;
letter-spacing: 0.9px;
max-width: 220px;
}
.billing-referral-hint__text-wr .bonus-text {
text-transform: uppercase;
font-size: 25px;
font-weight: 700;
line-height: 29px;
letter-spacing: 0.5px;
max-width: 250px;
text-align: right;
display: block;
}
.billing-referral-hint__text-wr .hr-long,
.billing-referral-hint__text-wr .hr-short {
height: 1px;
opacity: 0.7;
background: white;
margin: auto 0 auto auto;
}
.billing-referral-hint__text-wr .hr-long {
width: 243px;
margin-bottom: 7px;
}
.billing-referral-hint__text-wr .hr-short {
width: 202px;
margin-top: 9px;
}
.billing-recommended.g-popup-win-scroll .g-popup-win-scroll-content {
border-radius: 10px;
}
.billing-recommended.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-btn {
position: absolute;
z-index: 1;
right: 16px;
top: 17px;
}
.billing-recommended.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-btn .svg-icon-stroke {
stroke: #ffffff;
opacity: 0.5;
}
.billing-recommended.g-popup-win-scroll .g-popup-win-scroll-content-main {
max-width: 800px;
border-radius: 10px;
padding: 0;
}
.billing-recommended .background-operation-progress-host {
padding: 19px;
margin: 0 !important;
border-radius: 8px 8px 0 0;
background: #EA64BD;
}
.billing-recommended .billing-recommended-container {
padding: 40px 62px 62px 40px;
}
.billing-recommended .billing-recommended-container .header {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.billing-recommended .billing-recommended-container .header .title {
margin: 35px 0 0 12px;
max-width: 470px;
color: #EA64BD;
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
.billing-recommended .billing-recommended-container .header .icon {
background: url(/img/referral-circle.jpg) no-repeat;
background-size: cover;
background-position-x: center;
width: 180px;
height: 180px;
border-radius: 50%;
}
.billing-recommended .billing-recommended-container .link-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 16px 0 18px 15px;
margin: 24px 0 30px;
border-radius: 8px;
background: #FFF;
box-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
}
.billing-recommended .billing-recommended-container .link-container .text {
font-size: 15px;
color: #626262;
}
.billing-recommended .billing-recommended-container .link-container .link {
font-size: 22px;
color: #4573B1;
}
.billing-recommended .billing-recommended-container .check-list-container {
padding-left: 52px;
}
.billing-recommended .billing-recommended-container .check-list-container .check-list {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.billing-recommended .billing-recommended-container .check-list-container .check-list:first-child {
margin-bottom: 19px;
}
.billing-recommended .billing-recommended-container .check-list-container .check-list .icon {
margin-top: 3px;
fill: none;
width: 15px;
stroke: #BBBBBB;
height: 10.024px;
}
.billing-recommended .billing-recommended-container .check-list-container .check-list .text {
max-width: 435px;
margin-left: 12px;
font-size: 15px;
color: #626262;
}
.billing-recommended .billing-recommended-container .description-container {
margin: 28px 0 0 16px;
}
.billing-recommended .billing-recommended-container .description-container .hr {
width: 676px;
height: 1px;
background: #DEDEDE;
margin-bottom: 19px;
}
.billing-recommended .billing-recommended-container .description-container .hr.margin {
margin-top: 21px;
}
.billing-recommended .billing-recommended-container .description-container .desc {
font-size: 15px;
color: #626262;
}
.billing-recommended .dialog-btn-wrapper {
padding: 16.5px 16px;
background: #dedede;
}
.billing-recommended .dialog-btn-wrapper .btn-main {
padding: 9px 45.7px 10px;
border-radius: 6px;
}
.billing-recommended .dialog-btn-wrapper .btn-main:after {
content: "!";
display: inline-block;
}
.billing-button {
background: var(--activeButton, #0fabdd);
}
.billing-button.billing-button-change-plan {
background: #ffffff;
border: 1px solid #DEDEDE;
}
.billing-button.billing-button-change-plan .billing-button-text {
color: #4B4B4B;
}
.billing-button.btn-template {
background: unset;
}
.billing-button-activate {
max-width: 230px;
}
.billing-way-button-active {
margin-left: auto;
margin-right: auto;
}
.billing-summary-2-header {
font-size: 26px;
padding: 47px 0 20px;
text-align: center;
color: #454546;
}
.billing-summary2-buttons {
padding-top: 30px;
margin: 0 auto 60px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.billing-summary2-onoffswitch-span {
margin-left: 8px;
font-size: 15px;
color: #4B4B4B;
}
.billing-summary2-onoffswitch {
position: absolute;
width: 36px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.billing-summary2-onoffswitch-checkbox {
display: none;
}
.billing-summary2-onoffswitch-checkbox:checked + .billing-summary2-onoffswitch-label,
.table-toggle .billing-summary2-onoffswitch-checkbox + .billing-summary2-onoffswitch-label {
background-color: #61a038;
}
.table-toggle .billing-summary2-onoffswitch-checkbox + .billing-summary2-onoffswitch-label {
border-color: #61a038;
}
.billing-summary2-onoffswitch-checkbox:checked + .billing-summary2-onoffswitch-label,
.billing-summary2-onoffswitch-checkbox:checked + .billing-summary2-onoffswitch-label:before,
.table-toggle .billing-summary2-onoffswitch-checkbox:checked + .billing-summary2-onoffswitch-label,
.table-toggle .billing-summary2-onoffswitch-checkbox + .billing-summary2-onoffswitch-label:before {
border-color: #61a038;
}
.billing-summary2-onoffswitch-checkbox:checked + .billing-summary2-onoffswitch-label:before {
right: 0;
}
.billing-summary2-auto-renewal-subscription {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: 0;
line-height: 1.4em;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: relative;
}
.billing-summary2-buttons-renew {
padding-bottom: 15px;
display: none;
text-align: center;
}
.billing-summary2-buttons-renew .billing-plan-period .billing-plan-period-button {
width: 130px;
padding: 10px 34px;
}
.billing-summary2-buttons-renew .billing-plan-period .billing-plan-period-small-text {
font-size: 12px;
padding-top: 5px;
}
.billing-button-sup {
color: #fff;
display: block;
padding: 10px 0;
border-radius: 10px;
cursor: pointer;
margin: 60px 110px 25px;
border: 1px solid #1abe72;
background: #1abe72;
transition: all 500ms ease-in;
}
.billing-button-sup:hover {
background: #fff;
color: #1abe72;
}
.billing-sup-esc {
font-size: 18px;
display: inline-block;
border-bottom: 1px solid transparent;
color: #1abe72;
cursor: pointer;
transition: all 400ms ease-in;
}
.billing-sup-esc:hover {
border-color: #1abe72;
}
.billing-summary2-buttons-header,
.billing-summary2-renew-header {
font-size: 24px;
text-align: center;
padding-top: 35px;
}
.billing-summary2-buttons-header {
padding-bottom: 30px;
}
.billing-summary2-renew-header {
padding-bottom: 0;
}
.billing-summary2-wire-change {
display: none;
color: #a2a2a2;
text-align: center;
border-radius: 15px;
padding: 20px 160px;
line-height: 1.3;
font-size: 20px;
margin: 62px auto 20px;
}
.billing-summary2-buttons-renew-sum {
display: none;
text-align: center;
margin-top: 30px;
}
.billing-summary2-buttons-renew-sum .billing-summary2-buttons-renew-sum-content {
background: #f8f8f8;
display: inline-block;
padding: 35px;
}
.billing-summary2-buttons-renew-sum .billing-summary2-buttons-renew-sum-content .billing-summary2-buttons-renew-sum-sum {
color: #1abe72;
font-size: 72px;
}
.billing-summary2-buttons-renew-sum .billing-summary2-buttons-renew-sum-content .billing-summary2-buttons-renew-sum-sum sup {
font-size: 48px;
}
.billing-summary2-buttons-renew-sum .billing-summary2-buttons-renew-sum-content .billing-summary2-buttons-renew-sum-economy {
font-size: 14px;
color: #ff670b;
}
.billing-summary2-buttons-renew-sum-vat {
display: none;
font-size: 14px;
text-align: center;
margin: 30px 0;
}
.billing-button-renew {
margin-right: 0;
margin-left: 10px;
}
.billing-summary2-buttons-renew-dorenew {
display: none;
text-align: center;
}
.billing-summary2-buttons-renew-dorenew .billing-button {
margin: auto;
width: 19.5%;
}
.billing-summary2-licensee-info {
display: none;
width: 300px;
margin: auto;
}
.billing-summary2-licensee-info .dialog-btn-wrapper {
text-align: center;
}
.billing-summary2-licensee-info .dialog-btn-wrapper .btn-main {
margin: 0;
}
.billing-payment-documents {
padding: 30px 15px 25px 25px;
width: 37%;
margin-left: auto;
margin-right: auto;
}
.billing-payment-documents .file-additional-download {
cursor: pointer;
justify-content: center;
}
.billing-log-info {
display: flex;
justify-content: center;
}
.billing-log-info .tooltip-actions {
max-width: 800px;
margin: 0;
}
.billing-log-for-customer {
display: flex;
justify-content: center;
padding: 30px 15px 25px 25px;
}
.billing-log-for-customer .tbl-list {
width: max-content;
min-height: 60px;
}
.billing-log-for-customer .tbl-list .tr-common-item-header .td-head {
min-height: 60px;
width: 130px;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
font-size: 14px;
color: #959595;
background-color: #fff;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #DDDDDD;
padding-right: 15px;
}
.billing-log-for-customer .tbl-list .tr-item {
min-height: 60px;
}
.billing-log-for-customer .tbl-list .tr-item .td-item {
min-height: 60px;
width: 130px;
font-size: 14px;
color: #000000;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #DDDDDD;
padding-top: 0;
padding-bottom: 0;
padding-right: 15px;
}
.billing-log-for-customer .tbl-list .tr-item .td-item svg {
width: 16px;
height: 16px;
stroke: #8BC70C;
fill: none;
}
.billing-log-for-customer .tbl-list .tr-item .td-item .arrow-change svg {
width: 11px;
height: 10px;
fill: none;
stroke: #8BC70C;
}
.billing-log-for-customer .tbl-list .tr-item .td-item .arrow-change.decrement svg {
stroke: #C70C0C;
}
.billing-log-for-customer .tbl-list .tr-item .td-item.log-date-change {
padding: 21px 0 22px 10px;
}
.billing-log-for-customer .tbl-list .tr-item .td-item.billing-log-resources {
flex-direction: column;
}
.billing-log-for-customer .tbl-list .tr-item .td-item.billing-log-resources .log-resource {
position: relative;
padding-top: 15px;
width: inherit;
}
.billing-log-for-customer .tbl-list .tr-item .td-item.billing-log-resources .log-resource .type-resource svg {
position: absolute;
left: 0;
}
.billing-log-for-customer .tbl-list .tr-item .td-item.billing-log-resources .log-resource.log-resource-not-text {
padding-left: 19px;
}
.billing-log-for-customer .tbl-list .tr-item .td-item.billing-log-resources .log-resource:last-child {
padding-bottom: 15px;
}
.using-plan {
max-width: 699px;
margin: 30px auto 65px;
font-size: 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.using-plan .plan-item {
border: 1px solid #ccc;
box-sizing: border-box;
padding: 14px 25px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
width: 320px;
}
.using-plan .plan-item .item-label {
height: 100%;
margin: auto 0 auto 20px;
color: #454546;
}
.using-plan .plan-item p {
font-size: 14px;
color: #939393;
margin-bottom: 3px;
}
.using-plan .plan-item span {
font-weight: 600;
}
.using-plan .plan-item span.recommended {
color: #1abe72;
}
.using-plan.m-bottom {
margin-bottom: 15px;
}
.using-plan svg {
width: 72px;
height: 72px;
}
.using-plan-switcher {
max-width: 699px;
margin: 0 auto;
font-size: 18px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
color: #454546;
}
.using-plan-switcher .switch {
cursor: pointer;
background: #1abe72;
width: 175px;
height: 30px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 4px;
}
.using-plan-switcher .switch span {
text-align: center;
font-size: 14px;
color: #fff;
width: 83%;
line-height: 1em;
}
.using-plan-switcher .switch i {
width: 17%;
}
.using-plan-switcher .switch svg {
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
width: 15px;
height: 15px;
stroke: #fff;
}
.using-plan-switcher.compare .compare {
display: inline;
}
.using-plan-switcher.compare .current {
display: none;
}
.using-plan-switcher.current .compare {
display: none;
}
.using-plan-switcher.current svg {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.using-plan-switcher.current .current {
display: inline;
}
.using-table {
max-width: 699px;
margin: 27px auto 60px;
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 12px;
}
.using-table .table-toggle {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: 80px;
position: relative;
}
.using-table .table-toggle div {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 35px;
font-size: 16px;
color: #454546;
}
.using-table .table-toggle div:first-child {
text-align: right;
}
.using-table .table-toggle .billing-summary2-onoffswitch {
margin: 0 auto;
}
.using-table .table-tabs {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
height: 0;
overflow: hidden;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
margin-right: -1px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
color: #454546;
}
.using-table .table-tabs .tab {
padding-bottom: 18px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
background: #f7f7f7;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.using-table .table-tabs .tab .icon {
width: 50px;
height: 50px;
margin: 15px auto 5px;
}
.using-table .table-tabs .tab .en-name {
display: none;
}
.using-table .table-tabs .tab.active {
background: #fff;
border-bottom: none;
}
.using-table .table-tabs .tab:first-child {
border-top-left-radius: 12px;
}
.using-table .table-tabs .tab:last-child {
border-top-right-radius: 12px;
}
.using-table .table-tabs.active {
height: 104px;
}
.using-table .table-tabs.current-us .tab .en-name {
display: block;
}
.using-table .table-tabs.current-us .tab .name {
display: none;
}
.using-table .table-row {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
height: 49px;
box-sizing: border-box;
margin: 0 20px;
}
.using-table .table-row .table-cell {
color: #454546;
font-size: 14px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
box-sizing: border-box;
}
.using-table .table-row .table-cell svg {
width: 22px;
height: 22px;
fill: none;
stroke: #454546;
}
.using-table .table-row .table-cell:first-child {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
margin-right: 20px;
}
.using-table .table-row .table-cell:last-child {
width: 39%;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.using-table .table-row .table-cell.check {
color: #939393;
}
.using-table .table-row .table-cell.check .active {
color: #1abe72;
}
.using-table .table-row .table-cell.check svg {
width: 16px;
height: 16px;
stroke: #1ABE72;
}
.using-table .table-row .table-cell .red {
color: #ff0000;
}
.using-table .table-row .table-cell .orange {
color: #ffa200;
}
.using-table .table-row .table-cell a {
color: #454546;
text-decoration: none;
cursor: text;
}
.using-table .table-row .table-cell a:hover {
text-decoration: none;
}
.using-table .table-row .table-cell a.active {
color: #4573B1;
text-decoration: none;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 transparent inset;
transition: all 250ms ease-in;
cursor: pointer;
}
.using-table .table-row .table-cell a.active:hover {
text-shadow: 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff, 2px -2px 0 #ffffff, 2px -1px 0 #ffffff, 2px 0px 0 #ffffff, -2px -2px 0 #ffffff, -2px -1px 0 #ffffff, -2px 0px 0 #ffffff, 1px -2px 0 #ffffff, 1px -1px 0 #ffffff, 1px 0px 0 #ffffff, -1px -2px 0 #ffffff, -1px -1px 0 #ffffff, -1px 0px 0 #ffffff, 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff;
text-decoration: none;
transition: all 250ms ease-out;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 #4573B1 inset;
}
.using-table .table-row .table-cell a.active a,
.using-table .table-row .table-cell a.active a:hover {
text-decoration: none !important;
}
.using-table .table-row .table-cell a.red {
color: #ff0000;
text-decoration: none;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 transparent inset;
transition: all 250ms ease-in;
}
.using-table .table-row .table-cell a.red:hover {
text-shadow: 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff, 2px -2px 0 #ffffff, 2px -1px 0 #ffffff, 2px 0px 0 #ffffff, -2px -2px 0 #ffffff, -2px -1px 0 #ffffff, -2px 0px 0 #ffffff, 1px -2px 0 #ffffff, 1px -1px 0 #ffffff, 1px 0px 0 #ffffff, -1px -2px 0 #ffffff, -1px -1px 0 #ffffff, -1px 0px 0 #ffffff, 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff;
text-decoration: none;
transition: all 250ms ease-out;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 #ff0000 inset;
}
.using-table .table-row .table-cell a.red a,
.using-table .table-row .table-cell a.red a:hover {
text-decoration: none !important;
}
.using-table .table-row .table-cell a.orange {
color: #ffa200;
text-decoration: none;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 transparent inset;
transition: all 250ms ease-in;
}
.using-table .table-row .table-cell a.orange:hover {
text-shadow: 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff, 2px -2px 0 #ffffff, 2px -1px 0 #ffffff, 2px 0px 0 #ffffff, -2px -2px 0 #ffffff, -2px -1px 0 #ffffff, -2px 0px 0 #ffffff, 1px -2px 0 #ffffff, 1px -1px 0 #ffffff, 1px 0px 0 #ffffff, -1px -2px 0 #ffffff, -1px -1px 0 #ffffff, -1px 0px 0 #ffffff, 0px -2px 0 #ffffff, 0px -1px 0 #ffffff, 0px 0px 0 #ffffff;
text-decoration: none;
transition: all 250ms ease-out;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 -2px 0 0 #ffa200 inset;
}
.using-table .table-row .table-cell a.orange a,
.using-table .table-row .table-cell a.orange a:hover {
text-decoration: none !important;
}
.using-table .table-row .table-cell.triple {
padding: 0 0 0 13px;
}
.using-table .table-row .table-cell.triple span {
text-align: center;
letter-spacing: -0.3px;
width: 50%;
}
.using-table .table-row .table-cell.triple span.title-of-table {
width: 50%;
}
.using-table .table-row:not(.title):not(.footer) .table-cell {
border-bottom: 1px solid #ccc;
}
.using-table .table-row.head {
height: 55px;
}
.using-table .table-row.head .table-cell {
border-top: 1px solid #ccc;
font-size: 14px;
color: #939393;
}
.using-table .table-row.title {
height: 60px;
}
.using-table .table-row.title .table-cell {
-webkit-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
padding-bottom: 10px;
font-size: 22px;
font-weight: 600;
}
.using-table .eng .table-row .table-cell.triple {
padding: 0 8px 0 0;
}
.using-table .eng .table-row .table-cell.triple span {
width: 50%;
letter-spacing: -0.1px;
padding: 0 10px;
}
.using-table .eng .table-row .table-cell.triple span:first-child,
.using-table .eng .table-row .table-cell.triple span:last-child {
width: 50%;
padding: 0;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.billing.sys-message.modern {
position: relative;
}
.billing.sys-message.modern .billing-warn-win-ico {
width: 40px;
height: 40px;
background: linear-gradient(40.52deg, #11B9C2 0%, #9FDC46 100%);
border-radius: 10px;
}
.billing.sys-message.modern .billing-warn-win-ico svg {
fill: #fff;
width: 32px;
padding: 3px 4px 5px;
}
.billing.sys-message.modern .billing-warn-win-ico svg g {
transform: rotate(0deg);
transform-origin: 50% 47%;
-webkit-animation-name: mill;
-moz-animation-name: mill;
-ms-animation-name: mill;
-o-animation-name: mill;
animation-name: mill;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes mill {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-90deg);
}
}
.billing.sys-message.modern .sys-message-close {
opacity: 1;
}
.billing-warn-win {
background: #3a3b3e;
position: relative;
bottom: 0;
right: 16px;
width: 425px;
min-height: 55px;
color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
box-sizing: border-box;
}
.billing-warn-win .billing-warn-win-close {
position: absolute;
top: 4px;
right: 4px;
cursor: pointer;
}
.billing-warn-win .billing-warn-win-ico {
background: url('/img/iconset/billing32.png') no-repeat;
width: 32px;
height: 32px;
display: inline-block;
background-position: center -928px;
padding: 0 12px;
}
.billing-warn-win .billing-warn-win-text {
font-size: 13px;
}
.billing-warn-win .billing-warn-win-text a {
color: #fff;
text-decoration: none;
display: inline-block;
border-bottom: 1px dotted #fff;
}
.billing-warn-win .svg-icon-10px {
margin: 0 5px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.draggable-block {
cursor: grab;
}
.billing-warn-win-text-underuser,
.billing-warn-win-text-username {
font-size: 12.2px;
}
.billing-warn-win-text-underuser {
opacity: 0.6;
}
.billing-warn-win-text-block {
display: block;
margin-right: 10px;
max-width: 240px;
overflow: hidden;
}
.billing-warn-win-ico-admin {
width: 30px;
height: 30px;
border-radius: 5px;
margin-left: 17px;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.billing-warn-win-ico-worker {
width: 30px;
height: 30px;
border-radius: 5px;
margin-right: 17px;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.billing-warn-win-ico-logout {
width: 56px;
height: 55px;
cursor: pointer;
margin-left: auto;
background: #1abe72;
-webkit-transition: 250ms;
-moz-transition: 250ms;
-o-transition: 250ms;
-ms-transition: 250ms;
transition: 250ms;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.billing-warn-win-ico-logout svg {
margin: auto;
cursor: pointer;
width: 30px;
height: 30px;
}
.billing-warn-win-ico-logout:hover {
background: #000;
}
.svg {
fill: white;
}
.billing-wire-anketa {
margin: 0 -20px;
}
.billing-wire-anketa .billing-wire-anketa-step {
display: none;
}
.billing-wire-anketa .billing-wire-anketa-step.billing-wire-anketa-step-active {
display: block;
}
.billing-wire-anketa .billing-wire-anketa-step .billing-wire-anketa-step-header {
background: #8c10a7;
color: #fff;
font-size: 18px;
padding: 25px 20px 20px;
}
.billing-wire-anketa .billing-wire-anketa-step .billing-wire-anketa-step-hint {
margin: 20px 18px 0;
font-size: 13px;
line-height: 1.3;
color: #525252;
background: #F4FAE7;
border-top: 1px solid #CADAA9;
border-bottom: 1px solid #CADAA9;
padding: 15px;
}
.font-classic .billing-wire-anketa .billing-wire-anketa-step .billing-wire-anketa-step-hint {
font-size: 12px;
}
.billing-wire-anketa .billing-wire-anketa-step .billing-wire-anketa-step-items {
padding: 0 18px;
}
.billing-wire-anketa .billing-wire-anketa-buttons {
padding: 20px 20px 0;
}
.billing-wire-anketa .billing-wire-anketa-buttons input + input {
margin-left: 7px;
}
.page-layout-block.subscription-page-layout {
background: var(--background-color-light-gray, #F7F7F7);
}
.subscription-page .subscription-page-content {
padding-bottom: 20px;
}
.subscription-page .subscription-page-header {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
background: var(--menu);
padding: 17px 62px 18px 25px;
min-height: 85px;
}
.subscription-page .subscription-page-header__plan-info {
color: var(--notActiveFilterText);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.subscription-page .subscription-page-header__plan-info .current-plan {
margin-right: 68px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.subscription-page .subscription-page-header__plan-info .current-plan__title {
font-size: 14px;
margin-right: 19px;
}
.subscription-page .subscription-page-header__plan-info .current-plan__icon {
margin-right: 15px;
}
.subscription-page .subscription-page-header__plan-info .current-plan__icon img {
width: 68px;
height: 68px;
}
.subscription-page .subscription-page-header__plan-info .current-plan__plan-name {
font-size: 18px;
}
.subscription-page .subscription-page-header__plan-info .plan-period-end {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.subscription-page .subscription-page-header__plan-info .plan-period-end__title {
font-size: 14px;
margin-right: 25px;
}
.subscription-page .subscription-page-header__plan-info .plan-period-end__date-border {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 85px;
height: 85px;
border-radius: 100%;
background-color: var(--activeFilter);
background-image: linear-gradient(91deg, transparent 50%, var(--subscription-period-end-gradient, #d6d6d6) 50%), linear-gradient(90deg, var(--subscription-period-end-gradient, #d6d6d6) 50%, transparent 50%);
}
.subscription-page .subscription-page-header__plan-info .plan-period-end__date-border_circle {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
background: var(--menu);
width: 75px;
height: 75px;
border-radius: 100%;
}
.subscription-page .subscription-page-header__plan-info .plan-period-end__date-border_circle .end-date-text {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
color: var(--notActiveFilterText);
opacity: 0.45;
}
.subscription-page .subscription-page-header__plan-info .prev-step {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 12px;
cursor: pointer;
font-size: 15px;
}
.subscription-page .subscription-page-header__plan-info .prev-step i {
display: block;
width: 24px;
height: 16px;
}
.subscription-page .subscription-page-header__plan-info .prev-step i svg {
width: 24px;
height: 16px;
fill: none;
stroke: var(--activeFilter);
}
.subscription-page .subscription-page-header__nav {
display: flex;
gap: 43px;
}
.subscription-page .subscription-page-header__nav_head {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: relative;
cursor: pointer;
}
.subscription-page .subscription-page-header__nav_head span {
font-size: 15px;
color: var(--notActiveFilterText);
font-weight: 400;
margin-top: 8px;
}
.subscription-page .subscription-page-header__nav_head svg {
width: 26px;
height: 26px;
stroke: var(--notActiveFilterText);
fill: none;
stroke-width: 0.6px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.subscription-page .subscription-page-header__nav_head.active:after {
background: var(--activeFilter);
content: '';
width: 52px;
height: 4px;
border-radius: 6px;
transition: 250ms ease background;
position: absolute;
bottom: -20px;
}
.subscription-page .subscription-page-header__nav_head.active svg {
stroke: var(--activeFilter);
stroke-width: 0.8px;
}
.subscription-page .subscription-page-header__nav_head:hover svg {
stroke: var(--activeFilter);
}
.subscription-page .subscription-location__header {
margin: 66px 0 55px;
color: var(--task-card-title-text, #4B4B4B);
font-size: 26px;
text-align: center;
}
.subscription-page .subscription-location__content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
gap: 16px;
}
.subscription-page .subscription-location__content_info {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: max-content;
gap: 16px;
}
.subscription-page .subscription-location__content_icon {
background: var(--white-black, white);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
max-width: 734px;
width: 100%;
border-radius: 8px;
-webkit-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
}
.subscription-page .subscription-location__content_icon.de img {
max-width: 524px;
width: 100%;
}
.subscription-page .subscription-location__content_icon.ru img {
max-width: 509px;
width: 100%;
}
.subscription-page .subscription-location__content_icon.us img {
max-width: 302px;
width: 100%;
}
.subscription-page .subscription-location__content_icon.sg img {
max-width: 509px;
width: 100%;
}
.subscription-page .subscription-location__content_info {
max-width: 362px;
width: 100%;
}
.subscription-page .subscription-location__content_info .data-processing,
.subscription-page .subscription-location__content_info .file-storage {
font-size: 14px;
background: var(--white-black, white);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
gap: 15px;
text-align: center;
border-radius: 8px;
height: 221px;
padding: 0 30px;
}
.subscription-page .subscription-location__content_info .data-processing .text-wr,
.subscription-page .subscription-location__content_info .file-storage .text-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 18px;
}
.subscription-page .subscription-location__content_info .data-processing .title,
.subscription-page .subscription-location__content_info .file-storage .title {
color: var(--task-card-title-text, #4B4B4B);
font-weight: 700;
font-size: 16px;
margin: 0;
}
.subscription-page .subscription-documents__header {
margin: 66px 0 45px;
color: var(--task-card-title-text, #4B4B4B);
font-size: 26px;
text-align: center;
}
.subscription-page .subscription-documents__content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.subscription-page .subscription-documents__content .tbl-subscription-page {
max-width: 1108px;
}
.subscription-page .subscription-documents__content .tbl-subscription-page .tr-item .td-documents-name {
padding: 0 8px;
}
.subscription-page .subscription-documents__content .tbl-subscription-page .tr-item .td-documents-name .block-name {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.subscription-page .subscription-documents__content .tbl-subscription-page .tr-item .td-documents-name .block-name .common-svg-icon {
margin-right: 8px;
width: 24px;
height: 24px;
}
.subscription-page .subscription-documents__content .tbl-subscription-page .tr-item .td-documents-name .block-name .common-svg-icon svg {
width: 24px;
height: 24px;
}
.subscription-page .subscription-documents__content .tbl-subscription-page .tr-item .td-item .file-additional-download {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.subscription-page .subscription-documents__content .tbl-subscription-page .tr-item .td-item .file-additional-download .svg-icon-stroke svg {
fill: none;
cursor: pointer;
stroke: var(--activeButton);
}
.subscription-page .subscription-documents__content_empty-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: relative;
bottom: 60px;
}
.subscription-page .subscription-documents__content_empty-block .svg-icon {
background-image: url("/img/empty/svgEmpty16.svg");
width: 220px;
height: 220px;
display: inline-block;
opacity: var(--emptyIconOpacity, 1);
}
.subscription-page .subscription-documents__content_empty-block span {
display: block;
font-size: 18px;
text-align: center;
}
.subscription-page .subscription-documents.empty {
height: calc(100% - 130px);
}
.subscription-page .subscription-documents.empty .subscription-documents__content {
height: 100%;
}
.subscription-page .subscription-log__header {
margin: 66px 0 32px;
color: var(--task-card-title-text, #4B4B4B);
font-size: 26px;
text-align: center;
}
.subscription-page .subscription-log__tooltip {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.subscription-page .subscription-log__tooltip .tooltip-actions {
max-width: 1108px;
}
.subscription-page .subscription-log__content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.subscription-page .subscription-log__content .tbl-subscription-page {
max-width: 1108px;
}
.subscription-page .subscription-log__content .tbl-subscription-page .tr-item .td-item {
height: unset;
padding: 18px 8px 18px 16px;
}
.subscription-page .subscription-log__content .tbl-subscription-page .tr-item .td-item .log-resource {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.subscription-page .subscription-log__content .tbl-subscription-page .tr-item .td-item .log-resource svg {
width: 16px;
height: 16px;
fill: none;
stroke: var(--activeFilter);
}
.subscription-page .subscription-log__content .tbl-subscription-page .tr-item .td-item .log-resource:not(:first-child) {
margin-top: 15px;
}
.subscription-page .subscription-log__content .tbl-subscription-page .tr-item .td-item .arrow-change {
margin: 0 8px;
}
.subscription-page .subscription-log__content .tbl-subscription-page .tr-item .td-item .arrow-change svg {
width: 12px;
height: 12px;
fill: none;
stroke: #1abe72;
}
.subscription-page .subscription-log__content .tbl-subscription-page .tr-item .td-item .arrow-change.decrement svg {
stroke: #DD0000;
}
.subscription-page .subscription-log__content .tbl-subscription-page .tr-item .td-item .type-resource {
margin-right: 8px;
}
.subscription-page .subscription-log__content_empty-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: relative;
bottom: 60px;
}
.subscription-page .subscription-log__content_empty-block .svg-icon {
background-image: url("/img/empty/svgEmpty07.svg");
width: 220px;
height: 220px;
display: inline-block;
opacity: var(--emptyIconOpacity, 1);
}
.subscription-page .subscription-log__content_empty-block span {
display: block;
font-size: 18px;
text-align: center;
}
.subscription-page .subscription-log.empty {
height: calc(100% - 130px);
}
.subscription-page .subscription-log.empty .subscription-log__content {
height: 100%;
}
.subscription-page .subscription-resources__header {
margin: 66px 0 44px;
color: var(--task-card-title-text, #4B4B4B);
font-size: 26px;
text-align: center;
}
.subscription-page .subscription-resources__content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.subscription-page .subscription-resources__content_recommended-plan {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 100%;
max-width: 1108px;
position: relative;
margin-bottom: 60px;
}
.subscription-page .subscription-resources__content_recommended-plan .plans-wr {
min-width: 600px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.subscription-page .subscription-resources__content_recommended-plan .plans-wr .plan-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: relative;
font-size: 18px;
}
.subscription-page .subscription-resources__content_recommended-plan .plans-wr .plan-block .plan-icon {
margin-bottom: 60px;
stroke-width: 0.8px;
}
.subscription-page .subscription-resources__content_recommended-plan .plans-wr .plan-block .plan-icon img {
display: block;
width: 84px;
height: 84px;
}
.subscription-page .subscription-resources__content_recommended-plan .plans-wr .plan-block .plan-icon img svg {
width: 84px;
height: 84px;
}
.subscription-page .subscription-resources__content_recommended-plan .plans-wr .plan-block .plan-title {
color: var(--core-dropdown-text, #9C9C9C);
}
.subscription-page .subscription-resources__content_recommended-plan .plans-wr .plan-block .plan-name {
color: var(--task-card-title-text, #4B4B4B);
font-weight: 700;
}
.subscription-page .subscription-resources__content_recommended-plan .plans-wr .plan-block .plan-circle {
width: 26px;
height: 26px;
border: 3px solid var(--activeFilter);
border-radius: 50%;
position: absolute;
box-sizing: border-box;
top: 107px;
z-index: 10;
background: var(--white-black, #FFFFFF);
}
.subscription-page .subscription-resources__content_recommended-plan .plans-wr .plan-block .plan-circle-current {
width: 10px;
height: 10px;
background: var(--activeFilter);
border-radius: 50%;
position: absolute;
top: 115px;
z-index: 10;
}
.subscription-page .subscription-resources__content_recommended-plan .plans-line {
width: 100%;
position: absolute;
background: var(--activeFilter);
height: 3px;
border-radius: 3px;
top: 119px;
z-index: 1;
}
.subscription-page .subscription-resources__content_plan-parameters {
width: 100%;
max-width: 1108px;
margin-bottom: 38px;
}
.subscription-page .subscription-resources__content_plan-parameters .plans-header {
font-size: 22px;
color: var(--task-card-title-text, #4B4B4B);
text-align: center;
margin-bottom: 32px;
}
.subscription-page .subscription-resources__content_plan-parameters .plans-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 17px;
}
.subscription-page .subscription-resources__content_plan-parameters .plans-block .plan-item-resources {
width: 208px;
height: 119px;
border-radius: 12px;
background: var(--file-upload-ubloaded-block, #EAEAEA);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
box-sizing: border-box;
cursor: pointer;
}
.subscription-page .subscription-resources__content_plan-parameters .plans-block .plan-item-resources .plan-icon {
margin-bottom: 8px;
}
.subscription-page .subscription-resources__content_plan-parameters .plans-block .plan-item-resources .plan-icon img {
display: block;
width: 46px;
height: 46px;
}
.subscription-page .subscription-resources__content_plan-parameters .plans-block .plan-item-resources .plan-name {
color: var(--task-card-title-text, #4B4B4B);
font-size: 16px;
}
.subscription-page .subscription-resources__content_plan-parameters .plans-block .plan-item-resources.active {
border: 1px solid var(--activeFilter);
background: var(--white-black, #fff);
}
.subscription-page .subscription-resources__content .value-selector {
margin-top: 0;
margin-bottom: 32px;
}
.subscription-page .subscription-resources__content .value-selector__item {
padding: 4px 16px 4px;
font-size: 12px;
}
.subscription-page .subscription-resources__content_resources-table {
padding-bottom: 46px;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-title {
color: var(--task-card-title-text, #4b4b4b);
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-title .td-item {
border-left: unset;
border-right: unset;
border-top: unset;
background: transparent;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-title .td-item.td-title {
font-size: 18px;
font-weight: 700;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-title:hover .td-item {
background: transparent;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item .td-item svg {
fill: none;
stroke: var(--black-white, #000);
width: 20px;
height: 20px;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item .td-item.td-name {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item .td-item.td-name .help-link__icon {
display: flex;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item .td-item.td-name .help-link__icon svg {
stroke: #b3b3b3;
width: 20px;
height: 20px;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item .link-value {
color: var(--task-status-color-active, #1b7FE8);
cursor: pointer;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item.red .td-used {
color: #ff0000;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item.red .td-used a {
color: #ff0000;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item.orange .td-used {
color: #ffa200;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item.check .td-item .td-item__icon-used svg,
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item.check .td-item .td-item__icon-limit svg {
stroke: #1abe72;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item.tr-first .td-item:first-child {
border-top-left-radius: 12px;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item.tr-first .td-item:last-child {
border-top-right-radius: 12px;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item.tr-last .td-item {
border-bottom: 1px solid var(--gray-border, #e2e2e2);
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item.tr-last .td-item:first-child {
border-bottom-left-radius: 12px;
}
.subscription-page .subscription-resources__content_resources-table .tbl-subscription-page .tr-item.tr-last .td-item:last-child {
border-bottom-right-radius: 12px;
}
.subscription-page .subscription-resources__content_resources-table.empty {
padding: 78px 0 198px;
}
.subscription-page .subscription-resources__content_resources-table .resources-empty-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.subscription-page .subscription-resources__content_resources-table .resources-empty-block .svg-image {
background-image: url("/img/empty/svgEmpty14.svg");
width: 220px;
height: 220px;
opacity: var(--emptyIconOpacity, 1);
}
.subscription-page .subscription-resources__content_resources-table .resources-empty-block span {
display: block;
font-size: 18px;
text-align: center;
}
.subscription-page .subscription-current-detail {
color: var(--task-card-title-text, #4B4B4B);
}
.subscription-page .subscription-current-detail__header {
margin-top: 66px;
font-size: 26px;
text-align: center;
}
.subscription-page .subscription-current-detail__content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
/* Ограничивающая оболочка */
}
.subscription-page .subscription-current-detail__content_customer-service {
text-align: center;
margin-top: 34px;
}
.subscription-page .subscription-current-detail__content_customer-service .icon {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.subscription-page .subscription-current-detail__content_customer-service .icon i {
width: 49px;
height: 49px;
display: block;
}
.subscription-page .subscription-current-detail__content_customer-service .icon i svg {
width: 49px;
height: 49px;
}
.subscription-page .subscription-current-detail__content_customer-service .title {
font-size: 14px;
margin-top: 8px;
}
.subscription-page .subscription-current-detail__content_customer-service .customer-name {
font-size: 22px;
}
.subscription-page .subscription-current-detail__content_customer-service .change-payment-details {
padding: 7px 16px;
border-radius: 6px;
cursor: pointer;
background: var(--activeFilter, #1abe72);
color: var(--activeFilterElement, var(--white-black, #fff));
margin-top: 12px;
font-size: 14px;
}
.subscription-page .subscription-current-detail__content_old-prices-info-block {
display: flex;
padding: 22px 36px 23px 36px;
border-radius: 12px;
margin-top: 30px;
background: linear-gradient(45deg, var(--subscription-price-gradient1, #FFFEE0) 0%, var(--subscription-price-gradient2, #BEFFCD) 100%);
position: relative;
}
.subscription-page .subscription-current-detail__content_old-prices-info-block i {
position: absolute;
top: 24%;
}
.subscription-page .subscription-current-detail__content_old-prices-info-block i svg {
width: 38px;
height: 47px;
}
.subscription-page .subscription-current-detail__content_old-prices-info-block span {
max-width: 610px;
font-size: 14px;
color: var(--task-card-title-text, #4B4B4B);
margin-left: 72px;
}
.subscription-page .subscription-current-detail__content_billing-state {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 100%;
height: 64px;
padding: 12px 16px;
max-width: 722px;
font-size: 14px;
color: var(--task-card-title-text, #4B4B4B);
margin-top: 31px;
border-radius: 12px;
position: relative;
background: var(--white-black, #fff);
}
.subscription-page .subscription-current-detail__content_billing-state span {
font-weight: 700;
}
.subscription-page .subscription-current-detail__content_billing-state:after {
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
background: linear-gradient(40.52deg, var(--subscription-billing-state-gradient1, #97da4c) 0, var(--subscription-billing-state-gradient2, #2fba97) 100%) border-box;
content: '';
z-index: -1;
border-radius: 13px;
}
.subscription-page .subscription-current-detail__content .tbl-subscription-page {
max-width: 754px;
margin-top: 31px;
}
.subscription-page .subscription-current-detail__content .tbl-subscription-page .tr-item .td-item.td-name span {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.subscription-page .subscription-current-detail__content .tbl-subscription-page .tr-item .td-item.td-name span i {
display: block;
width: 16px;
height: 16px;
margin-right: 16px;
}
.subscription-page .subscription-current-detail__content .tbl-subscription-page .tr-item .td-item.td-name span i svg {
width: 16px;
height: 16px;
fill: none;
stroke: var(--activeFilter);
}
.subscription-page .subscription-current-detail__content .tbl-subscription-page .tr-item .td-item.td-title {
font-size: 18px;
font-weight: 700;
background: transparent;
}
.subscription-page .subscription-current-detail__content .tbl-subscription-page .tr-item .td-item.td-title span sub {
position: relative;
top: -10px;
font-size: 13px;
}
.subscription-page .subscription-current-detail__content_summary-panel {
max-width: 754px;
width: 100%;
margin-top: 32px;
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 12px;
background: var(--white-black, #fff);
box-sizing: border-box;
overflow: hidden;
}
.subscription-page .subscription-current-detail__content_summary-panel.no-controls .subscription-current-detail__content_summary-body {
padding-bottom: 16px;
}
.subscription-page .subscription-current-detail__content_summary-body {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
width: 100%;
padding: 14px 14px 0;
box-sizing: border-box;
}
.subscription-page .subscription-current-detail__content_summary-body .total-content {
width: 296px;
}
.subscription-page .subscription-current-detail__content_summary-body .total-content__row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 14px;
align-items: baseline;
font-size: 14px;
line-height: 20px;
color: var(--billing-gray-label, #939393);
}
.subscription-page .subscription-current-detail__content_summary-body .total-content__row .title {
text-align: right;
}
.subscription-page .subscription-current-detail__content_summary-body .total-content__row .value {
min-width: 72px;
text-align: right;
white-space: nowrap;
}
.subscription-page .subscription-current-detail__content_summary-body .total-content__row_final {
color: var(--task-card-title-text, #4B4B4B);
font-size: 15px;
line-height: 25px;
}
.subscription-page .subscription-current-detail__content_summary-body .total-content__row_final .value {
font-size: 22px;
font-weight: 700;
}
.subscription-page .subscription-current-detail__content_summary-body .total-content__divider {
width: 196px;
height: 1px;
margin: 9px 0 10px auto;
background: var(--gray-border, #e2e2e2);
}
.subscription-page .subscription-current-detail__content_total {
position: relative;
width: 100%;
min-height: 42px;
padding: 0 14px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
box-sizing: border-box;
}
.subscription-page .subscription-current-detail__content_total::after {
content: '';
position: absolute;
right: 14px;
bottom: 0;
left: 14px;
height: 1px;
background: var(--gray-border, #e2e2e2);
}
.subscription-page .subscription-current-detail__content_total .usually-switcher-rc-v2 {
width: 100%;
}
.subscription-page .subscription-current-detail__content_total .usually-switcher-rc-v2 .enabled-panel {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0;
}
.subscription-page .subscription-current-detail__content_total .usually-switcher-rc-v2 .enabled-panel .enabled-panel-text {
min-width: 0;
padding-right: 12px;
}
.subscription-page .subscription-current-detail__content_total .usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch {
padding: 0;
}
.subscription-page .subscription-current-detail__content_wire-renewal-contact {
position: relative;
padding: 6px 14px;
}
.subscription-page .subscription-current-detail__content_wire-renewal-contact::after {
content: '';
position: absolute;
right: 14px;
bottom: 0;
left: 14px;
height: 1px;
background: var(--gray-border, #e2e2e2);
}
.subscription-page .subscription-current-detail__content_wire-renewal-contact .wire-renewal-contact-row {
display: grid;
grid-template-columns: 220px minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
min-height: 34px;
font-size: 14px;
}
.subscription-page .subscription-current-detail__content_wire-renewal-contact .wire-renewal-contact-row__label {
color: var(--billing-gray-label, #939393);
}
.subscription-page .subscription-current-detail__content_wire-renewal-contact .wire-renewal-contact-row__value {
min-width: 0;
overflow: hidden;
color: var(--task-card-title-text, #4b4b4b);
text-overflow: ellipsis;
white-space: nowrap;
}
.subscription-page .subscription-current-detail__content_buttons {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
width: auto;
margin: 16px 14px 14px;
gap: 14px;
font-size: 14px;
}
.subscription-page .subscription-current-detail__content_buttons.single-button {
grid-template-columns: 1fr;
}
.subscription-page .subscription-current-detail__content_buttons .btn {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
min-width: 0;
height: 29px;
padding: 0 16px;
border-radius: 6px;
box-sizing: border-box;
cursor: pointer;
background: var(--activeFilter, #1abe72);
color: var(--activeFilterElement, var(--white-black, #fff));
border: 1px solid transparent;
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.subscription-page .subscription-current-detail__content_buttons .btn:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
text-decoration: none;
}
.subscription-page .subscription-current-detail__content_buttons .btn.change-plan {
background: var(--white-black, #fff);
color: var(--task-card-title-text, #4B4B4B);
border-color: var(--gray-border, #e2e2e2);
}
.subscription-page .subscription-current-detail__content .slider {
display: flex;
width: 754px;
margin-top: 32px;
min-height: 92px;
height: auto;
align-items: center;
gap: 21px;
border-radius: 12px;
color: var(--text-color);
}
.subscription-page .subscription-current-detail__content .slider__item {
width: 754px;
}
.subscription-page .subscription-current-detail__content .slider .billing-year-hint {
border-radius: 12px;
background: var(--billing-years-hint-background);
border: 1px solid var(--billing-years-hint-border);
padding: 4px 38px 4px 30px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
box-sizing: border-box;
}
.subscription-page .subscription-current-detail__content .slider .billing-year-hint .svg-icon {
display: flex;
align-items: center;
}
.subscription-page .subscription-current-detail__content .slider .billing-year-hint .svg-icon__container {
margin: 2px 0 2px 0;
width: 78px;
height: 78px;
}
.subscription-page .subscription-current-detail__content .slider .billing-year-hint .svg-icon__container.percent-hint-dark {
background-image: url("/img/svg/svgPercentHint_Dark.svg");
}
.subscription-page .subscription-current-detail__content .slider .billing-year-hint .svg-icon__container.percent-hint-light {
background-image: url("/img/svg/svgPercentHint_Light.svg");
}
.subscription-page .subscription-current-detail__content .slider .billing-year-hint .hint-content {
min-height: 50px;
height: auto;
padding: 18px 0 18px 14px;
font-size: 16px;
}
.subscription-page .subscription-current-detail__content .slider .billing-year-hint .hint-content .hr {
margin: 7px 0 5px;
width: 100%;
height: 1px;
background: var(--billing-years-hint-border);
}
.subscription-page .subscription-current-detail__content .slider .billing-year-hint .hint-content .price-text {
font-weight: normal;
padding-top: 8px;
}
.subscription-page .subscription-current-detail__content .slider .billing-year-hint .hint-content .price-text strong {
font-weight: 600;
}
.subscription-page .subscription-current-detail__content .slick-track {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
padding-bottom: 2px;
}
.subscription-page .subscription-current-detail__content .slick-list {
overflow: hidden;
max-width: unset;
margin: auto;
}
.subscription-page .subscription-current-detail__content .slick-arrow {
display: none !important;
}
.tbl-subscription-page {
box-sizing: border-box;
}
.tbl-subscription-page .tr-head {
color: var(--text-color, #343434);
}
.tbl-subscription-page .tr-head .td-head {
height: 56px;
font-size: 15px;
font-weight: 400;
padding: 0 8px 0 16px;
}
.tbl-subscription-page .tr-head .l-center:last-child {
padding-right: 16px;
}
.tbl-subscription-page .tr-item {
color: var(--text-color, #343434);
}
.tbl-subscription-page .tr-item .td-item {
height: 56px;
font-size: 15px;
font-weight: 400;
padding: 0 8px 0 16px;
}
.tbl-subscription-page .tr-item .l-center:last-child {
padding-right: 16px;
}
@media screen and (max-height: 750px) {
.subscription-page .subscription-documents.empty,
.subscription-page .subscription-log.empty {
height: unset;
}
}
.selecting-plan {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
background: var(--file-viewer-canvas-bg, #f7f7f7);
padding: 0 24px 65px;
}
.selecting-plan__header {
color: var(--chosen-text, #333);
margin: 66px 0 0 0;
font-size: 26px;
}
.selecting-plan__periods {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 16px;
margin-top: 32px;
}
.selecting-plan__periods_plan-period {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
min-width: 140px;
border-radius: 6px;
border: 1px solid var(--mindmap-menu-item-disabled, #DEDEDE);
height: 42px;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
position: relative;
}
.selecting-plan__periods_plan-period svg {
position: absolute;
top: 15px;
left: 10px;
}
.selecting-plan__periods_plan-period.active {
border: 1px solid var(--activeFilter, #00864b);
box-shadow: 0 2px 16px 0 var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
background: var(--white-black, #fff);
}
.selecting-plan__periods_plan-period .billing-plan-period-bonus {
position: absolute;
top: -24px;
right: 109px;
}
.selecting-plan__periods_plan-period .billing-plan-period-bonus .billing-plan-period-bonus-text {
position: absolute;
z-index: 1;
white-space: nowrap;
top: 16px;
font-size: 13px;
left: 20px;
color: var(--white-black, #fff);
overflow: hidden;
text-overflow: ellipsis;
}
.selecting-plan__periods_plan-period .billing-plan-period-bonus .billing-plan-period-bonus-svg svg {
display: block;
width: 146px;
height: 32px;
fill: none;
left: 13px;
top: 13px;
}
.selecting-plan__periods_plan-period .billing-plan-period-bonus.long {
right: 123px;
}
.selecting-plan__periods_plan-period .billing-plan-period-bonus.long .billing-plan-period-bonus-svg svg {
width: 160px;
height: 32;
}
.selecting-plan__periods_plan-period .billing-plan-period-bonus.long .billing-plan-period-bonus-text {
left: 22px;
}
.selecting-plan__periods_plan-period .billing-plan-period-bonus.center .billing-plan-period-bonus-text {
left: 30px;
}
.selecting-plan .billing-plan-bonus-14 {
background: linear-gradient(225deg, #FFA4A4 0%, #7631FF 100%);
position: relative;
padding: 21px 59px 25px;
margin-top: 36px;
border-radius: 12px;
line-height: 1.1;
max-width: 1122px;
width: 100%;
}
.selecting-plan .billing-plan-bonus-14__title {
color: var(--white-black, #fff);
font-size: 34px;
}
.selecting-plan .billing-plan-bonus-14__shadow-title {
color: var(--billing-bonus-shadow, #F0C7FF);
font-size: 34px;
}
.selecting-plan .billing-plan-bonus-14__icon {
position: absolute;
bottom: 0;
right: 92px;
width: 239px;
height: 154px;
}
.selecting-plan .billing-plan-bonus-14__icon svg {
fill: none;
width: 100%;
height: 100%;
}
.selecting-plan__plans {
width: 100%;
overflow-x: scroll;
}
.selecting-plan__plans::-webkit-scrollbar {
display: none;
}
.selecting-plan__plans_items {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
gap: 24px;
white-space: nowrap;
width: 100%;
min-width: max-content;
padding-bottom: 36px;
}
.selecting-plan__plans_items.padding-bonus {
padding-top: 54px;
}
.selecting-plan__plans_items.padding-period {
padding-top: 36px;
}
.selecting-plan__plans_items.padding-header {
padding-top: 44px;
}
.selecting-plan__scroll-arrows {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 24px;
margin-top: 24px;
}
.selecting-plan__scroll-arrows .left,
.selecting-plan__scroll-arrows .right {
cursor: pointer;
opacity: 0.55;
}
.selecting-plan__scroll-arrows .left svg,
.selecting-plan__scroll-arrows .right svg {
width: 50px;
height: 50px;
fill: none;
}
.selecting-plan__scroll-arrows .left:hover,
.selecting-plan__scroll-arrows .right:hover {
opacity: 1;
}
.payment-process {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding-top: 66px;
padding-bottom: 70px;
gap: 24px;
background: var(--file-viewer-canvas-bg, #f7f7f7);
}
.payment-process__current-plan_prev-step {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 292px;
height: 74px;
background: var(--activeFilter, #00864b);
border-radius: 12px;
margin-bottom: 25px;
}
.payment-process__current-plan_prev-step .prev-step-title .prev-step-title-icon {
width: 25px;
height: 16px;
margin-right: 8.5px;
position: relative;
top: 2px;
}
.payment-process__current-plan_prev-step .prev-step-title .prev-step-title-icon svg {
width: 25px;
height: 16px;
fill: none;
}
.payment-process__current-plan_prev-step .prev-step-title .prev-step-title-text {
font-size: 14px;
color: var(--white-black, #FFFFFF);
}
.payment-process__payment-block {
width: 924px;
height: 695px;
position: relative;
box-shadow: 0 2px 16px 0 var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
border-radius: 12px;
}
.payment-process__payment-block_header {
height: 96px;
border-radius: 12px 12px 0 0;
background: var(--white-black, #FFFFFF);
display: flex;
justify-content: space-between;
align-items: center;
font-size: 15px;
color: var(--core-dropdown-text, #9C9C9C);
gap: 100px;
}
.payment-process__payment-block_header .header-title {
margin-left: 58px;
position: relative;
bottom: 8px;
min-width: 25%;
}
.payment-process__payment-block_header .header-info {
width: 50%;
margin-right: 75.6px;
position: relative;
top: 2px;
}
.payment-process__payment-block_header .header-info_first,
.payment-process__payment-block_header .header-info_second {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.payment-process__payment-block .change-plan {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.payment-process__payment-block .change-plan__info {
margin: auto;
padding: 72px 0 40px;
}
.payment-process__payment-block .change-plan__info_wr {
border-radius: 12px;
background: var(--white-black, #FFFFFF);
box-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
margin: 0 58px;
padding: 94px 79px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 74px;
}
.payment-process__payment-block .change-plan__info_title {
max-width: 469px;
text-align: center;
font-size: 22px;
color: var(--gray-dark-icon, #626262);
}
.payment-process__payment-block .change-plan__change-date_title {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 12px;
font-size: 18px;
margin-bottom: 20px;
color: var(--gray-dark-icon, #626262);
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.payment-process__payment-block .change-plan__change-date_title span {
width: 20px;
height: 20px;
}
.payment-process__payment-block .change-plan__change-date_title svg {
width: 20px;
height: 20px;
stroke: #88909B;
}
.payment-process__payment-block .change-plan__change-date_block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.payment-process__payment-block .change-plan__change-date_block .date-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
color: var(--core-dropdown-text, #9C9C9C);
font-size: 18px;
border-radius: 8px;
background: var(--confirm-win-head, #F5F5F5);
box-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
padding: 8px 25px;
}
.payment-process__payment-block .change-plan__change-date_block .date-block.to {
color: var(--task-card-title-text, #4B4B4B);
background: rgba(26, 190, 114, 0.2);
font-weight: 600;
}
.payment-process__payment-block .change-plan__change-date_block .date-separated {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 0 16px;
}
.payment-process__payment-block .change-plan__change-date_block .date-separated svg {
width: 20px;
height: 20px;
fill: none;
}
.payment-process__payment-block .change-plan__change-price_title {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 12px;
font-size: 18px;
margin-bottom: 20px;
color: var(--gray-dark-icon, #626262);
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.payment-process__payment-block .change-plan__change-price_title span {
width: 20px;
height: 20px;
}
.payment-process__payment-block .change-plan__change-price_title svg {
width: 20px;
height: 20px;
stroke: #88909B;
}
.payment-process__payment-block .change-plan__change-price .price-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
font-size: 18px;
border-radius: 8px;
box-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
padding: 8px 25px;
color: var(--task-card-title-text, #4B4B4B);
background: rgba(26, 190, 114, 0.2);
font-weight: 600;
width: fit-content;
}
.payment-process__payment-block .change-plan__activate {
background: #DFDFDF;
padding: 15px 56px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-radius: 0 0 12px 12px;
}
.payment-process__payment-block .change-plan__activate_button {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: 24px;
border-radius: 6px;
padding: 8px 16px;
font-size: 14px;
cursor: pointer;
background: var(--activeFilter, #00864b);
color: var(--activeFilterElement, var(--white-black, #fff));
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
width: fit-content;
}
.payment-process__payment-block .change-plan__activate_button:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
text-decoration: none;
}
.payment-process__payment-block .change-plan__activate_info {
position: absolute;
top: -28px;
font-size: 13px;
color: var(--core-dropdown-text, #9C9C9C);
}
.payment-process__payment-block .prolong-plan {
padding: 48px 58px 43px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 24px;
width: 100%;
margin-bottom: 48px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
height: 96px;
flex-grow: 1;
border-radius: 16px;
border: 1px solid var(--mindmap-menu-item-disabled, #DEDEDE);
width: 100%;
cursor: pointer;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.card .payment-button-text {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 20px;
width: 100%;
padding: 0 33px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-visa svg {
width: 58px;
height: 17.5px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-master-card svg {
width: 44px;
height: 35px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-american-express svg {
width: 46px;
height: 30px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-paypal svg {
width: 88px;
height: 21px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.card .payment-button-text .payment-system-mir svg {
width: 73px;
height: 20px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.wire .payment-button-text {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 15px;
width: 100%;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.wire .payment-button-text .payment-wire-transfer {
display: block;
width: 54px;
height: 42px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.wire .payment-button-text .payment-wire-transfer svg {
width: 100%;
fill: none;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.wire .payment-button-text span {
font-size: 15px;
color: var(--task-card-title-text, #4B4B4B);
text-transform: none;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.active-way {
border-color: var(--activeFilter, #00864b);
box-shadow: 0 2px 16px 0 var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
background: var(--white-black, #FFF);
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.one-way .payment-button-text {
justify-content: center;
gap: 56px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.one-way .payment-button-text .payment-system-visa svg {
width: 75px;
height: 22px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.one-way .payment-button-text .payment-system-master-card svg {
width: 56px;
height: 47px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.one-way .payment-button-text .payment-system-american-express svg {
width: 60px;
height: 39px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.one-way .payment-button-text .payment-system-paypal svg {
width: 112px;
height: 27px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.one-way .payment-button-text .payment-system-mir svg {
width: 82px;
height: 23px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods-title {
text-align: center;
color: var(--gray-dark-icon, #626262);
font-size: 26px;
margin-bottom: 32px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
gap: 16px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item {
width: 190px;
height: 253px;
border-radius: 12px;
border: 1px solid var(--mindmap-menu-item-disabled, #DEDEDE);
background: var(--confirm-win-head, #f5f5f5);
position: relative;
box-sizing: border-box;
cursor: pointer;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item .period-item-text {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
height: 48px;
padding: 0 30px;
color: var(--task-card-title-text, #4B4B4B);
font-size: 18px;
margin-top: 32px;
text-align: center;
margin-bottom: 24px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item .period-item-cost {
color: var(--task-card-title-text, #4B4B4B);
font-weight: 700;
font-size: 22px;
text-align: center;
margin-bottom: 30px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item .period-item-tax {
color: var(--task-card-title-text, #4B4B4B);
font-size: 12px;
text-align: center;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item .period-item-discount-block {
padding: 4px 8px;
color: var(--white-black, #FFF);
font-size: 12px;
font-weight: 700;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 174px;
position: absolute;
border-radius: 0 0 12px 12px;
bottom: -1px;
left: -1px;
text-align: center;
min-height: 24px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item .period-item-discount-block.discount-6 {
background: linear-gradient(48deg, #FF4D5F 0%, #FFBE72 100%);
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item .period-item-discount-block.discount-12 {
background: linear-gradient(48deg, #FF2674 0%, #FFA3A3 100%);
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item .period-item-button {
width: 190px;
height: 40px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
position: absolute;
font-size: 14px;
border-radius: 6px;
bottom: -49px;
text-align: center;
line-height: 15px;
background: var(--activeFilter, #00864b);
color: var(--activeFilterElement, var(--white-black, #fff));
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item .period-item-button:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
text-decoration: none;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item.active-item {
border-color: var(--activeFilter, #00864b);
box-shadow: 0 2px 16px 0 var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
background: var(--white-black, #fff);
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item.no-tax {
width: 190px;
height: 213px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item:hover {
border-color: var(--activeFilter, #00864b);
box-shadow: 0 2px 16px 0 var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
}
.payment-process__payment-block .prolong-plan .payment-method-prices-no-nds {
position: absolute;
bottom: 32px;
left: 58px;
}
.payment-process__payment-block .prolong-wire-transfer .icon,
.payment-process__payment-block .error .icon {
padding: 138px 0 48px;
text-align: center;
}
.payment-process__payment-block .prolong-wire-transfer .icon.card svg,
.payment-process__payment-block .error .icon.card svg {
width: 65px;
height: 65px;
fill: none;
}
.payment-process__payment-block .prolong-wire-transfer .title,
.payment-process__payment-block .error .title {
max-width: 603px;
text-align: center;
color: var(--task-card-title-text, #4B4B4B);
font-size: 26px;
margin: auto;
padding-bottom: 48px;
}
.payment-process__payment-block .prolong-wire-transfer .button-container,
.payment-process__payment-block .error .button-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.payment-process__payment-block .prolong-wire-transfer .button-container .button,
.payment-process__payment-block .error .button-container .button {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: 40px;
border-radius: 6px;
width: fit-content;
font-size: 14px;
padding: 0 16px;
cursor: pointer;
background: var(--activeFilter, #00864b);
color: var(--activeFilterElement, var(--white-black, #fff));
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.payment-process__payment-block .prolong-wire-transfer .button-container .button:hover,
.payment-process__payment-block .error .button-container .button:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
text-decoration: none;
}
.subscription-form-content {
min-height: calc(100vh - 250px);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding: 76px 0;
}
.subscription-form-content .subscription-form {
width: 656px;
border-radius: 12px;
background: var(--confirm-win-head, #f5f5f5);
box-shadow: 0 2px 16px 0 var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
height: fit-content;
}
.subscription-form-content .subscription-form__header {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 32px 16px 32px 24px;
color: var(--gray-dark-icon, #626262);
font-size: 22px;
background: var(--white-black, #FFF);
border-radius: 12px 12px 0 0;
margin-bottom: 32px;
}
.subscription-form-content .subscription-form__primary-information {
padding: 0 24px 32px 24px;
}
.subscription-form-content .subscription-form__primary-information_choice-subject {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 16px;
}
.subscription-form-content .subscription-form__primary-information_choice-subject .subject-item {
width: 296px;
height: 42px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-radius: 6px;
background: var(--white-black, #FFF);
color: var(--task-card-title-text, #4B4B4B);
font-size: 14px;
border: 1px solid var(--mindmap-menu-item-disabled, #DEDEDE);
box-sizing: border-box;
cursor: pointer;
}
.subscription-form-content .subscription-form__primary-information_choice-subject .subject-item.active {
border: 1px solid var(--activeFilter, #00864b);
box-shadow: 0 2px 16px 0 var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
}
.subscription-form-content .subscription-form__primary-information_choice-subject .subject-item.disabled {
opacity: 0.5;
cursor: default;
}
.subscription-form-content .subscription-form__primary-information_choice-country {
margin-top: 32px;
}
.subscription-form-content .subscription-form__primary-information_choice-state {
margin-top: 16px;
}
.subscription-form-content .subscription-form__details {
padding: 0 24px 16px;
}
.subscription-form-content .subscription-form__details .company-fields-disabled-hint {
margin-bottom: 16px;
}
.subscription-form-content .subscription-form__details .company-field-item {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 16px;
margin-bottom: 16px;
}
.subscription-form-content .subscription-form__details .company-field-item .field-container {
width: 100%;
}
.subscription-form-content .subscription-form__details .company-field-item .field-container.short {
width: 296px;
}
.subscription-form-content .subscription-form__details .service-provided {
color: var(--gray-dark-icon, #626262);
font-size: 16px;
border-bottom: 1px solid var(--mindmap-menu-item-disabled, #DEDEDE);
margin-bottom: 22px;
padding-bottom: 8px;
}
.subscription-form-content .subscription-form__details.required-field .company-field-item .is-empty .label {
color: red;
}
.subscription-form-content .subscription-form__footer {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: end;
-ms-justify-content: end;
justify-content: end;
height: 64px;
background: var(--mindmap-menu-item-disabled, #DEDEDE);
border-radius: 0 0 12px 12px;
padding: 0 24px;
}
.subscription-form-content .subscription-form__footer_button {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: 32px;
padding: 0 16px;
border-radius: 6px;
width: fit-content;
font-size: 14px;
cursor: pointer;
background: var(--activeFilter, #00864b);
color: var(--activeFilterElement, var(--white-black, #fff));
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.subscription-form-content .subscription-form__footer_button:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
text-decoration: none;
}
.subscription-form-content .subscription-form__footer_button.disabled {
opacity: 0.5;
cursor: default;
}
.subscription-form-content .subscription-form__footer_button.disabled:hover {
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
}
.plan-item {
background: var(--white-black, #FFFFFF);
width: 292px;
min-height: 695px;
border-radius: 12px;
box-shadow: inset 0 0 0 1px var(--white-black, #FFF), 0 2px 5px var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
box-sizing: border-box;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.plan-item__greentop {
position: absolute;
border-radius: 12px;
margin: -21px 43px;
height: 29px;
background: var(--activeFilter, #00864b);
width: 213px;
}
.plan-item__header {
margin-top: 32.7px;
color: var(--task-card-title-text, #4B4B4B);
font-size: 26px;
margin-bottom: 24.2px;
line-height: 35px;
}
.plan-item__configurations {
cursor: pointer;
}
.plan-item__user .plan-item-control,
.plan-item__contact .plan-item-control,
.plan-item__drive .plan-item-control,
.plan-item__resourcePacks .plan-item-control,
.plan-item__aiCredits .plan-item-control,
.plan-item__configurations .plan-item-control {
width: 178px;
margin-bottom: 18px;
}
.plan-item__user .plan-item-control .control-title,
.plan-item__contact .plan-item-control .control-title,
.plan-item__drive .plan-item-control .control-title,
.plan-item__resourcePacks .plan-item-control .control-title,
.plan-item__aiCredits .plan-item-control .control-title,
.plan-item__configurations .plan-item-control .control-title {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 13px;
text-align: center;
line-height: 17px;
}
.plan-item__user .plan-item-control .control-title.before:not(:empty),
.plan-item__contact .plan-item-control .control-title.before:not(:empty),
.plan-item__drive .plan-item-control .control-title.before:not(:empty),
.plan-item__resourcePacks .plan-item-control .control-title.before:not(:empty),
.plan-item__aiCredits .plan-item-control .control-title.before:not(:empty),
.plan-item__configurations .plan-item-control .control-title.before:not(:empty) {
margin-bottom: 4px;
}
.plan-item__user .plan-item-control .control-title.after,
.plan-item__contact .plan-item-control .control-title.after,
.plan-item__drive .plan-item-control .control-title.after,
.plan-item__resourcePacks .plan-item-control .control-title.after,
.plan-item__aiCredits .plan-item-control .control-title.after,
.plan-item__configurations .plan-item-control .control-title.after {
margin-top: 4px;
}
.plan-item__user .plan-item-control .control-title.hidden-title,
.plan-item__contact .plan-item-control .control-title.hidden-title,
.plan-item__drive .plan-item-control .control-title.hidden-title,
.plan-item__resourcePacks .plan-item-control .control-title.hidden-title,
.plan-item__aiCredits .plan-item-control .control-title.hidden-title,
.plan-item__configurations .plan-item-control .control-title.hidden-title {
opacity: 0;
}
.plan-item__user .plan-item-control .control-title.active-title,
.plan-item__contact .plan-item-control .control-title.active-title,
.plan-item__drive .plan-item-control .control-title.active-title,
.plan-item__resourcePacks .plan-item-control .control-title.active-title,
.plan-item__aiCredits .plan-item-control .control-title.active-title,
.plan-item__configurations .plan-item-control .control-title.active-title {
color: #4573B1;
}
.plan-item__user .plan-item-control .control-block,
.plan-item__contact .plan-item-control .control-block,
.plan-item__drive .plan-item-control .control-block,
.plan-item__resourcePacks .plan-item-control .control-block,
.plan-item__aiCredits .plan-item-control .control-block,
.plan-item__configurations .plan-item-control .control-block {
width: 100%;
height: 40px;
border-radius: 6px;
background: var(--grey-dark-hover, #f2f2f2);
padding: 0 4px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
box-sizing: border-box;
}
.plan-item__user .plan-item-control .control-block__hidden-buttons,
.plan-item__contact .plan-item-control .control-block__hidden-buttons,
.plan-item__drive .plan-item-control .control-block__hidden-buttons,
.plan-item__resourcePacks .plan-item-control .control-block__hidden-buttons,
.plan-item__aiCredits .plan-item-control .control-block__hidden-buttons,
.plan-item__configurations .plan-item-control .control-block__hidden-buttons {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.plan-item__user .plan-item-control .control-block .control-button,
.plan-item__contact .plan-item-control .control-block .control-button,
.plan-item__drive .plan-item-control .control-block .control-button,
.plan-item__resourcePacks .plan-item-control .control-block .control-button,
.plan-item__aiCredits .plan-item-control .control-block .control-button,
.plan-item__configurations .plan-item-control .control-block .control-button {
width: 14px;
height: 14px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding: 9px 4px;
background: var(--white-black, #fff);
border-radius: 4px;
cursor: pointer;
}
.plan-item__user .plan-item-control .control-block .control-button svg,
.plan-item__contact .plan-item-control .control-block .control-button svg,
.plan-item__drive .plan-item-control .control-block .control-button svg,
.plan-item__resourcePacks .plan-item-control .control-block .control-button svg,
.plan-item__aiCredits .plan-item-control .control-block .control-button svg,
.plan-item__configurations .plan-item-control .control-block .control-button svg {
stroke: #4573B1;
width: 14px;
height: 14px;
}
.plan-item__user .plan-item-control .control-block .control-value-input,
.plan-item__contact .plan-item-control .control-block .control-value-input,
.plan-item__drive .plan-item-control .control-block .control-value-input,
.plan-item__resourcePacks .plan-item-control .control-block .control-value-input,
.plan-item__aiCredits .plan-item-control .control-block .control-value-input,
.plan-item__configurations .plan-item-control .control-block .control-value-input {
width: 86px;
height: 23px;
padding: 0;
border: unset;
margin: 0 16px;
color: var(--task-card-title-text, #4B4B4B);
text-align: center;
font-size: 28px;
outline: none;
background: transparent;
line-height: 23px;
box-sizing: border-box;
}
.plan-item__user .plan-item-control .control-block .control-value-text,
.plan-item__contact .plan-item-control .control-block .control-value-text,
.plan-item__drive .plan-item-control .control-block .control-value-text,
.plan-item__resourcePacks .plan-item-control .control-block .control-value-text,
.plan-item__aiCredits .plan-item-control .control-block .control-value-text,
.plan-item__configurations .plan-item-control .control-block .control-value-text {
width: 117px;
height: 21px;
font-size: 16px;
}
.plan-item__user .plan-item-control .control-block .control-value-text .price,
.plan-item__contact .plan-item-control .control-block .control-value-text .price,
.plan-item__drive .plan-item-control .control-block .control-value-text .price,
.plan-item__resourcePacks .plan-item-control .control-block .control-value-text .price,
.plan-item__aiCredits .plan-item-control .control-block .control-value-text .price,
.plan-item__configurations .plan-item-control .control-block .control-value-text .price {
color: var(--task-card-title-text, #4B4B4B);
position: relative;
margin-right: 2px;
}
.plan-item__user .plan-item-control .control-block .control-value-text .price .currency,
.plan-item__contact .plan-item-control .control-block .control-value-text .price .currency,
.plan-item__drive .plan-item-control .control-block .control-value-text .price .currency,
.plan-item__resourcePacks .plan-item-control .control-block .control-value-text .price .currency,
.plan-item__aiCredits .plan-item-control .control-block .control-value-text .price .currency,
.plan-item__configurations .plan-item-control .control-block .control-value-text .price .currency {
position: absolute;
font-size: 10px;
right: -2px;
top: 1px;
}
.plan-item__user .plan-item-control .control-block .control-value-text .period,
.plan-item__contact .plan-item-control .control-block .control-value-text .period,
.plan-item__drive .plan-item-control .control-block .control-value-text .period,
.plan-item__resourcePacks .plan-item-control .control-block .control-value-text .period,
.plan-item__aiCredits .plan-item-control .control-block .control-value-text .period,
.plan-item__configurations .plan-item-control .control-block .control-value-text .period {
color: var(--core-dropdown-text, #9C9C9C);
}
.plan-item__user .plan-item-control .control-block input[type=number]::-webkit-inner-spin-button,
.plan-item__contact .plan-item-control .control-block input[type=number]::-webkit-inner-spin-button,
.plan-item__drive .plan-item-control .control-block input[type=number]::-webkit-inner-spin-button,
.plan-item__resourcePacks .plan-item-control .control-block input[type=number]::-webkit-inner-spin-button,
.plan-item__aiCredits .plan-item-control .control-block input[type=number]::-webkit-inner-spin-button,
.plan-item__configurations .plan-item-control .control-block input[type=number]::-webkit-inner-spin-button,
.plan-item__user .plan-item-control .control-block input[type=number]::-webkit-outer-spin-button,
.plan-item__contact .plan-item-control .control-block input[type=number]::-webkit-outer-spin-button,
.plan-item__drive .plan-item-control .control-block input[type=number]::-webkit-outer-spin-button,
.plan-item__resourcePacks .plan-item-control .control-block input[type=number]::-webkit-outer-spin-button,
.plan-item__aiCredits .plan-item-control .control-block input[type=number]::-webkit-outer-spin-button,
.plan-item__configurations .plan-item-control .control-block input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.plan-item__user .plan-item-control .control-block input[type=number],
.plan-item__contact .plan-item-control .control-block input[type=number],
.plan-item__drive .plan-item-control .control-block input[type=number],
.plan-item__resourcePacks .plan-item-control .control-block input[type=number],
.plan-item__aiCredits .plan-item-control .control-block input[type=number],
.plan-item__configurations .plan-item-control .control-block input[type=number] {
-moz-appearance: textfield;
}
.plan-item__drive .drive-control-header {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 13px;
text-align: center;
line-height: 17px;
margin-bottom: 4px;
}
.plan-item__drive .common-drive-control {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 2px;
}
.plan-item__drive .common-drive-control .plan-item-display .control-value {
height: 39px;
width: 72px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-radius: 6px;
background: var(--grey-dark-hover, #f2f2f2);
font-size: 20px;
color: var(--task-card-title-text, #4B4B4B);
position: relative;
top: 1px;
}
.plan-item__drive .common-drive-control .plan-item-display .control-title {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 13px;
text-align: center;
line-height: 17px;
margin-top: 4px;
}
.plan-item__drive .common-drive-control .plan-item-control {
width: 104px;
}
.plan-item__drive .common-drive-control .plan-item-control .control-block .control-value-input {
width: 44px;
margin: 0 4px;
font-size: 20px;
}
.plan-item__configurations .plan-item-control .control-block {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.plan-item__configurations .plan-item-control .control-block .control-value-text {
text-align: center;
}
.plan-item .price-employee {
margin-bottom: 22.5px;
}
.plan-item .price-employee__sum {
font-size: 48px;
line-height: 44px;
color: var(--default-gray, #808080);
text-align: center;
position: relative;
}
.plan-item .price-employee__sum_currency {
position: absolute;
font-size: 28px;
top: -6px;
}
.plan-item .price-employee__sum_currency.before {
left: -16px;
}
.plan-item .price-employee__title {
font-size: 13px;
color: var(--core-dropdown-text, #9C9C9C);
text-align: center;
line-height: 17px;
}
.plan-item__custom-domain {
color: var(--gray-dark-icon, #626262);
display: flex;
margin-bottom: 12px;
}
.plan-item__custom-domain .usually-switcher-rc-v2 .enabled-panel {
padding: 0;
}
.plan-item__custom-domain .usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch {
padding: 0 8px 0 0;
}
.plan-item__custom-domain .action-icons__icon {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
}
.plan-item__custom-domain .action-icons__icon svg {
width: 16px;
height: 16px;
position: absolute;
stroke: var(--gray-input-border, #bbb);
fill: none;
top: 2px;
left: 8.5px;
}
.plan-item__custom-domain_label {
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.plan-item__custom-domain_label .currency {
position: relative;
font-size: 11px;
top: -4px;
}
.plan-item__custom-domain_label .currency.before {
top: unset;
font-size: 15px;
}
.plan-item__custom-domain.long-title {
position: relative;
left: -5px;
}
.plan-item__plan-options {
position: absolute;
bottom: 0;
color: #4573B1;
font-size: 14px;
margin-bottom: 32px;
cursor: pointer;
line-height: 19px;
}
.plan-item__choose-plan {
width: 196px;
height: 40px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-radius: 20px;
background: var(--white-black, #ffffff);
font-size: 14px;
color: var(--gray-input-border, #bbb);
margin-bottom: 32px;
box-sizing: border-box;
cursor: pointer;
}
.plan-item__selected-plan {
width: 100%;
height: 92px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
background: var(--activeFilter, #00864b);
border-radius: 24px;
font-size: 26px;
color: var(--activeFilterElement, var(--white-black, #fff));
cursor: pointer;
}
.plan-item.active {
box-shadow: inset 0 0 0 1px var(--activeFilter, #00864b), 0 2px 16px var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}
.plan-item.active .price-employee__sum {
font-weight: 600;
color: var(--task-card-title-text, #4B4B4B);
}
.plan-item .hidden-block {
opacity: 0;
}
.plan-item.presentation {
padding: 32px 24px 24px 24px;
min-height: unset;
}
.plan-item.presentation .plan-item__greentop {
margin-top: -53px;
}
.plan-item.presentation .plan-item__header {
margin-top: 0;
font-weight: 600;
}
.plan-item.presentation .price-employee {
margin-bottom: 16px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.plan-item.presentation .price-employee .price-employee__sum {
line-height: 48px;
font-weight: 700;
color: var(--task-card-title-text, #4B4B4B);
width: max-content;
}
.plan-item.presentation .price-employee .price-employee__title {
font-size: 14px;
}
.plan-item.presentation .plan-item__description {
color: var(--task-card-title-text, #4B4B4B);
height: 76px;
white-space: normal;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 4;
font-size: 14px;
}
.plan-item.presentation .plan-item__choose-plan {
width: 100%;
border-radius: 8px;
background: var(--activeButton, #0fabdd);
color: var(--activeButtonElements, var(--white-black, #ffffff));
margin: 24px 0 16px;
font-size: 16px;
cursor: pointer;
}
.plan-item.presentation .plan-item__choose-plan:hover {
box-shadow: 0 0 0 2px var(--micro-card-svg-market, rgba(0, 0, 0, 0.2)) inset;
}
.plan-item.presentation .plan-item__list-of-features {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
margin-bottom: 60px;
}
.plan-item.presentation .plan-item__list-of-features .feature {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 10px;
color: var(--task-card-title-text, #4B4B4B);
font-size: 13px;
white-space: normal;
}
.plan-item.presentation .plan-item__list-of-features .feature .icon {
display: block;
width: 16px;
height: 16px;
}
.plan-item.presentation .plan-item__list-of-features .feature .icon svg {
width: 16px;
height: 16px;
fill: none;
stroke: #1ABE72;
}
.plan-item.presentation .plan-options {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: 36px;
border-radius: 8px;
font-size: 14px;
color: #4573B1;
border: 1px solid var(--mindmap-menu-item-disabled, #DEDEDE);
position: absolute;
bottom: 24px;
width: calc(100% - 48px);
cursor: pointer;
}
@media (max-width: 1280px) {
.payment-process__payment-block {
width: 712px;
}
.payment-process__payment-block .prolong-plan {
padding: 48px 24px 43px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods {
gap: 8px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item {
width: 160px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item .period-item-discount-block {
width: 144px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item .period-item-button {
width: 160px;
}
.payment-process__payment-block .prolong-plan .payment-method-periods .period-item.no-tax {
width: 160px;
}
.payment-process__payment-block .prolong-plan .payment-method-ways .payment-method-way.card .payment-button-text {
padding: 0 19px;
}
.payment-process__payment-block_header .header-title {
margin-left: 30px;
min-width: 28%;
}
.payment-process__payment-block .change-plan__info_wr {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
padding: 35px 79px;
}
.payment-process__current-plan .plan-item {
width: 242px;
height: 695px;
}
.payment-process__current-plan .plan-item__custom-domain {
gap: 8px;
padding: 0 18px;
align-items: center;
}
.payment-process__current-plan .plan-item__custom-domain .usually-switcher-rc-v2 {
overflow: unset;
}
.payment-process__current-plan .plan-item__custom-domain .usually-switcher-rc-v2 .enabled-panel {
display: unset;
}
.payment-process__current-plan .plan-item__custom-domain .usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch {
padding: unset;
}
}
.planner-block-resizer {
width: 12px;
opacity: 0;
cursor: e-resize;
touch-action: none;
user-select: none;
height: 35px;
margin: 8px 4px 0;
vertical-align: top;
display: inline-block;
-webkit-transition: opacity 250ms ease;
-moz-transition: opacity 250ms ease;
-o-transition: opacity 250ms ease;
-ms-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
.planner-block-resizer svg {
width: 13px;
height: 33px;
fill: #bdbdbd;
}
.planner-block-drag-target .planner-block-resizer {
opacity: 0 !important;
}
.planner-container > div:hover .planner-block-resizer {
opacity: 1;
}
.planner-block-calendar-container {
overflow: auto;
}
.planner-block-calendar-container .baron_scroller__bar {
z-index: 10;
}
.planner-block-calendar-container .jspTrack {
display: none;
}
.planner-block-calendar-container:hover .jspTrack {
display: block;
}
.planner-block-calendar-container .jspVerticalBar {
z-index: 51;
}
.planner-block-calendar-wrapper {
position: relative;
background-color: var(--white-black, white);
}
.planner-block-calendar-wrapper .dl-fake-tbl-calendar-week {
padding-top: 35px;
}
.planner-block-calendar-wrapper .content-c {
display: none;
}
.dialogWin .planner-block-calendar-container {
min-width: 440px;
}
.planner-block-calendar {
display: inline-block;
}
.planner-block-calendar.collapsed-ver {
padding: unset;
}
.planner-block-calendar .dayname-schedule {
display: none;
}
.planner-block-calendar .baron_scroller__bar {
right: 0;
}
.planner-block-calendar .planner-block-calendar-h {
color: var(--white-black, #fff);
text-align: left;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
margin-bottom: -40px;
margin-left: 8px;
margin-right: 8px;
position: relative;
z-index: 11;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-daily-h {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
margin-bottom: 0 !important;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-daily-h .calendar-date-h:nth-child(2) {
border-left: none;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-daily-h + .planner-block-tasks-container {
margin-top: 0;
border-radius: 0;
}
.planner-block-calendar .planner-block-calendar-h-day {
opacity: 0;
}
.planner-block-calendar .planner-block-calendar-h-day.planner-block-calendar-daily-h {
height: 0;
}
.planner-block-calendar.planner-block-calendar-day .planner-block-calendar-wrapper .dl-fake-tbl-calendar-week {
padding-top: 14px;
}
.planner-block-calendar.planner-block-calendar-day .planner-block-calendar-wrapper .dl-fake-tbl-calendar-week .fake-tbl-h:first-child .fake-tbl-col {
border-top: none;
}
.planner-block-calendar.planner-block-calendar-day.planner-block-calendar-day-users .dlt-item-info-text {
padding: 7px 3px;
}
.planner-block-calendar.planner-block-calendar-day.planner-block-calendar-day-users .dlt-item-info-text div::after {
content: "";
display: block;
}
.planner-block-calendar.planner-block-calendar-2weeks .planner-block-calendar-h {
margin-bottom: -55px;
}
.planner-block-calendar.planner-block-calendar-2weeks .calendar-date-h .fakelink {
height: 40px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.planner-block-calendar.planner-block-calendar-2weeks .calendar-date-h .fakelink b {
margin: 0;
height: 26px;
line-height: 1.8em;
}
.planner-block-calendar.planner-block-calendar-2weeks .calendar-date-h .fakelink .dayname {
width: 100%;
}
.planner-block-calendar.planner-block-calendar-2weeks .planner-block-calendar-wrapper .dl-fake-tbl-calendar-week {
padding-top: 55px;
}
.planner-block-calendar .dl-fake-tbl-calendar-month .fake-tbl-col-hour {
margin-top: 0;
border-top: 1px solid var(--task-action-rem-border, gainsboro);
}
.planner-block-calendar .dl-fake-tbl-calendar-month .fake-tbl-col-hour .dl-task-wrapper-weeknum {
text-align: center;
}
.planner-block-calendar .planner-block-calendar-h > div {
text-align: center;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-hour > div {
text-align: left;
}
.planner-block-calendar .planner-block-items-container {
margin-left: 8px;
margin-right: 8px;
padding-right: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-clip: padding-box;
transform: translateZ(0);
-webkit-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
}
.planner-block-calendar .planner-schedule-container {
margin-right: 0;
padding-right: 8px;
}
.planner-block-calendar.planner-block-schedule .planner-schedule-container {
padding-right: 0;
}
.planner-block-calendar.planner-block-calendar-month .fake-tbl {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.planner-block-calendar.planner-block-calendar-month .fake-tbl-col:not(.fake-tbl-col-hour) {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background: var(--white-black, #ffffff) repeating-linear-gradient(transparent, transparent 28px, var(--task-card-checklist-item-hover, #e8e8e8) 10px, var(--task-card-checklist-item-hover, #e8e8e8) 29px);
}
.planner-block-calendar.planner-block-calendar-month .fake-tbl-col:not(.fake-tbl-col-hour):last-child {
border-right: 1px solid transparent;
}
.planner-block-calendar.planner-block-calendar-month .fake-tbl-col-hour {
-webkit-flex: 0 0 64px;
-ms-flex: 0 0 64px;
flex: 0 0 64px;
}
.planner-block-calendar.planner-block-calendar-month .planner-block-calendar-period-step {
display: none;
}
.planner-block-calendar .baron_scroller__bar {
z-index: 11;
border: none;
border-radius: 3px;
width: 6px;
margin: 1px;
cursor: pointer;
background-color: var(--scrollbar-thumb, #d8d9dc);
-webkit-transition: background-color 200ms ease;
-moz-transition: background-color 200ms ease;
-o-transition: background-color 200ms ease;
-ms-transition: background-color 200ms ease;
transition: background-color 200ms ease;
}
.planner-block-calendar .baron_scroller__bar:hover {
background-color: var(--gray-input-border, #bbbbbb);
}
.planner-block-calendar-h-top {
font-size: 14px;
color: var(--chosen-multi-search-input, #646464);
border: 1px solid var(--gray-border, #e2e2e2);
white-space: nowrap;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 1;
margin: 8px 8px 0 8px;
}
.planner-block-calendar-h-top.colored {
border: none;
}
.planner-block-list-h-sub {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
box-sizing: border-box;
width: 100%;
height: 28px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 0 3px;
font-size: 14px;
}
.planner-block-list-h-sub span {
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.planner-block-list-h-sub .b-ddl-menu-selected {
color: var(--white-black, #ffffff);
}
.planner-block-calendar-small-width .planner-block-list-h-sub .b-ddl-menu-selected {
display: none;
}
.planner-block-list-h-sub.chronicle {
width: 100%;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: right;
-ms-justify-content: right;
justify-content: right;
}
.planner-block-list-h-sub.chronicle .search-switch {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-right: 7px;
}
.planner-block-list-h-sub.chronicle .search-switch .input-switch-text {
font-size: 14px;
line-height: 1.2;
color: var(--white-black, #FFFFFF);
margin-right: 8px;
}
.planner-block-list-h-sub.chronicle .search-switch .input-switch {
width: 28.8px;
height: 16px;
}
.planner-block-list-h-sub.chronicle .search-switch .input-switch .input-switch__slider {
background-color: var(--white-black, #FFFFFF);
}
.planner-block-list-h-sub.chronicle .search-switch .input-switch .input-switch__slider::before {
width: 12px;
height: 12px;
left: 2px;
top: 2px;
background-color: var(--switch-color);
}
.planner-block-list-h-sub.chronicle .search-switch .input-switch .input-switch__slider::after {
width: 3px;
height: 3px;
right: 5.5px;
top: 6px;
border-color: var(--switch-color);
}
.planner-block-list-h-sub.chronicle .search-switch .input-switch input:checked + .input-switch__slider::after {
width: 1px;
height: 6px;
top: 5.6px;
left: 6.6px;
background-color: var(--switch-color);
border-color: var(--switch-color);
}
.planner-block-list-h-sub.chronicle .search-switch .input-switch input:checked + .input-switch__slider::before {
top: 2px;
left: -2px;
}
.planner-block-calendar-period {
margin: 0 10px;
line-height: 1.2em;
text-align: left;
overflow: hidden;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.planner-block-calendar-period .planner-block-calendar-period-text {
margin-right: 3px;
flex-shrink: 1;
border-bottom: 1px dashed transparent;
}
.planner-block-calendar-period .planner-block-calendar-period-text:hover {
border-bottom: 1px dashed var(--black-white, #000);
cursor: pointer;
}
.planner-block-calendar-period .today {
color: #ffa600;
}
.planner-block-calendar-period .planner-block-calendar-period-text-small {
color: var(--task-card-search-text, #8a8a8a);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex-shrink: 1;
}
.planner-block-calendar-period-name {
color: var(--white-black, #ffffff);
line-height: 1.2;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-right: 3px;
padding: 0 3px 1px 8px;
border-radius: 6px;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
}
.planner-block-calendar-period-name .icon-eye-stock {
width: 16px;
height: 16px;
}
.planner-block-calendar-period-name .icon-eye-stock path {
stroke: var(--white-black, #ffffff);
}
.planner-block-calendar-period-name:hover {
background-color: var(--context-popup-dialog, rgba(255, 255, 255, 0.25));
}
.planner-block-calendar-period-step {
color: var(--white-black, #ffffff);
line-height: 1.2;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-right: 3px;
padding: 0 2px 1px 8px;
border-radius: 6px;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
}
.planner-block-calendar-period-step .b-ddl-menu-label svg {
width: 16px;
height: 16px;
fill: var(--white-black, #ffffff);
}
.planner-block-calendar-period-step:empty {
display: none;
}
.planner-block-calendar-period-step:hover {
background-color: var(--context-popup-dialog, rgba(255, 255, 255, 0.25));
}
.planner-block-h-top.colored .planner-block-calendar-period .planner-block-calendar-period-text-small {
color: var(--white-black, #fff);
}
.planner-block-h-top.colored .planner-block-calendar-period .planner-block-calendar-period-text {
color: var(--white-black, #fff);
}
.planner-block-h-top.colored .planner-block-calendar-period .planner-block-calendar-period-text .today {
color: var(--white-black, #fff);
}
.planner-block-h-top.colored .planner-block-calendar-period .planner-block-calendar-period-text:hover {
border-bottom: 1px dashed var(--white-black, #fff);
}
.planner-block-calendar-h-top.colored .planner-block-calendar-period .planner-block-calendar-period-text:hover {
border-bottom: 1px dashed currentColor;
}
.planner-block-calendar-period-wrapper {
padding-right: 7px;
display: inline-block;
white-space: nowrap;
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 100%;
}
.planner-block-kanban-h-top .planner-block-calendar-period-wrapper {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.planner-block-name + .planner-block-calendar-period-wrapper {
padding-right: 3px;
}
.planner-block-date-prev {
margin-left: 11px;
}
.planner-block-date-prev,
.planner-block-date-next {
visibility: visible;
cursor: pointer;
display: inline-block;
vertical-align: bottom;
opacity: 1;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms ease;
-o-transition: background 250ms ease;
-ms-transition: background 250ms ease;
transition: background 250ms ease;
border-radius: 50%;
background-color: transparent;
width: 18px;
height: 18px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
fill: var(--white-black, #ffffff);
}
.planner-block-date-prev svg,
.planner-block-date-next svg {
width: 8px;
height: 8px;
}
.planner-block-date-prev:hover,
.planner-block-date-next:hover {
background-color: var(--context-popup-dialog, rgba(255, 255, 255, 0.35));
}
.planner-block-date-calendar-picker {
padding: 2px;
margin: 0 6px;
cursor: pointer;
opacity: 0.7;
-webkit-transition: opacity 250ms ease;
-moz-transition: opacity 250ms ease;
-o-transition: opacity 250ms ease;
-ms-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
.planner-block-date-calendar-picker:hover {
opacity: 1;
}
.planner-block-calendar .planner-block-calendar-h div {
white-space: nowrap;
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
width: 64px;
}
.planner-block-calendar div.calendar-date-h {
background: var(--white-black, #FFF);
font-size: 14px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-left: 1px solid var(--task-action-rem-border, gainsboro);
border-bottom: 1px solid var(--task-action-rem-border, gainsboro);
box-sizing: border-box;
}
.planner-block-calendar .calendar-date-h .fakelink {
height: 21px;
margin-top: 7px;
margin-bottom: 7px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.planner-block-calendar .calendar-date-h .fakelink:hover {
text-decoration: none;
}
.planner-block-calendar .calendar-date-h .fakelink b {
margin-left: 4px;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users {
margin-bottom: -61px;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users:not([style*="display: none"]) + .planner-block-items-container::before {
content: '';
width: 100%;
height: 57px;
background-color: var(--white-black, #ffffff);
display: block;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users .calendar-column {
height: 100%;
margin: 0;
width: 100%;
padding: 10px;
box-sizing: border-box;
min-height: 55px;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users .calendar-column__inner {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 10px;
width: 100%;
justify-content: center;
min-height: 35px;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users .calendar-column__head {
position: relative;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
line-height: 0;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users .calendar-column__head .user-avatar-img {
width: 32px;
height: 32px;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users .calendar-column__analytic-dot {
width: 10px;
height: 10px;
position: absolute;
right: -1px;
bottom: -1px;
border-radius: 50%;
box-sizing: border-box;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users .calendar-column__body {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
overflow: hidden;
color: var(--task-card-add-action-svg-path, #808080);
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users .calendar-column__user-name {
font-size: 16px;
max-width: 100%;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users .calendar-column__user-post {
font-size: 12px;
line-height: 1.2;
color: var(--planner-schedule-user-post, #9e9e9e);
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users.planner-block-calendar-h-users-compact .calendar-column__head {
margin-left: -1px;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users.planner-block-calendar-h-users-compact .calendar-column__body {
display: none;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users.planner-block-calendar-h-users-single {
margin-bottom: 0;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users.planner-block-calendar-h-users-single + .planner-block-items-container::before {
display: none;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users.planner-block-calendar-h-users-single .calendar-date-h {
height: 0;
min-height: 0;
border-bottom: none;
overflow: hidden;
}
.planner-block-calendar .planner-block-calendar-h.planner-block-calendar-h-users.planner-block-calendar-h-users-single .calendar-column {
display: none;
}
.planner-block-calendar .planner-drag-source-no-plus {
opacity: 0.4;
filter: blur(1px);
}
.planner-block-calendar .calendar-date-h.calendar-date-h-today .fakelink b {
border-radius: 50%;
color: var(--white-black, white);
background-color: #ff8a00;
width: 26px;
height: 26px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding-bottom: 1px;
box-sizing: border-box;
}
.planner-block-calendar .calendar-date-h.calendar-date-h-current {
background: #FDFDD7;
}
.planner-block-calendar .calendar-date-h.planner-drag-column-highlight {
color: #5bc75b;
position: relative;
}
.planner-block-calendar .calendar-date-h.planner-drag-column-highlight::before {
position: absolute;
top: 0;
left: 0;
right: 0;
background: color-mix(in srgb, currentColor 20%, transparent);
bottom: -1px;
border-top: 1px dashed currentColor;
border-left: 1px dashed currentColor;
border-right: 1px dashed currentColor;
border-radius: 6px 6px 0 0;
pointer-events: none;
}
.planner-block-calendar .planner-block-tasks-container {
height: 80px;
overflow: hidden;
position: relative;
border-radius: 6px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
margin: 0 8px;
}
.planner-block-calendar .planner-block-tasks-container.planner-block-force-hidden {
height: 20px !important;
margin-bottom: 10px;
}
.planner-block-calendar .planner-block-tasks-container.planner-block-force-hidden .planner-item-calendar-task {
display: none;
}
.planner-block-calendar .planner-block-tasks-container.planner-block-force-hidden .fake-tbl .fake-tbl-col {
border-color: transparent;
}
.planner-block-calendar .planner-block-tasks-container .planner-block-tasks-wrapper {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.planner-block-calendar .planner-block-tasks-container:hover .jspTrack {
display: block;
}
.planner-block-calendar .jspHorizontalBar,
.planner-block-calendar .planner-block-tasks-container .jspTrack {
display: none;
}
.planner-block-calendar .planner-block-tasks-resizer {
height: 16px;
cursor: n-resize;
text-align: center;
line-height: 0;
}
.planner-block-calendar .planner-block-tasks-resizer .svg-icon {
background: var(--white-black, white);
padding: 1px 10px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
}
.planner-block-calendar .planner-block-tasks-resizer.planner-block-force-hidden {
display: none;
}
.planner-block-calendar .planner-block-tasks-switcher {
cursor: pointer;
z-index: 9;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 64px;
height: 100%;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
background-color: var(--white-black, white);
border-right: 1px solid var(--task-action-rem-border, gainsboro);
border-radius: 6px 0 0 6px;
}
.planner-block-calendar .planner-block-tasks-switcher:hover .svg-icon {
background-color: var(--task-card-checklist-item-hover, #e9e9e9);
}
.planner-block-calendar .planner-block-tasks-switcher .svg-icon {
width: 8px;
height: 8px;
border-radius: 50%;
padding: 9px 8px 7px;
background-color: transparent;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.planner-block-calendar .planner-block-tasks-switcher .svg-icon svg {
display: block;
}
.planner-block-calendar .planner-block-tasks-switcher.planner-block-tasks-switcher-hidden .svg-icon {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
padding: 4px;
}
.planner-block-calendar .planner-block-tasks-switcher-inner {
display: none;
cursor: pointer;
background-color: var(--white-black, white);
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 100%;
height: 100%;
}
.planner-block-calendar .planner-block-tasks-switcher-inner.planner-block-tasks-switcher-hidden {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.planner-block-calendar .fake-tbl .fake-tbl-col-today {
background-color: var(--white-black, white);
}
.planner-block-calendar .favorite-item svg {
display: block;
}
.planner-block-calendar .favorite-item svg .star-color,
.planner-block-calendar .favorite-item:hover .star-color {
fill: var(--white-black, white);
}
.planner-block-calendar .svg-urgent.urgent.red-box {
margin: 0 4px 0 0;
float: none;
}
.planner-block-calendar .task-status-icon {
margin-left: 0;
vertical-align: bottom;
}
.planner-item-calendar-task {
position: absolute;
height: 24px;
font-size: 15px;
background: var(--grey-list-border, #dedede);
border-radius: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2px;
color: var(--white-black, white);
}
.planner-item-calendar-task .img-star {
flex-shrink: 0;
vertical-align: bottom;
}
.planner-item-calendar-task .img-star.long-bottom-icon {
margin: 1px 2px 2px 0px;
}
.planner-item-calendar-task .dlt-task-info {
height: 20px;
overflow: hidden;
white-space: nowrap;
}
.planner-item-calendar-task .dlt-task-info .dlt-task-info-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
align-items: center;
display: flex;
}
.planner-item-calendar-task .dlt-task-info .dlt-task-info-text a {
text-decoration: none;
}
.planner-item-calendar-task .dlt-task-info .dlt-task-info-text i {
margin-right: 8px;
}
.planner-item-calendar-task .dlt-task-info .dlt-task-info-text .task-link {
font-style: normal;
margin-top: -1px;
}
body.classic-font .planner-item-calendar-task .dlt-task-info .dlt-task-info-text .task-link {
margin-top: 2px;
}
.planner-item-calendar-task .dlt-task-info .dlt-task-info-text .favorite-item.img-star[data-starred="0"] {
display: none;
}
.planner-item-calendar-task.dlt-task-overdued .dlt-task-arrow.right,
.planner-item-calendar-task.dlt-task-overdued .dlt-task-arrow.left {
color: var(--task-deadline-dead, #FD0000) !important;
}
.planner-item-calendar-task.task-template-title .svg-icon-stroke.white {
stroke: var(--template-color, #7f00a3);
}
.planner-item-calendar-task.task-template-title .dlt-task-arrow.right,
.planner-item-calendar-task.task-template-title .dlt-task-arrow.left {
color: var(--template-color, #7f00a3) !important;
}
.planner-drag-column-highlight-overlay {
color: #c8e5c8;
position: absolute;
box-sizing: border-box;
pointer-events: none;
z-index: 120000;
border: 1px dashed currentColor;
background: color-mix(in srgb, currentColor 20%, transparent);
border-radius: 6px;
}
.dlt-taskInfo-showArrow .dlt-task-arrow-left,
.dlt-wrapper-resize-left .dlt-task-arrow-left,
.planner-item-calendar-task:hover .dlt-task-arrow-left {
cursor: w-resize;
opacity: 1;
}
.dlt-taskInfo-showArrow .dlt-task-arrow-right,
.dlt-wrapper-resize-right .dlt-task-arrow-right,
.planner-item-calendar-task:hover .dlt-task-arrow-right {
cursor: e-resize;
opacity: 1;
}
.calendar-day-window {
white-space: nowrap;
}
.planner-block-user-change-container {
display: none;
padding-left: 15px;
cursor: pointer;
flex-grow: 0;
}
.planner-block-user-change-container img {
vertical-align: bottom;
}
.planner-block-user-change-drop {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: bottom;
text-align: center;
}
.planner-block-user-change-drop svg {
width: 8px;
height: 8px;
}
.planner-block-user-change-drop svg polygon {
fill: var(--white-black, #ffffff) !important;
}
.planner-block-user-change-window {
position: absolute;
background: var(--white-black, #fff);
border: 1px solid var(--task-checklist-employer-border, #e6e6e6);
color: var(--chosen-multi-search-input, #646464);
padding: 10px 10px 20px 25px;
font-size: 13px;
box-shadow: 0 10px 10px var(--task-checklist-employer-border, #e6e6e6);
white-space: nowrap;
}
.planner-block-user-change-window > div:first-child {
padding-bottom: 7px;
}
.planner-block-user-change-window select {
width: 235px;
}
.planner-block-user-change-window input.btn {
margin-left: 10px;
min-width: 50px;
}
.b-main-block-content .planner-page-progress {
margin: -13px 10px 7px 25px;
}
.b-main-block-content .project-planner-progress {
margin: -13px 10px 7px 0;
}
.planner-page-container {
white-space: nowrap;
margin-top: 1px;
}
.planner-page-container ~ .b-bottom-btn .bottom-pager-wrapper {
display: none;
}
.planner-container {
white-space: nowrap;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
margin-left: -8px;
}
.planner-container > .wr-planner-vertical-blocks {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: relative;
}
.planner-container > .wr-planner-vertical-blocks > .planner-blocks-vertical-list {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
vertical-align: top;
width: 100% /*safari*/;
}
.planner-container > .wr-planner-vertical-blocks > .planner-blocks-vertical-list_height-managed {
overflow-x: hidden;
overflow-y: hidden;
overscroll-behavior-x: auto;
overscroll-behavior-y: contain;
}
.planner-container > .wr-planner-vertical-blocks > .planner-blocks-vertical-list_dashboard-scroll {
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.planner-container > .wr-planner-vertical-blocks > .planner-blocks-vertical-list_dashboard-scroll::-webkit-scrollbar {
display: none;
}
.planner-container .planner-blocks-vertical-list.all-blocks-collapsed + .planner-block-resizer {
visibility: hidden;
}
.planner-container.msie > .wr-planner-vertical-blocks > .planner-blocks-vertical-list {
min-width: 100%;
}
.planner-container .planner-block-list-wrapper + .baron_scroller__bar,
.planner-container .planner-block-chronicle-wrapper + .baron_scroller__bar {
right: 0;
}
.planner-container .btn-planner-new {
background: var(--activeButton);
color: var(--activeButtonElements);
}
.planner-block-progress {
height: 2px;
margin: 4px 10px 0 10px;
border-radius: 2px;
}
.planner-block {
transition: width 0.2s;
/* ресайз */
}
.planner-block.planner-block_layout-move-animating {
transition: width 0.2s, height 0.2s ease, min-height 0.2s ease;
}
.planner-blocks-vertical-list_height-managed > .planner-block {
position: relative;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.planner-blocks-vertical-list_height-managed > .planner-block:not(.collapsed-hor):not(.collapsed-ver) {
min-height: 56px;
overflow: hidden;
}
.planner-block_drag-source {
visibility: hidden;
}
.planner-block-drop-indicator {
position: fixed;
z-index: 11;
background: var(--planner-drag-placeholder-bg, #A0A0A0);
border-radius: 2px;
pointer-events: none;
}
.planner-block-drop-indicator_copy::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
transform: translate(-50%, -50%);
background: url(/img/ico-planner-plus.png) no-repeat;
}
.planner-block-height-resizer {
position: absolute;
z-index: 4;
left: 8px;
right: 8px;
bottom: 0;
height: 9px;
cursor: ns-resize;
touch-action: none;
user-select: none;
opacity: 0;
transition: opacity 150ms ease;
}
.planner-block-height-resizer::after {
content: '';
position: absolute;
left: 50%;
top: 3px;
width: 32px;
height: 3px;
margin-left: -16px;
border-radius: 2px;
background: #bdbdbd;
}
.planner-block-height-resizer:hover,
.planner-block:hover > .planner-block-height-resizer {
opacity: 1;
}
.planner-blocks-vertical-list_resizing {
cursor: ns-resize !important;
}
.planner-blocks-vertical-list_resizing .planner-block-items-container,
.planner-blocks-vertical-list_layout-updating .planner-block-items-container {
transition: none;
}
.planner-block.planner-block-cards-location-map {
min-width: 294px;
}
.planner-block.planner-block-cards-location-map .planner-item-list.dl-task-microcard-container {
min-width: 278px;
box-sizing: border-box;
}
.planner-block-wr {
width: 100%;
transition: width 0.3s;
/* сворачивание */
}
.planner-block.collapsing,
.planner-block.collapsing .planner-block-wr {
will-change: width;
overflow: hidden;
}
.planner-block.collapsing.collapsed-hor {
overflow: visible;
}
.planner-block.planner-block-schedule.collapsing .planner-schedule-container > .baron_wrapper {
width: auto !important;
/* из-за вертикального скрола */
}
.planner-block-list {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.planner-block-ajax {
display: none;
}
.planner-block-move {
cursor: grab;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 38px;
height: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 2px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
margin: auto;
position: absolute;
top: -7px;
left: 0;
right: 0;
background-color: var(--white-black, #ffffff);
border-radius: 8px;
opacity: 0;
-webkit-transition: opacity 350ms ease;
-moz-transition: opacity 350ms ease;
-o-transition: opacity 350ms ease;
-ms-transition: opacity 350ms ease;
transition: opacity 350ms ease;
}
.planner-block-move .svg-icon-wr {
width: 24px;
height: 8px;
display: inline-block;
}
.planner-block-move .svg-icon-wr svg {
width: 24px;
height: 8px;
fill: var(--planner-block-move-svg, #cdd5de);
display: block;
}
.planner-block-move:hover,
.planner-block-h-top .planner-block-name:hover + .planner-block-move,
.planner-block-collapse-b-ver .planner-block-collapse-header:hover .planner-block-move,
.planner-block-collapse-b-hor .planner-block-collapse-filter-name:hover + .planner-block-collapse-header .planner-block-move {
opacity: 1;
}
.planner-block-move-dark {
/*not used*/
background: url("/img/grippy.png") no-repeat scroll center center transparent;
}
.planner-block-list-h {
font-size: 14px;
color: var(--white-black, #fff);
background: #6b7e85;
border: 1px solid var(--gray-border, #e2e2e2);
white-space: nowrap;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-radius: 6px;
margin-top: 8px;
padding: 0 8px;
}
.classic-font .planner-block-list-h {
font-size: 13px;
}
.planner-page-new-block .planner-block-list-h {
margin-left: 8px;
margin-right: 8px;
}
.planner-block-list-h.planner-block-kanban-h-top {
margin-right: 15px;
}
.planner-block-list-h.planner-block-kanban-h-top + .planner-block-total-header,
.planner-block-list-h.planner-block-kanban-h-top + .planner-block-total-header + .planner-block-progress {
margin-right: 23px;
}
.planner-block-list-h-head {
width: 15px;
vertical-align: top;
text-align: center;
padding: 5px 6px;
}
.planner-block-list-h-total {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.planner-block-list-h-total .planner-block-list-h-sub {
border-radius: 0;
margin-bottom: 1px;
}
.planner-block-list-h.colored {
background: none;
border: none;
}
.planner-block-list-h .planner-block-date-prev {
margin: 0;
}
.planner-block-list-h .planner-block-calendar-period-name {
margin-left: auto;
margin-right: 0;
padding: 0 3px 1px 4px;
}
.planner-block-list-h .planner-block-date-calendar-picker {
margin: 0 3px;
}
.planner-block-list-h .b-ddl-menu-selected {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.planner-block-list-small-width .planner-block-list-h .b-ddl-menu-selected {
max-width: 127px;
}
.planner-block-list-h-tail {
width: 100%;
height: 28px;
white-space: nowrap;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.planner-block-list-h-tail .b-ddl-menu-flex .b-ddl-menu-selected-arrow.b-ddl-menu-selected-arrow-svg {
vertical-align: middle;
padding: 2px;
height: 16px;
width: 16px;
border-radius: 6px;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
}
.planner-block-list-h-tail .b-ddl-menu-flex .b-ddl-menu-selected-arrow.b-ddl-menu-selected-arrow-svg svg {
fill: var(--white-black, #fff);
}
.planner-block-right-menu {
margin-right: 8px;
margin-left: 4px;
width: 20px;
height: 20px;
}
.planner-block-right-menu:hover .b-ddl-menu-selected-arrow.b-ddl-menu-selected-arrow-svg {
background-color: var(--context-popup-dialog, rgba(255, 255, 255, 0.25));
}
.planner-block-collapse-ico {
cursor: pointer;
padding: 2px;
height: 16px;
margin-left: auto;
border-radius: 6px;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
fill: none;
stroke: var(--white-black, #ffffff);
}
.planner-block-collapse-ico:hover {
background-color: var(--context-popup-dialog, rgba(255, 255, 255, 0.25));
}
.planner-block-name {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
line-height: 1.3;
margin-left: 14px;
/* Стрелка не успевает загрузится и PlannerBlock.checkWidth считает ширину некорректно ???*/
}
.planner-block-name_link:hover span {
cursor: pointer;
}
.planner-block-h-top.colored .planner-block-name {
color: var(--white-black, #fff);
}
.planner-block-kanban-h-top .planner-block-name {
padding-left: 4px;
}
.planner-block-cards .planner-block-name {
margin-left: 14px;
}
.planner-block-name .planner-block-read-only {
margin-left: 6px;
opacity: 0.65;
font-size: 12px;
}
.planner-block-list .fake-tbl {
border-left: none;
}
.planner-block-list .fake-tbl .fake-tbl-col {
border-top: 1px solid var(--task-action-rem-border, #DDD);
}
.planner-block-chronicle-container {
min-width: 360px;
}
.planner-block-chronicle-h {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.planner-block-list-container {
overflow: hidden;
}
.planner-block-list-container.contact-object .task-microcard-title,
.planner-block-list-container.contact-object .task-microcard-users {
display: inline-block;
vertical-align: middle;
}
.planner-block-list-container.contact-object .task-microcard-users.responsible-list {
display: block;
}
.planner-block-list-container .planner-block-list-wrapper {
min-height: 100%;
padding-left: 8px;
padding-right: 8px;
}
.planner-block-list-container .jspTrack {
display: none;
}
.planner-block-list-container:hover .jspTrack {
display: block;
}
/* Хроника в планировщике */
.planner-block-chronicle-wrapper.b-main-block {
padding: 0 0 0 8px;
}
.planner-list-group {
height: 16px;
background: var(--task-card-action-change-workers-bg, #ECECEC);
white-space: nowrap;
padding: 5px 7px 6px;
border: 1px solid var(--task-action-rem-border, #DDDDDD);
font-size: 14px;
}
.planner-list-group .b-group-val {
overflow: hidden;
text-overflow: ellipsis;
}
.planner-list-group.planner-list-group-weekend {
color: var(--grey-planner-holiday, #ababab);
/* @grey-planner-holiday */
}
.planner-list-group.planner-list-group-today {
background: #FDFDD7;
color: #FF8A00;
}
.planner-list-group .dayname {
display: inline-block;
width: 25px;
}
.planner-list-group .dlt-expander-minus {
float: right;
background: url("/img/tree-minus.gif") no-repeat center center;
width: 6px;
height: 6px;
margin: 4px 3px 0 4px;
cursor: pointer;
}
.planner-list-group .dlt-expander-plus {
float: right;
background: url("/img/tree-plus.gif") no-repeat center center;
width: 6px;
height: 9px;
margin: 3px 3px 0 4px;
cursor: pointer;
}
.planner-list-group .dlt-expander-add {
float: right;
background: url("/img/ico-plus-round.png") no-repeat center center;
width: 16px;
height: 16px;
cursor: pointer;
}
.planner-list-group .dlt-expander-count {
float: right;
color: var(--black-white, #000);
}
.planner-list-group .b-group-val > .day-name-short {
font-size: 10pt;
padding-left: 3px;
vertical-align: middle;
}
.planner-quick-create {
width: 100%;
position: absolute;
padding-top: 9px;
top: 100%;
right: 0;
font-size: 12px;
display: none;
}
.selected .planner-quick-create {
display: block;
}
.planner-quick-create .planner-ok {
min-width: 90px;
border-radius: 6px;
padding: 0.65em 1.1em 0.75em;
}
.planner-quick-create .planner-cancel {
min-width: 70px;
border-radius: 6px;
padding: 0.65em 0.9em 0.75em;
}
.planner-quick-create .planner-small-ok {
width: 27px;
height: 25px;
background: #0E7FE8;
border-radius: 6px;
text-align: center;
float: right;
margin: 4px 0 0 4px;
cursor: pointer;
}
.planner-quick-create .planner-small-ok svg {
padding-top: 8px;
width: 12px;
fill: var(--white-black, white);
}
.planner-quick-create .planner-small-cancel {
width: 27px;
height: 25px;
border-radius: 6px;
text-align: center;
float: right;
margin-top: 4px;
cursor: pointer;
}
.planner-quick-create .planner-small-cancel svg {
padding-top: 8px;
width: 12px;
stroke: var(--gray, gray);
}
.planner-list-quick-add {
background-color: var(--white-black, #FFF);
padding: 3px 11px 5px;
margin: 0 2px 7px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
z-index: 0;
position: relative;
}
.planner-list-quick-add:hover .planner-list-new-task {
opacity: 1;
}
.planner-list-quick-add.selected .planner-list-new-task,
.planner-list-quick-add.creating .planner-list-new-task {
display: none;
}
.planner-list-quick-add.planner-list-quick-add-nogroup {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.planner-list-quick-add .planner-list-new-task {
float: right;
cursor: pointer;
position: relative;
top: -1px;
right: -4px;
padding: 4px;
white-space: normal;
opacity: 0;
-webkit-transition: opacity 250ms ease;
-moz-transition: opacity 250ms ease;
-o-transition: opacity 250ms ease;
-ms-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
.planner-list-quick-add textarea {
border: none;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 0;
font-size: 13px;
height: 20px;
line-height: 20px;
-webkit-appearance: none;
resize: none;
overflow: hidden;
vertical-align: middle;
transition: height 0.5s;
width: calc(100% - 30px);
}
.planner-list-quick-add textarea:focus {
outline: none;
}
.planner-list-quick-add textarea::-moz-placeholder {
color: var(--planner-quick-add-placeholder, #b3b3b3);
text-overflow: ellipsis;
}
.planner-list-quick-add textarea::-webkit-input-placeholder {
color: var(--planner-quick-add-placeholder, #b3b3b3);
text-overflow: ellipsis;
}
.planner-create-task-quick-progress {
transition: height 0.7s;
margin: 0 0 0 2px;
height: 0;
}
.planner-create-task-quick-progress.active {
height: 1px;
}
.planner-list-quick-add .disabled-title {
color: var(--planner-quick-add-placeholder, #b3b3b3);
padding: 0 5px;
height: 14px;
cursor: pointer;
}
.planner-list-quick-add-buttons {
transition: height 0.5s;
height: 0;
}
.planner-list-quick-add-buttons.creating {
background: url(/img/indicator_menu.gif) no-repeat right 19px top 13px;
}
.planner-list-quick-add.selected {
margin-bottom: 55px;
}
.planner-list-quick-add.selected textarea {
height: 70px;
}
.planner-list-quick-add.selected .planner-list-quick-add-buttons {
height: 32px;
padding: 2px 7px;
border-top: 1px solid var(--grey-list-border, #dfdfdf);
overflow: hidden;
}
.planner-list-empty:last-child {
height: 0;
}
.planner-item-list {
height: 27px;
cursor: pointer;
font-size: 15px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: var(--white-black, white);
padding: 0 10px 2px;
border-top: 1px solid var(--task-checklist-employer-border, #e5e5e5);
margin: 0 2px;
-webkit-box-shadow: 2px 0px 3px -2px rgba(156, 156, 156, 0.25), -2px 0px 3px -2px rgba(156, 156, 156, 0.25);
-moz-box-shadow: 2px 0px 3px -2px rgba(156, 156, 156, 0.25), -2px 0px 3px -2px rgba(156, 156, 156, 0.25);
-o-box-shadow: 2px 0px 3px -2px rgba(156, 156, 156, 0.25), -2px 0px 3px -2px rgba(156, 156, 156, 0.25);
box-shadow: 2px 0px 3px -2px rgba(156, 156, 156, 0.25), -2px 0px 3px -2px rgba(156, 156, 156, 0.25);
-webkit-transition: border 250ms ease, background 250ms ease;
-moz-transition: border 250ms ease, background 250ms ease;
-o-transition: border 250ms ease, background 250ms ease;
-ms-transition: border 250ms ease, background 250ms ease;
transition: border 250ms ease, background 250ms ease;
}
.planner-item-list:last-child {
margin-bottom: 2px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
-webkit-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
}
.planner-item-hoverable:hover {
background-color: var(--gray-inner, #efefef);
}
.ymaps3--popup-marker_container:has(.planner-item-hoverable:hover),
.ymaps3--popup-marker_tail:has(.planner-item-hoverable:hover),
.leaflet-popup-content-wrapper:has(.planner-item-hoverable:hover) {
background-color: var(--gray-inner, #efefef);
}
.planner-item-list .dl-task-info {
padding-bottom: 20px;
}
.planner-item-list .dlt-task-arrow-right-ajax {
margin-right: 0;
margin-left: auto;
display: none;
padding: 5px 2px 0;
}
.planner-item-list .dlt-task-arrow-right-star {
float: left;
height: 16px;
margin: 0 0 0 3px;
width: 16px;
}
.planner-item-list .dlt-task-info,
.planner-drag .dlt-task-info {
height: 100%;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.planner-item-list .task-microcard-title .favorite-item {
flex-shrink: 0;
}
.planner-item-list .dlt-task-info {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.planner-drag .dlt-task-info {
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.planner-item-list .dlt-task-info .dlt-task-info-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 0 0 2px;
}
.planner-item-list .dlt-task-info .dlt-task-info-text a,
.planner-drag .dlt-task-info .dlt-task-info-text a {
text-decoration: none;
-webkit-transition: color 250ms ease;
-moz-transition: color 250ms ease;
-o-transition: color 250ms ease;
-ms-transition: color 250ms ease;
transition: color 250ms ease;
}
.planner-drag .dlt-task-info .dlt-task-info-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 2px 10px 4px 20px;
}
.planner-item-list.planner-item-taskcard-selected .dlt-task-info-text a {
color: var(--white-black, white) !important;
}
.planner-block-ddl-date-control {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin-left: -24px;
}
.planner-block-ddl-date-control > span {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.b-ddl-menu-ul ul li .planner-block-ddl-date-control span.planner-block-ddl-date-today.planner-block-ddl-date-active {
background: #FF8A00;
color: var(--white-black, #FFFFFF);
display: inline-block;
margin: 0 5px;
padding: 0 2px;
vertical-align: top;
}
.b-ddl-menu-ul ul li .planner-block-ddl-date-control span.planner-block-ddl-date-today.planner-block-ddl-date-link {
display: inline-block;
margin: 0 5px;
padding: 0 2px;
vertical-align: top;
color: #5881B8;
text-decoration: underline;
cursor: pointer;
}
.b-ddl-menu-ul ul li .planner-block-ddl-date-control .planner-block-ddl-date-text img.ui-datepicker-trigger {
width: 16px;
height: 16px;
}
.b-ddl-menu-ul ul li .planner-block-ddl-date-control span.planner-block-ddl-date-prev {
padding-right: 8px;
}
.b-ddl-menu-ul ul li .planner-block-ddl-date-control span.planner-block-ddl-date-prev.gray:hover {
fill: var(--gray-dark-icon, #626262);
}
.b-ddl-menu-ul ul li .planner-block-ddl-date-control span.planner-block-ddl-date-prev:hover {
background-position: 0 -736px;
}
.b-ddl-menu-ul ul li .planner-block-ddl-date-control span.planner-block-ddl-date-next {
margin-left: 3px;
}
.b-ddl-menu-ul ul li .planner-block-ddl-date-control span.planner-block-ddl-date-next.gray:hover {
fill: var(--gray-dark-icon, #626262);
}
.b-ddl-menu-ul ul li .planner-block-ddl-date-control span.planner-block-ddl-date-next:hover {
background-position: 0 -768px;
}
.planner-block-ddl-default-control {
margin-left: -20px;
position: relative;
}
.planner-block-ddl-default-control > span {
display: inline-block;
}
.planner-block-ddl-default-control .planner-block-ddl-default-text {
margin: -2px 5px 0 0;
vertical-align: top;
}
.b-ddl-menu-ul ul li .planner-block-ddl-default-control span.planner-block-ddl-default-prev {
padding-right: 8px;
}
.b-ddl-menu-ul ul li .planner-block-ddl-default-control span.planner-block-ddl-default-prev:hover {
background-position: 0 -736px;
}
.b-ddl-menu-ul ul li .planner-block-ddl-default-control span.planner-block-ddl-default-next {
margin-left: 3px;
}
.b-ddl-menu-ul ul li .planner-block-ddl-default-control span.planner-block-ddl-default-next:hover {
background-position: 0 -768px;
}
.planner-block-ddl-step-control {
margin-left: -20px;
position: relative;
}
.planner-block-ddl-step-control > span {
display: inline-block;
}
.planner-block-ddl-step-control .planner-block-ddl-step-text {
margin: -2px 5px 0 0;
vertical-align: top;
}
.b-ddl-menu-ul ul li .planner-block-ddl-step-control span.planner-block-ddl-step-prev {
padding-right: 8px;
}
.b-ddl-menu-ul ul li .planner-block-ddl-step-control span.planner-block-ddl-step-prev.gray:hover {
fill: var(--gray-dark-icon, #626262);
}
.b-ddl-menu-ul ul li .planner-block-ddl-step-control span.planner-block-ddl-step-prev:hover {
background-position: 0 -736px;
}
.b-ddl-menu-ul ul li .planner-block-ddl-step-control span.planner-block-ddl-step-next {
margin-left: 3px;
}
.b-ddl-menu-ul ul li .planner-block-ddl-step-control span.planner-block-ddl-step-next.gray:hover {
fill: var(--gray-dark-icon, #626262);
}
.b-ddl-menu-ul ul li .planner-block-ddl-step-control span.planner-block-ddl-step-next:hover {
background-position: 0 -768px;
}
.planner-drag {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-clip: padding-box;
font-size: 15px;
padding: 2px 0;
background: var(--gray-inner, #efefef);
border: 1px solid var(--gray-border, #e2e2e2);
position: relative;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);
-webkit-box-shadow: -2px 2px 10px var(--dialog-box-shadow-ultralight);
-moz-box-shadow: -2px 2px 10px var(--dialog-box-shadow-ultralight);
-o-box-shadow: -2px 2px 10px var(--dialog-box-shadow-ultralight);
box-shadow: -2px 2px 10px var(--dialog-box-shadow-ultralight);
}
.planner-drag.chronicle-item-container-small {
overflow: visible;
}
.planner-drag.chronicle-item-container-small .chronicle-item-container:last-child:hover > tbody > tr > td {
border-bottom: none;
}
.planner-drag.chronicle-item-container-small .chronicle-item-container:hover {
background: none;
}
.planner-drag.planner-drag-calendar {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.planner-drag.planner-drag-calendar.planner-drag-placeholder-current-calendar {
transform: none;
}
.planner-drag.planner-drag-loading.planner-drag-plus:before,
.planner-drag.planner-drag-loading:before {
content: '' !important;
display: block;
width: 13px;
height: 13px;
position: absolute;
background-color: transparent;
left: 6px;
top: 6px;
border-radius: 50%;
font-size: 10px;
border: 0.1em solid var(--context-popup-dialog, rgba(255, 255, 255, 0.2));
border-left-color: var(--white-black, #fff);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
-moz-animation: load8 1.1s infinite linear;
-ms-animation: load8 1.1s infinite linear;
-o-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.planner-drag.planner-drag-plus:before {
content: url("/img/ico-planner-plus.png");
position: absolute;
left: -8px;
top: 3px;
}
.planner-drag.planner-drag-noway:before {
content: url("/img/ico-planner-noway.png");
position: absolute;
left: -8px;
top: 3px;
}
.planner-drag.planner-drag-microcard {
padding: 10px;
border-radius: 12px;
-moz-border-radius: 12px;
background: var(--white-black, #fff);
}
.planner-drag.planner-drag-chronicle .chronicle-item-container > tbody > tr > td {
border-top: none;
}
.planner-drag.planner-drag-chronicle .chronicle-item-container {
padding-left: 7px;
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
-o-box-shadow: unset;
box-shadow: unset;
}
.planner-drag.planner-drag-chronicle .chronicle-item-quick-actions-wrapper {
visibility: hidden;
}
.planner-drag-placeholder {
background: var(--planner-drag-placeholder-bg, #A0A0A0);
}
.planner-block-cards .planner-drag-placeholder {
margin-top: 7px;
}
.planner-block-cards .planner-block-list-wrapper + .planner-item-list {
border: none;
margin-top: 10px;
}
.planner-block-cards .planner-block-list-wrapper .dl-task-microcard-container:last-child {
margin-bottom: 10px;
}
.planner-block-cards .planner-list-quick-add-top-pad + .background-operation-progress-host + .planner-list-quick-add + .planner-item-list {
border-top: 1px solid transparent;
}
.planner-block-cards .planner-list-group + .background-operation-progress-host + .planner-list-quick-add + .planner-item-list {
border: none;
}
.planner-block-cards .planner-list-group-wrapper {
margin-bottom: 12px;
}
.planner-block-cards .planner-list-group {
border: none;
background-color: var(--grey-list-border, #DCDEDF);
text-align: center;
margin: 0 2px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.planner-block-items-container > .baron_wrapper > .baron_scroller > .baron_scroller__bar {
background-color: transparent;
border: none;
padding: 0 7px 0 5px;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.planner-block-items-container > .baron_wrapper > .baron_scroller > .baron_scroller__bar:hover:after,
.planner-block-items-container > .baron_wrapper > .baron_scroller > .baron_scroller__bar:active:after,
.planner-block-items-container > .baron_wrapper > .baron_scroller > .baron_scroller__bar:focus:after,
.planner-block-items-container > .baron_wrapper > .baron_scroller > .baron_scroller__bar:target:after {
opacity: 1;
background-color: var(--gray-input-border, #bbb);
}
.planner-block-items-container > .baron_wrapper > .baron_scroller > .baron_scroller__bar:after {
opacity: 0;
content: '';
display: block;
background-color: var(--planner-scroller-bar, #d8d9dc);
width: 3px;
height: 100%;
border-radius: 3px;
-webkit-transition: opacity 250ms ease, background 200ms ease;
-moz-transition: opacity 250ms ease, background 200ms ease;
-o-transition: opacity 250ms ease, background 200ms ease;
-ms-transition: opacity 250ms ease, background 200ms ease;
transition: opacity 250ms ease, background 200ms ease;
}
.planner-block-items-container > .baron_wrapper > .baron_scroller:hover > .baron_scroller__bar:after {
opacity: 1;
}
.planner-block-drag-target {
background: rgba(26, 190, 114, 0.05);
border-radius: 6px;
outline: #1abe72 dashed 1px;
}
.planner-block-drag-target.planner-block-drag-noway {
background: rgba(255, 70, 66, 0.05);
outline-color: #FF4642;
}
.planner-head-block {
display: flex;
width: 100%;
}
.planner-head-block .faster-filter-button-target {
display: flex;
align-items: center;
margin-top: 4px;
}
.planner-head-block .planner-edit-ddl .b-ddl-menu {
margin-top: 10px;
}
.planner-head-block .planner-edit-label {
flex: none;
flex-shrink: 1;
max-width: 800px;
/*&.shorted {*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/*}*/
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.planner-head-block .planner-edit-label:hover {
color: var(--activeSlider, #1abe72);
}
.planner-head-block .b-ddl-menu-selected-arrow {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
height: 22px;
}
.planner-head-block .planner-edit-ddl .b-ddl-menu-flex {
margin: 0 15px 0 11px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.planner-head-block .planner-edit-ddl .b-ddl-menu-flex:hover {
background-color: var(--task-card-add-action-borded, #EAEAEA);
border-radius: 4px;
}
.planner-edit-label,
.report-view-label {
cursor: pointer;
border-bottom: 1px solid transparent;
display: inline-block;
}
.planner-edit-ddl,
.report-view-ddl {
display: inline-block;
vertical-align: middle;
}
.planner-edit-ddl .b-ddl-menu,
.report-view-ddl .b-ddl-menu {
font-size: 10pt;
vertical-align: top;
margin-top: 6px;
}
.planner-project-ddl-menu .b-ddl-menu .b-ddl-menu-selected-arrow,
.report-view-ddl .b-ddl-menu .b-ddl-menu-selected-arrow {
padding: 0 7px;
}
.planner-page-new-block {
display: inline-block;
width: 256px;
margin-right: 31px;
border-radius: 6px;
font-size: 13px;
vertical-align: top;
height: fit-content;
}
.planner-page-new-block .planner-block-list-h-tail {
overflow: hidden;
}
.planner-page-new-block .planner-block-h-top {
background: var(--task-card-add-action-svg-path, #808080);
margin-top: 8px;
margin-bottom: 10px;
border: none;
border-radius: 6px 6px 0 0;
}
.planner-page-new-block .planner-block-collapse-ico {
margin-right: 8px;
}
.planner-page-new-block .planner-block-collapse-header {
background-color: var(--task-card-add-action-svg-path, #808080);
border-radius: 6px 6px 0 0;
}
.planner-page-new-block .planner-block-collapse-b-ver {
background: var(--white-black, #ffffff);
-webkit-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
cursor: pointer;
}
.planner-page-new-block .planner-block-collapse-b-ver .planner-block-collapse-filter-name {
color: var(--task-card-add-action-svg-path, #808080);
}
.planner-page-new-block .planner-block-collapse-icon,
.planner-page-new-block .planner-block-plus-icon {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 100%;
margin-top: 10px;
margin-bottom: 5px;
}
.planner-page-new-block .planner-page-new-block-item-wr {
background: var(--white-black, #FFFFFF);
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
margin-right: 8px;
margin-left: 8px;
}
.planner-page-new-block .planner-page-new-block-item:first-child {
border: none;
}
.planner-page-new-block-header {
padding: 11px 15px;
}
.planner-page-new-block-item {
border-top: 1px solid var(--gray-border, #e2e2e2);
line-height: 30px;
vertical-align: middle;
cursor: pointer;
overflow: hidden;
}
.planner-page-new-block-item:hover {
background: var(--gray-inner, #efefef);
}
.planner-page-new-block-item img {
vertical-align: top;
margin: 6px 10px 0 13px;
}
.planner-page-new-block-item .svg-icon-16px {
vertical-align: top;
margin: 6px 10px 0 13px;
fill: var(--gray-ico, #a9a9a9);
}
.planner-page-new-block-item .svg-icon-16px svg {
vertical-align: top;
}
.planner-block-sync {
display: none;
flex-grow: 0;
cursor: pointer;
padding: 3px;
border-radius: 6px;
margin-left: 4px;
vertical-align: bottom;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
width: 14px;
height: 14px;
}
.planner-block-sync:hover {
background-color: var(--context-popup-dialog, rgba(255, 255, 255, 0.25));
}
.planner-block-extended-list,
.planner-block-fullscreen-list {
display: flex;
flex-grow: 0;
cursor: pointer;
padding: 2px;
border-radius: 6px;
margin-left: 4px;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
fill: none;
stroke: var(--white-black, #ffffff);
stroke-miterlimit: 10;
}
.planner-block-extended-list:hover,
.planner-block-fullscreen-list:hover {
background-color: var(--context-popup-dialog, rgba(255, 255, 255, 0.25));
}
.planner-block-h-top .planner-block-fullscreen-list {
padding: 3px;
}
.planner-block-h-top .planner-block-fullscreen-list svg {
width: 14px;
height: 14px;
}
.planner-block-h-top .b-ddl-menu-ul .b-ddl-menu-li-item[data-acr="sync"] {
display: none;
}
.planner-block-h-top.synced .planner-block-sync {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.planner-block-h-top.sync-active .b-ddl-menu-ul .b-ddl-menu-li-item[data-acr="sync"] {
display: list-item;
}
.planner-filter-open-tasklist + .planner-block-date-control,
.planner-filter-open-tasklist + .planner-block-chronicle-control {
padding-left: 10px;
}
.sync-planner-block + .planner-filter-open-tasklist {
margin-left: 10px;
}
.planner-filter-open-tasklist {
vertical-align: bottom;
cursor: pointer;
}
/* Хроника в планировщике */
.planner-block-list.chronicle .planner-block-chronicle-control .b-ddl-menu-selected-arrow {
margin-left: -5px;
}
.planner-block-chronicle-container .chronicle-wrapper,
.planner-block-calendar-container .chronicle-wrapper {
margin-right: 9px;
margin-left: 2px;
padding-top: 5px;
}
.baron_scroller__bar.planner-block-chronicle-container:not(.under-chronicle),
.baron_scroller__bar.planner-block-calendar-container:not(.under-chronicle) {
z-index: 5;
}
.planner-block-chronicle-container > .baron_wrapper {
border-top: none !important;
}
.planner-block-chronicle-container .chronicle-new-events {
display: inline-table;
}
.planner-block-chronicle-container .chronicle-item-taskdata .chronicle-item-quick-actions-wrapper {
z-index: 2;
}
.planner-block-chronicle-container .chronicle-item-taskdata .chronicle-item-quick-actions-wrapper {
border-right: none;
}
.planner-block-collapse-b-ver {
width: 38px;
border-radius: 6px;
height: 100%;
position: relative;
margin: 8px;
overflow: hidden;
}
.planner-block-collapse-b-ver .planner-block-list-h {
border-top-right-radius: 0;
text-align: center;
}
.planner-block-collapse-b-ver .planner-block-collapse-count-bg {
display: none;
height: 35px;
background-color: var(--white-black, #fff);
opacity: 0.3;
cursor: pointer;
}
.planner-block-collapse-b-ver .planner-block-collapse-count {
display: none;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: absolute;
top: 34px;
left: 0;
right: 0;
width: 26px;
height: 26px;
font-size: 12px;
color: var(--white-black, #fff);
background-color: inherit;
cursor: pointer;
margin: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50%;
}
.planner-block-collapse-b-ver .planner-block-collapse-count.active {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.planner-block-collapse-b-ver .planner-block-collapse-count.full-inited {
cursor: default;
}
.planner-block-collapse-b-ver .planner-block-collapse-filter-name-b {
background: var(--white-black, #fff);
opacity: 0.3;
height: 100%;
cursor: pointer;
transition: opacity 0.3s;
}
.planner-block-collapse-b-ver .planner-block-collapse-filter-name-b.drag-in {
opacity: 1;
}
.planner-block-collapse-b-ver .planner-block-collapse-filter-name-b.transform-task {
transition: height 0.7s;
}
.planner-block-collapse-b-ver .planner-block-collapse-filter-name {
pointer-events: none;
display: inline-block;
transform: translate(13px, 0) rotate(-90deg);
transform-origin: -5px 0 0;
padding-left: 5px;
color: var(--white-black, #fff);
font-size: 15px;
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: right;
}
.planner-block-collapse-b-ver .planner-block-move {
width: 28px;
}
.planner-block-collapse-b-ver .planner-block-move .svg-icon-wr {
width: 14px;
}
.planner-block-collapse-b-ver .planner-block-move .svg-icon-wr svg {
width: 14px;
}
body.dark-theme .planner-block-collapse-b-ver .planner-block-collapse-filter-name-b,
body.dark-theme .planner-block-collapse-b-ver .planner-block-collapse-count-bg {
opacity: 1 !important;
}
body.dark-theme .planner-block-drag-target .planner-block-collapse-b-ver .planner-block-collapse-filter-name-b {
opacity: 0 !important;
}
.planner-block-collapse-b-hor .planner-block-collapse-ico,
.planner-block-collapse-b-ver .planner-block-collapse-ico {
transform: rotate(180deg);
margin: auto;
}
.planner-block-collapse-header {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: 28px;
}
.planner-block-move-header {
will-change: transform;
cursor: grabbing;
position: absolute;
z-index: 12;
height: 28px;
width: 180px;
border-radius: 6px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 0 8px 1px;
color: var(--white-black, #ffffff);
background-color: #6b7e85;
}
.planner-block-move-header p {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.planner-block-items-container {
overflow: hidden;
transition: height 0.3s;
margin-top: 4px;
margin-bottom: 8px;
padding-right: 8px;
}
.planner-block-items-container.has-bottom-shadow:after {
content: '';
background-color: #3D6AA2;
width: 100%;
height: 0;
display: block;
z-index: 0;
position: relative;
box-shadow: -1px 0 40px 13px var(--planner-block-bottom-shadow, rgba(255, 255, 255, 0.8));
}
.planner-block.not-editable .planner-block-move {
display: none;
}
.planner-block-collapse-b-hor {
height: 28px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border-radius: 6px;
margin: 8px;
position: relative;
padding-right: 6px;
}
.planner-block-collapse-b-hor .planner-block-collapse-header {
display: inline-block;
}
.planner-block-collapse-b-hor .planner-block-collapse-count-bg {
display: none;
height: 28px;
width: 40px;
vertical-align: top;
background-color: var(--white-black, #fff);
opacity: 0.1;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.planner-block-collapse-b-hor .planner-block-collapse-count {
font-size: 14px;
position: relative;
left: -40px;
width: 40px;
color: var(--white-black, #fff);
cursor: pointer;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
padding-bottom: 1px;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.classic-font .planner-block-collapse-b-hor .planner-block-collapse-count {
font-size: 13px;
}
.planner-block-collapse-b-hor .planner-block-collapse-count.active {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.planner-block-collapse-b-hor .planner-block-collapse-filter-name {
display: inline-block;
color: var(--white-black, #fff);
font-size: 14px;
vertical-align: bottom;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 6px 0;
margin-left: 8px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.classic-font .planner-block-collapse-b-hor .planner-block-collapse-filter-name {
font-size: 13px;
}
.planner-block-collapse-b-hor .planner-block-collapse-filter-name.planner-block-collapse-filter-name-with-count {
margin-left: -30px;
}
.planner-block-collapse-b-hor .planner-block-collapse-filter-name-b {
display: inline-block;
}
.planner-block-collapse-b-hor .planner-block-collapse-ico {
margin-right: 0;
}
.planner-block-collapse-count .loader {
width: 12px;
height: 12px;
top: 5px;
position: absolute;
}
.planner-block-collapse-b-hor .loader {
top: -7px;
}
.planner-block.no-width-anim {
transition: none;
}
.planner-block.no-width-anim .planner-block-wr {
transition: none;
}
.planner-block .planner-block-total-header {
min-height: 28px;
position: relative;
box-sizing: border-box;
padding: 4px 7px 5px 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
margin-right: 8px;
margin-left: 8px;
}
.planner-block .planner-block-total-header .planner-block-total-value-loader {
position: absolute;
top: 17px;
left: 15px;
}
.planner-block .planner-block-total-header .planner-block-total-bg {
transition: background-color 0.8s;
}
.planner-block .planner-block-total-header .planner-block-total-value {
color: var(--white-black, #fff);
font-size: 14px;
text-align: right;
}
.planner-block .planner-block-total-header .planner-block-total-value .planner-block-total-prefix {
font-size: 11px;
display: block;
}
.planner-block .planner-block-total-header .planner-block-total-value sup {
display: inline-block;
margin-top: -4px;
font-size: 10pt;
}
.planner-block.not-planning .planner-block-calendar-wrapper,
.planner-block.not-planning .planner-kanban-tasks {
height: 100%;
}
.planner-block.not-planning .planner-kanban-tasks {
padding-right: 12px;
}
.planner-block.not-planning .planner-block-kanban-h-top {
padding: 0 0 0 8px;
margin-right: 10px;
}
.planner-block.not-planning .svg-image {
background-image: url('/img/svg/svgCalendar_empty.svg');
width: 190px;
height: 180px;
}
.planner-block.not-planning.billing-img .svg-image {
background-image: url("/img/empty/svgEmpty09.svg");
width: 220px;
height: 220px;
}
.not-planning-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
justify-content: center;
height: 100%;
border-right: 1px solid var(--not-planning-block-border, #eee);
border-bottom: 1px solid var(--not-planning-block-border, #eee);
border-left: 1px solid var(--not-planning-block-border, #eee);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background-color: var(--white-black, white);
width: 100%;
}
.not-planning-block .not-planning-text {
color: var(--task-card-title-text, #4B4B4B);
font-size: 16px;
padding: 20px 0 4px;
white-space: normal;
text-align: center;
}
.not-planning-block .not-planning-text-sub {
color: var(--task-card-title-text, #4B4B4B);
font-size: 14px;
text-align: center;
}
.not-planning-block .not-planning-svg {
margin: 0 auto;
display: flex;
flex-direction: column;
width: 100%;
padding: 0 15px;
box-sizing: border-box;
}
.not-planning-block .not-planning-svg .svg-image {
background-image: url("/img/empty/svgEmpty09.svg");
width: 220px;
height: 220px;
margin: auto;
}
.planner-block.planner-block-schedule.date-column-none .content-l .fake-tbl-col {
width: 0 !important;
overflow: hidden;
}
.planner-block.planner-block-schedule.date-column-none .header-l .date-h:first-child {
display: none !important;
}
.transition-disabled {
transition: none !important;
}
.transition-disabled .dlt-task-info-text a {
transition: none !important;
}
.planner-task-filter:not(.planner-task-filter--with-menu) .planner-block-right-menu {
display: none;
}
.planner-task-filter:not(.planner-task-filter--with-menu) .planner-block-extended-list {
margin-right: 8px;
}
.analitic-dialog-wrapper {
max-width: calc(100% - 40px);
min-width: 665px;
}
.analitic-dialog-wrapper .g-popup-win-scroll-content-header .project-path {
margin-top: 15px;
font-size: 13px;
color: var(--core-dropdown-text, #9c9c9c);
}
.analitic-dialog-wrapper .g-popup-win-scroll-content-header .task-title {
font-size: 17pt;
color: var(--task-card-title-text, #4b4b4b);
}
.analitic-dialog-wrapper .g-popup-win-scroll-content-main.color-light-gray {
background-color: var(--background-color-light-gray, #f7f7f7);
}
.analitic-dialog-wrapper .svg-icon-stroke.gray {
stroke: var(--gray-ico, #a9a9a9);
}
.analitic-dialog-wrapper .dialog-btn-wrapper .btn-cancel:focus {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.analitic-dialog-wrapper .dialog-btn-wrapper .btn-main:focus {
-webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
text-decoration: none;
}
.g-popup-win-scroll-content-header .task-title-container {
display: flex;
justify-content: space-between;
}
.g-popup-win-scroll-content-header .task-title-container .task-title {
min-width: 75%;
}
.g-popup-win-scroll-content-header .task-title-container .task-title-after {
display: flex;
width: 25%;
justify-content: flex-end;
align-items: center;
font-size: 13px;
}
.analitic-dialog-wrapper .analitics-form .af-content {
padding-top: 0;
}
.planner-dialog-wrapper {
width: 90%;
width: calc(100% - 40px);
min-width: 750px;
}
.planner-dialog {
margin-top: -15px;
}
.planner-dialog-header {
padding-bottom: 30px;
}
.planner-dialog-drag-wrapper {
display: inline-block;
white-space: nowrap;
}
.planner-dialog-task {
cursor: default;
display: inline-block;
min-width: 230px;
max-width: 270px;
margin-left: 20px;
padding: 12px 10px 5px;
background: #fff;
border: none;
border-radius: 8px;
box-shadow: 0 0 5px 0 #DDDDDD;
vertical-align: top;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.planner-dialog-task-project {
font-size: 11px;
color: #8d8d8d;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.planner-dialog-task-title {
color: #4573B1;
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.planner-dialog-action-text {
display: inline-block;
margin-top: 20px;
font-size: 14px;
color: #939393;
vertical-align: top;
}
.planner-dialog-ddl-menu {
display: inline-block;
vertical-align: top;
margin-top: 15px;
margin-right: 25px;
min-width: 365px;
font-size: 13px;
line-height: 20px;
}
.planner-dialog-ddl-menu.b-task-param-editable {
margin-top: 11px;
}
.planner-dialog-ddl-menu.b-task-param-editable input {
width: 340px;
}
.planner-dialog-ddl-menu-text {
display: inline-block;
font-size: 22px;
line-height: 1.2;
vertical-align: middle;
cursor: pointer;
}
.planner-dialog-ddl-menu .b-ddl-menu {
vertical-align: middle;
margin-left: 3px;
}
.planner-dialog-main.planner-container {
display: -webkit-flex;
display: flex;
overflow-x: auto;
padding-top: 1px;
/* for outline */
}
.fake-table {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.fake-table .fake-table__col {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background: var(--white-black, #ffffff) repeating-linear-gradient(transparent, transparent 28px, var(--task-card-checklist-item-hover, #e8e8e8) 10px, var(--task-card-checklist-item-hover, #e8e8e8) 29px);
}
.fake-table .fake-table__col:not(:last-child) {
border-right: 1px solid var(--task-card-checklist-item-hover, #e8e8e8);
}
.fake-table .fake-table__col_not-current-month {
background-color: var(--chosen-text-no-results-bg, #F4F4F4);
}
.planner-block-tasks-wrapper .fake-table {
width: 100%;
height: 100%;
}
.planner-kanban-tasks-wrapper {
position: relative;
}
.planner-kanban-tasks-wrapper .baron_scroller__bar {
background: var(--planner-scroller-bar, #eee);
border: 1px solid var(--planner-scroller-bar, #dadada);
width: 6px !important;
right: 15px;
}
.planner-kanban-tasks-wrapper .planner-block-calendar-inner {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.planner-block-kanban-grid {
padding-right: 23px;
}
.planner-block-kanban-grid .planner-kanban-fields-header {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
min-height: 32px;
height: auto;
margin-bottom: 10px;
position: relative;
margin-right: -19px;
padding-right: 19px;
padding-left: 8px;
}
.planner-block-kanban-grid .planner-kanban-fields-header::after {
content: '';
display: block;
width: 28px;
background: var(--header-color, #6b7e85);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right;
background-size: 22px 16px;
position: absolute;
right: 19px;
height: 100%;
z-index: 0;
border-radius: 6px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
cursor: pointer;
}
.planner-block-kanban-grid .planner-kanban-fields-header:hover::after {
right: 0;
}
.planner-block-kanban-grid .planner-kanban-fields-header.planner-kanban-fields-header_disable::after,
.planner-block-kanban-grid .planner-kanban-fields-header.planner-kanban-fields-header_active::after,
.planner-block-kanban-grid .planner-kanban-fields-header:empty::after {
display: none;
}
.planner-block-kanban-grid .planner-kanban-fields-header .planner-kanban-field {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 100%;
color: var(--chosen-text, #333333);
font-size: 12px;
background: var(--white-black, white);
margin: 0 1px;
padding: 8px 12px;
border: 1px solid var(--task-checklist-employer-border, #e5e5e5);
border-radius: 6px;
word-break: break-word;
position: relative;
z-index: 1;
line-height: 13px;
}
.planner-block-kanban-grid .planner-kanban-fields-header .planner-kanban-field.planner-kanban-field-today {
color: #FF8A00;
}
.planner-block-kanban-grid .planner-kanban-fields-header .planner-kanban-field_with-menu {
padding-right: 30px;
}
.planner-block-kanban-grid .planner-kanban-fields-header .planner-kanban-field.planner-kanban-field-add-column {
justify-content: flex-start;
padding: 2px 30px 2px 12px;
}
.planner-block-kanban-grid .planner-kanban-fields-header .planner-kanban-field .tbl-item-menu {
position: absolute;
top: 6px;
right: 6px;
}
.planner-block-kanban-grid .planner-kanban-fields-header .planner-kanban-field .tbl-item-menu .b-ddl-menu-selected-arrow {
display: flex;
box-sizing: border-box;
width: 20px;
height: 20px;
padding: 2px 4px;
border-radius: 3px;
background-color: transparent;
transition: background-color 250ms ease;
}
.planner-block-kanban-grid .planner-kanban-fields-header .planner-kanban-field .tbl-item-menu .b-ddl-menu-selected-arrow:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
}
.planner-block-kanban-grid .planner-kanban-tasks-group-header {
height: 27px;
color: var(--chosen-text, #333333);
background-color: var(--gray-light-border, #bfbfbf);
margin: 0 2px;
cursor: pointer;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.planner-block-kanban-grid .planner-kanban-tasks-group-header .planner-kanban-tasks-group-title {
padding-left: 12px;
font-size: 14px;
font-weight: bold;
display: inline-block;
line-height: 2em;
}
.planner-block-kanban-grid .planner-kanban-tasks-group-header .planner-kanban-tasks-group-control {
width: 10px;
margin-left: 7px;
display: inline-block;
transition: transform 0.5s;
line-height: 2em;
}
.planner-block-kanban-grid .planner-kanban-tasks-group-header .planner-kanban-tasks-group-control.closed {
transform: rotate(-90deg);
}
.planner-block-kanban-grid .planner-kanban-tasks-group-header.floating {
position: absolute;
z-index: 1;
margin: 0 10px;
}
.planner-block-kanban-grid .planner-kanban-tasks {
display: flex;
flex-direction: column;
padding-left: 8px;
padding-right: 23px;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-group {
flex-grow: 1;
margin-top: 15px;
max-width: 100%;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-group:first-child {
margin-top: 0;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-group.has-more .planner-kanban-group-load-more {
display: block;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-group.has-more.closed .planner-kanban-group-load-more {
display: none;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-group.has-more.disabled {
cursor: default;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-group .planner-kanban-group-tasks {
display: flex;
transition: height 0.5s;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-group .planner-kanban-group-load-more {
display: none;
height: 40px;
border: 1px solid var(--gray-border, #e1e1e1);
border-radius: 10px;
text-align: center;
margin-top: 20px;
cursor: pointer;
background-color: var(--white-black, #fff);
transition: background-color 0.5s;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-group .planner-kanban-group-load-more:hover {
background-color: var(--task-card-notified-item, #f3f3f3);
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-group .planner-kanban-group-load-more > span {
display: block;
margin-top: 11px;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-column {
flex: 1;
overflow: hidden;
padding-bottom: 4px;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-column .planner-item:first-child {
margin-top: 0;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-column:last-child {
margin-right: 0;
}
.planner-block-kanban-grid .planner-kanban-tasks .planner-kanban-tasks-column .background-operation-progress-host + .planner-list-quick-add + .planner-item-list {
border: none;
}
.planner-page-container.task-card-opened,
.planner-page-container.tasklist-opened {
display: inline-block;
position: relative;
}
.planner-page-container.task-card-opened .planner-block-list-container > .baron_wrapper > .baron_scroller,
.planner-page-container.tasklist-opened .planner-block-list-container > .baron_wrapper > .baron_scroller {
height: 98%;
}
.planner-container .planner-block-calendar-h .planner-week-day-block-header-weekend,
.planner-container .content-l .planner-week-day-block-header-weekend {
color: #ababab;
}
.grabbing .planner-container .planner-block-items-container {
transition: none;
}
.planner-container .dlt-wrapper-effect {
border-radius: 6px;
}
.b-main-block .planner-page-container .planner-container .planner-main-top {
margin-top: 25px;
min-width: unset;
}
.b-main-block .planner-page-container .planner-container .planner-main-top input {
padding: 7px 32px 8px;
border-radius: 6px;
border: none;
color: #ffffff;
font-size: 14px;
cursor: pointer;
}
.b-main-block .planner-page-container .planner-container .planner-main-top input:hover {
-webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
}
.b-main-block .planner-page-container .planner-container .empty-task-icon {
margin-bottom: 30px;
}
.planner-block-dashboard {
--dashboard-card-base: var(--white-black);
--dashboard-content-background: transparent;
--dashboard-card-ink: var(--text-color);
--dashboard-card-title: color-mix(in oklab, var(--dashboard-accent) 66%, var(--dashboard-card-ink));
--dashboard-card-shadow: var(--task-card-action-shadow);
--dashboard-tools-space: 84px;
}
.planner-block-dashboard .planner-block-wr {
position: relative;
display: flow-root;
isolation: isolate;
}
.planner-block-dashboard .planner-dashboard__surface {
position: absolute;
inset: 8px;
z-index: -1;
overflow: hidden;
pointer-events: none;
border: 1px solid color-mix(in srgb, var(--dashboard-card-base) 70%, transparent);
border-radius: 10px;
background: var(--dashboard-card-base);
box-shadow: 0 1px 1px color-mix(in srgb, var(--dashboard-card-shadow) 16%, transparent), 0 2px 6px -2px color-mix(in srgb, var(--dashboard-card-shadow) 6%, transparent), 0 16px 30px -18px color-mix(in srgb, var(--dashboard-card-shadow) 29%, transparent);
}
.planner-block-dashboard .planner-dashboard__haze,
.planner-block-dashboard .planner-dashboard__veil {
position: absolute;
inset: 0;
}
.planner-block-dashboard .planner-dashboard__haze {
opacity: 0.5;
background: radial-gradient(var(--dashboard-haze-size-1) at var(--dashboard-haze-position-1), color-mix(in srgb, var(--dashboard-accent) 30%, transparent), transparent 58%), radial-gradient(var(--dashboard-haze-size-2) at var(--dashboard-haze-position-2), color-mix(in srgb, var(--dashboard-haze-secondary) 34%, transparent), transparent 58%), radial-gradient(86% 82% at var(--dashboard-haze-position-3), color-mix(in srgb, var(--dashboard-haze-secondary) 14%, transparent), transparent 60%), linear-gradient(var(--dashboard-haze-angle), var(--dashboard-card-base) 18%, color-mix(in srgb, var(--dashboard-accent) 7%, var(--dashboard-card-base)));
}
.planner-block-dashboard .planner-dashboard__veil {
background-color: color-mix(in srgb, var(--dashboard-card-base) 26.6%, transparent);
background-image: radial-gradient(circle at center, color-mix(in srgb, var(--dashboard-card-ink) 5%, transparent) 0.9px, transparent 1.6px);
background-size: 17px 17px;
}
.planner-block-dashboard .planner-dashboard__rings {
position: absolute;
width: var(--dashboard-rings-size);
height: var(--dashboard-rings-size);
left: var(--dashboard-rings-left);
top: var(--dashboard-rings-top);
transform: translate(-50%, -50%);
border-radius: 50%;
background: radial-gradient(circle, transparent 49%, color-mix(in srgb, var(--dashboard-accent) 10%, transparent) 50% 51%, transparent 52% 63%, color-mix(in srgb, var(--dashboard-accent) 8%, transparent) 64% 65%, transparent 66%);
}
.planner-block-dashboard .planner-block-h-top {
margin: 8px 8px 0;
padding: 0;
box-shadow: none;
}
.planner-block-dashboard .planner-block-h-top.synced {
--dashboard-tools-space: 106px;
}
.planner-block-dashboard .planner-block-list-h-tail {
box-sizing: border-box;
height: 28px;
padding: 0 13px 0 15px;
border-radius: 10px 10px 0 0;
}
.planner-block-dashboard .planner-block-list-h-tail::after {
position: absolute;
right: 0;
bottom: 0;
left: 1px;
height: 1px;
content: '';
background: color-mix(in srgb, var(--dashboard-accent) 30%, transparent);
}
.planner-block-dashboard .planner-block-h-top .planner-block-name {
min-width: 0;
margin: 0;
font-size: 14px;
font-weight: 600;
color: var(--dashboard-card-title);
transition: padding-right 0.2s ease;
}
.planner-block-dashboard .planner-dashboard__tools {
position: absolute;
top: 50%;
right: 13px;
transform: translateY(-50%);
display: flex;
align-items: center;
gap: 2px;
color: var(--gray-dark-icon);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s;
}
.planner-block-dashboard .planner-dashboard__tools .planner-block-collapse-ico,
.planner-block-dashboard .planner-dashboard__tools .planner-block-sync,
.planner-block-dashboard .planner-dashboard__tools .planner-block-extended-list,
.planner-block-dashboard .planner-dashboard__tools .planner-block-right-menu {
box-sizing: border-box;
width: 20px;
height: 20px;
margin: 0;
padding: 2px;
stroke: currentColor;
fill: none;
}
.planner-block-dashboard .planner-dashboard__tools .b-ddl-menu-selected-arrow-svg svg {
fill: currentColor !important;
}
.planner-block-dashboard .planner-dashboard__tools .planner-block-right-menu .b-ddl-menu,
.planner-block-dashboard .planner-dashboard__tools .planner-block-right-menu .b-ddl-menu-flex {
height: 100%;
}
.planner-block-dashboard .planner-dashboard__tools .planner-block-right-menu .b-ddl-menu {
display: block;
}
.planner-block-dashboard:hover .planner-dashboard__tools,
.planner-block-dashboard:focus-within .planner-dashboard__tools {
opacity: 1;
pointer-events: auto;
}
.planner-block-dashboard:hover .planner-block-name,
.planner-block-dashboard:focus-within .planner-block-name {
padding-right: var(--dashboard-tools-space);
}
@media (hover: none) {
.planner-block-dashboard .planner-dashboard__tools {
opacity: 1;
pointer-events: auto;
}
.planner-block-dashboard .planner-block-name {
padding-right: var(--dashboard-tools-space);
}
}
.planner-block-dashboard .planner-block-list-h-sub {
border-radius: 0;
color: var(--dashboard-card-title);
border-bottom: 1px solid color-mix(in srgb, var(--dashboard-accent) 15%, transparent);
}
.planner-block-dashboard .planner-block-collapse-b-ver,
.planner-block-dashboard .planner-block-collapse-b-hor {
isolation: isolate;
border-radius: 10px;
}
.planner-block-dashboard .planner-block-collapse-b-ver .planner-dashboard__surface,
.planner-block-dashboard .planner-block-collapse-b-hor .planner-dashboard__surface {
inset: 0;
}
.planner-block-dashboard .planner-block-collapse-b-ver .planner-block-collapse-count-bg,
.planner-block-dashboard .planner-block-collapse-b-hor .planner-block-collapse-count-bg,
.planner-block-dashboard .planner-block-collapse-b-ver .planner-block-collapse-filter-name-b,
.planner-block-dashboard .planner-block-collapse-b-hor .planner-block-collapse-filter-name-b {
background: transparent;
}
.planner-block-dashboard .planner-block-collapse-b-ver .planner-block-collapse-count,
.planner-block-dashboard .planner-block-collapse-b-hor .planner-block-collapse-count,
.planner-block-dashboard .planner-block-collapse-b-ver .planner-block-collapse-filter-name,
.planner-block-dashboard .planner-block-collapse-b-hor .planner-block-collapse-filter-name {
color: var(--dashboard-card-title);
}
.planner-block-dashboard .planner-block-collapse-b-ver .planner-block-collapse-ico,
.planner-block-dashboard .planner-block-collapse-b-hor .planner-block-collapse-ico {
stroke: var(--gray-dark-icon);
fill: none;
}
.planner-block-dashboard .planner-block-calendar-period-name {
color: inherit;
}
.planner-block-dashboard .planner-block-date-prev,
.planner-block-dashboard .planner-block-date-next {
fill: currentColor;
}
.planner-block-dashboard .planner-block-date-calendar-picker {
stroke: currentColor;
}
.planner-block-dashboard .planner-block-progress {
position: absolute;
margin: 0 8px;
width: calc(100% - 16px);
}
.planner-block-dashboard .planner-block-items-container {
padding: 0;
margin: 0 8px 8px;
border-radius: 0 0 10px 10px;
overflow: hidden;
background: transparent;
box-shadow: none;
}
.planner-block-dashboard .planner-dashboard {
height: 100%;
width: 100%;
}
.planner-block-dashboard_number {
position: relative;
}
.planner-block-dashboard_number .planner-dashboard {
container-type: size;
container-name: number-card-wrap;
}
.planner-block-dashboard_diagram .planner-dashboard {
box-sizing: border-box;
padding: 5px;
}
.planner-block-dashboard_diagram .planner-dashboard:has(.planner-dashboard-empty) {
padding: 0;
}
.planner-block-dashboard .planner-dashboard-empty {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 100%;
height: 100%;
container-type: size;
}
.planner-block-dashboard .planner-dashboard-empty__content {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
width: 100%;
padding: 0 16px;
box-sizing: border-box;
}
.planner-block-dashboard .planner-dashboard-empty__image {
display: block;
width: 220px;
height: 220px;
object-fit: contain;
user-select: none;
pointer-events: none;
}
.planner-block-dashboard .planner-dashboard-empty_number .planner-dashboard-empty__content {
gap: 10px;
}
.planner-block-dashboard .planner-dashboard-empty_number .planner-dashboard-empty__image {
width: 120px;
height: 120px;
}
.planner-block-dashboard .planner-dashboard-empty_number.planner-dashboard-empty_state_pf-empty .planner-dashboard-empty__image {
width: 140px;
height: 140px;
}
.planner-block-dashboard .planner-dashboard-empty__title {
color: var(--task-card-title-text);
font-size: 15px;
font-weight: 400;
line-height: 1.35;
text-align: center;
}
.planner-block-dashboard .planner-dashboard-empty__sub {
color: var(--task-card-title-text, #4b4b4b);
font-size: 14px;
line-height: 1.35;
text-align: center;
}
.planner-block-dashboard .planner-dashboard-empty__action {
margin: 0;
min-width: 128px;
height: 32px;
padding: 8px 16px;
font-size: 14px;
font-weight: 400;
color: var(--activeButtonElements);
border-radius: 6px;
}
@container (height < 370px) {
.planner-block-dashboard .planner-dashboard-empty.planner-dashboard-empty_diagram .planner-dashboard-empty__image {
display: none;
}
}
@container (height < 220px) {
.planner-block-dashboard .planner-dashboard-empty.planner-dashboard-empty_number .planner-dashboard-empty__image {
display: none;
}
}
.planner-block-dashboard .planner-dashboard__number-card {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 7px;
width: 100%;
height: 100%;
padding: 10px 15px 18px;
box-sizing: border-box;
color: var(--dashboard-card-ink);
text-align: left;
container-type: size;
container-name: number-card;
}
.planner-block-dashboard .planner-dashboard__number-card_no-title {
gap: 0;
}
.planner-block-dashboard .planner-dashboard__number-card_text-value .planner-dashboard__number-title {
flex-shrink: 0;
}
.planner-block-dashboard .planner-dashboard__number-card_text-value .planner-dashboard__number-value {
white-space: normal;
overflow-wrap: anywhere;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-clamp: 4;
}
.planner-block-dashboard .planner-dashboard__number-title {
min-height: 0;
width: 100%;
max-width: 100%;
font-size: clamp(24px, 4cqw, 32px);
font-weight: 500;
line-height: 1.3;
color: color-mix(in oklab, var(--dashboard-accent) 60%, var(--dashboard-card-ink));
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
overflow-wrap: anywhere;
}
.planner-block-dashboard .planner-dashboard__number-title:empty {
display: none;
}
.planner-block-dashboard .planner-dashboard__number-value {
min-width: 0;
max-width: 100%;
max-height: 100%;
font-size: clamp(34px, calc(25px + 3.6cqw), 54px);
font-weight: 700;
line-height: normal;
letter-spacing: -0.022em;
color: color-mix(in oklab, var(--dashboard-accent) 24%, var(--dashboard-card-ink));
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.planner-block-dashboard .planner-dashboard__number-row {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
min-width: 0;
min-height: 0;
}
.planner-block-dashboard .planner-dashboard__number-card:not(.planner-dashboard__number-card_text-value) .planner-dashboard__number-row {
flex-shrink: 0;
}
.planner-block-dashboard .planner-dashboard__number-icon {
flex: 0 0 40px;
display: grid;
place-items: center;
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 11px;
background: color-mix(in srgb, var(--dashboard-accent) 15%, transparent);
color: color-mix(in oklab, var(--dashboard-accent) 76%, var(--dashboard-card-ink));
}
.planner-block-dashboard .planner-dashboard__number-icon svg {
width: 22px;
height: 22px;
stroke: currentColor;
fill: none;
}
@container number-card-wrap (height < 150px) {
.planner-block-dashboard .planner-dashboard__number-card {
padding: 5px 15px;
gap: 8px;
}
}
.planner-block-dashboard .not-planning-block {
border: unset;
}
.g-popup-win-scroll.b-planner-block-move .g-popup-win-scroll-content-main {
min-width: 400px;
}
.g-popup-win-scroll.b-planner-block-move .g-popup-win-scroll-content-header {
font-size: 14pt;
padding-bottom: 15px;
color: #454546;
padding: 20px 0 0;
}
.g-popup-win-scroll.b-planner-block-move .planner-block-move-to-planner-dialog {
margin-top: -5px;
}
.g-popup-win-scroll.b-planner-block-move .planner-block-move-to-planner-dialog .planner-block-move-to-planner-block {
font-size: 12pt;
}
.g-popup-win-scroll.b-planner-block-move .planner-block-move-to-planner-dialog .task-mass-change-dialog-buttons-right {
padding-top: 15px;
}
.shadow-separator-bottom,
.shadow-separator-top {
background: none;
}
.task-dates-block .task-dates-block-dates .task-dates-block-switch-input {
background: var(--white-black, #ffffff);
}
.task-dates-block .task-dates-block-time .task-dates-block-start,
.task-dates-block .task-dates-block-time .task-dates-block-end {
background: var(--white-black, #ffffff);
}
.upload-file-block-new {
background: var(--report-save-empty-bg, #ebebeb);
}
.dlt-task-arrow {
width: 11px;
height: 20px;
background: var(--white-black, #ffffff);
opacity: 0;
-webkit-transition: opacity 250ms ease;
-moz-transition: opacity 250ms ease;
-o-transition: opacity 250ms ease;
-ms-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
.dlt-task-arrow:before {
content: '';
position: absolute;
width: 0;
height: 0;
background-color: inherit;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
top: 8px;
}
.dlt-task-arrow.left {
float: left;
border-radius: 15px 0 0 15px;
}
.dlt-task-arrow.left:before {
left: 6px;
border-right: 4px solid currentColor;
}
.dlt-task-arrow.right {
float: right;
border-radius: 0 15px 15px 0;
}
.dlt-task-arrow.right:before {
right: 6px;
border-left: 4px solid currentColor;
}
.planner-item-calendar:hover .dlt-task-arrow,
.planner-daily-schedule-item-task:hover .dlt-task-arrow {
opacity: 1;
cursor: pointer;
}
.planner-config-move {
width: 30px;
cursor: url("/img/openhand.cur"), move;
background: url("/img/grippy.png") no-repeat scroll center center;
}
.planner-config-drag {
width: 100%;
}
.planner-config-drag td {
font-size: 9pt;
padding: 7px 0;
background: #f1f1f1;
}
.planner-item-popup-dialog {
position: absolute;
z-index: 29;
border-radius: 6px;
background: var(--white-black, #fff);
-webkit-box-shadow: 0 0 7px var(--gray-input-border, rgba(0, 0, 0, 0.15));
-moz-box-shadow: 0 0 7px var(--gray-input-border, rgba(0, 0, 0, 0.15));
-o-box-shadow: 0 0 7px var(--gray-input-border, rgba(0, 0, 0, 0.15));
box-shadow: 0 0 7px var(--gray-input-border, rgba(0, 0, 0, 0.15));
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none repeat scroll 0 0 var(--white-black, #fff);
-webkit-animation-name: planner-item-popup-dialog-show-anim;
-moz-animation-name: planner-item-popup-dialog-show-anim;
-ms-animation-name: planner-item-popup-dialog-show-anim;
-o-animation-name: planner-item-popup-dialog-show-anim;
animation-name: planner-item-popup-dialog-show-anim;
-webkit-animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
-ms-animation-duration: 0.3s;
-o-animation-duration: 0.3s;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.planner-item-popup-dialog.unexpanded {
will-change: width, height, left, top;
}
.planner-item-popup-dialog.unexpanded .planner-item-popup-dialog-action:hover {
background-color: transparent;
}
.planner-item-popup-dialog.unexpanded .planner-item-popup-dialog-action {
padding: 9px 12px 9px 12px;
}
.planner-item-popup-dialog.showed:not(.not-animation) {
-webkit-transition: width .5s, height .5s, left .5s, top .5s;
-moz-transition: width .5s, height .5s, left .5s, top .5s;
-o-transition: width .5s, height .5s, left .5s, top .5s;
-ms-transition: width .5s, height .5s, left .5s, top .5s;
transition: width .5s, height .5s, left .5s, top .5s;
}
@keyframes planner-item-popup-dialog-show-anim {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.planner-item-popup-dialog .planner-item-popup-dialog-content {
overflow: hidden;
height: inherit;
}
.planner-item-popup-dialog .b-planner-item-popup-dialog-actions {
list-style-type: none;
margin: 12px 0;
padding: 0;
}
.planner-item-popup-dialog .b-planner-item-popup-dialog-actions li {
white-space: nowrap;
}
.planner-item-popup-dialog .b-planner-item-popup-dialog-actions li:last-child {
margin-bottom: 0;
}
.planner-item-popup-dialog .b-planner-item-popup-dialog-actions li.hidden-action-item {
visibility: hidden;
}
.planner-item-popup-dialog .planner-item-popup-dialog-action {
cursor: pointer;
padding: 9px 23px 9px 16px;
font-size: 14px;
}
.planner-item-popup-dialog .planner-item-popup-dialog-action:hover {
background-color: var(--date-picker-bg, #F5F5F5);
}
.planner-item-popup-dialog .planner-item-popup-dialog-action-text {
display: inline-block;
padding-left: 13px;
color: var(--text-color, #343434);
overflow: hidden;
}
.planner-item-popup-dialog .b-planner-item-popup-dialog-actions-more {
padding: 11px 12px 8px;
width: 16px;
cursor: pointer;
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.planner-item-popup-dialog .b-planner-item-popup-dialog-actions-more .triangle-svg-wr {
width: 8px;
height: 8px;
display: inline-block;
}
.planner-item-popup-dialog .b-planner-item-popup-dialog-actions-more .triangle-svg-wr svg {
fill: #ff7a0d;
width: 8px;
height: 8px;
}
.planner-item-popup-dialog-win-orgtree-pointer {
position: absolute;
top: -15px;
left: -19px;
display: block;
overflow: hidden;
width: 30px;
height: 30px;
z-index: -1;
}
.planner-item-popup-dialog-win-orgtree-pointer:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 80px;
box-shadow: 0 0 5px var(--task-action-rem-border, #ddd);
height: 40px;
border: 1px solid var(--gray-border, #e2e2e2);
background: var(--white-black, #fff);
-webkit-transform: skewX(20deg);
left: 2px;
position: absolute;
z-index: -3;
top: 18px;
content: "";
transform: rotateX(15deg) rotateY(-126deg) skewX(-30deg);
}
.planner-item-popup-dialog-win-pointer {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
width: 12px;
height: 20px;
}
.planner-item-popup-dialog-win-pointer:after {
background: none repeat scroll 0 0 var(--white-black, #fff);
box-shadow: 0 0 5px var(--task-action-rem-border, #ddd);
height: 20px;
margin: 0 -14px 0 -18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 23px;
content: '';
display: block;
z-index: 20;
}
.planner-item-popup-dialog-win-pointer.right-arrow {
left: 40px;
z-index: 12;
}
.planner-item-popup-dialog-win-pointer.right-arrow:after {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.planner-item-popup-dialog-win-pointer.orgtree-arrow {
top: 20px;
height: 30px;
}
.planner-item-popup-dialog-win-pointer.up-arrow {
z-index: 12;
left: 30px;
top: -16px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.planner-item-popup-dialog-win-pointer.left-arrow {
z-index: 12;
left: -12px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.planner-item-popup-dialog-win-pointer.left-arrow:after {
width: 20px;
margin: -1px -14px 0 -16px;
}
.planner-item-calendar-schedule {
border-left: none;
border-right: none;
margin-top: -6px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
}
.planner-schedule-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
/* Высота строки */
}
.planner-schedule-container .dlt-item-info {
padding-left: 9px;
padding-right: 9px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.planner-schedule-container.planner-block-items-container {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
margin-left: 0;
}
.planner-schedule-container .schedule-filtered-user {
margin: 0 0 9px;
-webkit-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
text-align: left;
overflow: hidden;
}
.planner-schedule-container .schedule-filtered-user__head {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 6px 15px 7px 21px;
box-sizing: border-box;
background-color: var(--grey-list-border, #DEDEDE);
border-radius: 6px 6px 0 0;
width: 100%;
border-top: none;
pointer-events: all;
}
.planner-schedule-container .schedule-filtered-user__head .user-post {
display: none;
}
.planner-schedule-container .schedule-filtered-user__head .username {
font-weight: bold;
color: var(--gray-site, #454546);
cursor: default;
}
.planner-schedule-container .schedule-filtered-user__head .username:hover {
text-decoration: none;
}
.planner-schedule-container .schedule-filtered-user__days {
display: inline-block;
min-width: 245px;
background: var(--white-black, white);
box-shadow: 1px 0 0 0 var(--grey-list-border, #dedede);
}
.planner-schedule-container .schedule-filtered-user__day-row {
border-top: 1px solid var(--grey-list-border, #dedede);
}
.planner-schedule-container .schedule-filtered-user__day-row .calendar-date-h .dayname {
font-weight: 400 !important;
color: var(--schedule-dayname, #b4b4b4) !important;
}
.planner-schedule-container .schedule-filtered-user__day-row .calendar-date-h b {
font-weight: 400 !important;
}
.planner-schedule-container .schedule-filtered-user-date {
margin-bottom: 39px;
}
.planner-schedule-container .schedule-filtered-user-date .date-row {
margin: 0;
}
.planner-schedule-container .user-avatar-img {
width: 17px;
height: 17px;
margin-right: 10px;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.planner-schedule-container .user-avatar-img.fakelink:hover {
border: none !important;
opacity: 0.8;
}
.planner-schedule-container .fake-tbl-inl-row {
border: none;
}
.planner-schedule-container[data-row-height="x1"] .fake-tbl-inl .fake-tbl-inl-row {
height: 30px;
}
.planner-schedule-container[data-row-height="x1"] .fake-tbl-inl .fake-tbl-inl-row .user-avatar-img {
width: 17px;
height: 17px;
}
.planner-schedule-container[data-row-height="x1"] .fake-tbl-inl .fake-tbl-inl-row .user-avatar-img:last-child {
margin: auto;
}
.planner-schedule-container[data-row-height="x1"] .fake-tbl-inl .fake-tbl-inl-row > div span:nth-child(3) {
display: none;
}
.planner-schedule-container[data-row-height="x1"] .dlt-wrapper .dlt-wrapper-calendar-item.planner-item-calendar-schedule .dlt-item-info .dlt-item-info-text {
max-height: 18px;
padding-top: 0;
white-space: normal;
}
.planner-schedule-container[data-row-height="x1"] .dlt-wrapper .dlt-wrapper-calendar-item.planner-item-calendar-schedule .dlt-item-info .dlt-item-info-text .img-star {
margin-top: 0;
}
.planner-schedule-container[data-row-height="x1"] .dlt-wrapper .dlt-wrapper-calendar-item.planner-item-calendar-schedule .dlt-item-info .dlt-item-info-text .img-star svg {
margin-top: 0;
}
.planner-schedule-container[data-row-height="x2"] .fake-tbl-inl .fake-tbl-inl-row,
.planner-schedule-container[data-row-height="x2"] .schedule-filtered-user__day-row {
height: 47px;
}
.planner-schedule-container[data-row-height="x2"] .fake-tbl-inl .fake-tbl-inl-row .user-avatar-img,
.planner-schedule-container[data-row-height="x2"] .schedule-filtered-user__day-row .user-avatar-img {
width: 25px;
height: 25px;
margin-right: 2px;
}
.planner-schedule-container[data-row-height="x2"] .dlt-item-info {
padding-top: 3px;
padding-bottom: 3px;
}
.planner-schedule-container[data-row-height="x2"] .dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-resize {
height: 37px;
}
.planner-schedule-container[data-row-height="x2"] .dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-resize:before {
top: 14px;
}
.planner-schedule-container[data-row-height="x2"] .dlt-wrapper .dlt-wrapper-calendar-item.planner-item-calendar-schedule .dlt-item-info .dlt-item-info-text {
max-height: 36px;
white-space: normal;
}
.planner-schedule-container[data-row-height="x3"] .fake-tbl-inl .fake-tbl-inl-row,
.planner-schedule-container[data-row-height="x3"] .schedule-filtered-user__day-row {
height: 65px;
}
.planner-schedule-container[data-row-height="x3"] .fake-tbl-inl .fake-tbl-inl-row .user-avatar-img,
.planner-schedule-container[data-row-height="x3"] .schedule-filtered-user__day-row .user-avatar-img {
width: 35px;
height: 35px;
margin-right: 5px;
}
.planner-schedule-container[data-row-height="x3"] .dlt-wrapper-calendar-empty .dlt-empty-info {
padding-top: 8px;
}
.planner-schedule-container[data-row-height="x3"] .dlt-item-info {
padding-top: 3px;
padding-bottom: 3px;
}
.planner-schedule-container[data-row-height="x3"] .dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-resize {
height: 55px;
}
.planner-schedule-container[data-row-height="x3"] .dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-resize:before {
top: 25px;
}
.planner-schedule-container[data-row-height="x3"] .dlt-wrapper .dlt-wrapper-calendar-item.planner-item-calendar-schedule .dlt-item-info .dlt-item-info-text {
max-height: 54px;
white-space: normal;
}
.planner-schedule-container .dlt-wrapper .dlt-wrapper-calendar-item.planner-item-calendar-schedule .dlt-item-info {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 0;
padding-bottom: 0;
}
.planner-schedule-container .dlt-wrapper .dlt-wrapper-calendar-item.planner-item-calendar-schedule .dlt-item-info-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
min-width: 0;
line-height: 18px;
overflow: hidden;
text-overflow: clip;
word-break: normal;
overflow-wrap: normal;
}
.planner-schedule-container[data-grid-step="auto"] .content-r .fake-tbl-col:not(.planner-schedule-grid-row) {
background-image: none !important;
}
.planner-schedule-container[data-grid-step="auto"] .content-r .fake-tbl-col:not(.planner-schedule-grid-row):before {
content: '';
position: relative;
width: 1px;
height: 100%;
display: block;
background-color: var(--chosen-text-no-results-bg, #f4f4f4);
left: 50%;
}
.planner-schedule-container[data-grid-step="auto"] .planner-schedule-content .content-r .planner-schedule-grid-row {
background-image: linear-gradient(to right, transparent calc(100% - 1px), var(--planner-schedule-header-border, #C9C9C9) calc(100% - 1px)), linear-gradient(to right, transparent calc(100% - 1px), var(--chosen-text-no-results-bg, #f4f4f4) calc(100% - 1px)) !important;
background-repeat: repeat-x;
background-size: var(--planner-schedule-hour-width) 100%, var(--planner-schedule-half-hour-width) 100%;
}
.planner-schedule-container[data-grid-step="auto"] .planner-schedule-content .content-r .planner-schedule-grid-row:before {
content: none;
}
.planner-schedule-container[data-field-row-filtered-count]:not([data-field-row-filtered-count="0"]) .fake-tbl-inl .fake-tbl-inl-row .fakelink {
cursor: default;
}
.planner-schedule-container[data-field-row-filtered-count]:not([data-field-row-filtered-count="0"]) .fake-tbl-inl .fake-tbl-inl-row .fakelink:hover {
border-bottom: 1px dashed transparent;
}
.planner-schedule-container .planner-schedule-header {
border-bottom: 1px solid var(--planner-schedule-header-border, #C9C9C9);
background: var(--white-black, #fff);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.planner-schedule-container .planner-schedule-header .header-l,
.planner-schedule-container .planner-schedule-header .header-r {
height: 43px;
}
.planner-schedule-container .planner-schedule-header .header-l {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.planner-schedule-container .planner-schedule-header .header-l .data-h {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border-left: 1px solid var(--planner-chronicle-item-bg-hover, #e6e6e6);
border-right: 1px solid var(--planner-chronicle-item-bg-hover, #e6e6e6);
padding: 0 15px;
font-size: 13px;
}
.classic-font .planner-schedule-container .planner-schedule-header .header-l .data-h {
font-size: 12px;
}
.planner-schedule-container .planner-schedule-header .header-l .data-h .fakelink-dashed {
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto;
}
.planner-schedule-container .planner-schedule-header .header-l .data-h > div span:nth-child(3) {
display: none;
}
.planner-schedule-container .planner-schedule-header .header-l .data-h .fakelink {
border-bottom: 1px dashed transparent;
-webkit-transition: border 250ms ease;
-moz-transition: border 250ms ease;
-o-transition: border 250ms ease;
-ms-transition: border 250ms ease;
transition: border 250ms ease;
}
.planner-schedule-container .planner-schedule-header .header-l .data-h .fakelink:hover {
text-decoration: none;
border-bottom: 1px dashed currentColor;
}
.planner-schedule-container .planner-schedule-header .header-l .date-h {
text-align: center;
}
.planner-schedule-container .planner-schedule-header .header-l .date-h > span.fakelink {
font-size: 12px;
line-height: 3.5;
font-weight: bold;
}
.planner-schedule-container .planner-schedule-header .header-l .date-h.clicked > span.fakelink:hover {
text-decoration: none;
border-bottom: 1px dashed currentColor;
}
.planner-schedule-container .planner-schedule-header .header-l .date-h:not(.clicked) > span.fakelink {
text-decoration: none;
cursor: default;
color: var(--gray-site, #454546);
}
.planner-schedule-container .planner-schedule-header {
overflow: hidden;
display: -webkit-flex;
display: flex;
}
.planner-schedule-container .planner-schedule-header .header-l {
display: -webkit-flex;
display: flex;
}
.planner-schedule-container .planner-schedule-header .header-r {
overflow: hidden;
width: 100%;
}
.planner-schedule-container .planner-schedule-header .header-r .hours-b {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
overflow: hidden;
margin-top: 3px;
margin-bottom: 3px;
}
.planner-schedule-container .planner-schedule-header .header-r .hours-b .hour {
display: inline-block;
color: var(--schedule-dayname, #b4b4b4);
text-align: left;
font-size: 17pt;
border: none;
}
.planner-schedule-container .planner-schedule-header .header-r .hours-b .hour > span {
display: inline-block;
font-size: 9pt;
margin-bottom: 13px;
vertical-align: bottom;
}
.planner-schedule-container .planner-schedule-header .header-r .scroller-b .scroll-head {
margin: -30px 0 0 0;
height: 30px;
cursor: pointer;
position: relative;
}
.planner-schedule-container .planner-schedule-header .header-r .scroller-b .scroll {
height: 6px;
background-color: var(--ddl-menu-separator, #c4c4c4);
border-radius: 3px;
position: relative;
}
.planner-schedule-container .planner-schedule-content .planner-block-calendar-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 0 8px;
}
.planner-daily-schedule .planner-schedule-container .planner-schedule-content .planner-block-calendar-wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: unset;
}
.planner-schedule-container .planner-schedule-content .calendar-time-pointer:before {
content: none;
}
.planner-schedule-container .planner-schedule-content .content-l {
border-bottom: 1px solid var(--planner-chronicle-item-bg-hover, #e6e6e6);
}
.planner-schedule-container .planner-schedule-content .content-l .fake-tbl-col {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border-right: none;
}
.planner-schedule-container .planner-schedule-content .content-l .fake-tbl-col .calendar-date-h {
width: 95px;
border-bottom: none;
color: #5881B8;
cursor: default;
border-left: none;
}
.planner-schedule-container .planner-schedule-content .content-l .fake-tbl-col .calendar-date-h > span:not(.fakelink) {
color: var(--gray-site, #454546);
}
.planner-schedule-container .planner-schedule-content .content-l .fake-tbl-h:first-child .fake-tbl-inl .fake-tbl-inl-row:first-child {
margin-top: -1px;
}
.planner-schedule-container .planner-schedule-content .content-l .fake-tbl-h:first-child .fake-tbl-inl .fake-tbl-inl-row:first-child > span {
transform: translateY(1px);
}
.planner-schedule-container .planner-schedule-content .content-l .fake-tbl-h:first-child .fake-tbl-col,
.planner-schedule-container .planner-schedule-content .content-l .fake-tbl-h:first-child .fake-tbl-inl .fake-tbl-inl-row:first-child {
border-top: none;
}
.planner-schedule-container .planner-schedule-content .content-r {
overflow: hidden;
/*!*/
border-bottom: 1px solid var(--planner-chronicle-item-bg-hover, #e6e6e6);
width: 100%;
}
.planner-schedule-container .planner-schedule-content .content-r .dlt-wrapper {
position: relative;
}
.planner-schedule-container .planner-schedule-content .content-r .dlt-wrapper-calendar-empty {
text-align: center;
border-radius: 0;
padding: 0 5px 4px;
border-top: none;
border-bottom: none;
font-size: 12px;
z-index: 10;
}
.classic-font .planner-schedule-container .planner-schedule-content .content-r .dlt-wrapper-calendar-empty {
padding: 2px 5px;
}
.planner-schedule-container .planner-schedule-content .content-r .fake-tbl-col:not(.planner-schedule-grid-row) {
background-image: none;
}
.planner-schedule-container .planner-schedule-content .content-r .planner-schedule-grid-row {
position: relative;
overflow: hidden;
box-sizing: border-box;
background-color: var(--white-black, #fff);
background-image: linear-gradient(to right, transparent calc(100% - 1px), var(--planner-schedule-header-border, #C9C9C9) calc(100% - 1px));
background-repeat: repeat-x;
background-size: var(--planner-schedule-hour-width) 100%;
}
.planner-schedule-container .planner-schedule-content .content-r .planner-schedule-grid-row__non-work-time {
position: absolute;
top: 0;
bottom: 0;
left: var(--planner-schedule-non-work-start);
width: var(--planner-schedule-non-work-width);
pointer-events: none;
background: linear-gradient(45deg, rgba(0, 0, 0, 0) 55%, var(--task-edit-checkmark-value-box-workers, #a2a2a2) 50%, var(--task-edit-checkmark-value-box-workers, #a2a2a2) 0%, rgba(0, 0, 0, 0) 60%), linear-gradient(45deg, var(--task-edit-checkmark-value-box-workers, #a2a2a2) 10%, rgba(0, 0, 0, 0) 0%);
background-size: 0.5em 0.5em;
}
.planner-schedule-container .calendar-time-pointer {
width: 2px;
height: 100%;
margin-top: 1px;
top: 0;
}
.planner-schedule-container .resizer {
width: 1px;
background-color: var(--planner-chronicle-item-bg-hover, #e6e6e6);
}
.planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row {
display: block;
border-top: 1px solid var(--planner-schedule-header-border, #C9C9C9);
height: 47px;
/*default*/
display: -webkit-flex;
display: flex;
align-items: center;
position: relative;
padding: 0 40px 0 21px;
width: 100%;
background: var(--white-black, #fff);
}
.planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row:empty {
padding: 0;
}
.planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row.row-selected {
background-color: var(--task-card-add-action-borded, #eaeaea);
}
.planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row > span {
font-size: 13px;
border-bottom: 1px dashed transparent;
}
.classic-font .planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row > span {
font-size: 12px;
}
.planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row > span:hover {
text-decoration: none;
border-bottom: 1px dashed currentColor;
}
.planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row .fakelink:hover {
text-decoration: none;
border-bottom: 1px dashed currentColor;
}
.planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row .user-avatar-img {
width: 40px;
height: 40px;
display: block;
}
.planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row .user-avatar-img + div {
margin-left: 10px;
text-align: left;
}
.planner-schedule-container .fake-tbl-inl .username {
display: inline-block;
text-align: left;
font-size: 14px;
border-bottom: 1px dashed transparent;
-webkit-transition: border 250ms ease;
-moz-transition: border 250ms ease;
-o-transition: border 250ms ease;
-ms-transition: border 250ms ease;
transition: border 250ms ease;
}
.planner-schedule-container .fake-tbl-inl .user-post {
color: var(--planner-schedule-user-post, #9e9e9e);
font-size: 12px;
line-height: 1.3em;
float: left;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.planner-schedule-container .tbl-item-menu {
position: absolute;
top: 6px;
right: 6px;
}
.planner-schedule-container .tbl-item-menu .b-ddl-menu-selected-arrow {
display: flex;
box-sizing: border-box;
width: 20px;
height: 20px;
padding: 2px 4px;
border-radius: 3px;
background-color: transparent;
transition: background-color 250ms ease;
}
.planner-schedule-container .tbl-item-menu .b-ddl-menu-selected-arrow:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
}
.planner-schedule-container .planner-schedule-content .fake-tbl .fake-tbl-col.not-work-time {
background: linear-gradient(45deg, rgba(0, 0, 0, 0) 55%, var(--task-edit-checkmark-value-box-workers, #a2a2a2) 50%, var(--task-edit-checkmark-value-box-workers, #a2a2a2) 0%, rgba(0, 0, 0, 0) 60%), linear-gradient(45deg, var(--task-edit-checkmark-value-box-workers, #a2a2a2) 10%, rgba(0, 0, 0, 0) 0%) !important;
background-size: 0.5em 0.5em !important;
}
.planner-schedule-container .dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-resize {
display: block;
width: 11px;
height: 20px;
position: absolute;
float: right;
border-radius: 0;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
top: 2px;
right: 2px;
margin: 0;
}
.planner-schedule-container .dlt-wrapper .dlt-wrapper-calendar-item .dlt-item-resize:before {
border: none;
background-color: inherit;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid;
top: 6px;
right: 4px;
left: unset;
}
.planner-schedule-container .dlt-wrapper-calendar-item-hover.dlt-wrapper-calendar-item .dlt-item-resize {
opacity: 1;
}
.planner-block-calendar-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.planner-block-calendar-create {
margin: 8px 0 3px 2px;
padding: 3px 12px;
border-radius: 6px;
border: 1px solid transparent;
background-color: var(--white-black, #fff);
box-shadow: var(--task-card-action-shadow, 0 1px 3px 0 rgba(156, 156, 156, 0.25));
transition: all 250ms ease;
box-sizing: border-box;
width: 260px;
}
.planner-block-calendar-create:hover {
box-shadow: var(--task-card-action-shadow, 0 1px 3px 0 rgba(156, 156, 156, 0.25)), 0 3px 0 0 currentColor;
}
.schedule-add-row-block {
display: flex;
width: 100%;
}
.schedule-add-row-input {
display: inline-block;
width: 100%;
position: relative;
}
.schedule-add-row-input__field {
color: var(--black-white, #000);
padding: 0;
outline: none;
font-size: 13px;
font-family: inherit;
height: 27px;
line-height: 26px;
-webkit-appearance: none;
box-sizing: border-box;
width: 100%;
border: none !important;
text-overflow: ellipsis;
}
.schedule-add-row-input__spinner {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 2px solid #e6e6e6;
border-top: 2px solid #4573B1;
border-radius: 50%;
animation: schedule-spinner-rotate 1s linear infinite;
}
.schedule-add-row-input__close {
position: absolute;
right: -27px;
width: 20px;
cursor: pointer;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.6;
top: 0;
bottom: 0;
transition: opacity 0.2s ease;
}
.schedule-add-row-input__close:hover {
opacity: 1;
}
.schedule-add-row-input__close svg {
width: 10px;
height: 10px;
stroke-width: 2px;
}
/**
Hour Scheduller
*/
.planner-block-schedule .dayname:not(.dayname-schedule) {
display: none;
}
.planner-block-schedule .dayname-schedule {
display: block;
}
.planner-block-schedule .planner-block-calendar-wrapper {
background-color: transparent;
}
.planner-block-schedule .planner-block-calendar-wrapper .content-c {
display: block;
width: 245px;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
padding: 0 15px;
}
.planner-block-schedule .planner-schedule-content {
border-radius: 6px;
overflow: hidden;
transform: translateZ(0);
margin-top: 9px;
}
.planner-block-schedule .planner-schedule-content .fake-tbl-h {
width: 100%;
margin: 0 0 9px;
}
.planner-block-schedule .planner-schedule-content .fake-tbl-h > div {
-webkit-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
text-align: left;
}
.planner-block-schedule .planner-schedule-content .fake-tbl-h .fake-tbl.fake-tbl-schedule {
display: block;
}
.planner-block-schedule .date-row {
margin-bottom: 39px;
}
.planner-block-schedule .date-row:not(:has(~ .date-row)) {
margin-bottom: 58px;
}
.planner-block-schedule .planner-schedule-container {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.planner-block-schedule .planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row,
.planner-block-schedule .planner-schedule-container .schedule-filtered-user__day-row,
.planner-block-schedule .planner-schedule-container .date-row .fake-tbl {
box-sizing: border-box;
height: var(--planner-schedule-row-height, 48px);
}
.planner-block-schedule .planner-schedule-container .planner-schedule-header {
border-bottom: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
margin-left: 8px;
margin-right: 8px;
}
.planner-block-schedule .planner-schedule-container .planner-schedule-header .header-l {
height: 46px;
}
.planner-block-schedule .planner-schedule-container .planner-schedule-header .header-l .data-h {
border: none;
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l {
position: absolute;
z-index: 10;
border-bottom: none;
pointer-events: none;
width: calc(100% - 16px);
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l .fake-tbl-h:first-child .fake-tbl-inl .fake-tbl-inl-row:first-child {
margin-top: 0;
border-top: 1px solid var(--planner-schedule-fake-tbl-border, #e6e6e6);
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l .fake-tbl-col {
background-color: var(--grey-list-border, #DEDEDE);
border-radius: 6px 6px 0 0;
width: 100%;
border-top: none;
pointer-events: all;
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l .calendar-date-h {
background-color: transparent;
width: 240px;
height: 100%;
padding-left: 21px;
font-size: 13px;
color: var(--gray-site, #454546);
border: none;
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l .calendar-date-h > span {
width: 100%;
height: 24px;
margin-top: 3px;
margin-bottom: 3px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l .calendar-date-h > span .dayname,
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l .calendar-date-h > span b {
color: var(--gray-dark-icon, #626263);
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l .calendar-date-h .fakelink .dayname {
color: var(--gray-site, #454546);
font-weight: 600;
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l .calendar-date-h .fakelink b {
padding: 2px 10px 3px;
border-radius: 15px;
color: #4573B1;
background: transparent;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms ease;
-o-transition: background 250ms ease;
-ms-transition: background 250ms ease;
transition: background 250ms ease;
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l .calendar-date-h .fakelink b:hover {
background: var(--context-popup-dialog, rgba(255, 255, 255, 0.25));
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l .calendar-date-h.calendar-date-h-today .fakelink b {
color: var(--white-black, #fff);
margin-right: 0;
width: unset;
height: unset;
background: #ff9c00;
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-l .calendar-date-h.calendar-date-h-today .fakelink b:hover {
background: #ff9c00;
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-r {
margin-top: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: none;
}
.planner-block-schedule .planner-schedule-container .planner-schedule-content .content-r .date-row:first-child .fake-tbl:first-child .fake-tbl-col {
border-top: 1px solid var(--grey-list-border, #dedede);
}
.planner-block-schedule .planner-schedule-container .fake-tbl {
width: 100%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-clip: padding-box;
transform: translateZ(0);
}
.planner-block-schedule .planner-schedule-container .fake-tbl-inl {
min-width: 244px;
border-color: var(--planner-schedule-fake-tbl-border, #e6e6e6);
pointer-events: all;
}
.planner-block-schedule .planner-schedule-container .fake-tbl-inl.thin {
min-width: 80px;
}
.planner-block-schedule .planner-schedule-container .fake-tbl-inl_empty {
border-top: 1px solid var(--grey-list-border, #dedede);
display: block;
}
.planner-block-schedule .planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row {
width: unset;
}
.planner-block-schedule .planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row .username {
max-width: 179px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
}
.planner-block-schedule .planner-schedule-container .fake-tbl-inl .fake-tbl-inl-row:last-child {
border-radius: 0 0 0 6px;
}
.planner-block-schedule .planner-schedule-container[data-row-height="x2"] .fake-tbl-inl .fake-tbl-inl-row .username {
max-width: 169px;
}
.planner-block-schedule .planner-schedule-container[data-row-height="x3"] .fake-tbl-inl .fake-tbl-inl-row .username {
max-width: 156px;
}
.planner-block-schedule .calendar-date-h-filter {
margin-left: 5px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
cursor: pointer;
}
.planner-block-schedule .calendar-date-h-filter .fakelink-dashed {
border: none;
padding: 2px 8px 3px;
border-radius: 15px;
background: transparent;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms ease;
-o-transition: background 250ms ease;
-ms-transition: background 250ms ease;
transition: background 250ms ease;
}
.planner-block-schedule .calendar-date-h-filter i {
margin-right: 5px;
}
.planner-block-schedule .calendar-date-h-filter:hover .fakelink-dashed {
background: var(--gray-inner, #eee);
}
.planner-block-schedule .planner-block-calendar-inner {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.planner-block-schedule .planner-block-calendar-create {
position: absolute;
z-index: 100;
min-height: 35px;
bottom: 10px;
left: 6px;
}
/** PlannerDailySchedule */
.planner-daily-schedule .planner-block-items-container.has-bottom-shadow:after {
box-shadow: none;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header {
margin-left: 8px;
border: 1px solid var(--planner-schedule-header-border, #C9C9C9);
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header.visible-month .header-l,
.planner-daily-schedule .planner-block-items-container .planner-schedule-header.visible-month .header-r {
height: 73px;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header.visible-month .header-r .month-b {
display: flex;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-l {
height: 43px;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-l .data-h {
display: flex;
min-width: 80px;
color: var(--popup-win-header-description, #8e8d8d);
border-left: none;
border-right: 1px solid var(--planner-schedule-header-border, #C9C9C9);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-l .data-h .fakelink,
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-l .data-h .column-name {
margin: 0 auto;
overflow: hidden;
text-overflow: ellipsis;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r {
height: 43px;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .month-b {
display: none;
height: 30px;
border-bottom: 1px solid var(--planner-schedule-header-border, #C9C9C9);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .month-b .month-group {
flex: 100%;
overflow: hidden;
padding: 6px 0;
color: var(--planner-schedule-month-group, #adadad);
text-align: center;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .month-b .month-group:first-letter {
text-transform: uppercase;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .day-b {
display: flex;
flex-direction: row;
margin: 0;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .day-b .grid-day-section {
width: 100%;
height: 43px;
text-align: center;
display: flex;
flex-direction: column;
font-size: 13px;
border-right: 1px solid var(--planner-schedule-fake-tbl-border, #e6e6e6);
color: var(--planner-schedule-month-group, #adadad);
font-weight: normal;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .day-b .grid-day-section:last-child {
border-right: unset;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .day-b .grid-day-section.today {
color: var(--planner-schedule-today, #ff8a00);
background: var(--planner-schedule-today-bg, #fdfdd7);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .day-b .grid-day-section.output-day {
background: var(--planner-schedule-output-day-bg, #f8f8f8);
border-right: 1px solid var(--planner-schedule-header-border, #C9C9C9);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .day-b .grid-day-section.output-day:last-child {
border-right: unset;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .day-b .grid-day-section .grid-day-section-date {
padding: 2px 0;
border-bottom: 1px solid var(--planner-schedule-fake-tbl-border, #e6e6e6);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .day-b .grid-day-section .grid-day-section-day-week {
padding: 4px 0;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-header .header-r .day-b .grid-day-section.selected {
background-color: var(--grey-dark-hover, #f2f2f2);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-l {
border-bottom: none;
background: var(--planner-schedule-header-border, white);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-l .fake-tbl-h {
border-top: 1px solid transparent;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-l .fake-tbl-h .fake-tbl.fake-tbl-schedule {
vertical-align: bottom;
border-right: 1px solid var(--planner-schedule-header-border, #C9C9C9);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-l .fake-tbl-h .fake-tbl.fake-tbl-schedule .fake-tbl-inl {
display: table;
border-right: none;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-l .fake-tbl-h .fake-tbl.fake-tbl-schedule .fake-tbl-inl .fake-tbl-inl-row {
display: flex;
width: inherit;
min-width: 80px;
border-right: none;
font-size: 13px;
padding: 0 40px 0 15px;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-l .fake-tbl-h .fake-tbl.fake-tbl-schedule .fake-tbl-inl .fake-tbl-inl-row.selected {
background-color: var(--grey-dark-hover, #f2f2f2);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-l .fake-tbl-h .fake-tbl.fake-tbl-schedule:not(:first-child) .fake-tbl-inl .fake-tbl-inl-row {
color: #8e8d8d;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-l .fake-tbl-h .fake-tbl.fake-tbl-schedule:not(:first-child) .fake-tbl-inl .fake-tbl-inl-row .row-value {
max-width: 80px;
overflow: hidden;
text-overflow: ellipsis;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-l .fake-tbl-h .fake-tbl.fake-tbl-schedule:not(:first-child) .fake-tbl-inl .fake-tbl-inl-row .row-value:hover {
border-bottom: 1px dashed transparent;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r {
overflow: hidden;
width: 100%;
border-bottom: none;
background: var(--white-black, #ffffff);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper {
display: flex;
flex-direction: row;
margin: 0;
height: 100%;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .date-row {
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
border-right: 1px solid var(--planner-schedule-fake-tbl-border, #e6e6e6);
color: var(--planner-schedule-month-group, #adadad);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .date-row .fake-tbl {
border-bottom: 1px solid var(--planner-schedule-header-border, #C9C9C9);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .date-row .fake-tbl.selected {
background-color: var(--grey-dark-hover, #f2f2f2);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .date-row .fake-tbl.free-day {
background: linear-gradient(45deg, rgba(0, 0, 0, 0) 55%, var(--planner-schedule-free-day, #a2a2a2) 50%, var(--planner-schedule-free-day, #a2a2a2) 0%, rgba(0, 0, 0, 0) 64%), linear-gradient(45deg, var(--planner-schedule-free-day, #a2a2a2) 10%, rgba(0, 0, 0, 0) 0%) !important;
background-size: 0.5em 0.5em !important;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .date-row .fake-tbl:last-child {
border-bottom: unset;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .date-row.today {
background: var(--planner-schedule-today-bg, #fdfdd7);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .date-row.output-day {
background: var(--planner-schedule-output-day-bg, #f8f8f8);
border-right: 1px solid var(--planner-schedule-header-border, #C9C9C9);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .date-row.output-day.last-column {
border-right: unset;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist {
position: absolute;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task {
margin: -1px 0 0 -1px;
position: absolute;
font-size: 15px;
background: var(--planner-schedule-item-task, #a1b8d4);
border-radius: 13px;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task .after-block {
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
z-index: 99;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.can-move .dlt-task-info {
cursor: move;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.can-move .dlt-task-info .favorite-item,
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.can-move .dlt-task-info .title {
cursor: move;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.one-day-small .dlt-task-arrow {
display: none !important;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.one-day-small .dlt-task-info .favorite-item {
display: none;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.one-day-small .icon-periodic-template {
display: none;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-arrow {
margin: 2px;
position: absolute;
z-index: 100;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-arrow:before {
right: 4px;
left: 4px;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-arrow.left {
left: 0;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-arrow.right {
right: 0;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-info {
display: flex;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 10px 0 10px;
height: 100%;
cursor: move;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-info.dlt-not-scalable-task-info {
margin: 0 10px 0 10px;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-info .favorite-item {
margin: auto 0 auto 0;
padding-right: 2px;
padding-bottom: 4px;
height: 16px;
width: 16px;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-info .favorite-item img {
width: 16px;
height: 16px;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-info .icon-periodic-template {
margin: auto 2px auto 0;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-info .title {
color: var(--white-black, #fff);
height: 18px;
margin: auto 0 auto 0;
text-decoration: none;
overflow: hidden;
font-size: 13px;
text-overflow: ellipsis;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.lost-start {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.lost-end {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.lost-start .dlt-task-arrow.left,
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.not-edit-start .dlt-task-arrow.left {
display: none !important;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.lost-end .dlt-task-arrow.right,
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.not-edit-end .dlt-task-arrow.right {
display: none !important;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.planner-daily-schedule-item-periodic-task {
background: var(--grey-list-border, #dedede);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper .grid-layer-tasklist .planner-daily-schedule-item-task.planner-daily-schedule-item-periodic-task .dlt-task-info .title {
color: #7f00a3;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper[task-color="by-status"] .planner-daily-schedule-item-task .dlt-task-arrow {
background: var(--white-black, #ffffff);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper[task-color="by-status"] .planner-daily-schedule-item-task .dlt-task-arrow svg {
fill: var(--react-select-chip-label, #777777);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper[task-color="by-status"] .planner-daily-schedule-item-task .dlt-task-info .title {
color: var(--white-black, #ffffff);
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper[task-color="by-status"] .planner-daily-schedule-item-task .dlt-task-info .favorite-item[data-starred="0"] svg path {
fill: var(--white-black, #ffffff) !important;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper-calendar-empty {
display: flex;
padding: 0;
background-color: var(--planner-calendar-empty, #e0dfdfc9);
z-index: 101;
}
.planner-daily-schedule .planner-block-items-container .planner-schedule-content .content-r .dlt-wrapper-calendar-empty .dlt-empty-info {
margin: auto;
}
.planner-daily-schedule .planner-schedule-container[data-row-height="x1"] .fake-tbl-inl .fake-tbl-inl-row,
.planner-daily-schedule .planner-schedule-container[data-row-height="x1"] .date-row .fake-tbl {
height: 30px;
}
.planner-daily-schedule .planner-schedule-container[data-row-height="x1"] .grid-layer-tasklist .planner-daily-schedule-item-task {
height: 24px;
}
.planner-daily-schedule .planner-schedule-container[data-row-height="x2"] .fake-tbl-inl .fake-tbl-inl-row,
.planner-daily-schedule .planner-schedule-container[data-row-height="x2"] .date-row .fake-tbl {
height: 47px;
}
.planner-daily-schedule .planner-schedule-container[data-row-height="x2"] .grid-layer-tasklist .planner-daily-schedule-item-task {
height: 41px;
}
.planner-daily-schedule .planner-schedule-container[data-row-height="x2"] .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-arrow {
height: 37px;
}
.planner-daily-schedule .planner-schedule-container[data-row-height="x2"] .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-arrow:before {
top: 16px;
}
.planner-daily-schedule .planner-schedule-container[data-row-height="x3"] .fake-tbl-inl .fake-tbl-inl-row,
.planner-daily-schedule .planner-schedule-container[data-row-height="x3"] .date-row .fake-tbl {
height: 66px;
}
.planner-daily-schedule .planner-schedule-container[data-row-height="x3"] .grid-layer-tasklist .planner-daily-schedule-item-task {
height: 59px;
}
.planner-daily-schedule .planner-schedule-container[data-row-height="x3"] .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-arrow {
height: 55px;
}
.planner-daily-schedule .planner-schedule-container[data-row-height="x3"] .grid-layer-tasklist .planner-daily-schedule-item-task .dlt-task-arrow:before {
top: 25px;
}
.planner-daily-schedule [data-field-row-filtered-count="1"] .fake-tbl-inl .fake-tbl-inl-row > * {
visibility: visible;
}
.planner-daily-schedule .planner-block-date-prev {
margin-left: 0;
}
.planner-daily-schedule .planner-block-calendar-inner {
border: 1px solid var(--planner-schedule-header-border, #C9C9C9);
border-top: unset;
overflow: hidden;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.planner-daily-schedule.not-planning .planner-schedule-content {
border-radius: 6px;
margin-top: 9px;
overflow: hidden;
}
.planner-drag.daily-planner {
padding: 0;
margin: -1px 0 0 -1px;
position: absolute;
font-size: 15px;
background: var(--planner-drag-daily, #7d9bcb);
border-radius: 16px;
overflow: hidden;
border: none;
}
.planner-drag.daily-planner .dlt-task-info {
display: flex;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 18px 0 18px;
height: 100%;
cursor: move;
}
.planner-drag.daily-planner .dlt-task-info .favorite-item {
margin: auto 0 auto 0;
padding-right: 2px;
}
.planner-drag.daily-planner .dlt-task-info .favorite-item img {
width: 16px;
height: 16px;
}
.planner-drag.daily-planner .dlt-task-info .favorite-item[data-starred="0"] svg path {
fill: var(--planner-schedule-task-info, #404036) !important;
}
.planner-drag.daily-planner .dlt-task-info .dlt-task-info-text,
.planner-drag.daily-planner .dlt-task-info .title {
color: var(--planner-schedule-task-info, #404036) !important;
height: 18px;
margin: auto 0 auto 0;
text-decoration: none;
overflow: hidden;
font-size: 13px;
text-overflow: ellipsis;
}
.planner-drag.daily-planner.lost-start {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.planner-drag.daily-planner.lost-start .dlt-task-arrow.left {
display: none;
}
.planner-drag.daily-planner.lost-end {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.planner-drag.daily-planner.lost-end .dlt-task-arrow.right {
display: none;
}
.planner-project-view .b-top-btn,
.task-list-container.planner-project-view .b-top-btn {
background: var(--white-black, #ffffff);
}
.planner-project-view .b-main-block,
.task-list-container.planner-project-view .b-main-block {
padding-right: 0px;
}
.planner-project-view .b-green-block,
.task-list-container.planner-project-view .b-green-block,
.planner-project-view .b-before-green-block + .b-green-block,
.task-list-container.planner-project-view .b-before-green-block + .b-green-block {
margin: 0;
overflow: unset;
padding: 0 14px;
position: relative;
}
.planner-project-view .b-main-block,
.task-list-container.planner-project-view .b-main-block {
padding-left: 0;
}
.planner-project-view .header-data-blocks > .b-top-btn,
.task-list-container.planner-project-view .header-data-blocks > .b-top-btn {
background: var(--white-black, #ffffff);
padding-left: 0;
}
.planner-project-view .header-data-blocks .planner-project-header-before,
.task-list-container.planner-project-view .header-data-blocks .planner-project-header-before {
color: #9c9c9c;
min-height: 12px;
margin-left: 26px;
padding-right: 150px;
}
.planner-project-view .header-data-blocks .planner-project-header,
.task-list-container.planner-project-view .header-data-blocks .planner-project-header {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin: 0 0 26px 25px;
font-size: 26px;
color: #4B4B4B;
cursor: pointer;
position: relative;
}
.planner-project-view .header-data-blocks .planner-project-header .planner-project-change-view-menu,
.task-list-container.planner-project-view .header-data-blocks .planner-project-header .planner-project-change-view-menu {
float: right;
margin-top: 6px;
font-size: 9pt;
margin-right: 9px;
}
.planner-project-view .header-data-blocks .planner-project-header > span > .b-ddl-menu,
.task-list-container.planner-project-view .header-data-blocks .planner-project-header > span > .b-ddl-menu {
font-size: 10pt;
vertical-align: top;
margin-top: 6px;
}
.b-planner-project .planner-page-container.task-card-opened {
display: inherit;
}
.b-planner-project .planner-container {
display: -webkit-flex;
display: flex;
overflow-x: auto;
overflow-y: hidden;
padding-top: 1px;
padding-left: 25px;
}
.b-planner-project .planner-block-list-container {
overflow-y: hidden;
}
/* Task Deadline внутри всплывающего окна Info */
.dl-task-info {
font-size: 13px;
}
.classic-font .dl-task-info {
font-size: 11px;
}
.g-popup-win-pointer.micro-card .b-task-microcard.has-menu {
padding-bottom: 30px;
}
.dl-task-info .dl-ti-label {
color: var(--gray-dark-icon, #626262);
}
.dl-task-info .dl-ti-project {
font-size: 8pt;
margin-bottom: 6px;
}
.dl-task-info .dl-ti-task {
margin-bottom: 5px;
overflow: hidden;
}
.dl-task-info .dl-ti-task .dl-ti-task-na {
float: left;
width: 20px;
padding-top: 2px;
}
.dl-task-info .dl-ti-task .dl-ti-task-title {
float: left;
width: 220px;
font-size: 11pt;
line-height: 13pt;
}
.dl-task-info .dl-ti-task .dl-ti-task-title i {
vertical-align: middle;
}
.dl-task-info .dl-ti-workers {
/*margin-bottom: 3px;*/
}
.dl-task-info .task-current-status {
color: var(--gray-dark-icon, #626262);
margin-bottom: 6px;
line-height: 1.9;
}
.dl-task-info .task-current-status .task-current-status-text.b-task-param-editable {
color: var(--black-white, #000);
border-bottom: 1px dashed var(--black-white, #000000);
}
.dl-task-info .task-current-status input,
.dl-task-info .task-current-status select {
font-size: 8pt;
}
.dl-task-info .task-current-status .status-as-select select {
width: 100px;
}
.dl-task-info .dl-ti-progress {
background: url(/img/task-info-progress.png) no-repeat;
background-position: 0px 5px;
background-size: 100% auto;
width: 277px;
overflow: hidden;
}
.dl-task-info .dl-ti-progress-nostart {
background: url(/img/task-info-progress-nostart.png) no-repeat;
background-position: 0px 5px;
background-size: 100% auto;
}
.dl-task-info .dl-ti-progress .dl-ti-progress-pointer {
background: url(/img/task-info-progress-pointer.png) no-repeat;
height: 7px;
}
.dl-task-info .dl-ti-progress .dl-ti-progress-endTime,
.dl-task-info .dl-ti-progress .dl-ti-progress-startTime {
font-size: 8pt;
color: var(--task-bubble-info, #6f6f6f);
margin-top: 11px;
}
.dl-task-info .dl-ti-progress .dl-ti-progress-endTime {
float: right;
}
.dl-task-info .dl-ti-progress .dl-ti-progress-startTime {
float: left;
}
.dl-task-info .dl-ti-newaction {
background: var(--chosen-text-no-results-bg, #F4F4F4);
padding: 3px 5px 5px;
margin-top: 7px;
color: #4573B1;
}
.dl-task-info .dl-ti-newaction .iconset-16px {
float: right;
cursor: pointer;
}
.dl-task-info .dl-ti-newaction .iconset-16px-trash:hover {
background-position: 0 -192px;
}
.dl-task-info .dl-ti-ajax {
float: right;
display: none;
}
.dl-task-info .dl-ti-close {
float: right;
width: 16px;
height: 16px;
cursor: pointer;
}
.dl-task-info .dl-ti-close:hover .iconset-16px-close {
background-position: 0 -80px;
}
.dl-task-info .dl-ti-close:hover .svg-icon-16px.gray {
stroke: var(--task-deadline-dead, #fd0000);
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.dl-task-info .task-important {
margin: 0;
margin-right: 4px;
border-radius: 3px;
display: inline-block;
}
/*
.dl-task-info .dl-task-info-date {
font-size: 9pt;
}
.dl-task-info .dl-task-info-date strong {
color: #626262;
}
*/
/* раскраска */
.dl-ti-task-template .b-task-microcard .task-microcard-title a {
color: #7F00A3;
}
.dl-ti-task-template .b-task-microcard .task-microcard-title .svg-icon-stroke.white.v-bot {
stroke: #7F00A3;
}
.dl-ti-task-done .b-task-microcard .task-microcard-title a {
color: var(--task-status-color-done, #30AB50);
}
.dl-ti-task-completed .b-task-microcard .task-microcard-title a {
color: var(--task-status-color-canceled, #85878E);
text-decoration: line-through;
}
.dl-ti-task-delayed .b-task-microcard .task-microcard-title a {
color: var(--task-status-color-canceled, #85878E);
}
.dl-ti-task-draft .b-task-microcard .task-microcard-title a {
color: var(--task-status-color-draft, #3D3F46);
}
.dl-ti-task-overdued .b-task-microcard .task-microcard-title a,
.dl-ti-task-overdued .b-task-microcard .task-microcard-date-end,
.dl-ti-task-overdued .b-task-microcard .task-microcard-date-start {
color: var(--task-deadline-dead, #FD0000);
}
.dl-ti-task-overdued .b-task-microcard .task-microcard-row .task-microcard-interact.task-microcard-date-start {
border-bottom: 1px dotted var(--task-deadline-dead, #FD0000);
}
.dl-ti-task-notaccepted .b-task-microcard .task-microcard-title a {
font-weight: bold;
}
.dl-task-actions {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: var(--task-card-add-action-borded, #eaeaea);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
font-size: 12px;
color: var(--grey-group-text, #6c6c6c);
}
.dl-task-actions .b-accept-reject {
position: relative;
top: 7px;
left: 10px;
height: 30px;
}
.dl-task-actions.preview {
position: relative;
width: 300px;
}
.dl-task-actions.preview:not(.top-position) {
margin: 0 0 -10px 0px;
}
.dl-task-actions.preview.top-position {
margin: 0 0 -10px 0;
}
.dl-task-action-main {
display: inline-block;
padding: 7px 0 6px 10px;
font-size: 13px;
}
.dl-task-menu-container {
float: right;
padding: 7px 10px 0 0;
display: -webkit-flex;
display: flex;
}
.dl-task-menu-container .dl-task-menu-list {
padding-left: 7px;
}
.dl-task-menu-container .microcard-quick-add-reminder-grayed {
cursor: pointer;
}
.dl-task-menu-container .microcard-quick-add-reminder:hover .iconset-16px {
background-position: 0 -544px;
}
.dl-task-action {
vertical-align: middle;
line-height: 16px;
cursor: pointer;
}
.dl-task-action i {
margin-right: 7px;
vertical-align: top;
}
.dl-task-buttons {
float: right;
padding: 7px 10px;
}
.dl-task-buttons > * {
margin-left: 7px;
cursor: pointer;
}
.dl-task-edit {
cursor: pointer;
}
img.img-star-ajax {
margin: 2px;
}
.dl-ti-addedby {
font-size: 9pt;
}
.dl-ti-addedby-time {
font-weight: bold;
padding-top: 5px;
clear: both;
}
.dl-ti-addedby-ajax {
background: url('/img/indicator_smallwaitanim.gif');
width: 25px;
height: 25px;
}
.dl-ti-addedby-login {
display: none;
}
.dl-ti-addedby-login-ico {
float: left;
padding-right: 10px;
}
.dl-ti-addedby-login-name {
padding-top: 7px;
}
.dl-ti-addedby-login-post {
font-size: 8pt;
color: var(--link-color-gray, #9e9e9e);
}
.g-popup-win-pointer.micro-card.style-field-apply {
/** новый стиль карточки */
padding: 10px 10px 10px;
background: var(--white-black, #fff);
border: 1px solid var(--grey-list-border, #dfdfdf);
border-radius: 4px;
box-shadow: 0 0 4px 2px #0000001c;
}
.g-popup-win-pointer.micro-card.style-field-apply.new-head-bar {
box-shadow: 0 0 6px 0 var(--task-list-focus-shadow, #0000004a);
border-top-right-radius: 0;
border: none;
}
.g-popup-win-pointer.micro-card.style-field-apply.new-head-bar .head-bar {
display: block;
position: absolute;
height: 25px;
top: -22px;
right: 0;
}
.g-popup-win-pointer.micro-card.style-field-apply.new-head-bar .head-bar .svg-maket svg {
width: 70px;
height: 25px;
filter: drop-shadow(1px -1px 2px var(--micro-card-svg-market, rgba(0, 0, 0, 0.2080392)));
}
.g-popup-win-pointer.micro-card.style-field-apply.new-head-bar .head-bar .svg-maket .mask-block {
position: absolute;
top: 22px;
bottom: -2px;
right: 0;
left: 2px;
background-color: var(--white-black, #fff);
}
.g-popup-win-pointer.micro-card.style-field-apply.new-head-bar .dl-task-info .dl-ti-close {
position: absolute;
top: -15px;
right: 10px;
z-index: 20;
width: auto;
height: auto;
}
.g-popup-win-pointer.micro-card.style-field-apply.new-head-bar .dl-task-info .dl-ti-close .svg {
stroke: var(--quote-border, #969696);
}
.g-popup-win-pointer.micro-card.style-field-apply.new-head-bar .dl-task-info .dl-ti-close:hover .svg-icon-stroke {
stroke: red;
}
.g-popup-win-pointer.micro-card.style-field-apply.new-head-bar .action-menu.top-position .dl-task-menu-list {
position: absolute;
top: -23px;
right: 6px;
z-index: 20;
fill: var(--quote-border, #969696);
padding: 0;
}
.g-popup-win-pointer.micro-card.style-field-apply.new-head-bar .g-popup-win-pointer-pointer:after {
box-shadow: 0 0 6px 0 var(--win-pointer-shadow, #0000004a);
border: none;
}
.g-popup-win-pointer .dl-task-info .b-task-microcard {
padding-top: 0;
}
.g-popup-win-pointer .dl-task-actions.top-position:not(.preview) {
top: 8px !important;
left: -23px !important;
}
.dl-task-microcard-container {
margin: 10px 2px;
position: relative;
padding: 11px;
background: var(--white-black, #fff);
border-radius: 12px;
-webkit-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
}
.planner-item-list.dl-task-microcard-container {
height: auto !important;
display: block;
border: 1px solid transparent;
}
.planner-item-list.dl-task-microcard-container.planner-item-hoverable:hover .dl-task-actions.top-position {
display: block;
}
.dl-task-microcard-container .dl-task-actions {
/* display: none;*/
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.dl-task-microcard-container.active .dl-task-actions:not(.top-position) {
/*display: block;*/
border-top: 1px solid var(--gray-inner, #eee);
}
.dl-task-microcard-container.active .dl-task-info {
margin-bottom: 5px;
}
.dark-theme .cke_dialog .cke_dialog_body {
background: var(--file-upload-ubloaded-block, #eaeaea);
border: 1px solid var(--cke-dialog-border, #b2b2b2);
border-bottom-color: var(--file-viewer-slider-thumb-shadow, #999);
border-radius: 3px;
box-shadow: 0 0 3px var(--dialog-box-shadow-ultralight);
}
.dark-theme .cke_dialog .cke_dialog_body .cke_dialog_title {
color: var(--integration-win-summary, #474747);
border-bottom: 1px solid var(--file-viewer-slider-thumb-shadow, #999);
text-shadow: 0 1px 0 var(--cke-dialog-title-shadow, rgba(255, 255, 255, 0.75));
box-shadow: 0 1px 0 var(--white-black, #fff) inset;
background: var(--cke-dialog-bg, #cfd1cf);
background-image: linear-gradient(to bottom, var(--date-picker-bg, #f5f5f5), var(--cke-dialog-bg, #cfd1cf));
}
.dark-theme .cke_dialog .cke_dialog_body .cke_dialog_footer {
outline: 1px solid var(--cke-ialog-contents-border, #bfbfbf);
box-shadow: 0 1px 0 var(--white-black, #fff) inset;
background: var(--cke-dialog-bg, #cfd1cf);
background-image: linear-gradient(to bottom, var(--report-save-empty-bg, #ebebeb), var(--cke-dialog-bg, #cfd1cf));
border-top: 1px solid var(--white-black, #fff);
}
.dark-theme .cke_dialog .cke_dark_background {
background-color: var(--grey-list-border, #dedede);
}
.dark-theme .cke_dialog .cke_light_background {
background-color: var(--report-save-empty-bg, #ebebeb);
}
.dark-theme .cke_dialog .ImagePreviewLoader {
background-color: var(--integration-settings-control-container-bg, #e4e4e4);
}
.dark-theme .cke_dialog iframe.cke_pasteframe {
border: 1px solid var(--cke-pasteframe, #aeb3b9);
}
.dark-theme .cke_dialog_spinner {
border: 2px solid var(--cke-dialog-spinner1, rgba(102, 102, 102, 0.2));
border-left: 2px solid var(--cke-dialog-spinner2, #666666);
}
.dark-theme .cke_dialog_contents {
background-color: var(--white-black, #fff);
border-top: 1px solid var(--cke-ialog-contents-border, #bfbfbf);
}
.dark-theme a.cke_dialog_tab {
color: var(--cke-dialog-tab, #595959);
border: 1px solid var(--cke-ialog-contents-border, #bfbfbf);
background: var(--file-viewer-canvas-no-active-btn-bg, #d4d4d4);
background-image: linear-gradient(to bottom, var(--email-filter-then-bg, #fafafa), var(--date-picker-holiday-bg, #ededed));
}
.dark-theme a.cke_dialog_tab:hover,
.dark-theme a.cke_dialog_tab:focus {
background: var(--report-save-empty-bg, #ebebeb);
background: linear-gradient(to bottom, var(--report-save-empty-bg, #ebebeb) 0, var(--grey-list-border, #dedede) 100%);
}
.dark-theme a.cke_dialog_tab_selected {
background: var(--white-black, #fff);
color: var(--cke-dialog-tab-selected, #383838);
border-bottom-color: var(--white-black, #fff);
}
.dark-theme a.cke_dialog_tab_selected:hover,
.dark-theme a.cke_dialog_tab_selected:focus {
background: linear-gradient(to bottom, var(--date-picker-holiday-bg, #ededed) 0, var(--white-black, #fff) 100%);
}
.dark-theme a.cke_dialog_tab_disabled {
color: var(--cke-dialog-tab-disabled, #bababa);
}
.dark-theme div.cke_disabled .cke_dialog_ui_labeled_content div * {
background-color: var(--viewer-file-container, #ddd);
}
.dark-theme input.cke_dialog_ui_input_text,
.dark-theme input.cke_dialog_ui_input_password,
.dark-theme input.cke_dialog_ui_input_tel,
.dark-theme textarea.cke_dialog_ui_input_textarea,
.dark-theme select.cke_dialog_ui_input_select {
background-color: var(--white-black, #fff);
border: 1px solid var(--cke-dialog-ui-input-bg-border, #c9cccf);
border-top-color: var(--cke-pasteframe, #aeb3b9);
box-shadow: 0 1px 2px var(--dialog-box-shadow-ultralight) inset;
}
.dark-theme input.cke_dialog_ui_input_text:hover,
.dark-theme input.cke_dialog_ui_input_password:hover,
.dark-theme input.cke_dialog_ui_input_tel:hover,
.dark-theme textarea.cke_dialog_ui_input_textarea:hover,
.dark-theme select.cke_dialog_ui_input_select:hover {
border: 1px solid var(--cke-pasteframe, #aeb3b9);
border-top-color: var(--cke-dialog-ui-input-bg-border-top, #a0a6ad);
}
.dark-theme input.cke_dialog_ui_input_text:focus,
.dark-theme input.cke_dialog_ui_input_password:focus,
.dark-theme input.cke_dialog_ui_input_tel:focus,
.dark-theme textarea.cke_dialog_ui_input_textarea:focus,
.dark-theme select.cke_dialog_ui_input_select:focus {
border: 1px solid #139ff7;
border-top-color: #1392e9;
}
.dark-theme a.cke_dialog_ui_button {
color: var(--chosen-text, #333);
border: 1px solid var(--planner-file-control-svg, #b6b6b6);
border-bottom-color: var(--file-viewer-slider-thumb-shadow, #999);
box-shadow: 0 1px 0 var(--cke-dialog-ui-button-sh1, rgba(255, 255, 255, 0.5)), 0 0 2px var(--cke-dialog-ui-button-sh2, rgba(255, 255, 255, 0.15)) inset, 0 1px 0 var(--cke-dialog-ui-button-sh2, rgba(255, 255, 255, 0.15)) inset;
background-image: linear-gradient(to bottom, var(--white-black, #fff), var(--integration-settings-control-container-bg, #e4e4e4));
}
.dark-theme a.cke_dialog_ui_button:hover {
border-color: var(--planner-schedule-user-post, #9e9e9e);
background-image: linear-gradient(to bottom, var(--grey-dark-hover, #f2f2f2), var(--resize-overlay, #ccc));
}
.dark-theme a.cke_dialog_ui_button:focus,
.dark-theme a.cke_dialog_ui_button:active {
border-color: var(--quote-border, #969696);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.4) inset;
}
.dark-theme a.cke_dialog_ui_button span {
text-shadow: 0 1px 0 var(--white-black, #fff);
}
.dark-theme a.cke_dialog_ui_button_ok {
color: var(--white-black, #fff);
text-shadow: 0 -1px 0 #55830c;
border-color: #62a60a #62a60a #4d9200;
background: #69b10b;
background-image: linear-gradient(to bottom, #9ad717, #69b10b);
}
.dark-theme a.cke_dialog_ui_button_ok:hover {
border-color: #5b9909 #5b9909 #478500;
background: #88be14;
background: linear-gradient(to bottom, #88be14 0, #5d9c0a 100%);
}
.dark-theme a.cke_dialog_ui_button_ok .cke_disabled {
border-color: #7d9f51;
background: #8dad62;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3d271), to(#8dad62));
background-image: -webkit-linear-gradient(top, #b3d271, #8dad62);
background-image: -o-linear-gradient(top, #b3d271, #8dad62);
background-image: linear-gradient(to bottom, #b3d271, #8dad62);
background-image: -moz-linear-gradient(top, #b3d271, #8dad62);
}
.dark-theme a.cke_dialog_ui_button_ok .cke_disabled:focus,
.dark-theme a.cke_dialog_ui_button_ok .cke_disabled:active {
border-color: #6f8c49;
}
.dark-theme a.cke_dialog_ui_button_ok .cke_disabled span {
color: #e0e8d1;
}
.dark-theme a.cke_dialog_ui_button_ok span {
text-shadow: 0 -1px 0 #55830c;
}
.dark-theme a.cke_dialog_ui_button_ok:focus,
.dark-theme a.cke_dialog_ui_button_ok:active {
border-color: #568c0a;
}
.dark-theme .cke_disabled {
color: var(--cke-disabled-span, #a0a0a0);
}
.dark-theme a.cke_smile:hover,
.dark-theme a.cke_specialchar:hover,
.dark-theme a.cke_smile:focus,
.dark-theme a.cke_specialchar:focus,
.dark-theme a.cke_smile:active,
.dark-theme a.cke_specialchar:active {
background: var(--white-black, #fff);
}
.dark-theme a.cke_smile:hover,
.dark-theme a.cke_specialchar:hover {
border-color: var(--file-meta-data, #888);
}
.dark-theme a.cke_smile:focus,
.dark-theme a.cke_specialchar:focus,
.dark-theme a.cke_smile:active,
.dark-theme a.cke_specialchar:active {
border-color: #139ff7;
}
.dark-theme .cke_dialog_ui_checkbox_input:focus,
.dark-theme .cke_dialog_ui_radio_input:focus,
.dark-theme .cke_btn_over {
outline: 1px dotted var(--cke-btn-over, #696969);
}
.dark-theme .cke_1 .cke_dialog_tab_selected,
.dark-theme .cke_1 .cke_dialog_tab_selected:hover {
border-bottom: var(--white-black, #fff);
}
body .cke_reset_all,
body .cke_reset_all *,
body .cke_reset_all a,
body .cke_reset_all textarea {
color: var(--black-white, #000);
}
body * html .cke_panel_listItem a,
body *:first-child + html .cke_panel_listItem a,
body .cke_colorblock,
body .cke_colorblock a {
color: var(--black-white, #000);
}
body .cke_reset_all select[multiple] option:checked {
background-color: var(--task-dates-input-text, #cecece);
}
body .cke_float .cke_top {
border: 1px solid var(--planner-file-control-svg, #b6b6b6);
border-bottom-color: #999;
}
body .cke_resizer {
box-shadow: 0 1px 0 var(--context-popup-dialog, rgba(255, 255, 255, 0.3));
}
body .cke_resizer_rtl {
border-left-color: var(--notice-channel-small-text, #a5a5a5);
}
body .cke_panel_listItem a {
border: 1px solid var(--white-black, #fff);
}
body .cke_panel_listItem.cke_selected a {
border: 1px solid #dedede;
background-color: #f2f2f2;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
}
body .cke_panel_listItem a:hover,
body .cke_panel_listItem a:focus,
body .cke_panel_listItem a:active {
border-color: #dedede;
background-color: #f2f2f2;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
}
body .cke_panel_grouptitle {
color: var(--integration-win-summary, #474747);
text-shadow: 0 1px 0 var(--cke-dialog-title-shadow, rgba(255, 255, 255, 0.75));
border-bottom: 1px solid var(--planner-file-control-svg, #b6b6b6);
}
body span.cke_colorbox {
border: var(--default-gray, #808080) 1px solid;
}
body a.cke_colorbox {
border: var(--white-black, #fff) 1px solid;
}
body a.cke_colorauto,
body a.cke_colormore {
border: var(--white-black, #fff) 1px solid;
}
body a:hover.cke_colorauto,
body a:hover.cke_colormore,
body a:focus.cke_colorauto,
body a:focus.cke_colormore,
body a:active.cke_colorauto,
body a:active.cke_colormore,
body a:hover.cke_colorbox,
body a:focus.cke_colorbox,
body a:active.cke_colorbox {
border: var(--planner-file-control-svg, #b6b6b6) 1px solid;
background-color: var(--tabs-panel-tab-hover, #e5e5e5);
}
body .cke_button_label {
color: var(--integration-win-summary, #474747);
text-shadow: 0 1px 0 var(--help-container-history-space, rgba(255, 255, 255, 0.5));
}
body .cke_bottom {
background-image: none !important;
background-color: var(--planner-chronicle-item-bg-hover, #e6e6e6) !important;
border-top: 1px solid var(--gray-input-border, #bbb) !important;
box-shadow: none !important;
}
body .cke_top {
background-image: none !important;
background-color: var(--planner-chronicle-item-bg-hover, #e6e6e6) !important;
border-bottom: 1px solid var(--gray-input-border, #bbb) !important;
box-shadow: none !important;
}
body .action-list-v3-bar-wrapper .cke_top {
padding: 2px 0 !important;
}
body .tr-task-dialogMenu .cke_top {
border-bottom: none !important;
padding: 0px !important;
}
body .cke_resizer {
margin-bottom: -4px;
margin-top: -5px;
}
body .cke_resizer_ltr {
margin-right: -8px;
}
body .cke_resizer {
border-right-color: var(--cke-resizer, #555) !important;
}
body .cke_chrome {
border-color: var(--gray-input-border, #bbb) !important;
}
body .cke_toolbox_collapser {
display: none;
}
body .cke_toolgroup {
border: none !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
margin-right: 0 !important;
}
body .cke_toolgroup .cke_button {
border-radius: 3px !important;
cursor: pointer;
}
body .cke_toolgroup .cke_button__planfixmenuforformat_icon {
background: url(/img/ckeditor/topPanel/text-format.svg) !important;
}
body .cke_toolgroup .cke_button__italic_icon {
background: url(/img/ckeditor/topPanel/italic.svg) !important;
}
body .cke_toolgroup .cke_button__bold_icon {
background: url(/img/ckeditor/topPanel/bold.svg) !important;
}
body .cke_toolgroup .cke_button__underline_icon {
background: url(/img/ckeditor/topPanel/underline.svg) !important;
}
body .cke_toolgroup .cke_button__strike_icon {
background: url(/img/ckeditor/topPanel/strike.svg) !important;
}
body .cke_toolgroup .cke_button__planfixalignmentofcontentmenu_icon {
background: url(/img/ckeditor/topPanel/alignContextMenu/alignLeft.svg) !important;
}
body .cke_toolgroup .cke_button__textcolor_icon {
background: url(/img/ckeditor/topPanel/textColor.svg) !important;
}
body .cke_toolgroup .cke_button__bgcolor_icon {
background: url(/img/ckeditor/topPanel/bgcolor.svg) !important;
}
body .cke_toolgroup .cke_button__planfixmenuforlist_icon {
background: url(/img/ckeditor/topPanel/listContextMenu/markerList.svg) !important;
}
body .cke_toolgroup .cke_button__blockquote_icon {
background: url(/img/ckeditor/topPanel/quote.svg) !important;
}
body .cke_toolgroup .cke_button__converttoplaintext_icon {
background: url(/img/ckeditor/topPanel/convertToPlainText.svg) !important;
}
body .cke_toolgroup .cke_button__table_icon {
background: url(/img/ckeditor/topPanel/table.svg) !important;
}
body .cke_toolgroup .cke_button__link_icon {
background: url(/img/ckeditor/topPanel/link.svg) !important;
}
body .cke_toolgroup .cke_button__codesnippet_icon {
background: url(/img/ckeditor/topPanel/snippet.svg) !important;
}
body .cke_toolgroup .cke_button__planfixobjectfrompf_icon {
background: url(/img/ckeditor/topPanel/objectFromPf.svg) !important;
}
body .cke_toolgroup .cke_button__emojione_icon {
background: url(/img/ckeditor/topPanel/emoji.svg) !important;
}
body .cke_toolgroup .cke_button__youtube_icon {
background: url(/img/ckeditor/topPanel/youtube.svg) !important;
}
body .cke_toolgroup .cke_button.cke_button_expandable .cke_button_arrow {
background-image: url(/img/ckeditor/editor_dropdown_arrow.svg);
width: 10px;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
position: relative;
top: 2px;
left: 0;
margin: 0;
border: unset;
cursor: pointer;
}
body .cke_toolgroup .cke_button.cke_button_on {
box-shadow: unset;
background: var(--task-card-add-action-hover, #DFF1FF);
}
body .cke_toolgroup .cke_button.cke_button_off {
box-shadow: unset;
}
body .cke_toolgroup .cke_toolbar_separator {
height: 12px;
position: relative;
top: 6px;
}
.cke_reset_all {
border-radius: 5px !important;
}
body .action-list-v3-bar-wrapper .cke_toolgroup {
margin: 0 !important;
}
body .action-list-v3-bar-wrapper .cke_toolgroup .cke_toolbar_separator {
top: 4px;
}
body .cke_toolbar_separator {
background-color: var(--file-viewer-slider-thumb-shadow, #999) !important;
box-shadow: none !important;
margin: 2px 2px 0 !important;
}
body .action-list-v3-bar-wrapper a.cke_button,
body .action-list-v3-bar-wrapper a.cke_button.cke_button_expandable {
padding: 2px 6px;
}
body .status-win .tooltip-editor a.cke_button,
body body .status-win .tooltip-editor a.cke_button.cke_button_expandable,
body .div-menu-dialog-task .task-editor-container a.cke_button,
body .div-menu-dialog-task .task-editor-container a.cke_button.cke_button_expandable,
body .div-menu-dialog-task .task-create-field-input.inline-editor-container a.cke_button,
body .div-menu-dialog-task .task-create-field-input.inline-editor-container a.cke_button.cke_button_expandable,
body .div-menu-dialog-crm .task-editor-container a.cke_button,
body .div-menu-dialog-crm .task-editor-container a.cke_button.cke_button_expandable,
body .div-menu-dialog-crm .task-create-field-input.inline-editor-container a.cke_button,
body .div-menu-dialog-crm .task-create-field-input.inline-editor-container a.cke_button.cke_button_expandable,
body .div-menu-dialog-project .task-editor-container a.cke_button,
body .div-menu-dialog-project .task-editor-container a.cke_button.cke_button_expandable,
body .div-menu-dialog-project .task-create-field-input.inline-editor-container a.cke_button,
body .div-menu-dialog-project .task-create-field-input.inline-editor-container a.cke_button.cke_button_expandable,
body .handbook-item-add-dialog a.cke_button,
body .task-change-add-action-text a.cke_button,
body .user-create a.cke_button {
padding: 4px 5px;
}
body a.cke_button_off:hover,
body a.cke_button_off:focus,
body a.cke_button_off:active {
background-image: none !important;
background-color: var(--task-card-add-action-hover, #DFF1FF);
}
body a.cke_combo_button {
border-radius: 0;
box-shadow: none;
background: var(--white-black, #fff);
border-color: var(--gray-input-border, #bbb);
margin: 2px 2px 2px 4px;
}
body .cke_combo_on a.cke_combo_button,
body .cke_combo_on a.cke_combo_button:hover,
body .cke_combo_off a.cke_combo_button:hover,
body .cke_combo_on a.cke_combo_button:focus,
body .cke_combo_off a.cke_combo_button:focus,
body .cke_combo_on a.cke_combo_button:active,
body .cke_combo_off a.cke_combo_button:active {
box-shadow: none;
background: var(--task-card-add-action-hover, #DFF1FF);
}
body .cke_combo_text,
body .cke_combo__fontsize .cke_combo_text {
line-height: 17px;
width: auto;
}
body .cke_combo_open {
height: 10px;
line-height: 18px;
margin: 0 7px;
}
body .cke_combo_arrow {
margin: 7px 0 0;
}
body .cke_toolbar:not(:first-child) {
margin: 5px 0 5px;
}
.cke_dialog_background_cover {
background-color: var(--dialog-box-shadow-light) !important;
opacity: unset !important;
}
body .cke_autocomplete_panel {
min-width: 416px;
width: auto;
max-width: 832px;
background-color: var(--white-black, #fff);
max-height: 275px;
padding: 6px 11px 7px 0;
border: 0.5px solid var(--autocomplete-panel-border, #CBCBCB);
box-shadow: 0 0 6px var(--dialog-box-shadow-light);
border-radius: 6px;
color: var(--task-card-title-text, #4b4b4b);
overflow-x: hidden;
}
body .cke_autocomplete_panel::-webkit-scrollbar {
width: 0;
}
body .cke_autocomplete_panel .autocomplete-el {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 6px 0 6px 13px;
width: 100%;
}
body .cke_autocomplete_panel .autocomplete-el .user-avatar {
border-radius: 100px;
width: 32px;
height: 32px;
}
body .cke_autocomplete_panel .autocomplete-el .slash-option-icon {
width: 16px;
height: 16px;
}
body .cke_autocomplete_panel .autocomplete-el span {
margin-left: 13px;
font-size: 15px;
line-height: 18px;
padding: 4px 0 4px 6px;
width: 100%;
margin-right: 35px;
border-radius: 3px;
}
body .cke_autocomplete_panel .autocomplete-el:hover {
background-color: var(--gray-inner, #EEEEEE);
}
body .cke_autocomplete_panel .autocomplete-el.cke_autocomplete_selected {
background-color: var(--gray-inner, #EEEEEE);
}
.toolbar-bottom {
padding: 0 16px 6px 0;
margin-left: -6px;
}
.toolbar-bottom .ckeditor-panel-container {
border: unset;
margin-bottom: unset;
box-shadow: unset;
}
.toolbar-bottom .ckeditor-panel-container .cke_inner {
background: var(--white-black, #fff);
}
.toolbar-bottom .ckeditor-panel-container .cke_inner .cke_top {
padding: 2px 0;
border: unset !important;
}
.toolbar-bottom .ckeditor-panel-container .cke_inner .cke_top .cke_toolbar .cke_toolgroup {
margin-bottom: unset;
}
.toolbar-bottom .ckeditor-panel-container .cke_inner .cke_top .cke_toolbar .cke_toolgroup .cke_button {
padding: 2px 6px;
}
.toolbar-bottom.toolbar-bottom-hidden .ckeditor-panel-container .cke_inner .cke_top {
display: none;
}
#action-create-div form {
border-left: 1px solid var(--white-black, #fff);
border-right: 1px solid var(--white-black, #fff);
}
#action-create-div.drag-over > form {
border: 1px dashed #808080;
}
#action-create-div.drag-over-editor > form {
border: 1px dashed #d9d9d9;
}
.ckeditor-filedrag-over {
position: relative;
}
.ckeditor-filedrag-hint {
position: absolute;
width: 100%;
height: 100%;
top: -1px;
left: -1px;
z-index: 99;
border: 1px dashed #808080;
font-size: 22px;
color: gray;
}
.ckeditor-filedrag-hint table {
width: 100%;
height: 100%;
}
.ckeditor-filedrag-hint td {
text-align: center;
}
.ckeditor-direct-upload-image {
max-width: 500px;
}
.tr-actions-body .ckeditor-direct-upload-image {
cursor: pointer;
}
.b-description-text .ckeditor-direct-upload-image {
cursor: pointer;
}
.tr-actions-body.tr-actions-body-draft .ckeditor-direct-upload-image {
cursor: default;
}
#action-create-div {
padding-top: 20px;
}
.tr-actions-body-edit-form #action-create-div {
padding-bottom: 5px;
}
#action-create-div.action-standalone-form {
padding-top: 0px;
}
/* закомментил, т.к. ломается интфейс в непредсказуемых местах, класс используется для доброй половины форм создания.
.tbl-new-action tr > td {
padding-left: 15px !important;
}*/
#action-create-div tr > td {
padding-left: 15px !important;
}
#action-create-div.action-standalone-form tr > td {
padding-left: 0px !important;
}
#action-create-div .action-description td {
padding-left: 0 !important;
background: transparent !important;
}
.action-create-attached-files .action-create-number-top {
top: -4px;
position: relative;
font-size: 8pt;
margin-left: 4px;
color: #5881B8;
}
.inline-editor-container .cke_chrome,
.user-create .cke_chrome {
border-left: none;
border-right: none;
box-shadow: none;
background: var(--white-black, #fff);
}
.b-task-description .inline-editor-container .planfix-ckeditor-element {
border-top: none;
}
.inline-editor-container textarea {
height: 100px;
width: 100%;
border: none;
}
.inline-editor-container > .planfix-ckeditor-element {
position: relative;
/*min-height: 100px;*/
padding: 10px 0 0 0;
width: 100%;
word-break: break-all;
border-top: 1px solid transparent;
/* prevent margin from children */
color: #111;
outline: none !important;
}
.task-editor-container > .planfix-ckeditor-element {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.inline-editor-container > .planfix-ckeditor-element::before {
position: absolute;
font-size: 10px;
text-indent: -9999em;
border-top: 0.1em solid rgba(190, 190, 190, 0.2);
border-right: 0.1em solid rgba(190, 190, 190, 0.2);
border-bottom: 0.1em solid rgba(190, 190, 190, 0.2);
border-left: 0.1em solid #bebebe;
animation: load8 1.1s infinite linear;
border-radius: 50%;
content: '';
top: 42px;
left: 50%;
width: 10px;
height: 10px;
}
.b-task-description .inline-editor-container > .planfix-ckeditor-element::before,
handbook-item-add-fields .inline-editor-container > .planfix-ckeditor-element::before {
background-color: #fff;
}
.inline-editor-container > .planfix-ckeditor-element.ckeditor-inline-loaded::before,
.b-task-description .inline-editor-container > .planfix-ckeditor-element.ckeditor-inline-loaded::before {
display: none;
}
body .ckeditor-panel-container {
margin-bottom: -1px;
z-index: 9;
}
.ckeditor-panel-container .cke_top {
background-color: var(--white-black, #fff) !important;
}
.ckeditor-panel-container.cke_float .cke_top {
border-color: var(--ddl-menu-separator, #d4d4d4) !important;
}
.ckeditor-filedrag-over {
border: 1px dashed #808080;
}
.ckeditor-action-cite {
color: #7F7F7F;
}
.task-description-editor {
padding: 15px 0px 5px 67px;
margin-top: 5px;
margin-left: -1px;
margin-right: 25px;
}
.task-description-editor .planfix-ckeditor-element {
margin-top: 2px !important;
}
body.withAppButton .app-button {
display: flex;
}
body.login-body.mobile .app-button {
height: 70px;
}
body.login-body.mobile .app-button .app-button-container {
padding: 0 16px;
}
body.login-body.mobile .app-button .app-button-container .app-button-close {
margin: 0 6px;
width: 14px;
height: 14px;
}
body.login-body.mobile .app-button .app-button-container .app-button-close svg {
width: 14px;
height: 14px;
}
body.login-body.mobile .app-button .app-button-container .app-button-ico {
display: none;
}
body.login-body.mobile .app-button .app-button-container .app-button-title {
font-size: 13px;
font-weight: 225;
line-height: 15px;
}
body.login-body.mobile .app-button .app-button-container .app-button-go {
padding: 10px 32px;
font-size: 13px;
font-weight: 175;
line-height: 24px;
}
.app-button {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10;
height: 128px;
background: #fff;
border: 2px solid #fff;
border-left: 0px;
border-right: 0px;
}
.app-button .app-button-container {
display: flex;
flex: 1;
flex-direction: row;
align-items: center;
position: relative;
height: 100%;
overflow: hidden;
padding: 0 32px;
}
.app-button .app-button-container .app-button-close {
margin: 0 12px;
width: 20px;
height: 20px;
padding: 0px;
border: 0px;
background: none;
}
.app-button .app-button-container .app-button-close svg {
width: 20px;
height: 20px;
}
.app-button .app-button-container .app-button-ico {
display: block;
width: 88px;
height: 88px;
margin: 0 12px;
}
.app-button .app-button-container .app-button-ico svg {
width: 88px;
height: 88px;
}
.app-button .app-button-container .app-button-title {
font-size: 26px;
font-weight: 450;
line-height: 30px;
text-align: left;
margin: 0 12px;
flex: 1;
}
.app-button .app-button-container .app-button-go {
padding: 20px 64px;
gap: 64px;
border-radius: 58px;
background: linear-gradient(40.52deg, #11B9C2 0%, #9FDC46 100%);
color: #fff;
font-size: 26px;
font-weight: 350;
line-height: 48px;
text-align: center;
border: 0px;
}
.app-button .app-button-container .app-button-go.app-button-go-bonsoft {
background: #2932FE;
}
.b-left-block.v2.cardmenu .block-bottom-menu {
gap: 8px;
padding: 7px 0 0;
margin-bottom: 16px;
background: var(--menu, #53586b);
}
.b-left-block.v2.cardmenu .block-bottom-menu:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background-color: var(--notActiveFilterText);
opacity: 0.2;
}
.b-left-block.v2.cardmenu .block-bottom-menu .menu-item-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.b-left-block.v2.cardmenu .block-bottom-menu .link {
height: 19px;
padding-top: 7px;
padding-bottom: 7px;
display: flex;
min-height: 19px;
color: #dde0e2;
padding-right: 18px;
white-space: nowrap;
position: relative;
margin: 0 9px 0 6px;
cursor: pointer;
}
.b-left-block.v2.cardmenu .block-bottom-menu .link .edge {
display: inline-block;
width: 15px;
height: 14px;
line-height: 0;
margin-top: 2px;
flex-shrink: 0;
}
.b-left-block.v2.cardmenu .block-bottom-menu .link .edge svg {
margin-left: 5px;
width: 6px;
height: 14px;
display: none;
}
.b-left-block.v2.cardmenu .block-bottom-menu .link:hover {
border-radius: 6px;
background: var(--notActiveFilterHover, #00000026);
}
.b-left-block.v2.cardmenu .block-bottom-menu .link .menu-text .menu-text-link {
white-space: nowrap;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
height: 19px;
line-height: 1.5;
color: var(--notActiveFilterText, #dde0e2);
}
.b-left-block.v2.cardmenu .block-bottom-menu .link .menu-text .menu-text-link svg {
width: 16px;
height: 16px;
margin-right: 8px;
vertical-align: bottom;
margin-bottom: 3px;
display: inline-block;
fill: none;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
stroke: var(--leftMenuIcon, #dde0e2);
}
.b-left-block.v2.cardmenu .block-bottom-menu .menu-item {
background: none;
display: block;
margin: 0;
}
.b-left-block.v2.cardmenu .block-bottom-menu .menu-item:hover {
background: none !important;
}
.cardmenu,
.planfixcardmenu {
width: 230px;
background: var(--cardmenu-back, #53586b);
font-size: 13px;
padding: 0;
vertical-align: top;
margin: 0;
height: 100%;
}
body.dark-theme .cardmenu,
body.dark-theme .planfixcardmenu {
background-color: #1a1c21 !important;
}
.cardmenu.whitemenu,
.planfixcardmenu.whitemenu {
background: var(--file-viewer-canvas-bg, #f7f7f7);
}
.cardmenu.whitemenu tr .link .menu-text .menu-text-link img,
.planfixcardmenu.whitemenu tr .link .menu-text .menu-text-link img,
.cardmenu.whitemenu tr .link .menu-item-svg-icon,
.planfixcardmenu.whitemenu tr .link .menu-item-svg-icon {
background: var(--white-black, #FFF);
}
.cardmenu.whitemenu table .active .link,
.planfixcardmenu.whitemenu table .active .link {
background: var(--cardmenu-active-link, #FEFED9);
}
.cardmenu .baron_scroller__bar,
.planfixcardmenu .baron_scroller__bar {
opacity: 0.5;
}
.cardmenu a,
.planfixcardmenu a,
.cardmenu a:link,
.planfixcardmenu a:link {
text-decoration: none;
display: inline-block;
vertical-align: top;
}
.cardmenu .menu-text,
.planfixcardmenu .menu-text {
font-size: 13px;
white-space: nowrap;
display: grid;
grid-template-columns: fit-content(300px) 1fr 1fr;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.cardmenu .menu-text-count,
.planfixcardmenu .menu-text-count {
display: inline-block;
margin-left: 5px;
font-size: 7pt;
vertical-align: top;
}
.cardmenu.planfixcardmenu .menu-text-count,
.planfixcardmenu.planfixcardmenu .menu-text-count {
font-size: 7pt;
position: absolute;
text-align: right;
width: 45px;
margin-top: 4px;
color: var(--cardmenu-count, #a2b4bc);
}
.cardmenu .menu-text-count-project,
.planfixcardmenu .menu-text-count-project {
display: inline-block;
padding-left: 5px;
font-size: 8pt;
vertical-align: top;
}
.cardmenu table,
.planfixcardmenu table {
margin: 0 0 20px;
padding: 0;
border-spacing: 0;
}
.cardmenu table.leftmenu,
.planfixcardmenu table.leftmenu {
margin-top: 30px;
table-layout: fixed;
}
.cardmenu td,
.planfixcardmenu td {
padding: 0;
}
.cardmenu .invisible-top,
.planfixcardmenu .invisible-top {
height: 20px;
}
.cardmenu .firstlevel .link,
.planfixcardmenu .firstlevel .link {
height: 19px;
padding-top: 7px;
padding-bottom: 7px;
}
.cardmenu .secondlevel .link,
.planfixcardmenu .secondlevel .link {
padding-top: 5px;
padding-bottom: 4px;
}
.cardmenu .cardmenu .secondlevel.hassubmenu .link,
.planfixcardmenu .cardmenu .secondlevel.hassubmenu .link {
padding-bottom: 5px;
}
.cardmenu tr .link,
.planfixcardmenu tr .link {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
min-height: 19px;
color: var(--cardmenu-text, #dde0e2);
padding-right: 14px;
white-space: nowrap;
position: relative;
margin: 0 8px 0 6px;
cursor: pointer;
}
.cardmenu tr .link .filter-item-button-menu,
.planfixcardmenu tr .link .filter-item-button-menu {
opacity: 0;
width: 16px;
margin-top: 1px;
-webkit-transition: opacity 250ms ease;
-moz-transition: opacity 250ms ease;
-o-transition: opacity 250ms ease;
-ms-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
.cardmenu tr .link .filter-item-button-menu svg,
.planfixcardmenu tr .link .filter-item-button-menu svg {
fill: var(--gray-ico, #a9a9a9);
}
.cardmenu tr .link .edge,
.planfixcardmenu tr .link .edge {
margin-top: 2px;
flex-shrink: 0;
}
.cardmenu tr .link .menu-text,
.planfixcardmenu tr .link .menu-text {
grid-template-columns: unset;
}
.cardmenu tr .link .menu-text .menu-text-link,
.planfixcardmenu tr .link .menu-text .menu-text-link {
white-space: nowrap;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
height: 19px;
line-height: 1.5;
color: var(--notActiveFilterText);
}
.cardmenu tr .link .menu-text .menu-text-link.account-text-link,
.planfixcardmenu tr .link .menu-text .menu-text-link.account-text-link {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.cardmenu tr .link .menu-text .menu-text-link.account-text-link svg,
.planfixcardmenu tr .link .menu-text .menu-text-link.account-text-link svg {
width: 16px;
height: 18px;
}
.cardmenu tr .link .menu-text .menu-text-link svg,
.planfixcardmenu tr .link .menu-text .menu-text-link svg {
width: 16px;
height: 16px;
margin-right: 10px;
vertical-align: bottom;
margin-bottom: 3px;
display: inline-block;
stroke: var(--white-black, #fff);
fill: none;
opacity: 0.7;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.cardmenu tr .link .item-menu-empty-block,
.planfixcardmenu tr .link .item-menu-empty-block {
display: inline-block;
width: 26px;
height: auto;
}
.cardmenu tr .link a,
.planfixcardmenu tr .link a,
.cardmenu tr .link .fakelink-dashed,
.planfixcardmenu tr .link .fakelink-dashed {
color: var(--cardmenu-text, #dde0e2);
}
.cardmenu tr .link a .menu-text-link-content,
.planfixcardmenu tr .link a .menu-text-link-content {
border-bottom: 1px dashed transparent;
text-overflow: ellipsis;
overflow: hidden;
}
.cardmenu tr .link .menu-text .menu-text-link img,
.planfixcardmenu tr .link .menu-text .menu-text-link img,
.cardmenu tr .link .menu-item-svg-icon,
.planfixcardmenu tr .link .menu-item-svg-icon {
vertical-align: top;
}
.cardmenu tr .link .b-inside-num,
.planfixcardmenu tr .link .b-inside-num,
.cardmenu tr .link .b-inside-num-new,
.planfixcardmenu tr .link .b-inside-num-new,
.cardmenu tr .link .b-inside-num .fakelink-dashed,
.planfixcardmenu tr .link .b-inside-num .fakelink-dashed {
color: var(--cardmenu-count, #a2b4bc);
}
.cardmenu tr .link .menuitem-color,
.planfixcardmenu tr .link .menuitem-color {
width: 10px;
height: 10px;
display: inline-block;
border: 1px solid transparent;
vertical-align: top;
margin: 3px 12px 0 2px;
border-radius: 10px;
flex-shrink: 0;
}
.cardmenu tr .link .menuitem-color:not(.menuitem-color-editable),
.planfixcardmenu tr .link .menuitem-color:not(.menuitem-color-editable) {
cursor: default;
}
.cardmenu tr .link .menu-text-link .menuitem-color,
.planfixcardmenu tr .link .menu-text-link .menuitem-color {
margin-top: 1px;
}
.cardmenu tr .link .svg-ico svg,
.planfixcardmenu tr .link .svg-ico svg {
width: 16px;
height: 16px;
fill: var(--white-black, #fff);
margin-right: 6px;
vertical-align: bottom;
margin-bottom: 3px;
display: inline-block;
}
.cardmenu tr .link .menuitem-expander,
.planfixcardmenu tr .link .menuitem-expander {
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.cardmenu tr .link .menuitem-expander svg,
.planfixcardmenu tr .link .menuitem-expander svg {
width: 12px;
height: 12px;
fill: #a2b4bc;
margin: 0 9px 0 4px;
}
.cardmenu tr .link .menuitem-folder,
.planfixcardmenu tr .link .menuitem-folder {
cursor: pointer;
}
.cardmenu tr .link .menuitem-folder svg,
.planfixcardmenu tr .link .menuitem-folder svg {
width: 16px;
height: 16px;
fill: var(--white-black, #fff);
margin: 0px 4px 0 0px;
}
.cardmenu tr .link .menuitem-bigfolder,
.planfixcardmenu tr .link .menuitem-bigfolder {
line-height: 1em;
height: 100%;
}
.cardmenu tr .link .menuitem-bigfolder svg,
.planfixcardmenu tr .link .menuitem-bigfolder svg {
width: 19px;
height: 19px;
fill: var(--white-black, #fff);
margin-right: 6px;
margin-left: 5px;
}
.cardmenu tr.active .link,
.planfixcardmenu tr.active .link {
margin-right: 9px;
background: #1abe72;
border-bottom-right-radius: 50px;
border-top-right-radius: 50px;
}
.cardmenu tr.active .link a:hover .menu-text-link-content,
.planfixcardmenu tr.active .link a:hover .menu-text-link-content {
border-bottom: transparent;
}
.cardmenu tr.active .link .menuitem-color,
.planfixcardmenu tr.active .link .menuitem-color {
border: 1px solid var(--white-black, #fff);
}
.cardmenu tr.active .link .menuitem-expander svg,
.planfixcardmenu tr.active .link .menuitem-expander svg {
fill: var(--white-black, #fff);
}
.cardmenu tr.active .link .b-inside-num,
.planfixcardmenu tr.active .link .b-inside-num,
.cardmenu tr.active .link .b-inside-num-new,
.planfixcardmenu tr.active .link .b-inside-num-new,
.cardmenu tr.active .link .b-inside-num .fakelink-dashed,
.planfixcardmenu tr.active .link .b-inside-num .fakelink-dashed {
color: var(--white-black, #fff);
}
.cardmenu tr.active .link .menu-text .menu-text-link,
.planfixcardmenu tr.active .link .menu-text .menu-text-link {
color: var(--activeFilterElement) !important;
}
.cardmenu tr.active:hover .filter-item-button-menu,
.planfixcardmenu tr.active:hover .filter-item-button-menu {
opacity: 1;
}
.cardmenu tr.active:hover .filter-item-button-menu svg,
.planfixcardmenu tr.active:hover .filter-item-button-menu svg {
fill: var(--white-black, #fff);
}
.cardmenu tr.active.cardmenu-draggable:hover .edge svg,
.planfixcardmenu tr.active.cardmenu-draggable:hover .edge svg {
display: block;
fill: var(--white-black, #fff);
}
.cardmenu tr.justtext .link .menu-text .menu-text-link,
.planfixcardmenu tr.justtext .link .menu-text .menu-text-link,
.cardmenu tr.justtext .link .menu-text .menu-text-link span,
.planfixcardmenu tr.justtext .link .menu-text .menu-text-link span {
color: var(--white-black, #fff);
text-decoration: none;
cursor: auto;
}
.cardmenu tr.justtext .b-inside-num,
.planfixcardmenu tr.justtext .b-inside-num,
.cardmenu tr.justtext .b-inside-num .fakelink-dashed,
.planfixcardmenu tr.justtext .b-inside-num .fakelink-dashed {
color: var(--white-black, #fff);
}
.cardmenu tr.group-item:not(.cardmenu-draggable) .edge,
.planfixcardmenu tr.group-item:not(.cardmenu-draggable) .edge {
cursor: pointer;
}
@media (hover: hover) {
.cardmenu tr:hover:not(.active):not(.not-select-item) .link,
.planfixcardmenu tr:hover:not(.active):not(.not-select-item) .link {
border-bottom-right-radius: 50px;
border-top-right-radius: 50px;
}
.cardmenu tr:hover:not(.active):not(.not-select-item) .link .menuitem-color.menuitem-color-editable,
.planfixcardmenu tr:hover:not(.active):not(.not-select-item) .link .menuitem-color.menuitem-color-editable {
border: 1px solid #9094a4;
}
.cardmenu tr:hover:not(.active):not(.not-select-item) .link .link .menu-text .menu-text-link,
.planfixcardmenu tr:hover:not(.active):not(.not-select-item) .link .link .menu-text .menu-text-link,
.cardmenu tr:hover:not(.active):not(.not-select-item) .link .link .menu-text .menu-text-link span,
.planfixcardmenu tr:hover:not(.active):not(.not-select-item) .link .link .menu-text .menu-text-link span {
color: var(--white-black, #fff);
}
.cardmenu tr:hover:not(.active):not(.not-select-item).cardmenu-draggable .edge svg,
.planfixcardmenu tr:hover:not(.active):not(.not-select-item).cardmenu-draggable .edge svg {
display: block;
}
.cardmenu tr:hover:not(.active):not(.not-select-item) .filter-item-button-menu,
.planfixcardmenu tr:hover:not(.active):not(.not-select-item) .filter-item-button-menu {
opacity: 1;
}
}
.cardmenu tr .edge,
.planfixcardmenu tr .edge {
cursor: url("/img/openhand.cur"), move;
}
.cardmenu tr .edge svg,
.planfixcardmenu tr .edge svg {
margin-left: 4px;
width: 6px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
display: none;
}
.cardmenu .submenu-item,
.planfixcardmenu .submenu-item {
padding-left: 20px;
white-space: nowrap;
float: left;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.cardmenu .menuitem-expander span,
.planfixcardmenu .menuitem-expander span {
width: 22px;
padding-left: 5px;
}
.account-management-scroll .menu-item-link {
width: 100%;
}
.cardmenu .submenu-item {
padding-left: 34px;
}
.cardmenu .menuitem-expander {
margin-right: 10px;
}
.cardmenu .firstlevel .menuitem-color--without-icon {
margin-right: 16px !important;
}
.docs-menu .leftmenu-topblock {
padding-left: 28px;
}
.leftmenu-topblock .b-ddl-menu .b-ddl-menu-label svg {
fill: var(--white-black, #ffffff);
}
.leftmenu-topblock .b-ddl-menu .b-ddl-menu-selected {
color: var(--white-black, #ffffff);
}
.leftmenu-topblock .b-ddl-menu .b-ddl-menu-selected-arrow .ddl-triangle-svg-wr svg {
fill: var(--white-black, #ffffff);
}
.leftmenu-topblock .b-ddl-menu .b-ddl-menu-flex .b-ddl-menu-selected {
color: var(--bottomElements);
}
.leftmenu-topblock .b-ddl-menu .b-ddl-menu-flex .ddl-triangle-svg-wr svg,
.leftmenu-topblock .b-ddl-menu .b-ddl-menu-flex .b-ddl-menu-label svg {
fill: var(--bottomElements);
}
.planfixcardmenu .leftmenu-topblock {
padding-left: 20px;
}
.b-right-block.cardmenu + .third-panel-resize,
.leftmenu-container + .left-panel-resize {
border-right: 1px solid var(--file-upload-ubloaded-block, #e9e9e9);
border-left: none;
}
.planfixcardmenu + .left-panel-resize .leftmenu-topblock,
.docs-menu + .left-panel-resize .leftmenu-topblock {
background: var(--white-black, #ffffff);
border-bottom: 1px solid var(--action-file-preview-border, #ccc);
}
.planfixcardmenu .leftmenu-topblock .b-ddl-menu,
.docs-menu .leftmenu-topblock .b-ddl-menu {
float: none;
margin-top: 21px;
}
.planfixcardmenu .menu-text.submenu-item {
float: none;
}
.planfixcardmenu table {
margin: 0 0 20px;
padding: 0;
border-spacing: 0;
-moz-user-select: none;
/*height:100%; */
}
.planfixcardmenu td {
padding: 0;
}
.planfixcardmenu .invisible-top {
height: 10px;
}
.planfixcardmenu .firstlevel .link {
height: 21px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
padding: 4px 25px 4px 0;
}
.planfixcardmenu .secondlevel .link {
padding-top: 5px;
padding-right: 20px;
}
.planfixcardmenu .firstlevel .edge,
.cardmenu .firstlevel .edge {
display: inline-block;
width: 15px;
height: 14px;
line-height: 0;
margin-top: 2px;
flex-shrink: 0;
}
.planfixcardmenu .secondlevel .edge,
.cardmenu .secondlevel .edge {
width: 15px;
}
.planfixcardmenu tr .link {
padding-left: 2px;
/*width: 200px;*/
color: #5881B8;
/*.b-top-btn-left*/
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.planfixcardmenu tr .link .menu-text .menu-text-link {
/*text-decoration: underline;*/
white-space: nowrap;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.planfixcardmenu tr .link .menu-text .menu-text-link .menu-link {
min-width: 0;
text-overflow: ellipsis;
overflow: hidden;
}
.planfixcardmenu tr .link .menu-text .menu-text-link .iconset-32px {
margin-right: 8px;
}
.planfixcardmenu tr .link .menu-text .menu-text-link .iconset-16px {
vertical-align: bottom;
margin: 0 8px 7px 0;
}
.planfixcardmenu .secondlevel .link .menu-text .menu-text-link .iconset-16px {
vertical-align: bottom;
margin-bottom: 4px;
}
.planfixcardmenu .secondlevel .link .menu-text .menu-text-link .svg-urgent.red-box,
.planfixcardmenu .secondlevel .link .menu-text .menu-text-link .iconset-16px.iconset-16px-urgent-task.red-box {
margin-top: -1px;
}
.planfixcardmenu .secondlevel .link .menu-text .menu-text-link .menu-link {
vertical-align: top;
}
.planfixcardmenu tr .edge div,
.cardmenu tr .edge div {
width: 16px;
height: 1px;
}
.planfixcardmenu table .submenu-item {
padding-left: 38px;
}
.planfixcardmenu table .submenu-item-space {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding-left: 15px;
}
.planfixcardmenu table .project-submenu-item-space {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding-left: 15px;
}
.planfixcardmenu table .link #ajax_menu {
float: right;
height: 16px;
padding-right: 5px;
}
.planfixcardmenu table .active .edge div,
.cardmenu table .active .edge div {
height: 28px;
background: #fff;
}
.planfixcardmenu table .inactive .link {
color: #5881B8;
position: relative;
}
.planfixcardmenu table .disabled .link {
color: #A4A4A4;
}
.planfixcardmenu tr .link .menu-text .menu-text-project {
font-size: 12pt;
}
.planfixcardmenu tr .link .menu-text .menu-text-group {
font-size: 14pt;
color: #82c03b !important;
padding-top: 25px !important;
padding-bottom: 5px;
}
.planfixcardmenu .invisible-top + tr .link .menu-text .menu-text-group {
padding-top: 0 !important;
}
.planfixcardmenu tr .menu-control-placeholder {
float: right;
/*margin-right: 5px;*/
display: none;
position: relative;
}
.planfixcardmenu tr .menu-control-placeholder > span {
margin-left: -35px;
margin-top: -21px;
cursor: pointer;
position: absolute;
width: 12px;
height: 12px;
line-height: 0;
box-sizing: border-box;
padding-top: 2px;
text-align: center;
}
.planfixcardmenu tr .menu-control-placeholder .b-ddl-menu {
margin-left: -35px;
margin-top: -23px;
position: absolute;
}
.planfixcardmenu tr:hover .menu-control-placeholder {
display: inline-block;
}
.planfixcardmenu tr:hover .menu-control-placeholder.menu-control-placeholder-hidden {
display: none;
}
.planfixcardmenu tr:nth-child(2) .link .menu-text .menu-text-group {
padding-top: 0px;
}
.planfixcardmenu tr .link .menu-text .menu-text-group .menu-link {
/* color:#82c03b !important;*/
border-bottom-color: transparent !important;
}
.planfixcardmenu tr .link .menu-text .menu-text-link .menu-link.menu-project-switch-container-l {
text-decoration: none;
background: url("/img/pf-ctrl-dark-left.gif") no-repeat top left;
height: 20px;
display: inline-block;
padding-left: 3px;
opacity: 0.6;
}
.planfixcardmenu tr .link .menu-text .menu-text-link .menu-link.menu-project-switch-container-l:hover {
opacity: 1;
}
.planfixcardmenu tr .link .menu-text .menu-text-link .menu-link .menu-project-switch-container-r {
background: url("/img/pf-ctrl-dark-right.gif") no-repeat top right;
height: 20px;
display: inline-block;
padding-right: 3px;
}
.planfixcardmenu tr .link .menu-text .menu-text-link .menu-link .menu-project-switch-container {
background: url("/img/pf-ctrl-dark-bg.gif") repeat scroll 0 0 transparent;
display: inline-block;
height: 19px;
padding-top: 1px;
}
.planfixcardmenu .menu-project-switch {
display: inline-block;
cursor: pointer;
font-size: 7pt;
text-decoration: none;
padding: 1px 1px;
color: #A5A5A5;
padding-top: 1px;
width: 65px;
text-align: center;
}
.planfixcardmenu .menu-project-switch.menu-project-switch-selected {
color: #fff;
padding-top: 1px;
}
.planfixcardmenu .menu-project-switch.menu-project-switch-not-selected {
background: url("/img/pf-ctrl-light-bg.gif") repeat scroll 0 0 transparent;
border: 1px solid #B2B2B2;
border-radius: 3px;
-moz-border-radius: 3px;
height: 12px;
padding-top: 3px;
}
.planfixcardmenu .menu-project-switch.menu-project-switch-not-selected:nth-child(1) {
position: relative;
margin-left: -2px;
}
.planfixcardmenu .menu-project-switch.menu-project-switch-not-selected:nth-child(2) {
position: relative;
margin-right: -2px;
box-shadow: -1px 0 0 0 #9A9A9A;
padding-top: 4px;
height: 11px;
}
.planfixcardmenu .menu-tasksummary-text {
font-size: 12pt;
}
.leftmenu-new-item-container {
white-space: nowrap;
font-size: 14px;
padding: 20px 0 0 0;
height: 44px;
}
.classic-font .leftmenu-new-item-container {
font-size: 12px;
}
.leftmenu-new-item-container .leftmenu-new-item-edit-text {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-right: 26px;
}
.leftmenu-new-item-container .leftmenu-new-item-edit-text .leftmenu-new-item-edit-ico svg {
width: 16px;
height: 16px;
fill: #ffffff;
}
.leftmenu-new-item-container .leftmenu-new-item-edit-text .leftmenu-new-item-edit-btn {
color: #ffffff;
margin-left: 10px;
border-bottom: 1px dotted #ffffff;
cursor: pointer;
display: block;
height: 16px;
}
.leftmenu-new-item-container.editable .btn {
display: none;
}
.leftmenu-new-item-container.editable .leftmenu-new-item-edit-container {
display: block;
}
.leftmenu-new-item-edit-container {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: #fff;
width: 100%;
width: calc(100% - -3px);
box-sizing: border-box;
padding: 15px 18px 20px 15px;
border-bottom: 1px solid #444;
box-shadow: 0 1px 13px #444;
}
.leftmenu-new-item-edit {
position: relative;
}
.leftmenu-new-item-edit input {
width: 100%;
outline: none;
padding: 2px 8px;
height: 26px;
box-sizing: border-box;
border: 1px solid #e3e3e3;
}
.leftmenu-new-item-ok {
position: absolute;
top: 7px;
right: 25px;
}
.leftmenu-new-item-cancel {
position: absolute;
top: 7px;
right: 7px;
}
.cardmenu-draggable-item {
position: absolute;
font-size: 9pt;
padding: 2px 0;
background: #fff;
border: 1px solid #e2e2e2;
-webkit-transform: perspective(1px) rotate(2deg);
-moz-transform: perspective(1px) rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: perspective(1px) rotate(2deg);
-webkit-box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.2);
z-index: 19;
}
.cardmenu-draggable-drop-before .menu-item {
border-top: 27px solid #A0A0A0;
}
.cardmenu-draggable-drop-after .menu-item {
border-bottom: 27px solid #A0A0A0;
}
.left-top-buttons-container {
border-top: 1px solid #e6e6e6;
white-space: nowrap;
color: #838383;
text-shadow: #fff 0 1px 0;
font-size: 12px;
padding: 0 0 0 15px;
height: 51px;
}
.left-top-buttons-container > * {
vertical-align: top;
}
.left-top-buttons-container .btn {
margin-top: 20px;
margin-right: 3px;
}
.g-popup-color {
position: absolute;
left: 45px;
width: 265px;
background: var(--cardmenu-back, #53586b);
box-shadow: 0 2px 20px 0 #444;
z-index: 11;
padding: 10px;
}
.g-popup-color .g-popup-color-item {
width: 10px;
height: 10px;
display: inline-block;
border: 1px solid transparent;
vertical-align: top;
margin: 4px;
border-radius: 10px;
cursor: pointer;
}
.g-popup-color .g-popup-color-item:hover {
border: 1px solid #ffffff80;
}
.g-popup-color .g-popup-color-item.current-color {
border: 1px solid #ffffff;
}
.g-popup-color .g-popup-color-item .delete-color {
margin: 1px;
display: none;
}
.g-popup-color .g-popup-color-item .delete-color svg {
display: block;
fill: white;
}
.g-popup-color .g-popup-color-item.current-color:hover {
background: #ffffff;
border: 1px solid transparent;
}
.g-popup-color .g-popup-color-item.current-color:hover .delete-color {
display: block;
}
.g-popup-color .g-popup-color-pointer {
display: block;
height: 10px;
width: 10px;
margin-bottom: -5px;
margin-right: 10px;
position: absolute;
left: -5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: var(--cardmenu-back, #53586b);
}
.g-popup-color .g-popup-color-pointer_right {
left: unset;
right: -15px;
}
.leftmenu .pf-menu-item.last .pf-menu-item-link {
margin-bottom: 20px;
}
.leftmenu .pf-menu-item.justtext .pf-menu-item-text {
color: #fff;
}
.leftmenu .pf-menu-item.justtext .pf-menu-item-num-action {
color: #fff;
}
.leftmenu .pf-menu-item:not(.justtext) .pf-menu-item-text {
color: #dde0e2;
}
.leftmenu .pf-menu-item:not(.justtext) .pf-menu-item-num-action {
color: #a2b4bc;
}
.leftmenu .pf-menu-item .pf-menu-item-link .pf-menu-item-block {
height: 21px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
padding: 4px 25px 4px 0;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.leftmenu .pf-menu-item .pf-menu-item-link .pf-menu-item-block .pf-menu-item-icon {
padding-left: 23px;
}
.leftmenu .pf-menu-item .pf-menu-item-link .pf-menu-item-block .pf-menu-item-icon svg {
fill: #fff;
width: 20px;
height: 20px;
}
.leftmenu .pf-menu-item .pf-menu-item-link .pf-menu-item-text {
padding-left: 6px;
font-size: 12pt;
text-overflow: ellipsis;
overflow: hidden;
}
.leftmenu .pf-menu-item .pf-menu-item-link .pf-menu-item-num-action {
padding-left: 5px;
font-size: 8pt;
vertical-align: top;
}
body.classic-font .pf-menu-item-text {
line-height: 1.4em;
}
body.classic-font .menu-link {
padding-top: 2px;
}
.search-planners-block {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin: 10px;
opacity: 0.8;
}
.search-planners-block .filter-search-icon {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: absolute;
left: 11px;
bottom: 7px;
margin: auto;
}
.search-planners-block .filter-search-icon svg {
width: 13px;
height: 13px;
}
.search-planners-block .filter-search-icon svg path {
fill: var(--notActiveFilterText);
}
.search-planners-block .cross-search-icon {
display: none;
position: absolute;
right: 6px;
top: 4px;
padding: 6px;
border-radius: 36px;
cursor: pointer;
}
.search-planners-block .cross-search-icon.show {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.search-planners-block .cross-search-icon:hover {
background: rgba(232, 232, 232, 0.45);
}
.search-planners-block .cross-search-icon svg path {
stroke: var(--notActiveFilterText);
}
.search-planners-block .loader {
display: none;
position: absolute;
right: 8px;
top: 6px;
width: 15px;
height: 15px;
border: 2px solid var(--notActiveFilterText);
border-bottom-color: var(--menu);
border-radius: 50%;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
.search-planners-block .loader.show {
display: inline-block;
}
.search-planners-block input {
background: none;
width: 100%;
color: var(--notActiveFilterText);
border: 1px solid var(--notActiveFilterText);
border-radius: 6px;
padding: 5px 0 6px 32px;
font-size: 12px;
margin: 0;
}
.search-planners-block input::placeholder {
color: var(--notActiveFilterText);
}
.search-planners-block input:active,
.search-planners-block input:focus {
outline: 0;
outline-offset: 0;
}
/**
*
* New left menu
*
*/
.b-left-block.v2 {
background: var(--menu, #53586b);
}
.b-left-block.v2 .leftmenu-scroller-wrapper {
margin-right: 8px;
}
.b-left-block.v2 .baron_scroller__bar {
right: 0;
}
.b-left-block.v2.cardmenu .block-bottom-menu .menu-item-container {
margin-left: 7px;
}
.b-left-block.v2.cardmenu .menu-item-container {
margin-right: 8px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
}
.b-left-block.v2.cardmenu .menu-item-link {
width: 100%;
}
.b-left-block.v2.cardmenu .menu-item-wr.active .link .menuitem-expander svg {
fill: #fff;
}
.b-left-block.v2.cardmenu .menu-item-wr.active .link .b-inside-num,
.b-left-block.v2.cardmenu .menu-item-wr.active .link .b-inside-num-new,
.b-left-block.v2.cardmenu .menu-item-wr.active .link .b-inside-num .fakelink-dashed {
color: #fff;
}
.b-left-block.v2.cardmenu .menu-item-wr.active .link .menu-text .menu-text-link {
color: var(--activeFilterElement) !important;
}
.b-left-block.v2.cardmenu .menu-item-wr.active:hover .filter-item-button-menu {
opacity: 1;
}
.b-left-block.v2.cardmenu .menu-item-wr.active:hover .filter-item-button-menu svg {
fill: #fff;
}
.b-left-block.v2.cardmenu .menu-item-wr.active.cardmenu-draggable:hover .edge svg {
display: block;
fill: #fff;
}
.b-left-block.v2.cardmenu .menu-item-wr.justtext .link .menu-text .menu-text-link,
.b-left-block.v2.cardmenu .menu-item-wr.justtext .link .menu-text .menu-text-link span {
color: #fff;
text-decoration: none;
cursor: auto;
}
.b-left-block.v2.cardmenu .menu-item-wr.justtext .b-inside-num,
.b-left-block.v2.cardmenu .menu-item-wr.justtext .b-inside-num .fakelink-dashed {
color: #fff;
}
.b-left-block.v2.cardmenu .menu-item-wr.group-item:not(.cardmenu-draggable) .edge {
cursor: pointer;
}
@media (hover: hover) {
.b-left-block.v2.cardmenu .menu-item-wr:hover:not(.active):not(.not-select-item) .link .link .menu-text .menu-text-link,
.b-left-block.v2.cardmenu .menu-item-wr:hover:not(.active):not(.not-select-item) .link .link .menu-text .menu-text-link span {
color: #fff;
}
.b-left-block.v2.cardmenu .menu-item-wr:hover:not(.active):not(.not-select-item).cardmenu-draggable .edge svg {
display: block;
}
.b-left-block.v2.cardmenu .menu-item-wr:hover:not(.active):not(.not-select-item) .filter-item-button-menu {
opacity: 1;
}
}
.b-left-block.v2.cardmenu .menu-item-wr .edge {
cursor: url("/img/openhand.cur"), move;
}
.b-left-block.v2.cardmenu .menu-item-wr .edge svg {
width: 16px;
height: 16px;
fill: #a9a9a9;
display: none;
}
.b-left-block.v2.cardmenu .link {
height: 33px;
color: var(--cardmenu-text, #dde0e2);
white-space: nowrap;
position: relative;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border-radius: 6px;
padding: 5px 0;
}
.b-left-block.v2.cardmenu .link .filter-item-button-menu {
transform: rotate(90deg);
margin-right: 9px;
margin-left: auto;
opacity: 0;
width: 16px;
margin-top: 1px;
-webkit-transition: opacity 250ms ease;
-moz-transition: opacity 250ms ease;
-o-transition: opacity 250ms ease;
-ms-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
.b-left-block.v2.cardmenu .link .filter-item-button-menu svg {
fill: #a9a9a9;
}
.b-left-block.v2.cardmenu .link .filter-item-button-menu.show {
opacity: 1;
}
.b-left-block.v2.cardmenu .link .edge {
margin-top: 0;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
height: 16px;
}
.b-left-block.v2.cardmenu .link .menu-text .menu-text-link {
white-space: nowrap;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
color: var(--notActiveFilterText);
line-height: 1.5;
}
.b-left-block.v2.cardmenu .link .menu-text .menu-text-link.account-text-link {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.b-left-block.v2.cardmenu .link .menu-text .menu-text-link.account-text-link svg {
width: 16px;
height: 18px;
}
.b-left-block.v2.cardmenu .link .menu-text .menu-text-link svg {
width: 16px;
height: 16px;
margin-right: 10px;
vertical-align: bottom;
display: inline-block;
stroke: #fff;
fill: none;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.b-left-block.v2.cardmenu .link .item-menu-empty-block {
display: inline-block;
width: 26px;
height: auto;
}
.b-left-block.v2.cardmenu .link a,
.b-left-block.v2.cardmenu .link .fakelink-dashed {
color: var(--cardmenu-text, #dde0e2);
}
.b-left-block.v2.cardmenu .link .menu-text .menu-text-link img,
.b-left-block.v2.cardmenu .link .menu-item-svg-icon {
vertical-align: top;
}
.b-left-block.v2.cardmenu .link .b-inside-num,
.b-left-block.v2.cardmenu .link .b-inside-num-new,
.b-left-block.v2.cardmenu .link .b-inside-num .fakelink-dashed {
color: var(--cardmenu-count, #a2b4bc);
}
.b-left-block.v2.cardmenu .link .menuitem-color {
min-height: 12px;
margin-right: 10px;
flex-shrink: 0;
}
.b-left-block.v2.cardmenu .link .menuitem-color--without-icon {
margin-left: 5px;
}
.b-left-block.v2.cardmenu .link .menuitem-color .palette-control-rc .select-color {
width: 12px;
height: 12px;
}
.b-left-block.v2.cardmenu .link .menuitem-color .palette-control-rc .select-color__v2 {
line-height: 12px;
}
.b-left-block.v2.cardmenu .link .menuitem-color .palette-control-rc .select-color__with-icon {
width: 22px;
height: 22px;
line-height: 22px;
}
.b-left-block.v2.cardmenu .link .menuitem-color:not(.menuitem-color-editable) {
cursor: default;
}
.b-left-block.v2.cardmenu .link .menu-text-link .menuitem-color {
margin-top: 1px;
}
.b-left-block.v2.cardmenu .link .svg-ico svg {
width: 16px;
height: 16px;
fill: #fff;
margin-right: 6px;
vertical-align: bottom;
display: inline-block;
}
.b-left-block.v2.cardmenu .link .menuitem-expander {
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
/*&.menuitem-expander-nearbigfolder {
padding-top: 2px;
}*/
}
.b-left-block.v2.cardmenu .link .menuitem-expander span {
width: 12px;
margin-right: 11px;
}
.b-left-block.v2.cardmenu .link .menuitem-expander.is-expanded svg {
transform: rotate(0deg);
}
.b-left-block.v2.cardmenu .link .menuitem-expander svg {
transform: rotate(-90deg);
width: 12px;
height: 12px;
fill: #a2b4bc;
margin: 3px 12px 0 0;
}
.b-left-block.v2.cardmenu .link .menuitem-folder {
cursor: pointer;
}
.b-left-block.v2.cardmenu .link .menuitem-folder svg {
width: 16px;
height: 16px;
fill: #fff;
margin: 0 4px 0 0;
}
.b-left-block.v2.cardmenu .link .menuitem-bigfolder {
line-height: 1em;
height: 100%;
}
.b-left-block.v2.cardmenu .link .menuitem-bigfolder svg {
width: 19px;
height: 19px;
fill: #fff;
margin-right: 6px;
margin-left: 5px;
}
.b-left-block.v2.cardmenu .link .menu-item-content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 100%;
}
.b-left-block.v2.cardmenu .menu-text-count {
margin: 0 5px 11px 0;
font-size: 10px;
}
.b-left-block.v2.cardmenu .menu-text-count .fakelink-dashed {
border-bottom: unset !important;
padding: 0 0 0 1px;
}
.b-left-block.v2 .settings-colorscheme-filter:not(.active):not(.not-select-item):hover .link {
border-radius: 6px;
}
.b-left-block.v2 .settings-colorscheme-filter .link .menuitem-expander svg {
fill: none !important;
stroke: var(--notActiveFilterElement2) !important;
}
.b-left-block.v2 .settings-colorscheme-filter.active .link .menuitem-expander svg {
stroke: var(--activeFilterElement) !important;
}
.b-left-block.v2 .leftmenu {
margin-top: 0;
padding-left: 8px;
}
.b-left-block.v2 .leftmenu * {
box-sizing: border-box;
}
.b-left-block.v2 .search-and-hide__container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 20px 8px 8px;
transition: opacity 0.4s;
min-height: 28px;
}
.b-left-block.v2 .search-and-hide__container .left-panel-hide {
position: unset;
width: 16px;
height: 16px;
margin: 0;
padding-top: 0;
}
.b-left-block.v2 .search-and-hide__container .left-panel-hide svg {
fill: none;
width: 16px;
height: 16px;
stroke: var(--leftMenuIcon);
transform: rotateY(180deg);
}
.b-left-block.v2 .search-and-hide__container .search-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
justify-content: space-between;
overflow: hidden;
height: 26px;
width: 26px;
position: relative;
transition: 0.5s;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border-radius: 16px;
border: 1px solid transparent;
margin-right: 8px;
}
.b-left-block.v2 .search-and-hide__container .search-container.active {
width: 100%;
background-color: var(--notActiveFilterHover);
}
.b-left-block.v2 .search-and-hide__container .search-container.active .eye-btn,
.b-left-block.v2 .search-and-hide__container .search-container.active .clear-btn {
cursor: pointer;
opacity: 1;
}
.b-left-block.v2 .search-and-hide__container .search-container .search-btn {
cursor: pointer;
text-align: center;
min-width: 16px;
height: 16px;
padding-left: 10px;
}
.b-left-block.v2 .search-and-hide__container .search-container .search-btn svg {
width: 16px;
height: 16px;
stroke: var(--leftMenuIcon);
}
.b-left-block.v2 .search-and-hide__container .search-container .icons {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.b-left-block.v2 .search-and-hide__container .search-container .eye-btn,
.b-left-block.v2 .search-and-hide__container .search-container .clear-btn {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
height: 16px;
width: 16px;
font-size: 20px;
stroke: #dde0e2;
opacity: 0;
margin-right: 12px;
}
.b-left-block.v2 .search-and-hide__container .search-container .eye-btn svg,
.b-left-block.v2 .search-and-hide__container .search-container .clear-btn svg {
width: 16px;
height: 16px;
stroke: var(--leftMenuIcon);
}
.b-left-block.v2 .search-and-hide__container .search-container .clear-btn {
margin-right: 6px;
cursor: pointer;
}
.b-left-block.v2 .search-and-hide__container .search-container .search-input {
position: absolute;
left: 32px;
top: -2px;
line-height: 26px;
height: 26px;
width: calc(100% - 90px);
}
.b-left-block.v2 .search-and-hide__container .search-container .search-input input {
width: 100%;
height: 100%;
border: none;
outline: none;
background: none;
color: var(--notActiveFilterText);
}
.b-left-block.v2.leftmenu-planner .left-menu-add-filter {
margin: 4px 0 20px;
}
.b-left-block.v2 .left-menu-add-filter {
position: relative;
margin: 4px 0;
cursor: pointer;
}
.b-left-block.v2 .left-menu-add-filter__wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 13px;
margin: 0 8px 0 0;
padding: 6px 15px 6px 18px;
color: var(--notActiveFilterText);
stroke: var(--notActiveFilterText);
border-radius: 6px;
opacity: 0.6;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.b-left-block.v2 .left-menu-add-filter__wr:hover,
.b-left-block.v2 .left-menu-add-filter__wr.active {
background-color: var(--notActiveFilterHover);
opacity: 1;
}
.b-left-block.v2 .left-menu-add-filter__wr svg {
margin-top: 3px;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 9px;
margin: 0 0 0 8px;
padding: 6.5px 14px;
color: var(--core-dropdown-text, #9C9C9C);
}
.left-panel-control-rc-add-filter .left-menu-add-filter__dropdown-menu {
position: absolute;
left: 0;
width: 100%;
z-index: 1000;
margin: 0 8px 0;
color: var(--text-color, #343434);
border-radius: 6px;
-webkit-box-shadow: 0 0 7px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
-moz-box-shadow: 0 0 7px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
-o-box-shadow: 0 0 7px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
box-shadow: 0 0 7px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
font-size: 14px;
padding: 12px 0;
background: var(--main-menu-popup-bg, #FFFFFF);
max-width: 253px;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__dropdown-menu.right {
position: absolute;
left: 100%;
bottom: -4px;
max-width: unset;
min-width: 197px;
width: fit-content;
margin: 0 0 0 2px;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu {
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 12px;
padding: 7.5px 12px 7.5px 16px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu.active {
background: var(--date-picker-bg, #f5f5f5);
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu:hover {
background: var(--date-picker-bg, #f5f5f5);
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu.have-dropdown {
position: relative;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu svg {
width: 16px;
height: 17px;
stroke: var(--ddl-color-icon, #88909b);
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 12px;
width: 100%;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-wr .icon {
display: inline-grid;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-wr .text {
margin-top: 1px;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu .left-menu-add-filter__arrow {
transform: rotate(270deg);
margin: auto;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu .left-menu-add-filter__arrow svg {
width: 12px;
height: 7px;
stroke: var(--ddl-color-icon, #88909b);
}
.left-panel-control-rc-add-filter .left-menu-add-filter__dropdown-menu.right .left-menu-add-filter__submenu-item-wr:hover ~ .left-menu-add-filter__submenu {
background: transparent;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-item-wr {
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
position: relative;
z-index: 1;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-item-wr:hover {
background: var(--date-picker-bg, #f5f5f5);
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-item {
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 100%;
gap: 12px;
padding: 7.5px 16px;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-item-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 12px;
width: 100%;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-item-wr .icon {
display: inline-grid;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-item-wr .text {
margin-top: 1px;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-item svg {
width: 16px;
height: 17px;
stroke: var(--ddl-color-icon, #88909b);
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-item .left-menu-add-filter__arrow {
margin: auto;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-item .left-menu-add-filter__arrow svg {
width: 12px;
height: 7px;
stroke: var(--ddl-color-icon, #88909b);
}
.left-panel-control-rc-add-filter .left-menu-add-filter__submenu-item .left-menu-add-filter__arrow.active {
transform: rotate(-180deg);
}
.left-panel-control-rc-add-filter .left-menu-add-filter__sub-item {
margin-left: 50px;
}
.left-panel-control-rc-add-filter .left-menu-add-filter__hr {
background: var(--grey-list-border, #dedede);
width: 100%;
height: 1px;
margin: 4px 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win {
border-radius: 12px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .g-popup-win-scroll-content-main {
border-radius: 12px;
background: var(--date-picker-bg, #f5f5f5);
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .g-popup-win-scroll-content-header {
color: var(--gray-dark-icon, #626262);
background: var(--white-black, #FFF);
padding: 24px;
border-radius: 12px 12px 0 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc {
position: relative;
margin: 32px 24px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
position: relative;
z-index: 3;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 12px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select .view-select {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .add-kanban-field-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
background: var(--white-black, white);
-webkit-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
color: var(--default-gray, #808080);
gap: 8px;
padding: 9.3px 10px;
border-radius: 6px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
cursor: pointer;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .add-kanban-field-wr .add-kanban-field__icon {
width: 16px;
height: 16px;
stroke: var(--gray-input-border, #bbbbbb);
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .add-kanban-field-wr .add-kanban-field__text {
margin-top: 2px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select {
position: relative;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select .object-edit-field-base {
min-height: 39px;
height: 39px;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select .object-edit-field-base .label {
height: 0;
min-height: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select .object-edit-field-base.is-empty .label {
line-height: 39px;
height: unset;
min-height: 12px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select .object-edit-field-base .view {
margin-top: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select .object-edit-field-base .action-icons {
display: none;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select .drag-icon {
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border-radius: 8px;
width: 12px;
height: 24px;
z-index: 1;
left: -7px;
-webkit-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
background: var(--white-black, white);
cursor: url(/img/openhand.cur), move;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select .drag-icon svg {
fill: #88909B;
width: 12px;
height: 12px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select.draggable {
pointer-events: none;
box-shadow: inset 6px 0 0 0 #f58220;
border-right: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
border-top: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
border-bottom: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat;
height: 39px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select.draggable > * {
display: none;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-field-view-select.fake-draggable {
position: absolute;
padding: 0 !important;
background-color: transparent !important;
width: 100%;
z-index: 2;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .add-kanban-win-block-rc .kanban-settings-splitter {
margin: 8px 0 2px;
font-weight: 600;
font-size: 16px;
color: var(--task-card-title-text, #4B4B4B);
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .advanced-settings-btn {
position: absolute;
bottom: 22.5px;
color: var(--default-gray, #808080);
font-size: 14px;
left: 24px;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 8px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .object-edit-win-block .title-block {
padding: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .object-edit-win-block .bottom-panel-target {
margin: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .object-edit-win-block .bottom-panel-target > div {
border-radius: 0 0 12px 12px;
}
.g-popup-win-scroll .g-popup-win-scroll-content.add-kanban-win .object-edit-win-block .dialog-bottom-panel-button-rc {
height: 64px;
background: var(--mindmap-menu-item-disabled, #DEDEDE);
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* @group Base */
.chzn-container {
font-size: 13px;
position: relative;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: middle;
background-color: var(--white-black, #fff);
color: var(--chzn-text, #444);
}
.chzn-container select.text-box {
width: 400px;
padding: 5px;
margin-bottom: 5px;
}
.chzn-container.disabled .chzn-single {
color: var(--chosen-text-disabled, #989898);
}
.chzn-container.no-edit-field {
background: unset;
}
.chzn-container .chzn-select-icon-wrap {
display: flex;
justify-content: center;
}
.chzn-container.new-chosen .chzn-single {
padding: 10px 22px;
border: 1px solid var(--gray-input-border, #bbb);
border-radius: 25px;
}
.chzn-container.new-chosen .chzn-single > div {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 30px;
}
.chzn-container.new-chosen .chzn-single > div .chzn-triangle-down {
margin-top: 0;
margin-right: auto;
}
.chzn-container.new-chosen .chzn-single span {
color: var(--grey-label, #838383);
}
.chzn-container.new-chosen .chzn-drop {
top: 52px;
width: 100% !important;
border-radius: 6px;
-webkit-box-shadow: 0 2px 10px 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: 0 2px 10px 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: 0 2px 10px 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: 0 2px 10px 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.chzn-container.new-chosen .chzn-search {
padding: 12px 24px;
}
.chzn-container.new-chosen .chzn-search .chzn-search-border {
border: none;
}
.chzn-container.new-chosen .chzn-results {
padding: 0 0 0 7px;
}
.chzn-container.new-chosen .chzn-results .active-result {
background: var(--white-black, #fff);
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.chzn-container.new-chosen .chzn-results .highlighted {
color: var(--black-white, #000);
background: var(--background-color-light-gray, #f7f7f7);
}
.chzn-container.new-chosen .chzn-results li {
border-radius: 8px;
margin: 0 4px 6px 0;
padding: 16px 0 16px 21px;
}
.chzn-container.modern-design {
font-size: 15px;
border-radius: 6px;
padding-right: 7px;
border: 1px solid var(--grey-list-border, #dedede);
}
.marker-red .chzn-container.modern-design {
border-color: var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.marker-green .chzn-container.modern-design {
border-color: var(--usually-field-edit-state-info-bg, #badbbd);
}
.chzn-container.modern-design .chzn-single,
.chzn-container.modern-design .chzn-choices {
border: none;
background: none;
height: 38px;
padding: 9px 0 9px 15px;
color: var(--Theme-colors-BlueSteel, #5881B8);
font-size: 15px;
line-height: 20px;
}
.chzn-container.modern-design .chzn-single .chzn-select-icon-wrap .chzn-triangle-down,
.chzn-container.modern-design .chzn-choices .chzn-select-icon-wrap .chzn-triangle-down {
width: 16px;
height: 16px;
margin-top: 11px;
}
.chzn-container.modern-design .chzn-single .chzn-select-icon-wrap .chzn-triangle-down svg,
.chzn-container.modern-design .chzn-choices .chzn-select-icon-wrap .chzn-triangle-down svg {
width: 16px;
height: 16px;
fill: none;
stroke: var(--task-card-header-eye, #888888);
}
.chzn-container.modern-design.chzn-container-multi .chzn-choices {
padding: 6px 0 6px 15px;
}
.chzn-container.modern-design.chzn-container-multi .chzn-choices .search-choice {
margin-bottom: 3px;
}
.chzn-container.modern-design .chzn-search {
padding: 8px 16px;
}
.chzn-container.modern-design .chzn-search .svg-icon-16px {
line-height: 1.6em;
}
.chzn-container.modern-design .chzn-search .chzn-search-border {
border-radius: 6px;
border: none;
box-shadow: 0 0 0 1px var(--grey-list-border, #dedede);
padding: 5px 10px;
}
.chzn-container.modern-design .chzn-drop {
border-radius: 6px;
}
.chzn-container.modern-design .chzn-results {
padding-left: 8px;
}
.chzn-container.modern-design .chzn-results li {
padding: 5px 8px;
border-radius: 4px;
line-height: 1.4em;
}
.chzn-container.modern-design .chzn-results li.highlighted {
background: var(--react-dropdown-focus, #DEEBFF) !important;
color: var(--text-color, #343434);
}
.chzn-container.modern-design .chzn-results li.highlighted .chosen-grayed {
color: var(--task-card-date-block-meta-text, #777);
}
.chzn-container.modern-design .chzn-results li.active-result {
padding-left: 20px;
}
.chzn-container.modern-design .chzn-results li.group-result {
color: var(--gray-dark-icon, #626262);
}
.chzn-container.modern-design .chzn-inner-ico-container {
padding: 5px 9px;
}
.chzn-container.chzn-container-single .chzn-drop:not(.chzn-drop-at-top, .chzn-drop-at-top-baron) {
border-top: 0;
}
.chzn-container.chzn-container-single .chzn-drop-at-top {
border-bottom: 0;
}
.chzn-container .chzn-drop {
background-color: var(--white-black, #fff);
position: absolute;
top: 29px;
left: 0;
z-index: 999;
-webkit-box-shadow: 0 -4px 5px var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
-moz-box-shadow: 0 -4px 5px var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
-o-box-shadow: 0 -4px 5px var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
box-shadow: 0 -4px 5px var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
}
.chzn-container .chzn-drop:not(.chzn-drop-at-top) {
-webkit-box-shadow: 0 1px 5px var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
-moz-box-shadow: 0 1px 5px var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
-o-box-shadow: 0 1px 5px var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
box-shadow: 0 1px 5px var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
}
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
background-color: var(--white-black, #fff);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-bottom: 1px solid var(--gray-input-border, #bbb);
/*#aaa;*/
display: block;
overflow: hidden;
white-space: nowrap;
position: relative;
height: 21px;
line-height: 21px;
padding: 2px 0 2px 8px;
color: var(--chzn-text, #444);
text-decoration: none !important;
}
.chzn-container-single .chzn-single .hide-text {
color: rgba(0, 0, 0, 0);
}
.chzn-container-single .chzn-single span:not(.svg-icon-16px) {
margin-right: 26px;
display: block;
overflow: hidden;
cursor: default;
white-space: nowrap;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
display: flex;
align-items: center;
}
.chzn-container-single .chzn-single span:not(.svg-icon-16px) .svg-icon-16px {
margin-right: 5px;
}
.chzn-container-single .chzn-single div {
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: absolute;
right: 0;
top: 0;
display: block;
height: 100%;
width: 18px;
}
.chzn-container-single .chzn-single div b {
background: url('/img/chosen/chosen-sprite.png') no-repeat 0 -1px;
display: block;
width: 100%;
height: 100%;
}
.chzn-container-single .chzn-single div .chzn-triangle-down {
position: static;
display: block;
width: 8px;
height: 8px;
margin-top: 7px;
line-height: 0;
transition: all 0.3s cubic-bezier(0.55, 0.08, 0.06, 0.97);
}
.chzn-container-single .chzn-single div .chzn-triangle-down svg {
width: 8px;
height: 8px;
fill: var(--task-card-header-eye, #888888);
}
.chzn-container-single .chzn-single .chzn-loader {
display: flex;
}
.chzn-container-single .chzn-single .chzn-loader .loader {
margin: auto 0;
}
.chzn-container-single .chzn-search {
padding: 3px 4px;
margin: 0;
white-space: nowrap;
}
.chzn-container-single .chzn-search .chzn-search-border {
display: flex;
border: 1px solid var(--chzn-border, #aaaaaa);
padding: 3px 5px 3px 5px;
}
.chzn-container-single .chzn-search .svg-icon-16px {
line-height: 0;
}
.chzn-container-single .chzn-search input {
margin: 0;
border: 0;
outline: 0;
font-size: 1em;
padding-left: 4px;
}
.chzn-container-single .chzn-drop {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.chzn-container-single .chzn-drop-at-top {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.chzn-container-single .chzn-inner-ico-container {
background: var(--white-black, #fff);
}
.task-list-columns-item-select .chzn-container-single .chzn-single {
height: 22px;
align-items: center;
background-color: var(--background-color-light-gray, #F9F9F9);
color: var(--task-card-add-action-svg-path, gray);
}
.task-list-columns-item-select .chzn-container-single .chzn-single .chzn-triangle-down {
margin-top: 9px;
}
.task-list-columns-item-select .chzn-container-single .chzn-single .chzn-triangle-down svg {
padding-bottom: 1px;
}
.task-list-columns-copy-from-filters-select .chzn-container-single .chzn-single {
height: 22px;
align-items: center;
width: 313px;
background-color: var(--background-color-light-gray, #F9F9F9);
color: gray;
}
.task-list-columns-copy-from-filters-select .chzn-container-single .chzn-single .chzn-triangle-down {
margin-top: 9px;
}
/* @end */
/* @group Multi Chosen */
.chzn-container-multi {
border-bottom: 1px solid var(--gray-input-border, #bbb);
word-break: break-all;
}
.chzn-container-multi .chzn-choices {
background-color: var(--white-black, #fff);
margin: 0;
padding: 0;
cursor: default;
overflow: hidden;
height: auto !important;
height: 1%;
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
background: none !important;
padding-left: 8px;
margin-right: 20px;
}
.chzn-container-multi .chzn-choices li {
float: left;
list-style: none;
}
.chzn-container-multi .chzn-choices .search-field input {
color: var(--chosen-multi-search-input, #666);
background: transparent !important;
border: 0 !important;
padding: 5px 5px 5px 0;
margin: 1px 0;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
font-size: 10pt;
}
.chzn-container-multi .chzn-choices .search-field .default {
color: var(--grey-label, #838383);
}
.chzn-container-multi .chzn-choices .search-choice {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: var(--gray-inner, #EEEEEE);
color: var(--chosen-text, #333);
line-height: 13px;
padding: 3px 19px 3px 6px;
margin: 4px 5px 4px 0;
position: relative;
text-overflow: ellipsis;
overflow: hidden;
border: none;
}
.chzn-container-multi .chzn-choices .search-choice span {
word-break: break-all;
cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice.value-color-field:not(.free-input) {
line-height: initial;
border-radius: 6px;
padding: 4px 19px 4px 7px;
margin: 5px 8px 5px 0;
}
body:not(.classic-font) .chzn-container-multi .chzn-choices .search-choice.value-color-field:not(.free-input) .search-choice-close {
top: 10px;
}
body.classic-font .chzn-container-multi .chzn-choices .search-choice.value-color-field:not(.free-input) .search-choice-close {
top: 8px;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
display: block;
position: absolute;
right: 5px;
top: 6px;
width: 8px;
height: 9px;
font-size: 1px;
cursor: pointer;
background: url(/img/chosen/chosen-sprite.png) right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
background-position: right -9px;
}
.chzn-container-multi .chzn-choices .contact-chosen-selected {
background-color: var(--task-bg-action-contact, #efffff);
}
.chzn-container-multi .chzn-choices .search-choice-focus {
background: var(--gray-group-border, #d4d4d4);
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
background-position: right -9px;
}
.chzn-container-multi .chzn-drop .result-selected {
display: none;
}
.chzn-container-multi .chzn-drop .contact-chosen {
background-color: var(--task-bg-action-contact, #efffff);
}
.chzn-container-multi .chzn-drop .contact-chosen:hover {
background-color: #3875d7;
}
.chzn-container-multi .chzn-results {
margin: -1px 0 0;
padding: 0;
}
.chzn-container-multi .chzn-inner-ico-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
top: 0;
bottom: 0;
}
.chzn-container-multi.no-edit-field {
border-bottom: none;
}
.task-summary .chzn-container-multi {
border-bottom: none;
}
.status-set-dialog .chzn-container-multi {
margin-bottom: 2px;
}
.status-set-dialog .chzn-container-multi.chzn-container-active {
border-bottom: 3px solid var(--chosen-icon-active, #747474);
margin-bottom: 0;
}
.chzn-choices .search-field {
white-space: nowrap;
margin: 0;
padding: 0;
}
.task-create-field-input .chzn-container-multi {
border-bottom: 1px solid var(--gray-input-border, #bbb);
}
.task-detail-compressed-view .chzn-container-multi {
border-bottom: none;
}
.task-detail-compressed-view .chzn-container-multi .search-field {
padding: 3px;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
margin: 0 4px 4px 0;
max-height: 320px;
padding: 0 0 0 4px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
white-space: normal;
}
.chzn-container .chzn-results:first-child {
margin-top: 4px;
}
.chzn-container .chzn-results li {
line-height: 100%;
padding: 2px 7px 3px;
margin: 0;
list-style: none;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.chzn-container .chzn-results li .svg-icon-16px {
margin-right: 5px;
}
.chzn-container .chzn-results li.no-results {
display: block;
}
.chzn-container .chzn-results li.option-hidden {
display: none;
}
.chzn-container .chzn-results li em {
background: #feffde;
font-style: normal;
}
.chzn-container .chzn-results .active-result {
cursor: pointer;
color: var(--black-white, #000);
padding-left: 20px;
}
.chzn-container .chzn-results .active-result .icon {
margin: 1px 3px 0 0;
}
.chzn-container .chzn-results .active-result .icon svg {
width: 12px;
height: 12px;
fill: var(--chosen-icon-active, #757575);
}
.chzn-container .chzn-results .active-result .icon .svg-icon-stroke svg {
stroke: var(--chosen-icon-active, #757575);
}
.chzn-container .chzn-results .active-result .item-min-width {
min-width: 100px;
}
.chzn-container .chzn-results .highlighted {
background: #3875d7 !important;
color: #fff;
}
.chzn-container .chzn-results .highlighted svg,
.chzn-container .chzn-results .highlighted .icon .svg-icon-stroke svg {
stroke: #fff;
}
.chzn-container .chzn-results .highlighted em {
background: transparent;
}
.chzn-container .chzn-results .highlighted .chosen-grayed {
color: var(--chosen-contact-grayed, #9FEEFF);
}
.chzn-container .chzn-results .paint-option {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 8px;
padding-left: 8px;
}
.chzn-container .chzn-results .paint-option .is-paint-option__item {
border-radius: 3px;
width: 12px;
height: 12px;
}
.chzn-container .chzn-results .no-results {
background: var(--chosen-text-no-results-bg, #f4f4f4);
color: var(--chosen-text, #333);
line-height: 1.3;
}
.chzn-container .chzn-results .group-result {
cursor: default;
color: var(--black-white, #000);
font-weight: bold;
}
.chzn-container .chzn-results .group-option {
padding-left: 20px;
}
.chzn-container .chzn-results .group-option .item-min-width {
min-width: 100px;
}
.option-hidden {
display: none;
}
/* @end */
/* @group Active */
.chzn-container-active .chzn-single-with-drop {
outline: none;
border-bottom: 1px solid var(--gray-input-border, #bbb);
/*#aaa;*/
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
background: transparent;
border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
background-position: -18px 1px;
}
.chzn-container-active .chzn-single-with-drop div .chzn-triangle-down {
transform: rotate(180deg);
}
.chzn-container-active .chzn-choices .search-field input {
color: var(--chosen-multi-search-input-active, #111) !important;
}
/* @end */
/* @group Right to Left */
.chzn-rtl {
direction: rtl;
text-align: right;
}
.chzn-rtl .chzn-single {
padding-left: 0;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
}
.chzn-rtl .chzn-single span {
margin-left: 26px;
margin-right: 0;
}
.chzn-rtl .chzn-single div {
left: 0;
right: auto;
border-left: none;
border-right: 1px solid var(--chzn-border, #aaaaaa);
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.chzn-rtl .chzn-choices li {
float: right;
}
.chzn-rtl .chzn-choices .search-choice {
padding: 3px 6px 3px 19px;
margin: 3px 5px 3px 0;
}
.chzn-rtl .chzn-choices .search-choice .search-choice-close {
left: 5px;
right: auto;
background-position: right top;
}
.chzn-rtl.chzn-container-single .chzn-results {
margin-left: 4px;
margin-right: 0;
padding-left: 0;
padding-right: 4px;
}
.chzn-rtl .chzn-results .group-option {
padding-left: 0;
padding-right: 20px;
}
.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
border-right: none;
}
.chzn-rtl .chzn-search input {
background: url('/img/chosen/chosen-sprite.png') no-repeat -38px -20px, var(--white-black, #ffffff);
background: url('/img/chosen/chosen-sprite.png') no-repeat -38px -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, var(--white-black, white)), color-stop(0.99, var(--chosen-multi-search-input-active, #eeeeee)));
background: url('/img/chosen/chosen-sprite.png') no-repeat -38px -20px, -webkit-linear-gradient(center bottom, var(--white-black, #ffffff) 85%, var(--chosen-multi-search-input-active, #eeeeee) 99%);
background: url('/img/chosen/chosen-sprite.png') no-repeat -38px -20px, -moz-linear-gradient(center bottom, var(--white-black, #ffffff) 85%, var(--chosen-multi-search-input-active, #eeeeee) 99%);
background: url('/img/chosen/chosen-sprite.png') no-repeat -38px -20px, -o-linear-gradient(bottom, var(--white-black, #ffffff) 85%, var(--chosen-multi-search-input-active, #eeeeee) 99%);
background: url('/img/chosen/chosen-sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, var(--white-black, #ffffff) 85%, var(--chosen-multi-search-input-active, #eeeeee) 99%);
background: url('/img/chosen/chosen-sprite.png') no-repeat -38px -20px, linear-gradient(top, var(--white-black, #ffffff) 85%, var(--chosen-multi-search-input-active, #eeeeee) 99%);
padding: 4px 5px 4px 20px;
}
.chosen-grayed {
padding-left: 10px;
color: var(--task-card-date-block-meta-text, #777);
font-size: 10px;
}
/* @end */
/*********************** Шестеренка для chosen *********************************/
.chosen-control-placeholder {
position: relative;
display: inline;
line-height: 12px;
}
.chosen-control-placeholder .b-ddl-menu {
margin-left: -45px;
margin-top: 6px;
position: absolute;
}
.chosen-control-inline-placeholder {
display: inline-block;
position: absolute;
right: 16px;
top: 4px;
}
.chzn-inner-ico-container {
position: absolute;
top: 2px;
right: 3px;
padding: 3px;
line-height: 0;
z-index: 10;
}
.chzn-inner-ico-container.chzn-inner-ico-container-active {
z-index: 11;
}
.chzn-inner-ico-container.chzn-inner-ico-container-with-drop {
z-index: 990;
}
.chzn-inner-ico-container .chzn-inner-ico {
cursor: pointer;
}
.chzn-inner-ico-container .chzn-inner-ico + .chzn-inner-ico {
margin-left: 5px;
}
.chzn-container-has-ico .chzn-choices {
margin-right: 27px;
}
.chzn-container-has-ico .chzn-choices.indent {
padding-right: 23px;
}
.td-field-value-editable-active .chzn-container-multi .chzn-choices,
.td-item-qe-editable .chzn-container-multi .chzn-choices {
background-color: #3ba3d0;
}
.td-field-value-editable-active .chzn-container-multi .chzn-choices .search-field .default,
.td-item-qe-editable .chzn-container-multi .chzn-choices .search-field .default {
background: var(--white-black, #fff);
}
.td-field-value-editable-active .chzn-container-multi .chzn-choices .search-choice,
.td-item-qe-editable .chzn-container-multi .chzn-choices .search-choice {
border: none;
}
.td-field-value-editable-active .chzn-container-multi .chzn-container-active .chzn-choices .search-field input,
.td-item-qe-editable .chzn-container-multi .chzn-container-active .chzn-choices .search-field input {
color: var(--chosen-multi-search-input-active, #111) !important;
}
.td-field-value-editable-active .chzn-container-multi .iconset-16px-grayplus,
.td-item-qe-editable .chzn-container-multi .iconset-16px-grayplus {
background-position: 0 -2320px;
}
.qe-field-value-editable-active .customfield-wr-taskset .chzn-container-multi .chzn-inner-ico-container,
.task-filter-case .customfield-wr-taskset .chzn-container-multi .chzn-inner-ico-container,
.td-field-value-editable-active .customfield-wr-taskset .chzn-container-multi .chzn-inner-ico-container {
top: initial;
bottom: 5px;
}
.td-field-value-editable-active .chzn-container-multi .chzn-inner-ico.iconset-16px-gear {
background-position: 0 -1216px;
}
.customfield-wr-taskset .chzn-container-multi .chzn-choices li {
float: none;
}
.chosen-add-new {
color: #4573B1;
cursor: pointer;
}
.common-filter-sort-dialog.chosen {
min-width: 350px;
}
.common-filter-sort-dialog .context-popup-block-head {
font-size: 14px;
padding: 8px 13px;
text-align: left;
white-space: nowrap;
text-transform: uppercase;
color: var(--core-dropdown-text, #9c9c9c);
}
.common-filter-sort-dialog .context-popup-block-head .common-filter-reset-wr {
float: right;
text-transform: lowercase;
font-size: 12px;
}
.common-filter-sort-dialog .context-popup-block-head .common-filter-reset {
color: var(--gray-dark-icon, #626262);
text-decoration: none;
border-bottom: 1px dashed var(--gray-dark-icon, #626262);
cursor: pointer;
}
.common-filter-sort-dialog .common-filter-field {
padding: 8px 13px;
}
.common-filter-sort-dialog .common-filter-field input.common-filter-value,
.common-filter-sort-dialog .common-filter-field select.common-filter-value {
width: 100%;
box-sizing: border-box;
height: 27px;
}
.common-filter-sort-dialog .common-filter-field .cff-date {
width: 70px;
}
.common-filter-sort-dialog .common-filter-field .cff-value-period {
display: inline;
vertical-align: middle;
width: 90px;
margin-right: 7px;
}
.common-filter-sort-dialog .common-filter-field .cpd-left-column {
display: inline-block;
width: 45px;
}
.common-filter-sort-dialog .common-filter-dates-block .common-filter-field .cpd-left-column {
display: block;
width: 45px;
}
.common-filter-sort-dialog .common-filter-dates-block .common-filter-field .cpd-conditions-opt {
flex-grow: 1;
}
.common-filter-sort-dialog .common-filter-dates-block .common-filter-field .cpd-conditions-opt .js-filter-date {
width: 100%;
}
.common-filter-sort-dialog .common-filter-dates-block .cff-conditions {
display: flex;
}
.common-filter-sort-dialog .common-filter-dates-block .js-period-row,
.common-filter-sort-dialog .common-filter-dates-block .js-dates-row {
display: none;
}
.common-filter-sort-dialog .common-filter-dates-block.anotherdate .js-date-to-wr {
display: none;
}
.common-filter-sort-dialog .common-filter-dates-block.anotherdate .js-dates-row {
display: flex;
}
.common-filter-sort-dialog .common-filter-dates-block.anotherdate .js-dates-row .js-date-from-wr {
flex-grow: 1;
}
.common-filter-sort-dialog .common-filter-dates-block.anotherdate .js-dates-row .js-date-from-wr .cff-date {
width: 100%;
box-sizing: border-box;
}
.common-filter-sort-dialog .common-filter-dates-block.anotherperiod .js-dates-row {
display: flex;
}
.common-filter-sort-dialog .common-filter-dates-block.anotherperiod .js-dates-row .cpd-left-column {
display: none;
}
.common-filter-sort-dialog .common-filter-dates-block.anotherperiod .js-dates-row .js-date-to-wr,
.common-filter-sort-dialog .common-filter-dates-block.anotherperiod .js-dates-row .js-date-from-wr {
flex-grow: 1;
}
.common-filter-sort-dialog .common-filter-dates-block.anotherperiod .js-dates-row .js-date-to-wr .cff-date,
.common-filter-sort-dialog .common-filter-dates-block.anotherperiod .js-dates-row .js-date-from-wr .cff-date {
width: 96px;
box-sizing: border-box;
}
.common-filter-sort-dialog .common-filter-dates-block.last-next-in .js-period-row {
display: flex;
justify-content: center;
}
.common-filter-sort-dialog .common-filter-dates-block.last-next-in .js-period-row .cff-period-wr {
flex-grow: 1;
}
.common-filter-sort-dialog .common-filter-dates-block.last-next-in .js-period-row .js-filter-period-unit {
display: flex;
align-items: center;
}
.common-filter-sort-dialog .context-popup-opt-list {
line-height: 1.5;
list-style: none;
margin: 0;
padding: 0;
}
.common-filter-sort-dialog .context-popup-opt-list .context-popup-opt-option {
font-size: 14px;
padding: 8px 13px;
text-align: left;
white-space: nowrap;
color: var(--black-white, #000000);
-webkit-transition: background-color 250ms ease;
-moz-transition: background-color 250ms ease;
-o-transition: background-color 250ms ease;
-ms-transition: background-color 250ms ease;
transition: background-color 250ms ease;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.common-filter-sort-dialog .context-popup-opt-list .context-popup-opt-option:hover {
background-color: var(--gray-inner, #eee);
}
.common-filter-sort-dialog .context-popup-opt-list .context-popup-opt-option .option-pre {
width: 14px;
height: 14px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-right: 9px;
}
.common-filter-sort-dialog .context-popup-opt-list .context-popup-opt-option .option-label {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.common-filter-sort-dialog .context-popup-opt-list .context-popup-opt-option .option-label:after {
content: attr(data-text);
content: attr(data-text) / "";
height: 0;
visibility: hidden;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
font-weight: bold;
}
.common-filter-sort-dialog .context-popup-opt-list .context-popup-opt-option .filterelement-fill-svg {
margin-left: 25px;
opacity: 0;
-webkit-transition: opacity 150ms ease;
-moz-transition: opacity 150ms ease;
-o-transition: opacity 150ms ease;
-ms-transition: opacity 150ms ease;
transition: opacity 150ms ease;
}
.common-filter-sort-dialog .context-popup-opt-list .context-popup-opt-option:hover {
background-color: var(--gray-inner, #eee);
}
.common-filter-sort-dialog .context-popup-opt-list .context-popup-opt-option.selected .filterelement-fill-svg {
opacity: 1;
}
.common-filter-sort-dialog .context-popup-opt-list .context-popup-opt-option.selected .option-label {
font-weight: bold;
}
.common-filter-sort-dialog .common-filter-time-field {
text-align: center;
}
.common-filter-sort-dialog .common-filter-time-field .common-filter-time-operator {
display: inline-block;
vertical-align: top;
margin: 0;
height: 31px;
width: 40px;
}
.common-filter-sort-dialog .common-filter-time-field .common-filter-time {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
position: relative;
height: 31px;
border: 1px solid var(--gray-input-border, #bbb);
cursor: pointer;
margin-left: 5px;
}
.common-filter-sort-dialog .common-filter-time-field .common-filter-time .svg-icon-16px {
position: absolute;
top: 7px;
left: 7px;
}
.common-filter-sort-dialog .common-filter-time-field .common-filter-time .text-box {
box-sizing: border-box;
display: block;
width: 120px;
margin: auto;
font-size: 16px;
padding: 7px 0 0;
color: var(--reminder-dialog-textbox, #767676);
border: none;
text-align: center;
outline: none;
}
.common-filter-sort-dialog .common-filter-time-field .common-filter-time-picker {
margin: 15px;
}
.tbl-list .td-head-common,
.tbl-list-floating-head .td-head-common {
color: var(--black-white, #000);
}
.tbl-list .td-head-common-sort,
.tbl-list-floating-head .td-head-common-sort {
cursor: pointer;
}
.tbl-list .td-head-common-sort .action-link,
.tbl-list-floating-head .td-head-common-sort .action-link {
border-bottom: 1px dashed var(--black-white, #000);
}
.tbl-list .td-head-common-sort .action-link:hover,
.tbl-list-floating-head .td-head-common-sort .action-link:hover {
text-decoration: none;
}
.tbl-list .td-head-common-sort .filtering-icons,
.tbl-list-floating-head .td-head-common-sort .filtering-icons {
display: inherit;
}
.tbl-list .td-head-common,
.tbl-list-floating-head .td-head-common {
display: inline-block;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
}
.tbl-list .td-head-common .no-action-link,
.tbl-list-floating-head .td-head-common .no-action-link {
border-bottom: 1px dashed transparent;
}
.tbl-list .td-head-common .no-action-link:hover,
.tbl-list-floating-head .td-head-common .no-action-link:hover {
text-decoration: none;
}
.tbl-list.adaptive-width .td-head-common-sort .action-link,
.tbl-list.adaptive-width .td-head-common .no-action-link {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbl-list.adaptive-width .td-head-common-sort,
.tbl-list.adaptive-width .td-head-common {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.tbl-list.adaptive-width .td-item {
-webkit-text-size-adjust: none;
}
.tbl-list.adaptive-width .td-task-name {
padding: 1px 10px 0 16px;
}
.tbl-list-reports.tbl-list.adaptive-width .td-task-name {
padding-top: 8px;
padding-bottom: 7px;
}
.tbl-list .td-head-common-sort {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.tbl-list .td-head-common-sort .td-head-icon__wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
gap: 4px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.tbl-list .td-head-common-sort .td-head-icon__wr.is-has-starred {
padding-right: 4px;
}
.tbl-list .td-head-common-sort .td-head-icon__left {
margin-left: 6px;
}
.tbl-list .td-head-common-sort .td-head-icon__left,
.tbl-list .td-head-common-sort .td-head-icon__right {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 4px;
}
.tbl-list .td-head-common-sort .td-head-icon__left .favorite-item-task-name,
.tbl-list .td-head-common-sort .td-head-icon__right .favorite-item-task-name {
position: unset;
padding: 0;
}
.tbl-list .td-head-common-sort .td-head-icon__left .td-column-filtered,
.tbl-list .td-head-common-sort .td-head-icon__right .td-column-filtered {
margin: 0;
}
.context-popup-dialog {
background-color: var(--white-black, #ffffff);
position: absolute;
z-index: 26;
box-shadow: 0 0 7px var(--dialog-box-shadow-ultralight);
padding-bottom: 0;
max-height: 85%;
border-radius: 5px;
}
.context-popup-dialog .dialog-btn-wrapper {
padding: 15px;
}
.context-popup-dialog.context-popup-dialog-indents .chzn-choices {
margin-right: 0;
}
.context-popup-dialog.context-popup-dialog-indents .chzn-choices.indent {
margin-right: 20px;
}
.context-popup-dialog.task-system-field-dialog,
.context-popup-dialog.task-custom-field-dialog {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.context-popup-dialog.task-system-field-dialog .chzn-container-single .chzn-single span:not(.svg-icon-16px),
.context-popup-dialog.task-custom-field-dialog .chzn-container-single .chzn-single span:not(.svg-icon-16px) {
display: block;
}
.context-popup-dialog.task-system-field-dialog .task-status-dialog-body,
.context-popup-dialog.task-custom-field-dialog .task-status-dialog-body {
width: 100%;
}
.context-popup-dialog.task-system-field-dialog .task-status-dialog-body .inline-editor-container,
.context-popup-dialog.task-custom-field-dialog .task-status-dialog-body .inline-editor-container {
padding-top: 10px;
padding-bottom: 10px;
}
.context-popup-dialog.task-system-field-dialog .task-status-dialog-body .task-system-field .chzn-container.chzn-container-multi,
.context-popup-dialog.task-custom-field-dialog .task-status-dialog-body .task-system-field .chzn-container.chzn-container-multi,
.context-popup-dialog.task-system-field-dialog .task-status-dialog-body .task-custom-field .chzn-container.chzn-container-multi,
.context-popup-dialog.task-custom-field-dialog .task-status-dialog-body .task-custom-field .chzn-container.chzn-container-multi {
min-width: 275px;
border-bottom: none;
}
.context-popup-dialog.task-system-field-dialog .task-status-dialog-body .task-system-field .chzn-container .chzn-choices,
.context-popup-dialog.task-custom-field-dialog .task-status-dialog-body .task-system-field .chzn-container .chzn-choices,
.context-popup-dialog.task-system-field-dialog .task-status-dialog-body .task-custom-field .chzn-container .chzn-choices,
.context-popup-dialog.task-custom-field-dialog .task-status-dialog-body .task-custom-field .chzn-container .chzn-choices {
padding-left: unset;
}
.dark-theme .context-popup-dialog.task-system-field-dialog,
.dark-theme .context-popup-dialog.task-custom-field-dialog {
background-color: var(--main-menu-popup-bg);
}
.dark-theme .context-popup-dialog.task-system-field-dialog .chzn-container,
.dark-theme .context-popup-dialog.task-custom-field-dialog .chzn-container,
.dark-theme .context-popup-dialog.task-system-field-dialog .chzn-container-single .chzn-single,
.dark-theme .context-popup-dialog.task-custom-field-dialog .chzn-container-single .chzn-single,
.dark-theme .context-popup-dialog.task-system-field-dialog .chzn-container-single .chzn-inner-ico-container,
.dark-theme .context-popup-dialog.task-custom-field-dialog .chzn-container-single .chzn-inner-ico-container,
.dark-theme .context-popup-dialog.task-system-field-dialog .chzn-container .chzn-drop,
.dark-theme .context-popup-dialog.task-custom-field-dialog .chzn-container .chzn-drop,
.dark-theme .context-popup-dialog.task-system-field-dialog .cke_inner,
.dark-theme .context-popup-dialog.task-custom-field-dialog .cke_inner,
.dark-theme .context-popup-dialog.task-system-field-dialog .cke_wysiwyg_div,
.dark-theme .context-popup-dialog.task-custom-field-dialog .cke_wysiwyg_div,
.dark-theme .context-popup-dialog.task-system-field-dialog .cke_chrome,
.dark-theme .context-popup-dialog.task-custom-field-dialog .cke_chrome,
.dark-theme .context-popup-dialog.task-system-field-dialog input:not([type="button"]),
.dark-theme .context-popup-dialog.task-custom-field-dialog input:not([type="button"]),
.dark-theme .context-popup-dialog.task-system-field-dialog select,
.dark-theme .context-popup-dialog.task-custom-field-dialog select,
.dark-theme .context-popup-dialog.task-system-field-dialog textarea,
.dark-theme .context-popup-dialog.task-custom-field-dialog textarea {
background-color: var(--main-menu-popup-bg);
}
.dark-theme .context-popup-dialog.task-system-field-dialog .handbook-select-data-button.v-mid,
.dark-theme .context-popup-dialog.task-custom-field-dialog .handbook-select-data-button.v-mid {
color: var(--gray-ico);
box-shadow: 0 0 0 1px var(--gray-ico);
}
.dark-theme .context-popup-dialog.task-system-field-dialog .cke_wysiwyg_frame,
.dark-theme .context-popup-dialog.task-custom-field-dialog .cke_wysiwyg_frame,
.dark-theme .context-popup-dialog.task-system-field-dialog .cke_top,
.dark-theme .context-popup-dialog.task-custom-field-dialog .cke_top {
background-color: var(--main-menu-popup-bg) !important;
}
.hidden-el-container {
position: absolute;
top: 0;
left: 0;
border: 1px solid var(--task-card-checklist-item-hover, #e7e7e7);
background: var(--white-black, #fff);
box-shadow: 0 0 7px 0 var(--gray-input-border, #bbb);
z-index: 26;
}
.context-popup-dialog-wrapper {
background: none repeat scroll 0 0 var(--white-black, #ffffff);
margin: 0;
padding: 11px 0;
-webkit-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
z-index: 1;
border-radius: 5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
scrollbar-color: var(--baron-scroller-bar-border, #dadada) var(--white-black, white);
scrollbar-width: thin;
}
.context-popup-dialog-down .context-popup-dialog-triangle-shadow {
position: absolute;
right: 53px;
top: -8px;
content: '';
display: block;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom-width: 9px;
border-bottom-style: solid;
border-bottom-color: var(--task-card-checklist-item-hover, #e7e7e7);
}
.context-popup-dialog-down .context-popup-dialog-triangle {
position: absolute;
right: 54px;
top: -7px;
content: '';
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom-width: 8px;
border-bottom-style: solid;
border-bottom-color: var(--white-black, #fff);
}
.context-popup-dialog-up .context-popup-dialog-triangle-shadow {
position: absolute;
right: 53px;
bottom: -8px;
content: '';
display: block;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top-width: 9px;
border-top-style: solid;
border-top-color: var(--task-card-checklist-item-hover, #e7e7e7);
}
.context-popup-dialog-up .context-popup-dialog-triangle {
position: absolute;
right: 54px;
bottom: -7px;
content: '';
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top-width: 8px;
border-top-style: solid;
border-top-color: var(--white-black, #fff);
}
.context-popup-dialog-right .context-popup-dialog-triangle-shadow {
position: absolute;
left: -9px;
top: 50px;
content: '';
display: block;
width: 0;
height: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-right-width: 9px;
border-right-style: solid;
border-right-color: var(--task-card-checklist-item-hover, #e7e7e7);
}
.context-popup-dialog-right .context-popup-dialog-triangle {
position: absolute;
left: -7px;
top: 49px;
content: '';
display: block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right-width: 8px;
border-right-style: solid;
border-right-color: var(--white-black, #fff);
}
.context-popup-dialog-left .context-popup-dialog-triangle-shadow {
position: absolute;
right: -9px;
top: 50px;
content: '';
display: block;
width: 0;
height: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left-width: 9px;
border-left-style: solid;
border-left-color: var(--task-card-checklist-item-hover, #e7e7e7);
}
.context-popup-dialog-left .context-popup-dialog-triangle {
position: absolute;
right: -7px;
top: 49px;
content: '';
display: block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left-width: 8px;
border-left-style: solid;
border-left-color: var(--white-black, #fff);
}
.context-popup-dialog-buttons {
text-align: right;
margin-top: 13px;
}
.context-popup-dialog-buttons input {
margin-right: 0;
}
.context-popup-dialog-label {
display: block;
color: var(--chosen-multi-search-input, #666);
margin-bottom: 4px;
}
.context-popup-dialog-text {
display: block;
margin-bottom: 4px;
}
.context-popup-dialog-row + .context-popup-dialog-row {
border-top: 1px solid var(--ddl-menu-separator, #c4c4c4);
margin-top: 6px;
padding-top: 6px;
}
.context-popup-dialog-row .context-popup-dialog-buttons {
padding: 0 15px 10px;
}
.context-popup-dialog-row > select {
display: block;
height: 25px;
width: 100%;
}
.context-popup-dialog-row > input[type=text] {
display: block;
height: 25px;
width: 275px;
box-sizing: border-box;
font-size: 13px;
}
.context-popup-dialog-row .fakelink-dashed {
font-size: 12px;
}
.context-popup-dialog-row .task-change-control-system-field > select {
display: block;
height: 25px;
width: 100%;
}
.context-popup-dialog-row.task-system-field > input[type=text],
.context-popup-dialog-row.task-custom-field > input[type=text] {
border-bottom: none;
padding: 0;
}
.context-popup-dialog-row.task-system-field > input[type=text]:not(.date),
.context-popup-dialog-row.task-custom-field > input[type=text]:not(.date) {
min-width: 275px;
width: 100%;
}
.context-popup-dialog-row.task-system-field > input[type=text]:not(.date).hasDatepicker,
.context-popup-dialog-row.task-custom-field > input[type=text]:not(.date).hasDatepicker {
min-width: unset;
}
.context-popup-dialog-row.task-system-field > select[class*="text-box"],
.context-popup-dialog-row.task-custom-field > select[class*="text-box"] {
border-bottom: none;
}
.context-popup-dialog-row.task-system-field .task-change-control-system-field .chzn-container .chzn-single,
.context-popup-dialog-row.task-custom-field .task-change-control-system-field .chzn-container .chzn-single,
.context-popup-dialog-row.task-system-field .task-change-status-control-status .chzn-container-single .chzn-single,
.context-popup-dialog-row.task-custom-field .task-change-status-control-status .chzn-container-single .chzn-single {
border-bottom: none;
padding-left: unset;
padding-right: unset;
}
.context-popup-dialog-row.task-system-field .chzn-container-multi,
.context-popup-dialog-row.task-custom-field .chzn-container-multi {
border-bottom: none;
}
.context-popup-dialog-row.task-system-field .system-field-name,
.context-popup-dialog-row.task-custom-field .system-field-name {
font-size: 15px;
}
.context-popup-dialog-row.task-system-field .chzn-container .chzn-drop,
.context-popup-dialog-row.task-custom-field .chzn-container .chzn-drop {
left: -10px;
}
.task-custom-field-dialog.task-custom-field-dialog-number .task-status-dialog-body,
.task-custom-field-dialog.task-custom-field-dialog-number .context-popup-dialog-row.task-custom-field {
min-width: 0;
}
.task-custom-field-dialog.task-custom-field-dialog-number .context-popup-dialog-row.task-custom-field > input[type=text]:not(.date) {
min-width: 50px;
}
.task-custom-field-val.date {
width: 70px;
}
.task-custom-field-html {
display: block;
max-height: 320px;
padding: 0;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.tr-formula .tooltip-actions {
margin: 0 2px 10px 0;
}
.tr-formula .formula-text-box {
width: 100%;
height: 55px;
resize: none;
}
/*************** DropDownListMenu ****************/
.b-ddl-menu {
display: inline-block;
}
.b-ddl-menu-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.b-ddl-menu-flex .b-ddl-menu-selected-arrow.b-ddl-menu-selected-arrow-svg svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-12px .b-ddl-menu-flex .b-ddl-menu-selected-arrow.b-ddl-menu-selected-arrow-svg svg {
width: 12px;
height: 12px;
}
.b-ddl-menu-flex .b-ddl-menu-selected-arrow .ddl-triangle-svg-wr svg {
width: 8px;
height: 8px;
}
.b-ddl-menu-selected {
cursor: pointer;
padding-right: 5px;
}
.b-ddl-menu-selected-arrow {
cursor: pointer;
overflow: hidden;
padding: 0 3px;
}
.svg-icon-12px .b-ddl-menu-selected-arrow {
padding: 0;
}
.b-ddl-menu-selected-arrow.b-ddl-menu-selected-arrow-button .btn {
line-height: 2em;
margin-top: 0;
padding: 0 10px;
}
.b-ddl-menu-selected-arrow.b-ddl-menu-selected-arrow-svg svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
}
.b-ddl-menu-selected-arrow .ddl-triangle-svg-wr {
width: 8px;
height: 8px;
line-height: 0;
margin-top: 5px;
display: inline-block;
}
.b-ddl-menu-selected-arrow .ddl-triangle-svg-wr svg {
width: 8px;
height: 8px;
}
.b-ddl-menu-selected-arrow img {
vertical-align: middle;
}
.b-ddl-menu-selected-arrow input.btn {
color: var(--grey-action-list, #7f7f7f);
}
.b-ddl-menu-selected-arrow .arrow:after {
content: '\25BC';
font-size: 10px;
}
.b-ddl-menu-selected-arrow-orange .ddl-triangle-svg-wr svg {
fill: #ff7a0d;
}
.b-ddl-menu-selected-arrow-white .ddl-triangle-svg-wr svg {
fill: var(--white-black, #ffffff) !important;
}
.b-ddl-menu-selected-arrow-black .ddl-triangle-svg-wr svg {
fill: var(--black-white, #000) !important;
}
.b-ddl-menu-label svg {
width: 20px;
height: 20px;
fill: var(--gray-input-border, #bbbbbb);
vertical-align: middle;
margin-right: 3px;
cursor: pointer;
}
.b-ddl-menu-label .svg-icon-16px svg {
width: 16px;
height: 16px;
}
.b-ddl-menu-label + .b-ddl-menu-selected {
padding-left: 5px;
}
.b-ddl-menu-label .no-selected-label {
padding: 0 5px;
}
.b-ddl-menu-ul {
position: absolute;
z-index: 100;
box-shadow: 0 0 7px var(--popup-shadow, rgba(0, 0, 0, 0.15));
padding-bottom: 0;
max-height: 85%;
border-radius: 5px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
@supports (-moz-appearance: none) {
.b-ddl-menu-ul {
background: var(--main-menu-popup-bg, #ffffff);
border-radius: 6px;
}
}
.b-ddl-menu-ul.b-ddl-menu-ul-title {
margin-left: 0;
font-size: 13px;
}
.classic-font .b-ddl-menu-ul.b-ddl-menu-ul-title {
font-size: 12px;
}
.b-ddl-menu-ul .drag-copy {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: absolute;
padding: 10px;
background: var(--help-container-history-item-not-today, rgba(255, 255, 255, 0.7));
z-index: 1000;
font-size: 14px;
white-space: nowrap;
color: var(--black-white, #000000);
}
.b-ddl-menu-ul ul {
background: none repeat scroll 0 0 var(--main-menu-popup-bg, #ffffff);
list-style-type: none;
margin: 0;
padding: 12px 0;
-webkit-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
overflow-y: auto;
z-index: 1;
border-radius: 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
scrollbar-color: var(--baron-scroller-bar-border, #dadada) var(--main-menu-popup-bg, #ffffff);
scrollbar-width: thin;
}
.b-ddl-menu-ul ul.wide {
min-width: 250px;
}
.b-ddl-menu-ul ul:not(:hover) {
scrollbar-color: transparent var(--main-menu-popup-bg, white);
}
.b-ddl-menu-ul ul:not(:hover)::-webkit-scrollbar-thumb {
background: var(--main-menu-popup-bg, white);
border: 1px solid transparent;
}
@supports (-moz-appearance: none) {
.b-ddl-menu-ul ul {
scrollbar-gutter: stable both-edges;
background: transparent;
scrollbar-color: var(--baron-scroller-bar-border, #dadada) transparent;
}
.b-ddl-menu-ul ul:not(:hover) {
scrollbar-color: transparent transparent;
}
}
.b-ddl-menu-ul ul .place-holder {
height: 17px;
max-width: 100%;
border: 1px dashed var(--gray-light-border, #bebebe);
margin-left: 32px;
margin-right: 9px;
}
.b-ddl-menu-ul ul .hidden-li-item {
display: none;
}
.b-ddl-menu-ul ul li {
font-size: 14px;
padding: 10px 23px 11px 16px;
text-align: left;
white-space: nowrap;
color: var(--text-color, #343434);
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms ease;
-o-transition: background 250ms ease;
-ms-transition: background 250ms ease;
transition: background 250ms ease;
}
.b-ddl-menu-ul ul li a {
color: var(--gray-dark-icon, #626262);
display: inline-block;
width: 100%;
text-decoration: none;
}
.b-ddl-menu-ul ul li a:hover {
color: var(--gray-dark-icon, #626262);
text-decoration: underline;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-separator {
padding: 0;
margin: 4px 0 6px;
height: 1px;
background: var(--grey-list-border, #DEDEDE);
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-header,
.b-ddl-menu-ul ul li.b-ddl-menu-li-group-header {
text-transform: uppercase;
color: var(--core-dropdown-text, #9c9c9c);
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item {
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item:hover {
background: var(--date-picker-bg, #F5F5F5);
}
body.dark-theme .b-ddl-menu-ul ul li.b-ddl-menu-li-item:hover {
background: var(--notActiveFilterHover, #2e3138) !important;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item:hover .special-control-svg {
display: flex;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item .label {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item .label:after {
content: attr(data-text);
content: attr(data-text) / "";
height: 0;
visibility: hidden;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
font-weight: bold;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item .label .ui-datepicker-trigger {
width: 1px;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item .pre-control {
width: 16px;
height: 16px;
min-width: 16px;
margin-right: 12px;
display: flex;
align-items: center;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item .control i {
display: block;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item .control .check {
opacity: 0;
-webkit-transition: opacity 150ms ease;
-moz-transition: opacity 150ms ease;
-o-transition: opacity 150ms ease;
-ms-transition: opacity 150ms ease;
transition: opacity 150ms ease;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item .special-control-svg {
position: absolute;
right: 25px;
padding: 2px;
display: none;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item .special-control-svg:hover i {
stroke: var(--activeButton, #0fabdd);
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item.b-ddl-menu-li-drag-able .drag-manipulator {
opacity: 0;
margin-right: 9px;
position: relative;
top: 2px;
-webkit-transition: opacity 250ms ease;
-moz-transition: opacity 250ms ease;
-o-transition: opacity 250ms ease;
-ms-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item.b-ddl-menu-li-drag-able .drag-manipulator svg {
width: 16px;
height: 16px;
fill: var(--gray-light-border, #bebebe);
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item.b-ddl-menu-li-drag-able .pre-control {
display: none;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item.b-ddl-menu-li-drag-able:hover .drag-manipulator {
opacity: 1;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item.b-ddl-menu-li-drag-able:hover span:last-child {
position: relative;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item[data-acr="translate"] {
cursor: default;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item[data-acr="translate"] .control {
display: none;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item[data-acr="translate"] .translate-item-menu {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item[data-acr="translate"] .translate-item-menu .translate {
cursor: pointer;
padding: 2px;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item[data-acr="translate"] .translate-item-menu .action-language {
display: flex;
margin-left: auto;
padding: 2px 10px;
align-items: center;
cursor: pointer;
gap: 4px;
border-radius: 4px;
background: var(--report-save-empty-bg, #EBEBEB);
box-sizing: content-box;
transition: padding 0.3s ease, background-color 0.3s ease;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item[data-acr="translate"] .translate-item-menu .action-language:hover {
padding: 2px 6px;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item[data-acr="translate"] .translate-item-menu .action-language:hover .arrow {
opacity: 1;
max-width: 8px;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item[data-acr="translate"] .translate-item-menu .action-language .arrow {
opacity: 0;
overflow: hidden;
max-width: 0;
transition: opacity 0.3s ease, max-width 0.3s ease;
display: flex;
align-items: center;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-item[data-acr="translate"] .translate-item-menu .action-language i {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: -1px;
color: var(--confirm-win-head-bg, #4B4B4B);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-selected .label {
font-weight: bold;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-selected.normal-weight .label {
font-weight: normal;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-selected .control {
margin-left: 25px;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-selected .control .check {
opacity: 1;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-selected .special-control-svg {
display: none !important;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-selected.b-ddl-menu-li-has-ico span:first-child {
background: none;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-selected.b-ddl-menu-li-multiple {
color: var(--black-white, #000000);
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-selected.b-ddl-menu-li-action {
color: var(--black-white, #000000);
font-weight: normal;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-selected.b-ddl-menu-li-action span:first-child {
background: none;
}
.b-ddl-menu-ul.adjust-size-context-menu {
font-size: 13px;
width: auto !important;
}
.b-ddl-menu-ul .cube-sub-menu-pointer {
position: absolute;
display: block;
width: 13px;
height: 13px;
left: calc(50% - 7px);
background-color: var(--white-black, white);
transform: rotateZ(45deg);
box-shadow: 0 0 5px var(--task-action-rem-border, #ddd);
}
.b-ddl-menu-ul .cube-sub-menu-pointer.pointer-position-top {
top: -7px;
}
.b-ddl-menu-ul .cube-sub-menu-pointer.pointer-position-bottom {
bottom: -7px;
}
blockquote .b-ddl-menu-ul {
display: none !important;
}
.b-ddl-menu-li-item + .b-ddl-menu-li-group-header {
padding-top: 20px;
}
.b-ddl-menu .b-ddl-menu-ul .baron_scroller__bar,
.b-last-block .b-ddl-menu .b-ddl-menu-ul .baron_scroller__bar {
width: 2px;
right: 3px;
}
.label-menu-style.checklist-header {
color: #5881b8;
border-bottom: 1px dotted #5881b8;
}
.label-menu-style.checklist-header.b-ddl-menu-selected {
padding: 0;
}
.label-menu-style.checklist-header.b-ddl-menu-selected.no-click {
cursor: default;
border-bottom: none;
}
@media print {
.ddl-triangle-svg-wr svg {
display: none;
}
}
/* Input checkbox switcher */
/* The switch - the box around the slider */
.input-switch {
position: relative;
display: block;
width: 36px;
height: 20px;
/* Hide default HTML checkbox */
}
.input-switch input {
display: none;
}
.b-ddl-menu-li-selected .input-switch input + .input-switch__slider {
background-color: var(--activeSlider, #2196F3);
color: var(--activeButtonElements);
}
.input-switch input:checked + .input-switch__slider {
background-color: var(--activeButton, #2196F3);
color: var(--activeButtonElements);
}
.input-switch input:focus + .input-switch__slider {
box-shadow: 0 0 1px #2196F3;
}
.b-ddl-menu-li-selected .input-switch input + .input-switch__slider:before,
.input-switch input:checked + .input-switch__slider:before {
-webkit-transform: translateX(16px);
-moz-transform: translateX(16px);
-ms-transform: translateX(16px);
-o-transform: translateX(16px);
transform: translateX(16px);
background-color: var(--white-black, white);
}
.b-ddl-menu-li-selected .input-switch input + .input-switch__slider:after,
.input-switch input:checked + .input-switch__slider:after {
width: 1px;
height: 6px;
background: var(--white-black, white);
left: 10px;
top: 7px;
border: none;
}
/* The slider */
.input-switch__slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--gray-slider-background);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
/* Rounded sliders */
}
.input-switch__slider:before {
position: absolute;
content: "";
width: 16px;
height: 16px;
left: 2px;
bottom: 2px;
background-color: var(--black);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}
.input-switch__slider.round {
border-radius: 20px;
}
.input-switch__slider.round:before {
border-radius: 50%;
}
.input-switch__slider:after {
position: absolute;
content: "";
width: 4px;
height: 4px;
right: 7px;
top: 7px;
border-radius: 50%;
border: 1px solid var(--ddl-menu-switch-after, #a4a4a4);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}
.b-ddl-menu-li-selected .search-results-actions .search-results-block-header .input-switch input + .input-switch__slider:after,
.search-results-actions .search-results-block-header .input-switch input:checked + .input-switch__slider:after {
background: #978DD2;
}
.search-results-actions .input-switch__slider {
background-color: var(--white-black, #ffffff) !important;
}
.search-results-actions .input-switch__slider:before {
background-color: #978DD2 !important;
}
.search-results-actions .input-switch__slider:after {
border: 1px solid #978DD2;
}
.b-ddl-menu-li-selected .search-results-tasks .search-results-block-header .input-switch input + .input-switch__slider:after,
.search-results-tasks .search-results-block-header .input-switch input:checked + .input-switch__slider:after {
background: #5AB0CB;
}
.search-results-tasks .input-switch__slider {
background-color: var(--white-black, #ffffff) !important;
}
.search-results-tasks .input-switch__slider:before {
background-color: #5AB0CB !important;
}
.search-results-tasks .input-switch__slider:after {
border: 1px solid #5AB0CB;
}
.b-ddl-menu.b-ddl-menu-type-list {
margin-top: 2px;
}
.common-expander {
display: inline-block;
margin-right: 5px;
cursor: pointer;
}
.common-expander svg {
width: 10px;
height: 10px;
}
.common-expander .common-expander-ico-closed,
.common-expander .common-expander-ico-opened {
display: none;
}
.common-expander.common-expander-closed .common-expander-ico-closed {
display: inline-block;
}
.common-expander.common-expander-opened .common-expander-ico-opened {
display: inline-block;
}
.gm-input-blocks-list .gm-input-block {
position: relative;
}
.gm-input-blocks-list .gm-input-block:first-child {
margin-top: 35px;
}
.gm-input-blocks-list .gm-input-block:last-child {
margin-bottom: 20px;
}
.gm-input-blocks-list .gm-input-block:last-child.gm-input-block-with-hint {
margin-bottom: 30px;
}
.gm-input-blocks-list .gm-input-block + .gm-input-block {
margin-top: 45px;
}
.gm-input-blocks-list .gm-input-block + .gm-input-block.gm-input-block-with-checkbox {
margin-top: 30px;
}
.gm-input-blocks-list .gm-input-block.gm-input-block-with-hint + .gm-input-block {
margin-top: 55px;
}
.gm-input-block {
box-sizing: border-box;
/* active state */
/* bottom-bars */
/* active state */
/* highlighter */
/* active state */
}
.gm-input-block > input[type=text],
.gm-input-block select {
font-size: 14px;
/*18*/
padding: 10px 10px 10px 5px;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gm-input-block > input[type=text]:focus,
.gm-input-block select:focus {
outline: none;
}
.gm-input-block > input[type=text] {
border: none;
border-bottom: 1px solid #e5e5e5;
}
.gm-input-block label.gm-input-block-checkbox {
display: block;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 10px;
}
.gm-input-block label:not(.gm-input-block-checkbox) {
color: #999;
font-size: 14px;
/*18*/
font-weight: normal;
position: absolute;
pointer-events: none;
left: 5px;
top: 10px;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
}
.gm-input-block > input:focus ~ label:not(.gm-input-block-checkbox),
.gm-input-block > input:valid ~ label:not(.gm-input-block-checkbox) {
top: -15px;
/*20*/
font-size: 11px;
/*14*/
color: #3ba3d0;
}
.gm-input-block select:not(:focus) option {
display: none;
}
.gm-input-block select ~ label:not(.gm-input-block-checkbox) {
top: -20px;
/*20*/
font-size: 11px;
/*14*/
}
.gm-input-block select:focus ~ label:not(.gm-input-block-checkbox) {
color: #3ba3d0;
}
.gm-input-block.gm-input-block-error label:not(.gm-input-block-checkbox) {
color: #dc0049;
}
.gm-input-block .gm-input-block-bar {
position: relative;
display: block;
width: 100%;
}
.gm-input-block .gm-input-block-bar:before,
.gm-input-block .gm-input-block-bar:after {
content: '';
height: 2px;
width: 0;
bottom: 1px;
position: absolute;
background: #3ba3d0;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
}
.gm-input-block .gm-input-block-bar:before {
left: 50%;
}
.gm-input-block .gm-input-block-bar:after {
right: 50%;
}
.gm-input-block > input:focus ~ .gm-input-block-bar:before,
.gm-input-block > input:focus ~ .gm-input-block-bar:after {
width: 50%;
}
.gm-input-block .gm-input-block-highlight {
position: absolute;
height: 60%;
width: 100px;
top: 25%;
left: 0;
pointer-events: none;
opacity: 0.5;
}
.gm-input-block > input:focus ~ .gm-input-block-highlight {
-webkit-animation: inputHighlighter 0.3s ease;
-moz-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.gm-input-block .gm-input-block-hint {
color: #999;
left: 5px;
position: absolute;
margin-top: 10px;
}
.gm-input-block .chzn-container,
.gm-input-block .chzn-drop {
width: 100% !important;
}
.gm-input-block .chzn-container .chzn-single {
border-bottom: unset;
height: unset;
line-height: unset;
box-sizing: border-box;
padding: 10px 10px 10px 5px;
-moz-background-clip: unset;
-webkit-background-clip: unset-box;
background-clip: unset-box;
}
.gm-input-block .chzn-container .chzn-single > div {
align-items: center;
}
.gm-input-block .chzn-container .chzn-single > div .chzn-triangle-down {
margin-top: 2px;
}
/* animations */
@-webkit-keyframes inputHighlighter {
from {
background: #3ba3d0;
}
to {
width: 0;
background: transparent;
}
}
@-moz-keyframes inputHighlighter {
from {
background: #3ba3d0;
}
to {
width: 0;
background: transparent;
}
}
@keyframes inputHighlighter {
from {
background: #3ba3d0;
}
to {
width: 0;
background: transparent;
}
}
.loader,
.loader:after {
border-radius: 50%;
width: 16px;
height: 16px;
}
.loader {
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 0.2em solid var(--loader-border, rgba(255, 255, 255, 0.2));
border-right: 0.2em solid var(--loader-border, rgba(255, 255, 255, 0.2));
border-bottom: 0.2em solid rgba(255, 255, 255, 0.2);
border-left: 0.2em solid var(--white-black, #ffffff);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.loader.gray {
border-left-color: var(--gray-light-border, #bebebe);
border-top-color: var(--loader-gray-border, rgba(190, 190, 190, 0.2));
border-right-color: var(--loader-gray-border, rgba(190, 190, 190, 0.2));
border-bottom-color: var(--loader-gray-border, rgba(190, 190, 190, 0.2));
}
.loader.inline-box {
display: inline-block;
}
.loader.small {
width: 10px;
height: 10px;
}
.loader.small:after {
width: 10px;
height: 10px;
}
.loader.valign-bottom {
vertical-align: bottom;
}
.loader.border--1em {
border-top: 0.1em solid #f2f2f2;
border-right: 0.1em solid #f2f2f2;
border-bottom: 0.1em solid #f2f2f2;
border-left: 0.1em solid #b8b8b8;
}
.loader.border--1-5em {
border-top: 0.15em solid var(--grey-dark-hover, #f2f2f2);
border-right: 0.15em solid var(--grey-dark-hover, #f2f2f2);
border-bottom: 0.15em solid var(--grey-dark-hover, #f2f2f2);
border-left: 0.15em solid var(--loader-border-1-5, #b8b8b8);
}
.loader.border--3-0em {
border-top: 0.3em solid #f2f2f2;
border-right: 0.3em solid #f2f2f2;
border-bottom: 0.3em solid #f2f2f2;
border-left: 0.3em solid #b8b8b8;
}
.loader.white {
border-left-color: #ffffff;
border-top-color: #ffffff33;
border-right-color: #ffffff33;
border-bottom-color: #ffffff33;
}
.loader.px8 {
width: 8px;
height: 8px;
}
.loader.px10 {
width: 10px;
height: 10px;
}
.loader.px16 {
width: 16px;
height: 16px;
}
.loader.px50 {
width: 50px;
height: 50px;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.b-bottom-btn .loader,
.ajax_list .loader,
.ajax_custom .loader {
display: inline-block;
vertical-align: middle;
border-left-color: #bebebe;
}
.ajax-custom-loader {
position: absolute;
width: 100%;
z-index: 999;
pointer-events: none;
}
.ajax-custom-loader .circle-loader-block {
padding: 25px;
margin: 0 auto;
border-radius: 50%;
border: 3px solid #fff;
box-sizing: border-box;
color: #fff;
}
.ajax-custom-loader .circle-loader-block.dc-loader {
border-color: transparent !important;
border-right-color: #fff !important;
animation: load8 1.1s infinite linear;
}
.loader-block {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
z-index: 30;
display: flex;
align-items: center;
height: 44px;
box-sizing: border-box;
border-radius: 3px;
background-color: #fff;
padding: 3px;
position: absolute;
}
.loader-block .loader {
margin: 5px 20px;
}
body.withAppButton .body-container {
padding-top: 176px;
}
body.withAppButton .main-menu {
top: 130px;
}
body.withAppButton .main-menu-popup,
body.withAppButton .main-menu-logined-popup,
body.withAppButton .planfix-menu-sub-items-container,
body.withAppButton .main-menu-help-popup,
body.withAppButton .main-menu-online-popup {
top: 172px;
}
body.withAppButton .main-menu-config-popup .main-config-ddl-wrapper,
body.withAppButton .main-menu-plus-popup {
top: 171px;
}
.body-container {
padding-top: 46px;
}
.b-green-button {
display: inline-block;
color: var(--white-black, #fff);
background: #1abe72;
text-decoration: none;
font-size: 8pt;
line-height: 20px;
vertical-align: middle;
padding: 3px 15px;
cursor: pointer;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.b-green-button:hover {
text-decoration: none;
color: var(--white-black, #fff);
}
.notifications-win {
position: fixed;
bottom: 0;
right: 0;
z-index: 40;
}
.notifications-win.center {
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
background-color: rgba(0, 0, 0, 0.3);
}
.sys-message {
position: fixed;
top: 0;
width: 100%;
box-sizing: border-box;
opacity: 0;
transition: all 400ms ease;
}
.sys-message.for-work-space-header .sys-message-text {
height: 44px;
}
.sys-message .sys-message-text {
position: relative;
width: 100%;
display: inline-block;
display: -webkit-inline-flex;
display: inline-flex;
text-align: center;
height: 46px;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 15px;
color: #fff;
-webkit-align-items: center;
-webkit-justify-content: center;
align-items: center;
justify-content: center;
}
.sys-message .sys-message-text a {
font-weight: bold;
text-decoration: none;
color: #fff;
}
.sys-message .sys-message-text a:hover {
color: #fff;
text-decoration: underline;
}
.sys-message .sys-message-text > div {
overflow: hidden;
width: 100%;
}
.sys-message .sys-message-text .sys-message-close {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}
.sys-message.sys-message-success .sys-message-text {
background: #127009;
}
.sys-message.sys-message-error .sys-message-text,
.sys-message.red .sys-message-text {
background: #ae0509;
}
.sys-message.sys-message-error.modern .sys-message-gradient-bar,
.sys-message.red.modern .sys-message-gradient-bar {
display: block;
background: linear-gradient(225deg, #FF748A 0%, #FF2164 100%);
width: 100%;
}
.sys-message.sys-message-error.modern .sys-message-close,
.sys-message.red.modern .sys-message-close {
top: 7px;
}
.sys-message.sys-message-error.modern .sys-message-text,
.sys-message.red.modern .sys-message-text {
background: unset;
}
.sys-message.modern {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
position: fixed;
top: unset;
bottom: 11px;
right: 16px;
width: 480px;
min-height: 115px;
padding-left: 28px;
background: var(--modern-sys-message-bg, #393B4D);
-webkit-box-shadow: 0 1px 3px var(--popup-shadow);
-moz-box-shadow: 0 1px 3px var(--popup-shadow);
-o-box-shadow: 0 1px 3px var(--popup-shadow);
box-shadow: 0 1px 3px var(--popup-shadow);
border-radius: 8px;
box-sizing: border-box;
margin-top: 20px;
overflow: hidden;
}
.sys-message.modern .sys-message-text {
text-align: left;
white-space: unset;
height: 100%;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: start;
-ms-justify-content: start;
justify-content: start;
}
.sys-message.modern .sys-message-text .brand {
width: 66px;
height: 66px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 32px 0;
margin-bottom: auto;
}
.sys-message.modern .sys-message-text .brand svg {
width: 40px;
}
.sys-message.modern .sys-message-text .text-wrap {
margin-top: 45px;
margin-bottom: 47px;
margin-left: 14px;
word-break: break-word;
text-align: left;
width: 337px;
}
.sys-message.modern .sys-message-text .text-wrap .text {
color: #FFF;
font-size: 16px;
line-height: 1.3em;
text-decoration: none;
}
.sys-message.modern .sys-message-text .text-wrap .text .link-to-templates {
color: #4573B1;
}
.sys-message.modern .sys-message-text .text-wrap .descr {
color: #FFFFFF;
font-size: 14px;
opacity: 0.5;
}
.sys-message.modern .sys-message-text .text-wrap .descr:not(:empty) {
margin-top: 10px;
}
.sys-message.modern .sys-message-text .text-wrap a {
font-weight: normal;
text-decoration: none;
color: inherit;
}
.sys-message.modern .sys-message-text .text-wrap a:hover {
color: inherit;
text-decoration: none;
}
.sys-message.modern .sys-message-link-block {
position: absolute;
right: 17px;
bottom: 15px;
text-align: right;
}
.sys-message.modern .position {
align-self: baseline;
margin-top: 5px;
}
.sys-message.modern .sys-message-link-container {
top: 11px;
right: 39px;
font-size: 12px;
display: inline-block;
cursor: pointer;
opacity: 0.5;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;
}
.sys-message.modern .sys-message-link-container:hover {
opacity: 1;
}
.sys-message.modern .sys-message-link-container a {
color: #FFFFFF;
}
.sys-message.modern .sys-message-link-container a:hover {
text-decoration: none;
}
.sys-message.modern .sys-message-link-container a i {
margin-left: 7px;
}
.sys-message.modern .sys-message-link-container a i svg {
stroke: #FFFFFF;
width: 13px;
margin-bottom: -1px;
fill: none;
}
.sys-message.modern .sys-message-link-container.fakelink-dashed {
border-color: #ffffff66;
}
.sys-message.modern.light {
background: #fff;
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
}
.sys-message.modern.light .sys-message-text .text-wrap .text {
color: #626262;
}
.sys-message.modern.light .sys-message-text .text-wrap .descr {
color: #2e2f30;
}
.sys-message.modern.light.email-rule .sys-message-text .text-wrap .text {
color: #808080;
}
.sys-message.modern.light .sys-message-link-container a {
color: #4B4B4B;
}
.sys-message.modern.light .sys-message-link-container a i svg {
stroke: #4B4B4B;
}
.sys-message.modern.light .sys-message-link-container.fakelink-dashed {
border-color: #464646b3;
}
.sys-message.modern.light .sys-message-link-container:hover {
opacity: 1;
}
.sys-message.modern.light .sys-message-close svg {
stroke: #4B4B4B;
}
.sys-message.modern.light .sys-message-close:hover svg {
stroke: #4B4B4B;
opacity: 1;
}
.sys-message.modern.light:hover {
background: #fff;
}
.sys-message.modern.link {
flex-direction: column;
}
.sys-message.modern.sys-message-success .sys-message-text {
background: none;
}
.sys-message.modern.high .sys-message-text {
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.sys-message.modern.high .sys-message-text .text {
margin-top: unset;
}
.sys-message.modern .sys-message-close {
position: absolute;
top: 5px;
right: 6px;
cursor: pointer;
opacity: 0;
padding: 10px;
z-index: 400;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;
}
.sys-message.modern .sys-message-close svg {
stroke: #FFFFFF;
opacity: 0.3;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;
}
.sys-message.modern .sys-message-close:hover svg {
stroke: #FFFFFF;
opacity: 1;
}
.sys-message.modern:hover .sys-message-close {
opacity: 1;
}
.sys-message.modern:hover .common-round-status-wrapper {
opacity: 0;
}
.sys-message.app-password.modern {
padding: 42px 40px 22px 21px;
}
.sys-message.app-password .app-password-message {
display: flex;
}
.sys-message.app-password .brand {
display: block;
width: 52.56px;
height: auto;
margin-right: 23px;
}
.sys-message.app-password .brand svg {
width: 52.56px;
}
.sys-message.app-password .app-password-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-direction: row;
margin-top: 12px;
margin-bottom: 10px;
}
.sys-message.app-password .app-password-key {
width: 42px;
height: 42px;
font-size: 24px;
color: #6fa844;
margin-right: 11px;
background-color: #ffffff;
border-radius: 12px;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
}
.sys-message.app-password .app-password-text {
font-size: 16px;
color: #ffffff;
}
.sys-message.app-password .app-password-description {
color: #B7B7B7;
font-size: 12px;
}
.sys-message.closed {
padding: 0 !important;
/* there are billing styles with higher priority */
max-height: 0;
min-height: 0;
margin-top: 0 !important;
height: 0;
}
.sys-message.closed .sys-message-text {
height: 0;
}
.sys-message.v2 .text-wrap {
margin-top: 7px;
}
.sys-message.telephony {
cursor: pointer;
}
.sys-message.center {
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: fit-content;
}
.sys-message-gradient-bar {
display: none;
background: linear-gradient(315deg, #9328FF 1.34%, #2898FF 35.71%, #25F65B 66.96%, #C8F70C 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
}
.common-round-status-wrapper {
width: 18px;
aspect-ratio: 1;
position: absolute;
top: 14px;
right: 15px;
background: #808080;
opacity: 1;
border-radius: 50%;
animation: progress cubic-bezier(0.25, 0.4, 0.75, 0.6) 1;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;
}
.light .common-round-status-wrapper {
background-color: #BBBBBB;
}
@keyframes progress {
0% {
clip-path: polygon(50% 50%, 50% -21%, 50% -21%, 50% -21%, 50% -21%, 50% -21%);
}
25% {
clip-path: polygon(50% 50%, 50% -21%, 121% 50%, 121% 50%, 121% 50%, 121% 50%);
}
50% {
clip-path: polygon(50% 50%, 50% -21%, 121% 50%, 50% 121%, 50% 121%, 50% 121%);
}
75% {
clip-path: polygon(50% 50%, 50% -21%, 121% 50%, 50% 121%, -21% 50%, -21% 50%);
}
100% {
clip-path: polygon(50% 50%, 50% -21%, 121% 50%, 50% 121%, -21% 50%, 50% -21%);
}
}
.main-menu {
position: fixed;
top: 0;
z-index: 23;
background: var(--head, #82c03b);
}
.main-menu .main-menu-head {
background: var(--head2, #1ABE72);
}
.main-menu .main-menu-head .cube-menu-tail-start {
background: var(--head, #82c03b);
box-shadow: 0 0 11px 1px var(--head3, #4f8017);
}
.main-menu .b-search {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.main-menu .b-search.b-search-inactive input {
width: 100px;
}
.main-menu .b-search .b-search-query {
margin-top: 10px;
}
.main-menu.hover-dark .main-menu-items .main-menu-item:hover .main-menu-item-name {
background-color: rgba(0, 0, 0, 0.15);
}
.main-menu .main-menu-action-config,
.main-menu .main-menu-action-workSpaces {
background-clip: content-box;
border-radius: 6px;
width: 24px;
}
.main-menu .main-menu-action-workSpaces .b-ddl-menu {
margin: 5px 1px 0;
}
.main-menu .main-menu-help,
.main-menu .main-menu-timer {
margin: 10px 5px 5px 0;
padding: 0 4px;
}
.main-menu .main-menu-help,
.main-menu .main-menu-action-config,
.main-menu .main-menu-action-workSpaces,
.main-menu .main-menu-action-nps,
.main-menu .main-menu-timer,
.main-menu .main-menu-action-recentObjects {
border-radius: 6px;
}
.main-menu .main-menu-help:hover,
.main-menu .main-menu-action-config:hover,
.main-menu .main-menu-action-workSpaces:hover,
.main-menu .main-menu-action-nps:hover,
.main-menu .main-menu-timer:hover,
.main-menu .main-menu-action-recentObjects:hover {
background-color: rgba(255, 255, 255, 0.25);
}
.hover-dark.main-menu .main-menu-help:hover,
.hover-dark.main-menu .main-menu-action-config:hover,
.hover-dark.main-menu .main-menu-action-workSpaces:hover,
.hover-dark.main-menu .main-menu-action-nps:hover,
.hover-dark.main-menu .main-menu-timer:hover,
.hover-dark.main-menu .main-menu-action-recentObjects:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.main-menu.initial-background {
background: var(--black, #82c03b) !important;
}
.main-menu.initial-background .main-menu-head {
background: var(--black, #1ABE72) !important;
}
.main-menu.initial-background .main-menu-head .cube-menu-tail-start {
background: var(--black, #82c03b) !important;
box-shadow: 0 0 11px 1px var(--black, #4f8017) !important;
}
.main-menu,
.secondary-top-menu {
display: flex;
width: 100%;
color: #fff;
}
.main-menu:not(.main-menu),
.secondary-top-menu:not(.main-menu) {
background: var(--black, #82c03b);
}
.main-menu .main-menu-head,
.secondary-top-menu .main-menu-head,
.main-menu .secondary-menu-head,
.secondary-top-menu .secondary-menu-head {
vertical-align: top;
position: relative;
overflow: hidden;
height: 45px;
flex-shrink: 0;
padding-left: 10px;
}
.main-menu .main-menu-head:not(.main-menu-head),
.secondary-top-menu .main-menu-head:not(.main-menu-head),
.main-menu .secondary-menu-head:not(.main-menu-head),
.secondary-top-menu .secondary-menu-head:not(.main-menu-head) {
background: var(--black, #1ABE72);
border-bottom: 1px solid var(--black, #1ABE72);
}
.main-menu .main-menu-head:not(.main-menu-head) .cube-menu-tail-start,
.secondary-top-menu .main-menu-head:not(.main-menu-head) .cube-menu-tail-start,
.main-menu .secondary-menu-head:not(.main-menu-head) .cube-menu-tail-start,
.secondary-top-menu .secondary-menu-head:not(.main-menu-head) .cube-menu-tail-start {
position: absolute;
display: block;
right: -219px;
top: -78px;
width: 200px;
height: 200px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: var(--black, #82c03b);
box-shadow: 0 0 11px 1px var(--black, #4f8017);
}
.main-menu .main-menu-head:not(.main-menu-head) .cube-menu-tail-start.draw-border,
.secondary-top-menu .main-menu-head:not(.main-menu-head) .cube-menu-tail-start.draw-border,
.main-menu .secondary-menu-head:not(.main-menu-head) .cube-menu-tail-start.draw-border,
.secondary-top-menu .secondary-menu-head:not(.main-menu-head) .cube-menu-tail-start.draw-border {
border: 4px solid transparent;
right: -223px;
top: -82px;
}
.main-menu .main-menu-head .cube-menu-tail-start,
.secondary-top-menu .main-menu-head .cube-menu-tail-start {
position: absolute;
display: block;
right: -219px;
top: -78px;
width: 200px;
height: 200px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.main-menu .main-menu-head .cube-menu-tail-start.draw-border,
.secondary-top-menu .main-menu-head .cube-menu-tail-start.draw-border {
border: 4px solid transparent;
right: -223px;
top: -82px;
}
.main-menu .main-menu-tail,
.secondary-top-menu .main-menu-tail,
.main-menu .secondary-menu-tail,
.secondary-top-menu .secondary-menu-tail {
vertical-align: top;
flex-grow: 1;
}
.main-menu .main-menu-content,
.secondary-top-menu .main-menu-content,
.main-menu .secondary-menu-content,
.secondary-top-menu .secondary-menu-content {
display: table;
width: 100%;
}
.main-menu .main-menu-items-container,
.secondary-top-menu .main-menu-items-container,
.main-menu .secondary-menu-left-container,
.secondary-top-menu .secondary-menu-left-container {
position: relative;
display: table-cell;
overflow: hidden;
width: 100%;
}
.main-menu .secondary-menu-file-icon-wr,
.secondary-top-menu .secondary-menu-file-icon-wr {
display: table-cell;
padding-left: 9px;
padding-right: 9px;
vertical-align: top;
padding-top: 6px;
}
.main-menu .main-menu-actions,
.secondary-top-menu .main-menu-actions,
.main-menu .secondary-menu-actions,
.secondary-top-menu .secondary-menu-actions {
display: table-cell;
white-space: nowrap;
vertical-align: top;
padding: 0 10px;
}
.main-menu .main-menu-actions .main-menu-actions,
.secondary-top-menu .main-menu-actions .main-menu-actions,
.main-menu .secondary-menu-actions .main-menu-actions,
.secondary-top-menu .secondary-menu-actions .main-menu-actions,
.main-menu .main-menu-actions .secondary-menu-actions,
.secondary-top-menu .main-menu-actions .secondary-menu-actions,
.main-menu .secondary-menu-actions .secondary-menu-actions,
.secondary-top-menu .secondary-menu-actions .secondary-menu-actions {
display: table-cell;
white-space: nowrap;
vertical-align: top;
padding: 0 10px;
}
.main-menu .b-search {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.main-menu .b-search.b-search-inactive input {
width: 100px;
}
.main-menu .b-search .b-search-query {
margin-top: 10px;
}
.main-menu.hover-dark .main-menu-items .main-menu-item:hover .main-menu-item-name {
background-color: rgba(0, 0, 0, 0.15);
}
.main-menu .main-menu-action-config,
.main-menu .main-menu-action-workSpaces {
background-clip: content-box;
border-radius: 6px;
width: 24px;
}
.main-menu .main-menu-action-workSpaces .b-ddl-menu {
margin: 5px 1px 0px;
}
.main-menu .main-menu-help,
.main-menu .main-menu-timer {
margin: 10px 5px 5px 0;
padding: 0px 4px;
}
.main-menu .main-menu-help,
.main-menu .main-menu-action-config,
.main-menu .main-menu-action-workSpaces,
.main-menu .main-menu-timer,
.main-menu .main-menu-action-recentObjects,
.main-menu .main-menu-action-nowOnline,
.main-menu .main-menu-action-nps,
.main-menu .main-menu-action-ai-chat {
border-radius: 6px;
}
.main-menu .main-menu-help:hover,
.main-menu .main-menu-action-config:hover,
.main-menu .main-menu-action-workSpaces:hover,
.main-menu .main-menu-timer:hover,
.main-menu .main-menu-action-recentObjects:hover,
.main-menu .main-menu-action-nowOnline:hover,
.main-menu .main-menu-action-nps:hover,
.main-menu .main-menu-action-ai-chat:hover {
background-color: rgba(255, 255, 255, 0.25);
}
.main-menu.hover-dark .main-menu-help:hover,
.main-menu.hover-dark .main-menu-action-config:hover,
.main-menu.hover-dark .main-menu-action-workSpaces:hover,
.main-menu.hover-dark .main-menu-timer:hover,
.main-menu.hover-dark .main-menu-action-recentObjects:hover,
.main-menu.hover-dark .main-menu-action-nowOnline:hover,
.main-menu.hover-dark .main-menu-action-nps:hover,
.main-menu.hover-dark .main-menu-action-ai-chat:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.main-menu .main-menu-action-nowOnline {
display: inline-flex;
width: unset;
padding: 0 4px;
}
.main-menu .main-menu-action-nowOnline .main-menu-online-count {
font-size: 10px;
line-height: 1;
margin-left: -2px;
}
.main-menu-logo {
display: block;
height: 45px;
text-decoration: none;
cursor: pointer;
}
.main-menu-logo .mm-logi-pic-wr {
padding: 12px 50px 0 12px;
display: inline-block;
}
.main-menu-logo .mm-logi-pic-wr svg {
height: 24px;
fill: #fff;
}
.main-menu-logo .mm-logi-pic-wr img {
height: 24px;
width: auto;
}
.main-menu-logo .mm-logi-pic-wr.logo-pic {
padding-top: 11px;
}
.main-menu-logo:hover {
text-decoration: none;
}
.main-menu-action {
display: inline-block;
cursor: pointer;
width: 25px;
height: 25px;
vertical-align: top;
margin: 10px 6px 5px 0;
}
.main-menu-action > img {
vertical-align: top;
margin: 5px auto 0;
display: block;
}
.main-menu-action > .svg-icon-16px {
margin: 5px auto 0;
display: block;
}
body.dark-theme .main-menu-action:hover {
background-color: var(--notActiveFilterHover, #2e3138) !important;
}
body:not(.modern-menu-body) .main-menu-action-ai-chat .settings-colorscheme-headmenutext-stroke-svg > svg path {
stroke: var(--headMenuText, #ffffff) !important;
}
.main-menu-items,
.secondary-menu-left {
height: 46px;
overflow: hidden;
white-space: nowrap;
}
.main-menu-items .secondary-menu-left,
.secondary-menu-left .secondary-menu-left {
margin-left: 15px;
}
.main-menu-action-object {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: unset;
margin: auto 0 auto 24px;
}
.main-menu-action-object span {
font-size: 14px;
color: #808080;
}
.main-menu-action-object > .svg-icon-16px {
margin: 0 8px 0 0;
}
.main-menu-action-plus {
position: absolute !important;
left: -4px;
}
.main-menu-items {
position: relative;
display: flex;
overflow: hidden;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.main-menu-items .main-menu-item {
display: inline-flex;
cursor: pointer;
padding: 0 3px;
margin: 10px 0 3px;
align-items: center;
justify-content: center;
}
.main-menu-items .main-menu-item .sub-items-show-arrow {
min-width: 8px;
max-width: 8px;
width: 8px;
display: block;
padding: 0 0 0 8px;
}
.main-menu-items .main-menu-item .sub-items-show-arrow svg {
fill: #ffffff;
position: relative;
top: -1px;
}
.main-menu-items .main-menu-item .triangle-is-hidden {
display: none;
}
.main-menu-items .main-menu-item.main-menu-action-plus {
padding-right: 15px;
}
.main-menu-items .main-menu-item.main-menu-active-item > a {
-webkit-transition: border-radius 0.5s, padding 0.2s, background-color 0.4s;
-moz-transition: border-radius 0.5s, padding 0.2s, background-color 0.4s;
-o-transition: border-radius 0.5s, padding 0.2s, background-color 0.4s;
-ms-transition: border-radius 0.5s, padding 0.2s, background-color 0.4s;
transition: border-radius 0.5s, padding 0.2s, background-color 0.4s;
margin-top: 6px;
border-bottom: 6px solid var(--headMenuText, #fff);
padding: 6px 0px 6px 0px;
}
.main-menu-items .main-menu-item.main-menu-active-item:not(.menu-item-has-sub-item):hover {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.main-menu-items .main-menu-item.main-menu-active-item:not(.menu-item-has-sub-item):hover > a {
-webkit-transition: padding 0.2s, background-color 0.4s;
-moz-transition: padding 0.2s, background-color 0.4s;
-o-transition: padding 0.2s, background-color 0.4s;
-ms-transition: padding 0.2s, background-color 0.4s;
transition: padding 0.2s, background-color 0.4s;
padding: 6px 8px 6px 8px;
}
.main-menu-items .main-menu-item.main-menu-active-item:not(.menu-item-has-sub-item):hover .sub-items-show-arrow {
-webkit-transition: margin-left 0.2s;
-moz-transition: margin-left 0.2s;
-o-transition: margin-left 0.2s;
-ms-transition: margin-left 0.2s;
transition: margin-left 0.2s;
margin-left: 0;
}
.main-menu-items .main-menu-item.main-menu-active-item .main-menu-item-wr .active-element-bottom-block {
opacity: 1;
}
.main-menu-items .main-menu-item .main-menu-item-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.main-menu-items .main-menu-item .main-menu-item-wr .active-element-bottom-block {
opacity: 0;
height: 5px;
width: calc(100% - 12px);
background: var(--headMenuText, #fff);
border-radius: 3px;
margin-top: 2px;
-webkit-transition: width 0.2s ease-in-out;
-moz-transition: width 0.2s ease-in-out;
-o-transition: width 0.2s ease-in-out;
-ms-transition: width 0.2s ease-in-out;
transition: width 0.2s ease-in-out;
}
.main-menu-items .main-menu-item .main-menu-item-name {
color: #fff;
text-decoration: none;
font-size: 15px;
line-height: normal;
vertical-align: top;
display: flex;
align-items: center;
overflow: hidden;
padding: 4px 6px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.main-menu-items .main-menu-item .main-menu-item-name .main-menu-item-icon {
display: flex;
}
.main-menu-items .main-menu-item .main-menu-item-name .main-menu-item-icon svg {
width: 16px;
height: 16px;
fill: none;
stroke: #fff;
margin-right: 8px;
}
.main-menu-items .main-menu-item .sub-items-show-arrow {
height: 100%;
}
.main-menu-items .main-menu-item:hover .main-menu-item-name {
background-color: rgba(255, 255, 255, 0.15);
border-radius: 3px;
}
.main-menu-items .main-menu-item:hover .active-element-bottom-block {
width: 100%;
}
.main-menu-items .main-menu-item.hover-dark:hover .main-menu-item-name {
background-color: rgba(0, 0, 0, 0.15);
}
.main-menu-items .main-menu-item.hover-dark:hover.menu-item-has-sub-item .main-menu-item-name {
background-color: rgba(0, 0, 0, 0.15);
}
.main-menu-items .main-menu-item .main-menu-item-plus {
display: inline-block;
margin: 5px 7px 0 0;
padding: 0 0 1px 7px;
border: none;
cursor: pointer;
vertical-align: top;
}
.main-menu-items .main-menu-item .main-menu-item-drag {
display: inline-block;
margin-right: 3px;
cursor: move;
}
.main-menu-items .main-menu-item .main-menu-item-drag .iconset-16px {
vertical-align: middle;
}
.main-menu-items .main-menu-item .main-menu-item-drag .svg-grip-wr {
width: 16px;
height: 16px;
display: inline-block;
text-align: center;
margin-top: -3px;
}
.main-menu-items .main-menu-item .main-menu-item-drag .svg-grip-wr svg {
width: 16px;
height: 16px;
fill: #fff;
}
.main-menu-items .main-menu-drop-placeholder {
display: inline-block;
position: relative;
height: 35px;
width: 0;
margin: 5px 5px 0;
vertical-align: top;
border-left: 2px solid #1ABE72;
}
.main-menu-items .main-menu-drop-placeholder .bot-line,
.main-menu-items .main-menu-drop-placeholder .top-line {
position: absolute;
content: '';
display: block;
width: 6px;
height: 0;
border-top: 1px solid #1ABE72;
left: -4px;
top: 0;
}
.main-menu-items .main-menu-drop-placeholder .bot-line {
top: auto;
bottom: 0;
}
.main-menu-items::-webkit-scrollbar {
width: 0;
display: none;
}
.planfix-menu-sub-items-container {
position: fixed;
z-index: 999;
background: var(--main-menu-popup-bg, #ffffff);
box-shadow: 0 0 7px var(--popup-shadow, rgba(0, 0, 0, 0.15));
border-radius: 5px;
padding: 11px 0;
top: 42px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.planfix-menu-sub-items-container .baron_wrapper {
width: auto !important;
}
.planfix-menu-sub-items-container .baron_wrapper .baron_scroller {
width: auto !important;
overflow: auto;
}
.planfix-menu-sub-items-container .baron_wrapper .baron_scroller .baron_scroller__bar {
width: 3px;
right: 2px;
}
.planfix-menu-sub-items-container .cube-sub-menu-pointer {
width: 20px;
height: 20px;
margin-bottom: -20px;
background: var(--main-menu-popup-bg, #ffffff);
position: relative;
top: -14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 0;
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block {
position: relative;
z-index: 1;
min-width: 200px;
min-height: 30px;
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block.dont-show-hover .planfix-menu-sub-item:hover {
background: none;
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block .planfix-menu-sub-item {
padding: 8px 13px 8px 16px;
display: flex;
align-items: center;
cursor: pointer;
text-decoration: none;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms ease;
-o-transition: background 250ms ease;
-ms-transition: background 250ms ease;
transition: background 250ms ease;
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block .planfix-menu-sub-item:hover {
text-decoration: none;
background: var(--main-menu-popup-bg-hover, #eee);
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block .planfix-menu-sub-item:hover .work-space-item-drag svg {
display: block;
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block .planfix-menu-sub-item .work-space-item-title {
display: flex;
align-items: center;
font-size: 14px;
color: var(--main-menu-popup-text, #4B4B4B);
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block .planfix-menu-sub-item .work-space-item-title .main-menu-item-icon {
display: flex;
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block .planfix-menu-sub-item .work-space-item-title .main-menu-item-icon svg {
width: 14px;
height: 14px;
stroke: var(--main-menu-popup-text, #4B4B4B);
fill: none;
margin-right: 8px;
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block .planfix-menu-sub-item .work-space-item-drag {
padding-right: 0;
width: 16px;
height: 18px;
margin-right: 8px;
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block .planfix-menu-sub-item .work-space-item-drag svg {
display: none;
fill: var(--gray-ico, #a9a9a9);
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block .sub-item-place-holder {
height: 35px;
max-width: 100%;
border: 1px dashed var(--gray-light-border, #bebebe);
margin-left: 32px;
margin-right: 9px;
}
.main-menu-arrow-item {
position: relative;
}
.main-menu-arrow-item::after {
position: absolute;
bottom: -1px;
display: block;
z-index: 10000;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 7.5px 8px 7.5px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--white-black, #ffffff) rgba(0, 0, 0, 0);
}
.main-menu-arrow-item.main-menu-item-name span {
border-bottom-color: rgba(0, 0, 0, 0) !important;
}
.main-menu-arrow-item.main-menu-item-name::after {
left: 50%;
margin-left: -7px;
bottom: -11px;
}
.main-menu-arrow-item.main-menu-logined::after {
left: 6px;
bottom: -4px;
}
.main-menu-arrow-item.main-menu-help::after {
left: 5px;
bottom: -2px;
}
.main-menu-arrow-item.main-menu-action-config::after,
.main-menu-arrow-item.main-menu-action-nowOnline::after {
left: 5px;
bottom: -7px;
}
.main-menu-arrow-item.main-menu-action-plus::after {
left: 5px;
bottom: -7px;
}
.main-menu-help,
.main-menu-timer,
.main-menu-action-timer {
display: inline-block;
margin: 5px 5px 0 0;
vertical-align: top;
cursor: pointer;
height: 25px;
}
.main-menu-help .svg-icon-16px,
.main-menu-timer .svg-icon-16px,
.main-menu-action-timer .svg-icon-16px,
.main-menu-help img,
.main-menu-timer img,
.main-menu-action-timer img {
vertical-align: top;
margin: 5px auto 0;
}
.main-menu-timer {
align-content: center;
}
.main-menu-timer .main-menu-timer-count {
width: 45px;
height: 16px;
border-radius: 4px;
background: var(--white-black, #fff);
color: var(--black-white, #000000);
text-align: center;
font-size: 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.main-menu-timer .svg-icon-16px {
vertical-align: unset;
}
.main-menu-help-blog-post {
display: inline-block;
vertical-align: top;
margin-left: -8px;
text-align: center;
font-size: 7px;
width: 1.6em;
height: 1.6em;
border-radius: 50%;
line-height: 11px;
color: var(--white-black, #FFFFFF);
background: #F30101;
}
.main-menu-help-blog-post.help-support-tasks-new-message {
width: 14px;
height: 14px;
display: inline-flex;
justify-content: center;
align-items: center;
background: #FF8730;
margin-left: -8px;
margin-top: -2px;
}
.main-menu-help-blog-post.help-support-tasks-new-message svg {
width: 8.5px;
height: 6.38px;
margin-right: 0.5px;
}
.main-menu-logined {
display: inline-block;
margin: 10px 0 0 4px;
cursor: pointer;
}
.main-menu-logined img {
width: 25px;
height: 25px;
}
.main-menu-logined .main-menu-online {
display: inline-table;
vertical-align: top;
margin-left: 3px;
padding: 0 3px;
font-size: 9px;
border-radius: 2px;
color: var(--g-popup-win-min-container-bg, #9a9a9a);
background: var(--white-black, #FFFFFF);
}
.main-menu-popup {
z-index: 30;
position: fixed;
top: 42px;
padding: 15px 10px;
border: 1px solid var(--gray-group-border, #d4d4d4);
box-shadow: 0px 2px 8px var(--popup-shadow, rgba(0, 0, 0, 0.3));
border-radius: 4px;
border-top: none;
background: var(--main-menu-popup-bg, #fff);
}
.main-menu-logined-popup {
z-index: 30;
position: fixed;
top: 42px;
padding: 15px 10px;
border: 1px solid var(--gray-group-border, #d4d4d4);
box-shadow: 0px 2px 8px var(--popup-shadow, rgba(0, 0, 0, 0.3));
border-radius: 4px;
border-top: none;
background: var(--main-menu-popup-bg, #fff);
box-shadow: 0 0 7px 0 var(--popup-shadow, rgba(0, 0, 0, 0.15));
padding: 12px 0;
right: 10px;
border: none;
min-width: 240px;
}
.main-menu-logined-popup .menu-logined-popup-header {
padding: 8px 16px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
}
.main-menu-logined-popup .menu-logined-popup-header .main-menu-logined-popup-user {
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
.main-menu-logined-popup .menu-logined-popup-header .main-menu-logined-popup-user img {
width: 40px;
height: 40px;
}
.main-menu-logined-popup .menu-logined-popup-header .main-menu-logined-popup-user .main-menu-logined-popup-user-info {
color: var(--menu-logined-popup-user-info, #9e9e9e);
font-size: 12px;
}
.main-menu-logined-popup .menu-logined-popup-header .main-menu-logined-popup-user .main-menu-logined-popup-user-info .main-menu-logined-popup-user-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 500px;
}
.main-menu-logined-popup .menu-logined-popup-header .main-menu-logined-popup-user .main-menu-logined-popup-user-info .main-menu-logined-popup-user-name[href] {
color: #4573b1;
}
.main-menu-logined-popup .menu-logined-popup-header .main-menu-logined-popup-user .main-menu-logined-popup-user-info .main-menu-logined-popup-user-name[href]:hover {
text-decoration: underline;
}
.main-menu-logined-popup .main-menu-logined-separator {
height: 1px;
width: 100%;
margin: 4px 0;
background: var(--mindmap-menu-item-disabled, #DEDEDE);
}
.main-menu-logined-popup .logined-menu-item {
display: flex;
gap: 12px;
align-items: center;
padding: 8px 23px 8px 16px;
text-decoration: none;
cursor: pointer;
}
.main-menu-logined-popup .logined-menu-item:hover {
background: var(--date-picker-bg, #F5F5F5);
}
.main-menu-logined-popup .logined-menu-item .logined-menu-text {
color: var(--task-card-title-text, #4b4b4b);
font-size: 14px;
line-height: 1.3;
}
.logined-popup-theme-switch-container {
background: var(--white-black, #ffffff);
box-shadow: 0 1px 2px 1px var(--transparent-color, #9C9C9C40);
border-radius: 15px;
display: flex;
gap: 4px;
cursor: pointer;
}
.logined-popup-theme-switch-container .theme-switch-icon-container {
height: 16px;
padding: 4px;
border-radius: 50%;
}
.logined-popup-theme-switch-container .theme-switch-icon-container svg {
stroke: #bbb;
}
.logined-popup-theme-switch-container .theme-switch-icon-container.active {
background-color: var(--activeButton, #1ABE72);
}
.logined-popup-theme-switch-container .theme-switch-icon-container.active svg {
stroke: var(--activeButtonElements, #ffffff);
}
.main-menu-config-popup .main-config-ddl-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: auto !important;
}
.main-menu-config-popup .main-config-ddl-wrapper {
z-index: 30;
top: 42px;
right: 25px;
box-shadow: 0 0 7px var(--popup-shadow, rgba(0, 0, 0, 0.15));
border-radius: 5px;
padding: 12px 0;
min-height: 28px;
background: var(--main-menu-popup-bg, #ffffff);
position: fixed;
min-width: 200px;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-empty {
text-align: center;
font-size: 12px;
line-height: 1.3;
color: var(--chzn-border, #aaaaaa);
padding: 10px 10px;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-empty .welcome-drag-in.dragIn-svg-class svg {
width: 50px;
height: 50px;
margin-top: 18px;
margin-bottom: 14px;
fill: var(--head, #82c03b);
}
.main-menu-config-popup .main-config-ddl-wrapper .menu-separator {
height: 1px;
padding: 0;
background: var(--ddl-menu-separator, #dfdfdf);
margin: 4px 0;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item {
padding: 8px 38px 8px 16px;
white-space: nowrap;
display: inline-flex;
align-items: center;
cursor: pointer;
text-decoration: none;
font-size: 14px;
color: var(--text-color, #343434);
overflow: hidden;
text-overflow: ellipsis;
border-radius: 3px;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms ease;
-o-transition: background 250ms ease;
-ms-transition: background 250ms ease;
transition: background 250ms ease;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item.without-dragging {
padding-left: 16px;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item.main-menu-config-item-customize-menu {
padding-left: 16px;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item:hover {
background: var(--date-picker-bg, #F5F5F5);
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item:hover:hover {
text-decoration: none;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item a {
display: inline-block;
font-size: 10pt;
color: var(--chosen-multi-search-input-active, #111);
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
height: 16px;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item a a:hover {
text-decoration: none;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item .main-menu-config-drag {
display: inline-block;
margin: 0 8px 0 0;
vertical-align: middle;
cursor: move;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item .main-menu-config-drag svg {
width: 16px;
height: 16px;
display: block;
fill: var(--gray-ico, #a9a9a9);
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item .main-menu-config-drag .iconset-16px {
vertical-align: middle;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item .svg-grip-wr {
vertical-align: top;
margin-top: 3px;
display: inline-block;
text-align: center;
padding-top: 1px;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item .svg-grip-wr svg {
width: 6px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item .main-menu-item-icon {
display: flex;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-config-item .main-menu-item-icon svg {
width: 16px;
height: 16px;
fill: none;
stroke: var(--main-menu-item-svg, #88909B);
margin-right: 12px;
}
.main-menu-config-popup .main-config-ddl-wrapper .main-menu-drop-placeholder {
background: var(--grey-list-border, #dfdfdf);
height: 35px;
}
.main-menu-item-drag-clone {
position: absolute;
background: var(--white-black, #fff);
padding: 10px;
font-size: 15px;
z-index: 31;
opacity: 0.8;
}
.main-menu-help-popup {
z-index: 10;
min-width: 200px;
top: 42px;
right: 12px;
border: 1px solid var(--gray-group-border, #d4d4d4);
box-shadow: 0 2px 8px var(--object-edit-box-shadow, rgba(0, 0, 0, 0.3));
border-radius: 4px;
border-top: none;
min-height: 35px;
background: var(--white-black, #ffffff);
position: fixed;
padding: 2px 0 2px 2px;
}
.main-menu-help-popup .main-menu-help-separator {
border-bottom: 1px solid var(--task-card-star, #d2d2d2);
margin: 10px 0;
height: 0;
}
.main-menu-help-popup .main-menu-help-item {
white-space: nowrap;
padding-left: 32px;
padding-right: 20px;
}
.main-menu-help-popup .main-menu-help-item:hover {
background: var(--file-viewer-canvas-email-bg, #eee);
}
.main-menu-help-popup .main-menu-help-item:hover a {
text-decoration: none;
}
.main-menu-help-popup .main-menu-help-item:hover a span {
text-decoration: none;
}
.main-menu-help-popup .main-menu-help-item:hover a:hover {
text-decoration: none;
}
.main-menu-help-popup .main-menu-help-item:hover a:hover span {
text-decoration: none;
}
.main-menu-help-popup .main-menu-help-item a {
cursor: pointer;
display: block;
font-size: 15px;
color: var(--file-viewer-canvas-h3, #111);
line-height: 35px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
.main-menu-help-popup .main-menu-help-item a .main-menu-help-item-text {
display: inline-block;
}
.main-menu-help-popup .main-menu-help-item a .main-menu-help-blog-post {
display: inline-block;
line-height: 1.1;
vertical-align: top;
margin-top: 6px;
}
.main-menu-help-popup .main-menu-help-item a:hover {
text-decoration: none;
}
.main-menu-help-popup .main-menu-help-item a:hover .main-menu-help-item-text {
text-decoration: underline;
}
.main-menu-action-workSpaces .b-ddl-menu .b-ddl-menu-selected-arrow svg {
fill: none;
}
.main-menu-action-workSpaces.main-menu-arrow-item::after {
bottom: -7px;
left: 4px;
}
.rocket-drop-down-list.b-ddl-menu-ul {
box-shadow: 0 0 7px var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
font-size: 15px;
}
.rocket-drop-down-list.b-ddl-menu-ul .place-holder {
height: 25px;
}
.rocket-drop-down-list.b-ddl-menu-ul .b-ddl-menu-li-action {
padding: 8px 13px 8px 36px;
}
.rocket-drop-down-list.b-ddl-menu-ul .b-ddl-menu-li-action.b-ddl-menu-li-drag-able {
padding-left: 13px;
}
.rocket-drop-down-list.b-ddl-menu-ul .b-ddl-menu-li-action:hover span:last-child {
position: relative;
top: 0;
}
.rocket-drop-down-list.b-ddl-menu-ul .b-ddl-menu-li-action .label {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.rocket-drop-down-list.b-ddl-menu-ul .b-ddl-menu-li-action.hidden-li-item {
display: none;
}
.rocket-drop-down-list.b-ddl-menu-ul .b-ddl-menu-li-action.b-ddl-menu-li-selected {
color: var(--black-white, #000);
}
.rocket-drop-down-list.b-ddl-menu-ul .b-ddl-menu-li-action.b-ddl-menu-li-selected span:first-child {
height: auto;
}
.rocket-drop-down-list.b-ddl-menu-ul ul {
position: relative;
}
.rocket-drop-down-list.b-ddl-menu-ul .pre-control {
display: flex !important;
}
.main-menu-plus-popup {
padding: 15px 10px;
border: 1px solid var(--gray-group-border, #d4d4d4);
box-shadow: 0px 2px 8px var(--popup-shadow, rgba(0, 0, 0, 0.3));
border-radius: 4px;
border-top: none;
background: var(--main-menu-popup-bg, #fff);
left: 22px;
z-index: 30;
top: 42px;
min-width: 150px;
box-shadow: -3px 3px 3px 1px var(--popup-shadow, rgba(0, 0, 0, 0.1)), 3px 3px 3px 1px var(--popup-shadow, rgba(0, 0, 0, 0.1));
min-height: 30px;
background: var(--main-menu-popup-bg, #ffffff);
position: fixed;
border-radius: 3px;
border: unset;
padding: 2px;
}
.main-menu-plus-popup .main-menu-plus-items-container {
display: inline-flex;
flex-direction: column;
}
.main-menu-plus-popup .main-menu-plus-item {
white-space: nowrap;
text-decoration: none;
color: var(--main-menu-popup-text, #111);
padding: 6px 20px 6px 35px;
height: 23px;
display: inline-flex;
align-items: center;
border-radius: 3px;
}
.main-menu-plus-popup .main-menu-plus-item:hover {
background: var(--main-menu-popup-bg-hover, #eee);
}
.main-menu-plus-popup .main-menu-plus-item .main-menu-plus-item-text {
cursor: pointer;
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
color: var(--main-menu-popup-text, #111);
}
.main-menu-plus-popup .main-menu-plus-item .main-menu-plus-item-text:hover {
color: var(--main-menu-popup-text, #111);
text-decoration: none;
}
.billing-blocked-trial .main-menu,
.billing-blocked-payment .main-menu {
display: none;
}
.billing-blocked-trial .body-container,
.billing-blocked-payment .body-container {
padding-top: 0;
}
.scroll-items-right {
right: 0;
cursor: pointer;
text-align: center;
position: absolute !important;
width: 16px;
height: 32px;
font-size: unset !important;
top: 7px;
background: rgba(255, 255, 255, 0.25);
border-radius: 6px;
color: var(--headMenuText, var(--white-black, #ffffff));
}
.scroll-items-right p {
padding-top: 5px;
}
.scroll-items-left {
left: 24px;
cursor: pointer;
text-align: center;
position: absolute !important;
width: 16px;
height: 32px;
font-size: unset !important;
top: 7px;
background: rgba(255, 255, 255, 0.25);
border-radius: 6px;
}
.scroll-items-left svg {
fill: var(--headMenuText, var(--white-black, #ffffff));
width: 8px;
height: 8px;
padding-top: 12px;
padding-bottom: 14px;
}
.hover-dark .scroll-items-right,
.hover-dark .scroll-items-left {
background-color: var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
}
.border-dark {
box-shadow: inset 0 -1px 0px #e5e5e5;
}
.main-menu-online-popup {
z-index: 30;
position: fixed;
top: 42px;
padding: 15px 10px;
border: 1px solid var(--gray-group-border, #d4d4d4);
box-shadow: 0px 2px 8px var(--popup-shadow, rgba(0, 0, 0, 0.3));
border-radius: 4px;
border-top: none;
background: var(--main-menu-popup-bg, #fff);
right: 12px;
border: none;
box-shadow: 0 0 7px 0 var(--popup-shadow, rgba(0, 0, 0, 0.15));
padding: 0;
}
.main-menu-online-popup .main-menu-online-container {
padding: 16px 0 8px 0;
min-width: 240px;
}
.main-menu-online-popup .main-menu-online-container .popup-online-text {
padding: 0 16px;
}
.main-menu-online-popup .main-menu-online-container .popup-online-text,
.main-menu-online-popup .main-menu-online-container .popup-online-text a {
font-size: 14px;
color: var(--gray-dark-icon, #626262);
line-height: 1.33;
margin-bottom: 8px;
}
.main-menu-online-popup .main-menu-online-container .popup-online-list .online-user-block {
padding: 8px 16px;
display: flex;
gap: 10px;
align-items: center;
transition: all 250ms ease-in-out;
}
.main-menu-online-popup .main-menu-online-container .popup-online-list .online-user-block .online-user-img-container {
position: relative;
height: 40px;
}
.main-menu-online-popup .main-menu-online-container .popup-online-list .online-user-block .online-user-img-container .online-user-add-task {
position: absolute;
background: var(--online-user-add-task, rgba(75, 75, 75, 0.8));
padding: 11px;
top: 0;
left: 0;
opacity: 0;
transition: all 250ms ease-in-out;
}
.main-menu-online-popup .main-menu-online-container .popup-online-list .online-user-block .online-user-text-block .online-user-name {
display: block;
font-size: 15px;
line-height: 1.33;
}
.main-menu-online-popup .main-menu-online-container .popup-online-list .online-user-block .online-user-text-block .online-user-post {
display: block;
color: var(--integration-win-summary, #9c9c9c);
font-size: 12px;
line-height: 1.33;
}
.main-menu-online-popup .main-menu-online-container .popup-online-list .online-user-block:hover {
background-color: var(--date-picker-bg, #F5F5F5);
}
.main-menu-online-popup .main-menu-online-container .popup-online-list .online-user-block:hover .online-user-add-task {
opacity: 1;
cursor: pointer;
}
.online-user-text-block .online-user-name {
display: block;
font-size: 15px;
line-height: 1.33;
}
.online-user-text-block .online-user-post {
display: block;
color: var(--core-dropdown-text, #9c9c9c);
font-size: 12px;
line-height: 1.33;
}
.modern-menu-body {
position: relative;
}
.modern-menu-body .body-container {
padding-top: 0;
}
.modern-menu-body .print-page-container .body-container {
padding-top: 46px;
}
.modern-menu-body .modern-menu {
box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.05);
}
.modern-menu-body .page-layout-block:not(.leftmenu-container),
.modern-menu-body .page-layout-container .b-right-panel {
padding-top: 46px;
}
.modern-menu-body .b-right-panel,
.modern-menu-body .page-layout-hidden {
box-sizing: border-box;
}
.modern-menu-body .work-space-body .page-layout-block {
padding-top: 0;
}
.modern-menu-body .file-viewer-container .file-viewer-top.secondary-top-menu {
position: absolute;
}
.modern-menu-body .layout-action-icon-list {
top: calc(45px + 18px);
}
.modern-menu-body .g-popup-win-scroll .page-layout-block {
padding-top: 0;
}
.modern-menu-body .g-popup-win-scroll .layout-action-icon-list {
top: 16px;
}
.modern-menu-body .invisible-top .left-panel-hide {
top: 8px;
}
.modern-menu-body .page-layout-block.leftmenu-container > div {
opacity: 1;
transition: opacity 300ms ease;
transition-delay: 200ms;
}
.modern-menu-body .page-layout-block.leftmenu-container .search-and-hide__container {
padding-top: 9px;
}
.modern-menu-body .page-layout-block.leftmenu-container.page-layout-faded > div {
opacity: 0;
}
.modern-menu-body .cardmenu,
.modern-menu-body .planfixcardmenu {
width: 270px;
left: 56px;
}
.modern-menu-body .main-menu {
background: transparent;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
width: unset;
transition: left 0.3s ease, opacity 0.3s linear;
transition-delay: 0.2s;
}
.modern-menu-body .main-menu .main-menu-actions {
margin-left: auto;
padding: 0 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 2px;
}
.modern-menu-body .main-menu.no-delay {
transition-timing-function: ease;
}
.modern-menu-body .main-menu .b-search {
margin-right: 0;
}
.modern-menu-body .main-menu .b-search .b-search-query {
margin: 0;
}
.modern-menu-body .main-menu .main-menu-content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
height: 46px;
margin-left: auto;
background-color: var(--file-viewer-top-menu, #ececef);
-webkit-transition: width 150ms ease;
-moz-transition: width 150ms ease;
-o-transition: width 150ms ease;
-ms-transition: width 150ms ease;
transition: width 150ms ease;
}
.modern-menu-body .main-menu .settings-colorscheme-headmenutext-color {
color: var(--modern-menu-head-text, #929AA4) !important;
}
.modern-menu-body .main-menu .settings-colorscheme-headmenutext-fill-svg > svg {
fill: var(--modern-menu-head-text, #929AA4) !important;
}
.modern-menu-body .main-menu .settings-colorscheme-headmenutext-stroke-svg > svg {
stroke: #88909B !important;
}
.modern-menu-body .main-menu .main-menu-item-text {
color: var(--modern-menu-head-text, #929AA4);
}
.modern-menu-body .b-search-query {
padding-right: 7px;
}
.modern-menu-body .b-search-query-close.svg-search-close {
max-width: 0;
opacity: 0;
transition: 0.3s;
}
.modern-menu-body .b-search-query-close.svg-search-close.active {
max-width: 16px;
opacity: 1;
}
.modern-menu-body #searchInput {
transition: 0.3s;
}
.modern-menu-body #searchInput:focus {
width: 200px;
}
.modern-menu-body .main-menu-action {
margin: 0;
width: unset;
height: unset;
background-color: rgba(205, 205, 205, 0);
-webkit-transition: background-color 150ms ease;
-moz-transition: background-color 150ms ease;
-o-transition: background-color 150ms ease;
-ms-transition: background-color 150ms ease;
transition: background-color 150ms ease;
border-radius: 6px;
position: relative;
user-select: unset;
}
.modern-menu-body .main-menu-action > .svg-icon-16px {
margin: 0;
padding: 6px;
}
.modern-menu-body .main-menu-action:hover {
background-color: rgba(205, 205, 205, 0.25);
}
body.dark-theme .modern-menu-body .main-menu-action:hover {
background-color: var(--notActiveFilterHover, #2e3138) !important;
}
.modern-menu-body .main-menu-action-online {
display: flex;
padding-right: 3px;
}
.modern-menu-body .main-menu-action-online .online {
padding-right: 3px;
}
.modern-menu-body .main-menu-action-object {
height: 26px;
border-radius: 25px;
border: 1px solid var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.modern-menu-body .main-menu-action-object span {
margin-right: 14px;
font-size: 13px;
line-height: 1.2em;
}
.modern-menu-body .main-menu-action-workSpaces .b-ddl-menu {
margin: 0;
padding: 6px 3px 3px;
}
.modern-menu-body .main-menu-action-timer .main-menu-timer-count {
top: 0;
color: var(--modern-menu-head-text, #929AA4);
}
.modern-menu-body .main-menu-online {
color: var(--modern-menu-head-text, #929AA4);
font-size: 10px;
margin-left: -3px;
}
.modern-menu-body .main-menu-online-popup {
padding: 16px 0 0 0;
}
.modern-menu-body .main-menu-online-popup .main-menu-online-container {
padding: 0 0 8px;
max-height: 400px;
overflow: auto;
}
.modern-menu-body .main-menu-online-popup .main-menu-online-container .popup-online-text {
position: sticky;
top: 0;
z-index: 1;
margin-bottom: 0;
padding-bottom: 8px;
background: var(--main-menu-popup-bg, #fff);
}
.modern-menu-body .main-menu-help-blog-post {
position: absolute;
top: 1px;
right: 3px;
}
.modern-menu-body .main-menu-help-blog-post.help-support-tasks-new-message {
right: -1px;
}
.modern-menu-body .main-menu-help-blog-post.help-support-tasks-new-message svg {
margin: 0;
width: 10px;
height: 6px;
}
.modern-menu-body .main-menu-logo .mm-logi-pic-wr {
padding: 0 25px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
height: 100%;
}
.modern-menu-body .main-menu-logo .mm-logi-pic-wr__icon {
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
width: 34px;
}
.modern-menu-body .main-menu-logo .mm-logi-pic-wr__text {
-webkit-transition: width 150ms ease;
-moz-transition: width 150ms ease;
-o-transition: width 150ms ease;
-ms-transition: width 150ms ease;
transition: width 150ms ease;
width: 67px;
}
.modern-menu-body .b-search-query {
background-color: var(--white-black, #fff);
}
.modern-menu-body .b-search-query input[type="text"],
.modern-menu-body .b-search-query textarea {
background-color: var(--white-black, #fff);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.modern-menu-body .main-menu-arrow-item::after {
margin: auto;
left: 0;
right: 0;
bottom: -6px;
}
.dark-theme.modern-menu-body .main-menu-arrow-item::after {
border-color: transparent;
}
.modern-menu-body .main-menu-logined-popup {
max-height: calc(100% - 300px);
overflow: auto;
}
.modern-menu-body .main-menu-logined-popup .main-menu-logined-popup-list {
height: calc(100% - 115px);
}
.modern-menu-body .page-layout-hidden {
padding-top: 15px;
flex-direction: unset;
-webkit-transition: opacity 250ms ease;
-moz-transition: opacity 250ms ease;
-o-transition: opacity 250ms ease;
-ms-transition: opacity 250ms ease;
transition: opacity 250ms ease;
opacity: 0.95;
}
.modern-menu-body .page-layout-hidden:hover {
opacity: 1;
}
.modern-menu-body .mindmap-fullscreen {
z-index: 25;
top: 0;
height: 100%;
}
.modern-menu-body .main-menu-plus-popup {
box-shadow: 0 0 7px var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
}
.modern-menu-body.print-page.printing {
overflow: unset;
}
.modern-menu-body.print-page.printing .page-layout-block {
padding-left: 0;
}
.modern-menu-body.print-page .page-main .main-menu {
transition: left 0.3s ease !important;
}
.modern-menu-body.print-page .page-main .main-menu.menu-expanded {
left: 294px !important;
}
.modern-menu-body.print-page .page-layout-block {
padding-left: 50px;
padding-top: 0;
transition: padding 0.3s;
background: white;
}
.modern-menu-body.print-page .page-layout-block.menu-expanded {
padding-left: 294px;
}
.modern-menu-body .filter-list-panel-container {
position: absolute;
top: 46px;
height: calc(100% - 46px);
right: 383px;
}
.modern-menu-body .filter-list-panel-container .filter-list-sticky-panel.b-left-block.v2.cardmenu {
left: 0;
right: unset;
}
.modern-menu-body .filter-list-panel-container .filter-list-sticky-panel.b-left-block.v2.cardmenu .block-bottom-menu {
box-shadow: unset;
}
.modern-menu-body .external-link-container {
right: 0;
}
@media print {
.modern-menu-body.print-page .page-main {
height: unset;
overflow-x: unset;
}
}
.report-edit-tab .modern-menu-body .page-main {
overflow-x: auto;
}
.page-main {
height: 100%;
}
.custom-plus-icon {
font-size: 22px;
font-weight: 200;
line-height: 0.6;
text-align: center;
color: #808080;
}
.modern-menu-body .main-menu-action > .svg-icon-16px.custom-plus-icon {
padding: 6px 3px 6px 9px;
}
.modern-menu {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 294px;
transition: width 300ms ease;
background: var(--head, #82c03b);
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 24;
}
.modern-menu__body {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.modern-menu__head,
.modern-menu__footer {
position: relative;
}
.modern-menu__footer {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.modern-menu__hr {
border: none;
height: 1px;
background-color: rgba(255, 255, 255, 0.2);
}
.modern-menu .main-menu-item-wr {
width: 100%;
margin-left: -3px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
background-color: rgba(255, 255, 255, 0);
transition: background-color 250ms ease-in-out;
}
.modern-menu .main-menu-item-wr:hover,
.modern-menu .main-menu-item-wr.hovered {
background-color: var(--modern-menu-item-hover, rgba(255, 255, 255, 0.1));
}
.modern-menu .main-menu-item-wr:hover:has(.planfix-menu-sub-items-container:hover),
.modern-menu .main-menu-item-wr.hovered:has(.planfix-menu-sub-items-container:hover) {
background-color: rgba(255, 255, 255, 0);
}
.modern-menu .sub-items-show-arrow {
position: absolute;
left: 40px;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out, left 200ms ease;
}
.modern-menu .sub-items-show-arrow svg {
display: block;
}
.modern-menu .sub-items-show-arrow_active {
-webkit-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.modern-menu .main-menu-item {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 8px 2px;
}
.modern-menu .main-menu-item a:hover {
text-decoration: none;
}
.modern-menu .main-menu-item .main-menu-item-wr:hover {
background-color: var(--main-menu-item-bg);
}
.modern-menu .main-menu-item.drag-over .main-menu-item-wr {
background-color: unset !important;
}
.modern-menu .main-menu-item.drag-over .main-menu-item-wr:hover > .menu-edit-drag-handle,
.modern-menu .main-menu-item.drag-over .main-menu-item-wr:hover > .menu-edit-context-handle {
opacity: 0 !important;
}
.modern-menu .main-menu-item.drag-over.main-menu-item_custom-section:not(.active) .main-menu-item-wr {
box-shadow: 0 0 0 1px #ffffff36;
border-radius: 4px;
}
.modern-menu .main-menu-item.no-hover .main-menu-item-wr:hover,
.modern-menu .main-menu-item.no-hover .main-menu-item-wr.hovered {
background: transparent !important;
}
.modern-menu .main-menu-item.no-hover .main-menu-item-wr:hover > .menu-edit-drag-handle,
.modern-menu .main-menu-item.no-hover .main-menu-item-wr:hover > .menu-edit-context-handle {
opacity: 0 !important;
}
.modern-menu .main-menu-item_config {
border-top: 1px solid var(--grey-list-border, #DEDEDE);
margin-top: 6px;
padding-top: 6px !important;
}
.modern-menu .main-menu-item_empty .sub-items-show-arrow {
display: none;
}
.modern-menu a.main-menu-item:hover {
text-decoration: none;
}
.modern-menu .main-menu-item-name,
.modern-menu .main-menu-config-item {
margin-right: 9px;
font-size: 14px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: relative;
cursor: pointer;
user-select: none;
width: 100%;
padding-right: 9px;
}
.modern-menu .main-menu-item-text,
.modern-menu .main-menu-config-item span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.modern-menu .main-menu-item-icon {
width: 16px;
height: 16px;
padding: 7px 20px 7px 18px;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.modern-menu .main-menu-item-icon svg {
fill: none;
width: 16px;
height: 16px;
}
.modern-menu .main-menu-item:before {
content: '';
display: block;
width: 3px;
height: auto;
background-color: var(--headMenuText, #ffffff);
opacity: 0;
border-bottom-left-radius: 3px;
border-top-right-radius: 3px;
z-index: 1;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.modern-menu .main-menu-active-item.main-menu-item:before {
opacity: 1;
}
.modern-menu .planfix-menu-sub-items-container {
position: unset;
background-color: var(--head, #82c03b);
border-radius: unset;
padding: 0;
}
.modern-menu .planfix-menu-sub-items-container .cube-sub-menu-pointer {
display: none;
}
.modern-menu .planfix-menu-sub-items-container .planfix-menu-sub-items-block {
padding-top: 4px;
width: 100%;
}
.modern-menu .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item {
padding: 3px 0;
}
.modern-menu .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item:before {
content: unset;
}
.modern-menu .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item-icon {
padding: 7px 14px 7px 33px;
}
.modern-menu .planfix-menu-sub-items-container_footer {
display: block;
position: fixed;
background-color: var(--main-menu-popup-bg, #ffffff);
border-radius: 6px;
left: 54px;
padding-top: 5px;
padding-bottom: 5px;
top: unset;
bottom: 12px;
}
.modern-menu .planfix-menu-sub-items-container_footer .cube-sub-menu-pointer {
display: block;
left: -2px;
top: unset;
bottom: 34px;
}
.modern-menu .planfix-menu-sub-items-container_footer .planfix-menu-sub-items-block {
padding-top: 0;
overflow: auto;
height: 100%;
}
.modern-menu .planfix-menu-sub-items-container_footer .planfix-menu-sub-items-block .main-menu-item {
padding: 4px 13px 4px 6px;
border-radius: 0;
}
.modern-menu .planfix-menu-sub-items-container_footer .planfix-menu-sub-items-block .main-menu-item:hover {
background: var(--date-picker-bg, #F5F5F5);
}
.modern-menu .planfix-menu-sub-items-container_footer .planfix-menu-sub-items-block .main-menu-item .main-menu-item-text {
color: var(--task-card-title-text, #454546);
}
.modern-menu .planfix-menu-sub-items-container_footer .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item {
color: var(--task-card-title-text, #454546) !important;
}
.modern-menu .planfix-menu-sub-items-container_footer .planfix-menu-sub-items-block .main-menu-item .main-menu-item-icon {
padding-left: 14px;
}
.modern-menu .planfix-menu-sub-items-container_footer .planfix-menu-sub-items-block .main-menu-item .main-menu-item-icon svg {
stroke: var(--task-card-title-text, #454546) !important;
}
.modern-menu body.dark-theme .planfix-menu-sub-items-block .main-menu-item:not(.no-hover):hover,
.modern-menu body.dark-theme .planfix-menu-sub-items-block .main-menu-item-wr:hover {
background-color: var(--notActiveFilterHover, #2e3138) !important;
}
.modern-menu:not(.collapsed) .planfix-menu-sub-items-container {
box-shadow: none;
}
.modern-menu:not(.collapsed) .show-modal-important .planfix-menu-sub-items-container,
.modern-menu:not(.collapsed) .planfix-menu-sub-items-container_footer {
box-shadow: 0 0 7px var(--popup-shadow, rgba(0, 0, 0, 0.15));
}
.modern-menu.collapsed,
.modern-menu_shrink {
width: 56px;
}
.modern-menu.collapsed .main-menu-expand__column_workspace,
.modern-menu_shrink .main-menu-expand__column_workspace,
.modern-menu.collapsed .main-menu-expand__settings,
.modern-menu_shrink .main-menu-expand__settings {
display: none;
}
.modern-menu.collapsed .footer-menu__column_shrink,
.modern-menu_shrink .footer-menu__column_shrink {
width: 0;
height: 0;
}
.modern-menu.collapsed .sub-items-show-arrow_active,
.modern-menu_shrink .sub-items-show-arrow_active {
opacity: 0;
}
.modern-menu.collapsed .modern-menu__hr,
.modern-menu_shrink .modern-menu__hr {
height: 0;
margin: 0;
}
.modern-menu.collapsed .planfix-menu-sub-items-container,
.modern-menu_shrink .planfix-menu-sub-items-container {
display: block;
position: fixed;
background-color: var(--main-menu-popup-bg, #ffffff);
border-radius: 6px;
left: 54px;
padding-top: 5px;
padding-bottom: 5px;
max-width: 50%;
}
.modern-menu.collapsed .planfix-menu-sub-items-container .cube-sub-menu-pointer,
.modern-menu_shrink .planfix-menu-sub-items-container .cube-sub-menu-pointer {
display: block;
left: -2px;
top: 8px;
}
.modern-menu.collapsed .planfix-menu-sub-items-container_footer .cube-sub-menu-pointer,
.modern-menu_shrink .planfix-menu-sub-items-container_footer .cube-sub-menu-pointer {
top: unset;
}
.modern-menu.collapsed .planfix-menu-sub-items-container .sub-items-show-arrow,
.modern-menu_shrink .planfix-menu-sub-items-container .sub-items-show-arrow {
left: 32px;
}
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block {
padding-top: 0;
overflow: auto;
height: 100%;
}
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item {
padding: 4px 13px 4px 6px;
border-radius: 0;
}
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item:not(.no-hover):hover,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item:not(.no-hover):hover {
background: var(--date-picker-bg, #F5F5F5);
}
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-wr:hover,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-wr:hover {
background-color: unset;
}
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-text,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-text {
color: var(--task-card-title-text, #454546);
}
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item {
color: var(--task-card-title-text, #454546) !important;
}
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item.main-menu-config-item-customize-menu,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item.main-menu-config-item-customize-menu {
color: var(--gray-perl, #9c9c9c) !important;
}
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item.main-menu-config-item-customize-menu svg,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item.main-menu-config-item-customize-menu svg {
stroke: var(--gray-perl, #9c9c9c) !important;
}
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item .menu-edit-drag-handle svg,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item .menu-edit-drag-handle svg,
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item .menu-edit-context-handle svg,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item .menu-edit-context-handle svg {
fill: var(--gray-perl, #9c9c9c) !important;
}
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-icon,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-icon {
padding-left: 20px;
}
.modern-menu.collapsed .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-icon svg,
.modern-menu_shrink .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-icon svg {
stroke: var(--task-card-title-text, #454546) !important;
}
.modern-menu.collapsed .main-menu-item:before,
.modern-menu_shrink .main-menu-item:before {
content: '';
display: block;
width: 3px;
height: auto;
background-color: var(--headMenuText, #ffffff);
opacity: 0;
border-bottom-left-radius: 3px;
border-top-right-radius: 3px;
}
.modern-menu.collapsed .main-menu-active-item.main-menu-item:before,
.modern-menu_shrink .main-menu-active-item.main-menu-item:before {
opacity: 1;
}
.modern-menu.collapsed .main-menu-logo .mm-logi-pic-wr__text,
.modern-menu_shrink .main-menu-logo .mm-logi-pic-wr__text {
width: 0;
}
.show-modal-important .planfix-menu-sub-items-container {
display: block;
position: fixed;
background-color: var(--main-menu-popup-bg, #ffffff);
border-radius: 6px;
left: 54px;
padding-top: 5px;
padding-bottom: 5px;
max-width: 50%;
}
.show-modal-important .planfix-menu-sub-items-container .cube-sub-menu-pointer {
display: block;
left: -2px;
top: 8px;
}
.show-modal-important .planfix-menu-sub-items-container_footer .cube-sub-menu-pointer {
top: unset;
}
.show-modal-important .planfix-menu-sub-items-container .sub-items-show-arrow {
left: 32px;
}
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block {
padding-top: 0;
overflow: auto;
height: 100%;
}
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item {
padding: 4px 13px 4px 6px;
border-radius: 0;
}
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item:not(.no-hover):hover {
background: var(--date-picker-bg, #F5F5F5);
}
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-wr:hover {
background-color: unset;
}
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-text {
color: var(--task-card-title-text, #454546);
}
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item {
color: var(--task-card-title-text, #454546) !important;
}
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item.main-menu-config-item-customize-menu {
color: var(--gray-perl, #9c9c9c) !important;
}
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item.main-menu-config-item-customize-menu svg {
stroke: var(--gray-perl, #9c9c9c) !important;
}
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item .menu-edit-drag-handle svg,
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-config-item .menu-edit-context-handle svg {
fill: var(--gray-perl, #9c9c9c) !important;
}
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-icon {
padding-left: 20px;
}
.show-modal-important .planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .main-menu-item-icon svg {
stroke: var(--task-card-title-text, #454546) !important;
}
.modern-menu-pages {
padding-top: 8px;
}
.main-menu-expand {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.main-menu-expand__column {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
min-width: 0;
user-select: none;
}
.main-menu-expand__column .svg-icon {
padding: 6px;
}
.main-menu-expand__column span {
color: var(--headMenuText, #fff);
margin-left: 14px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.main-menu-expand__column .main-menu-expand__burger {
display: block;
}
.main-menu-expand__column_burger {
padding: 9px 8px 10px 14px;
cursor: pointer;
}
.main-menu-expand__column_workspace {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 0;
}
.main-menu-expand__settings {
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.main-menu-expand__settings:hover {
transform: rotateZ(90deg);
}
.modern-menu-workspace-trigger {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
min-width: 0;
width: 100%;
padding: 15px 16px 15px 0;
border: none;
background: transparent;
color: var(--headMenuText, #fff);
cursor: pointer;
outline: none;
}
.modern-menu-workspace-trigger__name {
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
font-weight: 500;
}
span.modern-menu-workspace-trigger__name {
margin-left: 6px;
}
.modern-menu-workspace-trigger__arrow {
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
margin-left: 6px;
margin-top: 3px;
padding: 0 !important;
transform: rotate(90deg);
transition: transform 150ms ease;
}
.modern-menu-workspace-trigger__arrow svg {
display: block;
width: 8px;
height: 8px;
fill: currentColor;
}
.modern-menu-workspace-trigger--opened .modern-menu-workspace-trigger__arrow {
transform: rotate(-90deg);
}
.modern-menu-workspace-trigger--disabled {
cursor: default;
}
.modern-menu-workspace-trigger:disabled {
color: var(--headMenuText, #fff);
opacity: 1;
}
.workspace-menu-dropdown-portal .rc-dropdown-base__wrapper {
padding-top: 12px;
}
.workspace-menu-dropdown-portal .workspace-menu-dropdown__workspace-item {
padding-right: 7px;
}
.workspace-menu-dropdown-portal .workspace-menu-dropdown__workspace-item .UIKit__menu-item-rc__icon {
display: none;
}
.workspace-menu-dropdown-portal .workspace-menu-dropdown__workspace-item .UIKit__menu-item-rc__text {
min-width: 0;
}
.workspace-menu-dropdown-portal .workspace-menu-dropdown__workspace-item .workspace-menu-dropdown__edit-button {
opacity: 0;
}
.workspace-menu-dropdown-portal .workspace-menu-dropdown__workspace-item:hover .workspace-menu-dropdown__edit-button {
opacity: 1;
}
.workspace-menu-dropdown__drag-handle {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 16px;
height: 16px;
margin-right: 8px;
margin-left: -10px;
cursor: grab;
}
.scroll-arrow-container {
height: 36px;
display: flex;
opacity: 0;
transition: opacity 150ms ease;
cursor: pointer;
visibility: hidden;
pointer-events: none;
}
.scroll-arrow-container i {
margin: auto;
stroke: var(--headMenuText, #fff);
opacity: 0.5;
}
.scroll-arrow-container:hover i {
opacity: 1;
}
.scroll-arrow-container_active {
opacity: 1;
visibility: unset;
pointer-events: auto;
}
.scroll-arrow-container_bottom i {
transform: rotate(180deg);
}
.scroll-arrow-container_top {
position: absolute;
left: 0;
right: 0;
bottom: -36px;
z-index: 1;
background-color: var(--head, #82c03b);
}
.scroll-arrow-container_top i {
transform: rotate(180deg);
}
.footer-menu {
padding: 23px 12px 21px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
background: var(--head4, #1abe72);
}
.dark-theme .footer-menu {
background-color: var(--gray-inner, #EEEEEE);
}
.footer-menu_login {
padding-top: 18px;
padding-bottom: 18px;
}
.footer-menu__column_shrink {
overflow: hidden;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.footer-menu__column i.svg-icon {
padding: 8px;
cursor: pointer;
}
.footer-menu__arrow {
transform: rotate(90deg);
}
.footer-menu__arrow:hover {
transform: rotate(90deg) translate(0px, 2px);
}
.footer-menu__exit {
opacity: 1;
-webkit-transition: opacity 250 ease;
-moz-transition: opacity 250 ease;
-o-transition: opacity 250 ease;
-ms-transition: opacity 250 ease;
transition: opacity 250 ease;
}
.footer-menu__exit:hover {
opacity: 0.8;
}
.user-avatar .main-menu-logined {
margin: 0;
display: block;
}
.user-avatar .main-menu-logined img {
width: 32px;
height: 32px;
display: block;
}
.user-avatar .main-menu-online {
display: none;
}
.menu-user-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin-right: auto;
cursor: pointer;
}
.menu-user-container__column_first {
width: 100%;
margin: 0 8px;
}
.menu-user-container__name {
font-size: 14px;
color: var(--headMenuText, #fff);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.menu-user-container__title {
font-size: 10px;
color: var(--headMenuText, #fff);
opacity: 0.6;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.microsoft-svg-styles {
display: block;
width: 0;
height: 0;
}
.sub-items-header {
padding: 8px 16px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
}
.sub-items-header__user {
display: flex;
align-items: center;
gap: 10px;
}
/* Стили для всплывающих подсказок пунктов меню */
.menu-item-tooltip {
position: absolute;
background: var(--head2, #82c03b);
color: var(--headMenuText, #ffffff);
padding: 6px 18px 7px;
border-radius: 4px;
left: 61px;
transform: translateY(-50%);
white-space: nowrap;
z-index: 25;
font-size: 14px;
pointer-events: none;
margin-top: calc(-15px - var(--modern-menu-body-scroll-top, 0px));
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
.dark-theme .menu-item-tooltip {
background-color: #2F2F2F;
}
.menu-item-tooltip:before {
content: '';
position: absolute;
left: -4px;
top: 50%;
transform: translateY(-50%);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid var(--head2, #82c03b);
}
.dark-theme .menu-item-tooltip:before {
border-right-color: #2F2F2F;
}
/* Показываем подсказку только когда меню свёрнуто и при наведении на пункт меню */
.modern-menu.collapsed .main-menu-item-wr:hover .menu-item-tooltip,
.modern-menu_shrink .main-menu-item-wr:hover .menu-item-tooltip {
opacity: 1;
visibility: visible;
}
/* Скрываем подсказку в обычном режиме отображения меню */
.main-menu-item .menu-item-tooltip {
display: none;
}
/* Показываем подсказку только когда меню свёрнуто */
.modern-menu.collapsed .main-menu-item .menu-item-tooltip,
.modern-menu_shrink .main-menu-item .menu-item-tooltip {
display: block;
}
.planfix-menu-sub-items-container .planfix-menu-sub-items-block .main-menu-item .menu-item-tooltip {
display: none;
}
/* Стили для режима редактирования меню */
.modern-menu.menu-edit-mode .main-menu-item {
position: relative;
will-change: transition;
/* 2. Показываем иконку только у того элемента, на который навели (прямой потомок) */
/* 3. Хитрость: если мы навели на контейнер с подпунктами,
то скрываем иконку основного (родительского) пункта */
}
.modern-menu.menu-edit-mode .main-menu-item.menu-item-dragging {
z-index: 1000;
transition: opacity 150ms ease;
background: var(--date-picker-bg, #F5F5F5);
}
.modern-menu.menu-edit-mode .main-menu-item.menu-item-dragging .main-menu-item-wr {
opacity: 0;
}
.modern-menu.menu-edit-mode .main-menu-item .menu-edit-context-handle,
.modern-menu.menu-edit-mode .main-menu-item .menu-edit-drag-handle {
opacity: 0;
transition: opacity 0.2s ease;
}
.modern-menu.menu-edit-mode .main-menu-item:not(.no-hover) .main-menu-item-wr.hovered > .menu-edit-drag-handle,
.modern-menu.menu-edit-mode .main-menu-item:not(.no-hover) .main-menu-item-wr:hover > .menu-edit-drag-handle,
.modern-menu.menu-edit-mode .main-menu-item:not(.no-hover) .main-menu-item-wr.hovered > .menu-edit-context-handle,
.modern-menu.menu-edit-mode .main-menu-item:not(.no-hover) .main-menu-item-wr:hover > .menu-edit-context-handle,
.modern-menu.menu-edit-mode .main-menu-item:not(.no-hover) .main-menu-item-wr.hovered > .main-menu-config-item > .menu-edit-drag-handle,
.modern-menu.menu-edit-mode .main-menu-item:not(.no-hover) .main-menu-item-wr:hover > .main-menu-config-item > .menu-edit-drag-handle,
.modern-menu.menu-edit-mode .main-menu-item:not(.no-hover) .main-menu-item-wr.hovered > .main-menu-config-item > .menu-edit-context-handle,
.modern-menu.menu-edit-mode .main-menu-item:not(.no-hover) .main-menu-item-wr:hover > .main-menu-config-item > .menu-edit-context-handle {
opacity: 0.8;
}
.modern-menu.menu-edit-mode .main-menu-item .main-menu-item-wr:has(.planfix-menu-sub-items-container:hover) > .menu-edit-drag-handle,
.modern-menu.menu-edit-mode .main-menu-item .main-menu-item-wr:has(.planfix-menu-sub-items-container:hover) > .menu-edit-context-handle {
opacity: 0;
}
.modern-menu.menu-edit-mode .main-menu-item .menu-edit-context-handle:hover {
background-color: rgba(211, 211, 211, 0.1);
}
.modern-menu.menu-edit-mode .main-menu-item_sub:hover .menu-edit-drag-handle {
opacity: 0.8;
}
.modern-menu.menu-edit-mode .main-menu-item_sub:hover .menu-edit-context-handle {
opacity: 0.8;
}
.modern-menu.menu-edit-mode .main-menu-item .main-menu-config-item span {
max-width: 70%;
}
.modern-menu.menu-edit-mode .main-menu-item_empty {
/*
.sub-items-show-arrow {
display: block;
.transform(rotateZ(90deg));
}
.planfix-menu-sub-items-container {
display: none;
}*/
}
.modern-menu.menu-edit-mode .main-menu-item_custom-section.active .menu-edit-drag-handle,
.modern-menu.menu-edit-mode .main-menu-item_custom-section.active .menu-edit-context-handle {
top: 23px;
}
.modern-menu.menu-edit-mode .main-menu-item_custom-section.active .main-menu-item_sub .menu-edit-drag-handle,
.modern-menu.menu-edit-mode .main-menu-item_custom-section.active .main-menu-config-item .menu-edit-drag-handle,
.modern-menu.menu-edit-mode .main-menu-item_custom-section.active .main-menu-item_sub .menu-edit-context-handle,
.modern-menu.menu-edit-mode .main-menu-item_custom-section.active .main-menu-config-item .menu-edit-context-handle {
top: 50%;
}
.modern-menu.menu-edit-mode .main-menu-item_custom-section.active .main-menu-config-item .menu-edit-drag-handle {
left: -3px;
}
.modern-menu.menu-edit-mode .main-menu-item_empty .sub-items-show-arrow {
display: block;
}
.modern-menu.menu-edit-mode .planfix-menu-sub-items-container_footer .main-menu-item-name {
width: 100%;
}
.modern-menu.menu-edit-mode .main-menu-item-name {
width: 88%;
}
.modern-menu.menu-edit-mode .menu-edit-drag-handle {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: grab;
z-index: 10;
padding: 4px;
border-radius: 3px;
transition: opacity 0.2s ease;
opacity: 0;
}
.modern-menu.menu-edit-mode .menu-edit-drag-handle:active {
cursor: grabbing;
}
.modern-menu.menu-edit-mode .menu-edit-drag-handle svg {
display: block;
}
.modern-menu.menu-edit-mode .menu-edit-context-handle {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
cursor: pointer;
z-index: 10;
padding: 4px;
border-radius: 3px;
opacity: 0;
transition: background-color 0.2s ease, opacity 0.2s ease;
/* Активное состояние когда открыто выпадающее меню */
}
.modern-menu.menu-edit-mode .menu-edit-context-handle .svg-icon {
width: 12px;
height: 12px;
fill: currentColor;
}
.modern-menu.menu-edit-mode .menu-edit-context-handle .b-ddl-menu {
opacity: 0 !important;
}
.modern-menu.menu-edit-mode .menu-edit-context-handle_active {
opacity: 0.8 !important;
background-color: rgba(211, 211, 211, 0.1);
}
.modern-menu.menu-edit-mode .planfix-menu-sub-items-block .main-menu-item.menu-item-editable .main-menu-config-item .menu-edit-context-handle {
right: 0;
}
.modern-menu.menu-edit-mode .planfix-menu-sub-items-block .main-menu-item.menu-item-editable .main-menu-config-item .menu-edit-context-handle .b-ddl-menu-selected-arrow {
display: none;
}
.modern-menu.menu-edit-mode .planfix-menu-sub-items-block .main-menu-item .menu-edit-drag-handle {
left: 8px;
}
.menu-drag-placeholder {
height: 40px;
border: 2px dashed rgba(130, 192, 59, 0.5);
background-color: rgba(130, 192, 59, 0.1);
margin: 2px 0;
border-radius: 4px;
position: relative;
}
.menu-drag-placeholder:before {
content: 'Переместить сюда';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: rgba(130, 192, 59, 0.7);
font-size: 12px;
font-weight: 500;
}
.menu-edit-context-dropdown {
position: absolute;
z-index: 10000;
}
.dark-theme .modern-menu.menu-edit-mode .main-menu-item.menu-item-editable {
border-color: rgba(255, 255, 255, 0.2);
}
.dark-theme .modern-menu.menu-edit-mode .menu-edit-drag-handle:hover,
.dark-theme .modern-menu.menu-edit-mode .menu-edit-context-handle:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .modern-menu.menu-edit-mode .menu-edit-context-handle_active {
background-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .modern-menu.menu-edit-mode .menu-drag-placeholder {
border-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.05);
}
.dark-theme .modern-menu.menu-edit-mode .menu-drag-placeholder:before {
color: rgba(255, 255, 255, 0.6);
}
.menu-edit-mode .main-menu-item.menu-flip-anim {
transition: transform 350ms cubic-bezier(0.2, 0, 0, 1);
will-change: transform;
}
/* Плавная трансформация для всех элементов при перетаскивании */
.modern-menu.menu-edit-mode .main-menu-item:not(.menu-item-dragging) {
transition: transform 350ms cubic-bezier(0.2, 0, 0, 1);
}
/* Убираем transition у перетаскиваемого элемента */
.modern-menu.menu-edit-mode .main-menu-item.menu-item-dragging {
transition: opacity 150ms ease;
}
/* Стили для клона-скелета при перетаскивании */
.menu-drag-ghost {
position: fixed;
pointer-events: none;
z-index: 10000;
opacity: 0.9;
width: 294px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
border-radius: 4px;
background: var(--head, #82c03b);
color: var(--text-color, #343434);
/* Убираем элементы управления из клона */
}
.menu-drag-ghost_submenu {
background-color: var(--main-menu-popup-bg, #ffffff);
}
.menu-drag-ghost_submenu .main-menu-config-item {
color: var(--task-card-title-text, #454546) !important;
}
.menu-drag-ghost_submenu .main-menu-config-item .main-menu-item-icon svg {
stroke: var(--task-card-title-text, #454546) !important;
}
.menu-drag-ghost_submenu .main-menu-config-item .menu-edit-drag-handle svg {
fill: var(--task-card-title-text, #454546) !important;
}
.menu-drag-ghost .main-menu-item-name,
.menu-drag-ghost .main-menu-config-item {
margin-right: 9px;
font-size: 14px;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
user-select: none;
}
.menu-drag-ghost .main-menu-item-name .main-menu-item-text,
.menu-drag-ghost .main-menu-config-item .main-menu-item-text,
.menu-drag-ghost .main-menu-item-name > span,
.menu-drag-ghost .main-menu-config-item > span {
text-overflow: ellipsis;
text-wrap: nowrap;
overflow: hidden;
}
.menu-drag-ghost .main-menu-item-icon {
width: 16px;
height: 16px;
padding: 7px 20px 7px 18px;
}
.menu-drag-ghost .main-menu-item-icon svg {
fill: none;
stroke: var(--headMenuText, #ffffff) !important;
width: 16px;
height: 16px;
}
.menu-drag-ghost .menu-edit-drag-handle {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
height: 100%;
}
.dark-theme .menu-drag-ghost {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}
.menu-drag-ghost .menu-edit-context-handle,
.menu-drag-ghost .sub-items-show-arrow,
.menu-drag-ghost .planfix-menu-sub-items-container {
display: none !important;
}
html.page-layout-root {
height: 100%;
}
html.page-layout-root body {
height: 100%;
}
html.page-layout-root body > span {
display: none !important;
}
html.page-layout-root .body-container {
height: 100%;
box-sizing: border-box;
}
html.page-layout-root .leftmenu-topblock {
margin-right: 0;
}
.page-layout-container {
position: relative;
height: 100%;
min-width: 100%;
overflow: hidden;
}
.page-layout-container .b-right-panel {
position: absolute;
right: 0;
top: 0;
height: 100%;
z-index: 2;
}
.page-layout-container .b-right-panel li {
box-sizing: border-box;
transition: background 0.3s;
transition-delay: 0.2s;
}
.page-layout-container .b-right-panel li .right-panel-item-label {
right: 50px;
}
.page-layout-hidden {
position: absolute;
top: 0;
left: 0;
width: 32px;
border-right: 1px solid var(--page-layout-hidden-border, #E5E5E5);
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
background: var(--menu, var(--cardmenu-back, #53586b));
cursor: pointer;
transition: transform 0.3s, left 0.3s ease;
transition-delay: 0.2s;
}
body.dark-theme .page-layout-hidden {
background-color: #1a1c21 !important;
}
.page-layout-hidden svg {
height: 16px;
fill: -var(--leftMenuIcon, rgba(255, 255, 255, 0.5));
stroke: var(--leftMenuIcon, rgba(255, 255, 255, 0.5));
width: auto;
}
.page-layout-hidden.hide-page-layout-at-all,
.page-layout-block.page-layout-block-first-hideable.hide-page-layout-at-all {
display: none !important;
width: 0 !important;
}
.no-delay {
transition-delay: unset !important;
}
.page-layout-block {
position: absolute;
top: 0;
left: 0;
height: 100%;
box-sizing: border-box;
width: 0;
overflow: hidden;
background: #ffffff;
z-index: 1;
}
.page-layout-ready .page-layout-block {
transition: transform 0.3s, opacity 0.3s;
transition-delay: 0.2s;
}
.page-layout-ready .page-layout-block.page-layout-block-notransition {
transition: none;
transition-delay: 0s;
}
.page-layout-block.no-delay {
transition: width 0.3s ease, left 0.3s ease;
}
.page-layout-block.only-left {
transition: left 0.3s ease;
}
.page-layout-block:not(.leftmenu-container) {
background: var(--white-black, #fff);
}
.page-layout-block:not(.leftmenu-container).page-layout-block-gray {
background: var(--background-color-light-gray, #f7f7f7);
}
.page-layout-block:not(.leftmenu-container).page-layout-block-color-default {
background-color: var(--background-color-default, #f2f2f2);
}
.page-layout-ready .page-layout-block.page-layout-block-in-right {
transform: translate3d(100%, 0, 0);
opacity: 0;
}
.page-layout-ready .page-layout-block.page-layout-block-in-right.cardmenu {
opacity: 1;
}
.page-layout-ready .page-layout-block.page-layout-block-in-left {
transition-delay: 0s;
opacity: 0;
}
.page-layout-ready .page-layout-block.page-layout-block-in-left.cardmenu {
opacity: 1;
}
.page-layout-block.page-layout-block-force-show-lasthidden {
display: block !important;
z-index: 2;
/* border-right: 8px solid var(--background-color-light-gray, @grey-light-border);*/
}
.page-layout-block[data-type="accountSettings"] {
background: var(--background-color-light-gray, #F7F7F7);
}
.page-layout-block[data-type="userSettings"] {
background: var(--background-color-light-gray, #F7F7F7);
}
.page-layout-block:not(.leftmenu-container) + .b-last-block .b-last-block-close,
.page-layout-block:not(.leftmenu-container) + .panel-layout-only-close .b-last-block-close,
.g-popup-win-scroll .b-last-block .b-last-block-close,
.g-popup-win-scroll .panel-layout-only-close .b-last-block-close {
display: block;
width: 16px;
height: 16px;
cursor: pointer;
z-index: 2;
}
.page-layout-block:not(.leftmenu-container) + .b-last-block .b-last-block-close .iconset-16px-close,
.page-layout-block:not(.leftmenu-container) + .panel-layout-only-close .b-last-block-close .iconset-16px-close,
.g-popup-win-scroll .b-last-block .b-last-block-close .iconset-16px-close,
.g-popup-win-scroll .panel-layout-only-close .b-last-block-close .iconset-16px-close {
vertical-align: top;
}
.page-layout-block:not(.leftmenu-container) + .b-last-block .b-last-block-close:hover .iconset-16px-close,
.page-layout-block:not(.leftmenu-container) + .panel-layout-only-close .b-last-block-close:hover .iconset-16px-close,
.g-popup-win-scroll .b-last-block .b-last-block-close:hover .iconset-16px-close,
.g-popup-win-scroll .panel-layout-only-close .b-last-block-close:hover .iconset-16px-close {
background-position: 0 -80px;
}
.page-layout-block:not(.leftmenu-container) + .b-last-block .b-last-block-close:hover .svg-icon-16px.gray,
.page-layout-block:not(.leftmenu-container) + .panel-layout-only-close .b-last-block-close:hover .svg-icon-16px.gray,
.g-popup-win-scroll .b-last-block .b-last-block-close:hover .svg-icon-16px.gray,
.g-popup-win-scroll .panel-layout-only-close .b-last-block-close:hover .svg-icon-16px.gray {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.g-popup-win-scroll .b-last-block .configuration-close-block,
.g-popup-win-scroll .panel-layout-only-close .configuration-close-block {
padding-top: 9px;
padding-right: 14px;
}
.b-last-block .subTasks-new-tab,
.panel-layout-only-close .subTasks-new-tab {
display: block;
width: 16px;
height: 16px;
cursor: pointer;
z-index: 1;
}
.b-last-block .subTasks-new-tab svg,
.panel-layout-only-close .subTasks-new-tab svg {
width: 16px;
height: 16px;
stroke: var(--gray-ico, #a9a9a9);
}
.b-last-block .subTasks-new-tab:hover svg,
.panel-layout-only-close .subTasks-new-tab:hover svg {
stroke: #1abe72;
}
.page-layout-block-resizer,
.page-layout-resize-overlay::before {
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
cursor: e-resize;
z-index: 5;
background: var(--gray-inner, #efefef);
border-left: none !important;
border-right: none !important;
}
body.dark-theme .page-layout-block-resizer,
body.dark-theme .page-layout-resize-overlay::before {
background: #34373d !important;
}
.page-layout-block-first .page-layout-block-resizer,
.page-layout-block-first .page-layout-resize-overlay::before {
display: none;
}
.leftmenu-container + .page-layout-block .page-layout-block-resizer,
.leftmenu-container + .page-layout-block .page-layout-resize-overlay::before,
.cardmenu.handbook-filter-list + .page-layout-block .page-layout-block-resizer,
.cardmenu.handbook-filter-list + .page-layout-block .page-layout-resize-overlay::before {
height: 100%;
}
.leftmenu-container + .page-layout-block .page-layout-block-resizer,
.leftmenu-container + .page-layout-block .page-layout-resize-overlay::before {
width: 8px;
opacity: 0;
}
.page-layout-resize-overlay {
position: absolute;
z-index: 99;
box-sizing: border-box;
background: var(--resize-overlay, #cccccc);
}
.page-layout-resize-overlay::before {
content: '';
display: block;
}
.page-layout-resize-overlay.left-side::before {
left: auto;
right: 0;
}
html.page-layout-root:not(.report-is-save-block) body.print-page:not(.disable-print-page) .print-page-container {
height: auto;
}
html.page-layout-root:not(.report-is-save-block) body.print-page:not(.disable-print-page) .print-page-container .page-layout-container,
html.page-layout-root:not(.report-is-save-block) body.print-page:not(.disable-print-page) .print-page-container .page-layout-block {
position: static;
height: auto;
width: auto !important;
}
html.page-layout-root:not(.report-is-save-block) body.print-page:not(.disable-print-page) .print-page-container .page-layout-block-resizer {
display: none;
}
html.page-layout-root:not(.report-is-save-block) body.print-page:not(.disable-print-page) .print-page-container .body-container {
height: auto;
}
.no-transition {
transition: none !important;
}
.left-panel-hide {
width: 16px;
height: 16px;
text-align: center;
cursor: pointer;
z-index: 2;
display: none;
overflow: hidden;
transition: opacity 0.3s ease, max-height 0.3s ease;
}
.invisible-top .left-panel-hide {
padding: 8px;
}
.page-layout-block-first-hideable .left-panel-hide {
display: block;
max-height: 20px;
}
.leftmenu-container .left-panel-hide {
position: absolute;
top: 15px;
right: 0;
width: 16px;
height: 16px;
opacity: 1;
max-height: 20px;
}
.left-panel-hide svg {
width: 8px;
height: 8px;
fill: var(--planner-drag-placeholder-bg, #a0a0a0);
}
.cardmenu .left-panel-hide svg {
fill: var(--white-black, #fff);
transform: rotateY(180deg);
}
.planfixcardmenu .left-panel-hide svg {
fill: var(--white-black, #fff);
transform: rotateY(180deg);
margin-left: -20px;
}
.page-layout-block.panel-layout-only-close .b-last-block-close {
display: block;
}
.page-layout-block.panel-layout-only-close .left-panel-hide {
display: none;
}
/*
.view-settings-btn {
position: absolute;
cursor: pointer;
padding: 10px 0 10px 10px;
top: 6px;
right: 16px;
z-index: 2;
.page-layout-block-first-hideable & {
top: 17px;
right: 32px;
}
svg {
cursor: pointer;
}
}
*/
.block-bottom-menu {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
bottom: 0;
display: flex;
width: 100%;
flex-flow: column;
background: #43495d;
height: auto;
cursor: pointer;
}
body.dark-theme .block-bottom-menu {
background-color: #1a1c21 !important;
}
.block-bottom-menu .menu-block-for-bottom-menu {
display: none;
background: transparent;
height: auto;
margin-top: 3px;
}
.block-bottom-menu .menu-item {
display: flex;
height: auto;
background: #494f64;
margin: 2px 6px 2px 6px;
cursor: pointer;
}
.block-bottom-menu .menu-item .item-text {
font-size: 13px;
color: var(--white-black, #fff);
vertical-align: super;
margin-top: auto;
margin-bottom: auto;
}
.block-bottom-menu .menu-item .item-icon {
fill: var(--white-black, #fff);
padding: 8px 25px;
margin-top: auto;
margin-bottom: auto;
}
.block-bottom-menu .menu-item .item-icon svg {
width: 20px;
height: 20px;
fill: #fff0;
stroke: var(--white-black, #fff);
stroke-width: 1px;
}
.block-bottom-menu .menu-item:hover {
background: var(--blockBottomMenuHover, #9e9e9e42) !important;
}
.block-bottom-menu .select-item {
display: flex;
height: auto;
background: #494f64;
margin: 2px 6px 2px 6px;
cursor: pointer;
}
.block-bottom-menu .select-item .item-text {
font-size: 13px;
color: var(--white-black, #fff);
vertical-align: super;
margin-top: auto;
margin-bottom: auto;
}
.block-bottom-menu .select-item .item-icon {
fill: var(--white-black, #fff);
padding: 8px 25px;
margin-top: auto;
margin-bottom: auto;
}
.block-bottom-menu .select-item .item-icon svg {
width: 16px;
height: 16px;
fill: var(--white-black, #fff);
stroke-width: 1px;
}
.block-bottom-menu .select-item:hover {
background: var(--blockBottomMenuHover, #9e9e9e42) !important;
}
.block-bottom-menu .round-button-for-grouping {
background: none;
padding: 2px 5px 2px 5px;
border: 1px solid var(--bottomElements, gray);
border-radius: 50px;
margin: 20px auto 20px auto;
transition: 0.15s;
cursor: pointer;
width: 10px;
}
.block-bottom-menu .round-button-for-grouping svg {
width: 10px;
height: 10px;
}
.block-bottom-menu.btn-add .round-button-for-grouping {
transform: rotate(45deg);
}
.block-bottom-menu.btn-add .select-val-icon-menu svg {
transform: rotate(0deg);
}
.block-bottom-menu.btn-close .round-button-for-grouping {
transform: rotate(0deg);
}
.block-bottom-menu.btn-close .select-val-icon-menu svg {
transform: rotate(-180deg);
}
.block-bottom-menu .select-val {
padding: 12px;
display: flex;
}
.block-bottom-menu .select-val.btn-add {
border-top: 1px solid var(--blockBottomMenuHover, #fff);
}
.block-bottom-menu .select-val .select-val-icon {
margin: auto 5px auto auto;
}
.block-bottom-menu .select-val .select-val-icon svg {
fill: var(--white-black, #fff);
width: 20px;
height: 20px;
}
.block-bottom-menu .select-val .select-val-icon-menu {
margin: auto auto auto 8px;
}
.block-bottom-menu .select-val .select-val-icon-menu svg {
fill: var(--white-black, #fff);
transition: 0.15s;
width: 8px;
height: 8px;
}
.block-bottom-menu .select-val .select-val-text {
color: var(--white-black, #fff);
padding-left: 3px;
line-height: 1.5;
font-size: 13px;
margin: auto 0;
}
.block-bottom-menu .hybrid-button-sm {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-direction: row;
border-top: 1px solid var(--bottomMenuPlusHybridBorderColor, gray);
}
.block-bottom-menu .hybrid-button-sm.center {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.block-bottom-menu .hybrid-button-sm.center .select-val {
border: none;
}
.block-bottom-menu .hybrid-button-sm .button-m {
display: flex;
width: 75%;
height: 60px;
}
.block-bottom-menu .hybrid-button-sm .button-m .round-button-for-grouping {
margin: auto;
transform: rotate(45deg);
}
.block-bottom-menu .hybrid-button-sm .select-val {
width: 25%;
border-left: 1px solid var(--bottomMenuPlusHybridBorderColor, var(--default-gray, gray));
}
.block-bottom-menu .hybrid-button-sm .select-val .select-val-icon-menu svg {
transform: rotate(0deg);
}
.block-bottom-menu .hybrid-button-sm .button-m,
.block-bottom-menu .hybrid-button-sm .select-val {
position: relative;
justify-content: center;
align-items: center;
}
.block-bottom-menu .hybrid-button-sm .button-m .select-val-icon,
.block-bottom-menu .hybrid-button-sm .select-val .select-val-icon {
margin-top: 9px;
}
.block-bottom-menu .hybrid-button-sm .button-m .left-menu-button-hover,
.block-bottom-menu .hybrid-button-sm .select-val .left-menu-button-hover {
position: absolute;
height: 38px;
width: 52px;
}
.block-bottom-menu .hybrid-button-sm .button-m:hover .left-menu-button-hover,
.block-bottom-menu .hybrid-button-sm .select-val:hover .left-menu-button-hover {
background: var(--black-white, #000000);
opacity: 0.1;
border-radius: 6px;
}
.block-bottom-menu .button-menu-one {
display: flex;
position: relative;
justify-content: center;
align-items: center;
height: 60px;
border-top: 1px solid var(--bottomMenuPlusHybridBorderColor, var(--default-gray, gray));
}
.block-bottom-menu .button-menu-one .left-menu-button-hover {
position: absolute;
height: 38px;
width: 52px;
}
.block-bottom-menu .button-menu-one:hover .left-menu-button-hover {
background: var(--black-white, #000000);
opacity: 0.1;
border-radius: 6px;
}
.block-bottom-menu.btn-menu-menu .round-button-for-grouping {
transform: rotate(0deg) !important;
}
.block-bottom-menu.btn-select-menu .select-val-icon-menu svg {
transform: rotate(-180deg) !important;
}
.select-val .icon-eye-stock > path {
stroke: var(--bottomElements);
}
.filter-list-sticky-panel.b-left-block.v2 {
position: absolute;
top: 0;
right: 0;
height: calc(100% - 16px);
width: 375px;
background: var(--main-menu-popup-bg, #ffffff);
box-shadow: 0 0 7px var(--popup-shadow, rgba(0, 0, 0, 0.15));
border-radius: 18px 0 0 18px;
z-index: 2;
padding: 8px 0 8px 8px;
}
.filter-list-sticky-panel.b-left-block.v2 .b-first-block-hide {
display: block;
}
.filter-list-sticky-panel.b-left-block.v2 .b-first-block-hide__wr {
padding-right: 8px;
}
.filter-list-sticky-panel.b-left-block.v2 .close-sticky-panel {
cursor: pointer;
display: block;
width: 16px;
height: 16px;
padding: 4px;
}
.filter-list-sticky-panel.b-left-block.v2 .close-sticky-panel:hover svg {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: #fd0000;
}
.filter-list-sticky-panel.b-left-block.v2 .close-sticky-panel svg {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
stroke: var(--default-gray, #bbbbbb);
}
.filter-list-sticky-panel.b-left-block.v2 .search-and-hide__container {
padding: 2px 0 8px;
}
.filter-list-sticky-panel.b-left-block.v2 .search-and-hide__container .search-container {
border: 1px solid transparent;
margin-right: 7px;
}
.filter-list-sticky-panel.b-left-block.v2 .search-and-hide__container .search-container.active {
border: 1px solid var(--grey-list-border, #dedede);
background-color: var(--white-black, #ffffff);
}
.filter-list-sticky-panel.b-left-block.v2 .search-and-hide__container .search-container .search-input input {
color: var(--gray-dark-icon, #4B4B4B);
}
.filter-list-sticky-panel.b-left-block.v2 .search-and-hide__container .search-container .search-btn {
padding: 4px 4px 4px 10px;
}
.filter-list-sticky-panel.b-left-block.v2 .search-and-hide__container .search-container .search-btn:hover svg {
stroke: var(--core-dropdown-text, #9c9c9c);
}
.filter-list-sticky-panel.b-left-block.v2 .search-and-hide__container .search-container .search-btn svg {
stroke: var(--default-gray, #bbbbbb);
}
.filter-list-sticky-panel.b-left-block.v2 .search-and-hide__container .search-container .eye-btn svg {
stroke: var(--default-gray, #bbbbbb);
}
.filter-list-sticky-panel.b-left-block.v2 .menu-item-container {
margin: 0 !important;
}
.filter-list-sticky-panel.b-left-block.v2 .menu-item-container .menu-item .link {
margin: 0;
}
.filter-list-sticky-panel.b-left-block.v2 .block-bottom-menu {
background: var(--main-menu-popup-bg, #ffffff);
width: calc(100% - 16px);
}
.filter-list-sticky-panel.b-left-block.v2 .block-bottom-menu:after {
opacity: 0.2;
background-color: var(--Gray-task-card-title-text, #B4B4B4);
}
.filter-list-sticky-panel.b-left-block.v2 .block-bottom-menu .link .menu-text .menu-text-link svg {
stroke: var(--task-card-title-text, #4B4B4B);
}
.filter-list-sticky-panel.b-left-block.v2 .block-bottom-menu .menu-item-wr.active .link .menu-text .menu-text-link svg {
stroke: var(--activeFilterElement, #ffffff);
}
.filter-list-sticky-panel.b-left-block.v2 .baron_scroller__bar {
width: 6px;
}
.filter-list-sticky-panel.b-left-block.v2 .leftmenu {
padding-left: unset;
}
.filter-list-sticky-panel.b-left-block.v2 .settings-colorscheme-filter.inactive:hover .link {
background: var(--date-picker-bg, #F5F5F5);
}
.filter-list-sticky-panel.b-left-block.v2 .settings-colorscheme-filter.inactive .menu-text-link,
.filter-list-sticky-panel.b-left-block.v2 .settings-colorscheme-filter.inactive .menu-text-link-content {
color: var(--task-card-title-text, #4B4B4B) !important;
}
.filter-list-sticky-panel.b-left-block.v2 .left-menu-add-filter .left-menu-add-filter__icon {
stroke: var(--task-card-title-text, #808080);
}
.filter-list-sticky-panel.b-left-block.v2 .left-menu-add-filter .left-menu-add-filter__text {
color: var(--task-card-title-text, #4B4B4B);
}
.filter-list-sticky-panel.b-left-block.v2 .left-menu-add-filter .left-menu-add-filter__wr {
margin: 0;
}
.filter-list-sticky-panel.b-left-block.v2 .left-menu-add-filter .left-menu-add-filter__wr:hover {
background: var(--date-picker-bg, #F5F5F5);
}
.filter-list-sticky-panel.b-left-block.v2 .left-menu-add-filter .left-menu-add-filter__wr.active {
background-color: var(--date-picker-bg, #F5F5F5);
}
.filter-list-sticky-panel.b-left-block.v2 .link .menu-text .menu-text-link svg {
stroke: var(--task-card-title-text, #4B4B4B);
}
.filter-list-sticky-panel.b-left-block.v2 .menu-item-wr.active .link .menu-text .menu-text-link svg {
stroke: var(--activeFilterElement, #ffffff);
}
.tab-switcher {
padding: 0 15px 0 25px;
margin-top: 20px;
}
.tab-switcher .sections-wrapper {
display: flex;
}
.tab-switcher .sections-wrapper .section-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
cursor: pointer;
}
.tab-switcher .sections-wrapper .section-container .active-tab-block {
transition: width 0.2s ease-in-out;
height: 5px;
width: calc(100% - 8px);
background: transparent;
border-radius: 3px;
margin-top: 2px;
}
.tab-switcher .sections-wrapper .section-container.right {
margin-left: 28px;
}
.tab-switcher .sections-wrapper .section-container.active .active-tab-block {
background: var(--activeFilter, #1abe72);
}
.tab-switcher .sections-wrapper .section-container.active:hover .active-tab-block {
width: 100%;
}
.tab-switcher .sections-wrapper .section-container.active .log-section {
padding: 2px 0;
}
.tab-switcher .sections-wrapper .section-container:hover .log-section {
padding: 2px 4px;
background: var(--tab-switcher-hover, #e5e5e5);
}
.tab-switcher .sections-wrapper .log-section {
display: inline-block;
text-transform: uppercase;
color: var(--grey-group-text, #6c6c6c);
border-radius: 3px;
padding: 2px 0;
user-select: none;
cursor: pointer;
white-space: nowrap;
transition: all 0.2s ease-in-out;
}
.tr-common-item td {
background-color: var(--white-black, #fff);
-webkit-transition: background-color 150ms ease;
-moz-transition: background-color 150ms ease;
-o-transition: background-color 150ms ease;
-ms-transition: background-color 150ms ease;
transition: background-color 150ms ease;
}
.tr-common-item.tr-common-item-last td {
border-bottom: 1px solid var(--gray-border, #e2e2e2);
}
.tr-common-item.tr-common-item-last td:first-child {
border-bottom-left-radius: 12px;
}
.tbl-list-scroll__container_right .adaptive-width .tr-common-item.tr-common-item-last td:first-child {
border-bottom-left-radius: 0;
}
.tr-common-item.tr-common-item-last td:last-child {
border-bottom-right-radius: 12px;
}
.tbl-list-scroll__container_left .adaptive-width .tr-common-item.tr-common-item-last td:last-child {
border-bottom-right-radius: 0;
}
.tr-common-item .chzn-container-multi {
border-bottom: none;
}
.tr-common-item .chzn-container-single .chzn-single {
border-bottom: none;
}
.tr-common-item .td-head-qe-filter:hover,
.tr-common-item .td-head-qe-filter.td-head-qe-filter-active,
.tr-common-item .td-item-qe-editable:hover,
.tr-common-item .td-item-qe-editable.td-item-qe-editable-active {
outline-color: var(--task-status-color, var(--cardmenu-back, #53586b));
}
.tr-common-item.draggable {
pointer-events: none;
box-shadow: inset 6px 0 0 0 #f58220;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat;
height: 32px;
}
.tr-common-item.draggable > .td-item {
background: none !important;
border: none !important;
border-top: 1px solid var(--task-card-star, #d1d1d1) !important;
border-bottom: 1px solid var(--task-card-star, #d1d1d1) !important;
}
.tr-common-item.draggable > .td-item > * {
display: none;
}
.tr-common-item.draggable > .td-item:last-child {
border-right: 1px solid var(--grey-list-border, #dedede) !important;
}
/*
* standard hover
*/
.tbl-glittered td.docs-list-fake-cell,
.tr-common-item:hover td.docs-list-fake-cell,
.tr-item-qe-editable-active td.docs-list-fake-cell {
background-color: unset;
}
.tbl-glittered .td-item,
.tr-common-item:hover .td-item,
.tr-item-qe-editable-active .td-item {
border-left: 1px solid var(--grey-list-border, #dedede);
}
.tbl-glittered .td-item.td-head-cbx,
.tr-common-item:hover .td-item.td-head-cbx,
.tr-item-qe-editable-active .td-item.td-head-cbx {
border-left-color: transparent;
}
.tbl-glittered .td-item.td-cbx + .td-general-id,
.tr-common-item:hover .td-item.td-cbx + .td-general-id,
.tr-item-qe-editable-active .td-item.td-cbx + .td-general-id,
.tbl-glittered .td-item.avatar-ico,
.tr-common-item:hover .td-item.avatar-ico,
.tr-item-qe-editable-active .td-item.avatar-ico,
.tbl-glittered .td-item.td-item-avatar,
.tr-common-item:hover .td-item.td-item-avatar,
.tr-item-qe-editable-active .td-item.td-item-avatar,
.tbl-glittered .td-item.td-task-name,
.tr-common-item:hover .td-item.td-task-name,
.tr-item-qe-editable-active .td-item.td-task-name,
.tbl-glittered .td-item.td-project-name,
.tr-common-item:hover .td-item.td-project-name,
.tr-item-qe-editable-active .td-item.td-project-name {
border-left-color: transparent;
}
.tbl-glittered .td-item .td-span-text,
.tr-common-item:hover .td-item .td-span-text,
.tr-item-qe-editable-active .td-item .td-span-text {
opacity: 0;
}
.tbl-glittered .td-item.td-common,
.tr-common-item:hover .td-item.td-common,
.tr-item-qe-editable-active .td-item.td-common,
.tbl-glittered .td-item.work-space-item-title,
.tr-common-item:hover .td-item.work-space-item-title,
.tr-item-qe-editable-active .td-item.work-space-item-title {
border-left-color: var(--grey-list-border, #dedede);
}
.tbl-glittered .td-task-name-panel,
.tr-common-item:hover .td-task-name-panel,
.tr-item-qe-editable-active .td-task-name-panel {
-webkit-box-shadow: -3px 0 4px -1px var(--gray-border, #e2e2e2);
-moz-box-shadow: -3px 0 4px -1px var(--gray-border, #e2e2e2);
-o-box-shadow: -3px 0 4px -1px var(--gray-border, #e2e2e2);
box-shadow: -3px 0 4px -1px var(--gray-border, #e2e2e2);
}
.tr-item-qe-editable-active:hover td.td-item-qe-editable-active,
.tr-item-qe-editable-active td.td-item-qe-editable-active {
background-color: var(--main-menu-popup-bg, #ffffff);
}
.tr-item-qe-editable-active:hover td.td-item-qe-editable-active input,
.tr-item-qe-editable-active td.td-item-qe-editable-active input {
background-color: var(--main-menu-popup-bg);
}
.docs-list-item-folder:hover .td-task-name-panel {
-webkit-box-shadow: -3px 0 4px -1px var(--gray-border, #e2e2e2);
-moz-box-shadow: -3px 0 4px -1px var(--gray-border, #e2e2e2);
-o-box-shadow: -3px 0 4px -1px var(--gray-border, #e2e2e2);
box-shadow: -3px 0 4px -1px var(--gray-border, #e2e2e2);
}
.tbl-list:not(.tbl-list-nohover) .tr-common-item:hover .td-task-name-panel,
.tr-tasklist-project-item:hover .td-task-name-panel {
max-width: 100%;
}
.tbl-list:not(.tbl-list-nohover) .tr-common-item:hover .report-item .favorite-item[data-starred="0"],
.tr-tasklist-project-item:hover .report-item .favorite-item[data-starred="0"] {
display: inline-block;
}
.tbl-list:not(.tbl-list-nohover) .tr-common-item:hover .report-item .td-task-name-panel,
.tr-tasklist-project-item:hover .report-item .td-task-name-panel {
max-width: 100%;
}
.tbl-list:not(.tbl-list-nohover) .tr-common-item:hover .launch-edit-button,
.tr-tasklist-project-item:hover .launch-edit-button {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.tbl-list:not(.tbl-list-nohover) .tr-common-item:hover .td-item-qe-editable.td-task-name .td-task-name-panel,
.tr-tasklist-project-item:hover .td-item-qe-editable.td-task-name .td-task-name-panel {
right: 1px;
}
.tbl-list:not(.tbl-list-nohover) .tr-common-item:hover .td-item-qe-editable.td-task-name:hover .td-task-name-panel,
.tr-tasklist-project-item:hover .td-item-qe-editable.td-task-name:hover .td-task-name-panel {
bottom: 1px;
}
.tr-tasklist-project-item-empty {
height: 33px;
}
.tr-tasklist-project-item-empty td {
border: none !important;
background: none !important;
}
.tr-tasklist-project-item-empty.tr-tasklist-project-item-last td {
height: 46px;
}
/**
* выделенная строка, когда открыли задачу в правой панели
*/
.tr-common-item.tr-task-active td,
.tr-common-item.tr-task-active:hover td {
background-color: var(--task-status-mix, var(--cardmenu-back, var(--cardmenu-back, #53586b)));
border-color: var(--task-status-mix50, var(--cardmenu-back, var(--cardmenu-back, #53586b)));
color: var(--task-status-color, var(--white-black, #fff));
}
.tr-common-item.tr-task-active td.td-item,
.tr-common-item.tr-task-active:hover td.td-item {
border-color: var(--task-status-mix50, var(--cardmenu-back, var(--cardmenu-back, #53586b)));
}
.tasks-container-small .tr-common-item.tr-task-active td.td-item,
.tasks-container-small .tr-common-item.tr-task-active:hover td.td-item {
border-color: var(--task-status-mix50, var(--cardmenu-back, var(--cardmenu-back, #53586b)));
}
.tr-common-item.tr-task-active td.td-item.td-cbx + .td-general-id,
.tr-common-item.tr-task-active:hover td.td-item.td-cbx + .td-general-id,
.tr-common-item.tr-task-active td.td-item.td-cbx + .td-item,
.tr-common-item.tr-task-active:hover td.td-item.td-cbx + .td-item,
.tr-common-item.tr-task-active td.td-item.avatar-ico,
.tr-common-item.tr-task-active:hover td.td-item.avatar-ico,
.tr-common-item.tr-task-active td.td-item.td-item-avatar,
.tr-common-item.tr-task-active:hover td.td-item.td-item-avatar,
.tr-common-item.tr-task-active td.td-item.td-task-name,
.tr-common-item.tr-task-active:hover td.td-item.td-task-name,
.tr-common-item.tr-task-active td.td-item.td-project-name,
.tr-common-item.tr-task-active:hover td.td-item.td-project-name {
border-left-color: transparent;
}
.tr-common-item.tr-task-active + .tr-common-item td.td-item,
.tr-common-item.tr-task-active:hover + .tr-common-item td.td-item {
border-top-color: var(--task-status-top-border, var(--cardmenu-back, var(--cardmenu-back, #53586b)));
}
.tr-common-item.tr-task-active > div,
.tr-common-item.tr-task-active:hover > div,
.tr-common-item.tr-task-active a,
.tr-common-item.tr-task-active:hover a,
.tr-common-item.tr-task-active a:hover,
.tr-common-item.tr-task-active:hover a:hover,
.tr-common-item.tr-task-active .task-list-item-status > span,
.tr-common-item.tr-task-active:hover .task-list-item-status > span,
.tr-common-item.tr-task-active .task-list-gant-date,
.tr-common-item.tr-task-active:hover .task-list-gant-date,
.tr-common-item.tr-task-active > div > .crm-email,
.tr-common-item.tr-task-active:hover > div > .crm-email,
.tr-common-item.tr-task-active .fakelink,
.tr-common-item.tr-task-active:hover .fakelink,
.tr-common-item.tr-task-active .td-general-id,
.tr-common-item.tr-task-active:hover .td-general-id {
color: var(--task-status-color, var(--white-black, #fff));
}
.tr-common-item.tr-task-active > div::selection,
.tr-common-item.tr-task-active:hover > div::selection,
.tr-common-item.tr-task-active a::selection,
.tr-common-item.tr-task-active:hover a::selection,
.tr-common-item.tr-task-active a:hover::selection,
.tr-common-item.tr-task-active:hover a:hover::selection,
.tr-common-item.tr-task-active .task-list-item-status > span::selection,
.tr-common-item.tr-task-active:hover .task-list-item-status > span::selection,
.tr-common-item.tr-task-active .task-list-gant-date::selection,
.tr-common-item.tr-task-active:hover .task-list-gant-date::selection,
.tr-common-item.tr-task-active > div > .crm-email::selection,
.tr-common-item.tr-task-active:hover > div > .crm-email::selection,
.tr-common-item.tr-task-active .fakelink::selection,
.tr-common-item.tr-task-active:hover .fakelink::selection,
.tr-common-item.tr-task-active .td-general-id::selection,
.tr-common-item.tr-task-active:hover .td-general-id::selection,
.tr-common-item.tr-task-active > div * ::selection,
.tr-common-item.tr-task-active:hover > div * ::selection,
.tr-common-item.tr-task-active a * ::selection,
.tr-common-item.tr-task-active:hover a * ::selection,
.tr-common-item.tr-task-active a:hover * ::selection,
.tr-common-item.tr-task-active:hover a:hover * ::selection,
.tr-common-item.tr-task-active .task-list-item-status > span * ::selection,
.tr-common-item.tr-task-active:hover .task-list-item-status > span * ::selection,
.tr-common-item.tr-task-active .task-list-gant-date * ::selection,
.tr-common-item.tr-task-active:hover .task-list-gant-date * ::selection,
.tr-common-item.tr-task-active > div > .crm-email * ::selection,
.tr-common-item.tr-task-active:hover > div > .crm-email * ::selection,
.tr-common-item.tr-task-active .fakelink * ::selection,
.tr-common-item.tr-task-active:hover .fakelink * ::selection,
.tr-common-item.tr-task-active .td-general-id * ::selection,
.tr-common-item.tr-task-active:hover .td-general-id * ::selection {
background-color: var(--task-status-mix, var(--white-black, #ffffff));
}
.tr-common-item.tr-task-active .tr-tbllist-checkbox,
.tr-common-item.tr-task-active:hover .tr-tbllist-checkbox {
border-color: var(--task-status-mix, var(--gray-modal-background, #ebebeb));
}
.tr-common-item.tr-task-active .task-project-group-span,
.tr-common-item.tr-task-active:hover .task-project-group-span {
color: var(--task-status-mix75, var(--white-black, #fff));
}
.tr-common-item.tr-task-active .task-menu-placeholder .svg-icon-12px,
.tr-common-item.tr-task-active:hover .task-menu-placeholder .svg-icon-12px {
background-color: rgba(255, 255, 255, 0);
}
.tr-common-item.tr-task-active .task-menu-placeholder .svg-icon-12px:hover,
.tr-common-item.tr-task-active:hover .task-menu-placeholder .svg-icon-12px:hover {
background-color: rgba(255, 255, 255, 0.3);
}
.tr-common-item.tr-task-active .tbl-list .tr-head + .tr-common-item > td,
.tr-common-item.tr-task-active:hover .tbl-list .tr-head + .tr-common-item > td,
.tr-common-item.tr-task-active .td-task-name-panel,
.tr-common-item.tr-task-active:hover .td-task-name-panel {
box-shadow: 0 0 6px 6px var(--task-status-mix, var(--cardmenu-back, var(--cardmenu-back, #53586b)));
background-color: var(--task-status-mix, var(--cardmenu-back, var(--cardmenu-back, #53586b)));
}
.tr-common-item.tr-task-active .tbl-list .tr-head + .tr-common-item > td > i:first-child,
.tr-common-item.tr-task-active:hover .tbl-list .tr-head + .tr-common-item > td > i:first-child,
.tr-common-item.tr-task-active .td-task-name-panel > i:first-child,
.tr-common-item.tr-task-active:hover .td-task-name-panel > i:first-child,
.tr-common-item.tr-task-active .tbl-list .tr-head + .tr-common-item > td > span:first-child,
.tr-common-item.tr-task-active:hover .tbl-list .tr-head + .tr-common-item > td > span:first-child,
.tr-common-item.tr-task-active .td-task-name-panel > span:first-child,
.tr-common-item.tr-task-active:hover .td-task-name-panel > span:first-child {
padding-left: 9px;
}
.tr-common-item.tr-task-active .task-menu-placeholder .svg-icon-12px.gray,
.tr-common-item.tr-task-active:hover .task-menu-placeholder .svg-icon-12px.gray,
.tr-common-item.tr-task-active .favorite-item svg .star-color,
.tr-common-item.tr-task-active:hover .favorite-item svg .star-color,
.tr-common-item.tr-task-active .contact-company svg,
.tr-common-item.tr-task-active:hover .contact-company svg,
.tr-common-item.tr-task-active .handbook-list-item-view svg,
.tr-common-item.tr-task-active:hover .handbook-list-item-view svg,
.tr-common-item.tr-task-active .sort-item svg,
.tr-common-item.tr-task-active:hover .sort-item svg,
.tr-common-item.tr-task-active svg,
.tr-common-item.tr-task-active:hover svg {
fill: var(--task-status-color, var(--white-black, #ffffff));
}
.tr-common-item.tr-task-active .green2 svg,
.tr-common-item.tr-task-active:hover .green2 svg,
.tr-common-item.tr-task-active .task-periodic-sign svg,
.tr-common-item.tr-task-active:hover .task-periodic-sign svg,
.tr-common-item.tr-task-active .common-btn-icon svg,
.tr-common-item.tr-task-active:hover .common-btn-icon svg,
.tr-common-item.tr-task-active .svg-icon-stroke svg,
.tr-common-item.tr-task-active:hover .svg-icon-stroke svg {
stroke: var(--task-status-color, var(--white-black, #ffffff));
}
.tr-common-item.tr-task-active .acc-settings-pic path,
.tr-common-item.tr-task-active:hover .acc-settings-pic path {
stroke: var(--task-status-color, var(--white-black, #ffffff));
}
.tr-common-item.tr-task-active .service-pic,
.tr-common-item.tr-task-active:hover .service-pic {
position: relative;
z-index: -1;
}
.tbl-list .tr-head + .tr-common-item.tr-task-active > td,
.tbl-list tbody .tr-common-item.tr-task-active:first-child > td {
border-top-color: var(--task-status-mix50, var(--gray-modal-background, #ebebeb));
}
.tbl-list tbody .tr-common-item.tr-task-active:last-child > td {
border-bottom-color: var(--task-status-mix50, var(--gray-modal-background, #ebebeb));
}
.tbl-list-project .tr-common-item.tr-task-active + .tr-common-item .td-item {
border-top-color: var(--task-status-top-border, var(--gray-modal-background, #ebebeb));
}
/**
* Шаблоны и повторяющие задачи
*
* tr-common-item объявляем, чтобы повысить приоритет перед status.less,
* который ниже по порядку
*/
.tr-common-item.tr-tasktype-template td,
.tr-common-item.tr-tasktype-crmtemplate td {
color: var(--template-color, #7f00a3);
text-decoration: none !important;
}
.tr-common-item.tr-tasktype-template .td-general-id,
.tr-common-item.tr-tasktype-crmtemplate .td-general-id,
.tr-common-item.tr-tasktype-template .crm-email,
.tr-common-item.tr-tasktype-crmtemplate .crm-email,
.tr-common-item.tr-tasktype-template a,
.tr-common-item.tr-tasktype-crmtemplate a,
.tr-common-item.tr-tasktype-template a:hover,
.tr-common-item.tr-tasktype-crmtemplate a:hover {
color: var(--template-color, #7f00a3);
font-weight: normal;
}
.tr-common-item.tr-tasktype-template .td-item.td-item-qe-editable,
.tr-common-item.tr-tasktype-crmtemplate .td-item.td-item-qe-editable,
.tr-common-item.tr-tasktype-template .td-item.td-item-qe-editable:hover,
.tr-common-item.tr-tasktype-crmtemplate .td-item.td-item-qe-editable:hover {
outline-color: var(--template-color, #7f00a3);
}
.tr-common-item.tr-tasktype-template .td-item .sort-item svg,
.tr-common-item.tr-tasktype-crmtemplate .td-item .sort-item svg {
fill: var(--template-color, #7f00a3);
}
.tr-common-item.tr-tasktype-template .td-item .contact-company svg,
.tr-common-item.tr-tasktype-crmtemplate .td-item .contact-company svg {
stroke: #7f00a3;
}
.tr-common-item.tr-tasktype-template.tr-task-active,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active,
.tr-common-item.tr-tasktype-template.tr-task-active:hover,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover {
border-color: color-mix(in srgb, #7f00a3 65%, var(--white-black, #ffffff) 35%);
color: var(--template-color, #7f00a3);
}
.tr-common-item.tr-tasktype-template.tr-task-active .tr-tbllist-checkbox,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active .tr-tbllist-checkbox,
.tr-common-item.tr-tasktype-template.tr-task-active:hover .tr-tbllist-checkbox,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover .tr-tbllist-checkbox {
border-color: color-mix(in srgb, #7f00a3 25%, var(--white-black, #ffffff) 75%);
}
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item {
background-color: color-mix(in srgb, #7f00a3 25%, var(--white-black, #ffffff) 75%);
color: var(--template-color, #7f00a3);
border-color: color-mix(in srgb, #7f00a3 35%, var(--white-black, #ffffff) 65%);
}
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item .td-general-id,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item .td-general-id,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item .td-general-id,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item .td-general-id,
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item .crm-email,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item .crm-email,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item .crm-email,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item .crm-email,
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item .task-list-item-status > span,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item .task-list-item-status > span,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item .task-list-item-status > span,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item .task-list-item-status > span,
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item .task-list-gant-date,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item .task-list-gant-date,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item .task-list-gant-date,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item .task-list-gant-date,
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item a,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item a,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item a,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item a,
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item a:hover,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item a:hover,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item a:hover,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item a:hover,
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item div,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item div,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item div,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item div {
color: var(--template-color, #7f00a3);
}
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item .task-project-group-span,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item .task-project-group-span,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item .task-project-group-span,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item .task-project-group-span,
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item .td-project-title-group,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item .td-project-title-group,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item .td-project-title-group,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item .td-project-title-group {
color: color-mix(in srgb, #7f00a3 65%, var(--white-black, #ffffff) 35%);
}
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item.td-general-id,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item.td-general-id,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item.td-general-id,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item.td-general-id,
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item.avatar-ico,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item.avatar-ico,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item.avatar-ico,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item.avatar-ico,
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item.td-item-avatar,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item.td-item-avatar,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item.td-item-avatar,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item.td-item-avatar,
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item.td-task-name,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item.td-task-name,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item.td-task-name,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item.td-task-name,
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item.td-project-name,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item.td-project-name,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item.td-project-name,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item.td-project-name {
border-left-color: transparent;
}
.tr-common-item.tr-tasktype-template.tr-task-active td.td-item.common-btn-icon svg,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item.common-btn-icon svg,
.tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item.common-btn-icon svg,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item.common-btn-icon svg {
stroke: rgba(127, 0, 163, 0.7);
}
.tasks-container-small .tr-common-item.tr-tasktype-template.tr-task-active td.td-item,
.tasks-container-small .tr-common-item.tr-tasktype-crmtemplate.tr-task-active td.td-item,
.tasks-container-small .tr-common-item.tr-tasktype-template.tr-task-active:hover td.td-item,
.tasks-container-small .tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover td.td-item {
border-color: color-mix(in srgb, #7f00a3 35%, var(--white-black, #ffffff) 65%);
}
.tr-common-item.tr-tasktype-template.tr-task-active + .tr-common-item td.td-item,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active + .tr-common-item td.td-item,
.tr-common-item.tr-tasktype-template.tr-task-active:hover + .tr-common-item td.td-item,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover + .tr-common-item td.td-item {
border-top-color: color-mix(in srgb, #7f00a3 35%, var(--white-black, #ffffff) 65%);
}
.tr-common-item.tr-tasktype-template.tr-task-active .td-task-name .td-task-name-panel,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active .td-task-name .td-task-name-panel,
.tr-common-item.tr-tasktype-template.tr-task-active:hover .td-task-name .td-task-name-panel,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover .td-task-name .td-task-name-panel {
background-color: color-mix(in srgb, #7f00a3 25%, var(--white-black, #ffffff) 75%);
box-shadow: -13px 0 6px -1px color-mix(in srgb, #7f00a3 25%, var(--white-black, #ffffff) 75%);
}
.tr-common-item.tr-tasktype-template.tr-task-active .td-task-name .td-task-name-panel .task-menu-placeholder .svg-icon-12px svg,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active .td-task-name .td-task-name-panel .task-menu-placeholder .svg-icon-12px svg,
.tr-common-item.tr-tasktype-template.tr-task-active:hover .td-task-name .td-task-name-panel .task-menu-placeholder .svg-icon-12px svg,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover .td-task-name .td-task-name-panel .task-menu-placeholder .svg-icon-12px svg,
.tr-common-item.tr-tasktype-template.tr-task-active .td-task-name .td-task-name-panel .favorite-item svg .star-color,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active .td-task-name .td-task-name-panel .favorite-item svg .star-color,
.tr-common-item.tr-tasktype-template.tr-task-active:hover .td-task-name .td-task-name-panel .favorite-item svg .star-color,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover .td-task-name .td-task-name-panel .favorite-item svg .star-color {
fill: rgba(127, 0, 163, 0.7);
}
.tr-common-item.tr-tasktype-template.tr-task-active .td-task-name .td-task-name-panel .svg-icon-stroke.green2 svg,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active .td-task-name .td-task-name-panel .svg-icon-stroke.green2 svg,
.tr-common-item.tr-tasktype-template.tr-task-active:hover .td-task-name .td-task-name-panel .svg-icon-stroke.green2 svg,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover .td-task-name .td-task-name-panel .svg-icon-stroke.green2 svg,
.tr-common-item.tr-tasktype-template.tr-task-active .td-task-name .td-task-name-panel .task-periodic-sign svg,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active .td-task-name .td-task-name-panel .task-periodic-sign svg,
.tr-common-item.tr-tasktype-template.tr-task-active:hover .td-task-name .td-task-name-panel .task-periodic-sign svg,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover .td-task-name .td-task-name-panel .task-periodic-sign svg {
stroke: rgba(127, 0, 163, 0.7);
}
.tr-common-item.tr-tasktype-template.tr-task-active svg,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active svg,
.tr-common-item.tr-tasktype-template.tr-task-active:hover svg,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover svg {
fill: rgba(127, 0, 163, 0.7);
}
.tasks-container-small .tbl-list .tr-common-item.tr-tasktype-template.tr-task-active > td.td-task-name,
.tasks-container-small .tbl-list .tr-common-item.tr-tasktype-crmtemplate.tr-task-active > td.td-task-name,
.tasks-container-small .tbl-list .tr-common-item.tr-tasktype-template.tr-task-active:hover > td.td-task-name,
.tasks-container-small .tbl-list .tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover > td.td-task-name,
.tasks-container-small .tbl-list .tr-common-item.tr-tasktype-template.tr-task-active > td.td-project-name,
.tasks-container-small .tbl-list .tr-common-item.tr-tasktype-crmtemplate.tr-task-active > td.td-project-name,
.tasks-container-small .tbl-list .tr-common-item.tr-tasktype-template.tr-task-active:hover > td.td-project-name,
.tasks-container-small .tbl-list .tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover > td.td-project-name {
border-right-color: color-mix(in srgb, #7f00a3 65%, var(--white-black, #ffffff) 35%);
}
.tr-common-item.tr-tasktype-template.tr-task-active:last-child:not(.email-service-header-tr) > td.td-item,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:last-child:not(.email-service-header-tr) > td.td-item,
.tr-common-item.tr-tasktype-template.tr-task-active:hover:last-child:not(.email-service-header-tr) > td.td-item,
.tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover:last-child:not(.email-service-header-tr) > td.td-item {
border-color: color-mix(in srgb, #7f00a3 65%, var(--white-black, #ffffff) 35%);
}
.tbl-list-project .tr-common-item.tr-tasktype-template.tr-task-active,
.tbl-list-project .tr-common-item.tr-tasktype-crmtemplate.tr-task-active,
.tbl-list-project .tr-common-item.tr-tasktype-template.tr-task-active:hover,
.tbl-list-project .tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover {
background-color: color-mix(in srgb, #7f00a3 75%, var(--white-black, #ffffff) 25%);
}
.tbl-list-project .tr-common-item.tr-tasktype-template.tr-task-active div,
.tbl-list-project .tr-common-item.tr-tasktype-crmtemplate.tr-task-active div,
.tbl-list-project .tr-common-item.tr-tasktype-template.tr-task-active:hover div,
.tbl-list-project .tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover div {
color: var(--template-color, #7f00a3);
}
.tbl-list-project .tr-common-item.tr-tasktype-template.tr-task-active.td-item-qe-editable.td-item-qe-editable-active,
.tbl-list-project .tr-common-item.tr-tasktype-crmtemplate.tr-task-active.td-item-qe-editable.td-item-qe-editable-active,
.tbl-list-project .tr-common-item.tr-tasktype-template.tr-task-active:hover.td-item-qe-editable.td-item-qe-editable-active,
.tbl-list-project .tr-common-item.tr-tasktype-crmtemplate.tr-task-active:hover.td-item-qe-editable.td-item-qe-editable-active {
background-color: var(--template-color, #7f00a3);
}
/**
*
* Просроченные задачи
* просроченными могут быть даже шаблоны (с установленным временем завершения)
*
*/
.tr-common-item.tr-taskdeadline-dead td {
color: var(--task-deadline-dead, #fd0000);
}
.tr-common-item.tr-taskdeadline-dead a {
color: var(--task-deadline-dead, #fd0000);
}
.tr-common-item.tr-taskdeadline-dead.item-active-deadline-dead .td-item-qe-editable {
outline-color: var(--task-deadline-dead, #fd0000) !important;
}
.tr-common-item.tr-taskdeadline-dead:hover .td-item,
.tr-common-item.tr-taskdeadline-dead .td-item {
color: var(--task-deadline-dead, #fd0000) !important;
}
.tr-common-item.tr-taskdeadline-dead:hover .td-item.td-general-id,
.tr-common-item.tr-taskdeadline-dead .td-item.td-general-id,
.tr-common-item.tr-taskdeadline-dead:hover .td-item.crm-email,
.tr-common-item.tr-taskdeadline-dead .td-item.crm-email,
.tr-common-item.tr-taskdeadline-dead:hover .td-item a,
.tr-common-item.tr-taskdeadline-dead .td-item a,
.tr-common-item.tr-taskdeadline-dead:hover .td-item a:hover,
.tr-common-item.tr-taskdeadline-dead .td-item a:hover {
color: var(--task-deadline-dead, #fd0000);
}
.tr-common-item.tr-taskdeadline-dead .td-item .sort-item svg {
fill: var(--task-deadline-dead, #fd0000) !important;
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover {
border-color: color-mix(in srgb, var(--task-deadline-dead, #fd0000) 65%, var(--white-black, #ffffff) 35%) !important;
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active td.td-item,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover td.td-item {
background-color: color-mix(in srgb, var(--task-deadline-dead, #fd0000) 25%, var(--white-black, #ffffff) 75%) !important;
border-color: color-mix(in srgb, var(--task-deadline-dead, #fd0000) 35%, var(--white-black, #ffffff) 65%);
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active td.td-item.td-item-qe-editable.td-item-qe-editable-active,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover td.td-item.td-item-qe-editable.td-item-qe-editable-active {
background-color: var(--task-deadline-dead, #fd0000);
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active td.td-item .contact-company svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover td.td-item .contact-company svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active td.td-item.common-btn-icon svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover td.td-item.common-btn-icon svg {
stroke: rgba(253, 0, 0, 0.7);
}
.tasks-container-small .tr-common-item.tr-taskdeadline-dead.tr-task-active td.td-item,
.tasks-container-small .tr-common-item.tr-taskdeadline-dead.tr-task-active:hover td.td-item {
border-color: color-mix(in srgb, var(--task-deadline-dead, #fd0000) 35%, var(--white-black, #ffffff) 65%);
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active td.td-item .task-project-group-span,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover td.td-item .task-project-group-span,
.tr-common-item.tr-taskdeadline-dead.tr-task-active td.td-item .td-project-title-group,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover td.td-item .td-project-title-group {
color: color-mix(in srgb, var(--task-deadline-dead, #fd0000) 65%, var(--white-black, #ffffff) 35%);
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active td.td-item.td-general-id,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover td.td-item.td-general-id,
.tr-common-item.tr-taskdeadline-dead.tr-task-active td.td-item.avatar-ico,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover td.td-item.avatar-ico,
.tr-common-item.tr-taskdeadline-dead.tr-task-active td.td-item.td-item-avatar,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover td.td-item.td-item-avatar {
border-left-color: transparent;
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active:first-child td.td-item,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover:first-child td.td-item {
border-top-color: color-mix(in srgb, var(--task-deadline-dead, #fd0000) 35%, var(--white-black, #ffffff));
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active + .tr-common-item td.td-item,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover + .tr-common-item td.td-item {
border-top-color: color-mix(in srgb, var(--task-deadline-dead, #fd0000) 35%, var(--white-black, #ffffff) 65%);
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active .tr-tbllist-checkbox,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .tr-tbllist-checkbox {
border-color: color-mix(in srgb, var(--task-deadline-dead, #fd0000) 25%, var(--white-black, #ffffff) 75%);
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover svg {
fill: rgba(253, 0, 0, 0.7);
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active .task-status-icon svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .task-status-icon svg {
fill: none;
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-task-name,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-task-name,
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-project-name,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-project-name {
border-left-color: transparent;
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-task-name .td-task-name-panel,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-task-name .td-task-name-panel,
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-project-name .td-task-name-panel,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-project-name .td-task-name-panel {
background-color: color-mix(in srgb, var(--task-deadline-dead, #fd0000) 25%, var(--white-black, #ffffff) 75%);
box-shadow: -13px 0 6px -1px color-mix(in srgb, var(--task-deadline-dead, #fd0000) 25%, var(--white-black, #ffffff) 75%);
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-task-name .td-task-name-panel .task-menu-placeholder .svg-icon-12px svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-task-name .td-task-name-panel .task-menu-placeholder .svg-icon-12px svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-project-name .td-task-name-panel .task-menu-placeholder .svg-icon-12px svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-project-name .td-task-name-panel .task-menu-placeholder .svg-icon-12px svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-task-name .td-task-name-panel .favorite-item svg .star-color,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-task-name .td-task-name-panel .favorite-item svg .star-color,
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-project-name .td-task-name-panel .favorite-item svg .star-color,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-project-name .td-task-name-panel .favorite-item svg .star-color {
fill: rgba(253, 0, 0, 0.7);
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-task-name .td-task-name-panel .svg-icon-stroke.green2 svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-task-name .td-task-name-panel .svg-icon-stroke.green2 svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-project-name .td-task-name-panel .svg-icon-stroke.green2 svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-project-name .td-task-name-panel .svg-icon-stroke.green2 svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-task-name .td-task-name-panel .task-periodic-sign svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-task-name .td-task-name-panel .task-periodic-sign svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active .td-item.td-project-name .td-task-name-panel .task-periodic-sign svg,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover .td-item.td-project-name .td-task-name-panel .task-periodic-sign svg {
stroke: rgba(253, 0, 0, 0.7);
}
.tasks-container-small .tbl-list .tr-common-item.tr-taskdeadline-dead.tr-task-active > td.td-task-name,
.tasks-container-small .tbl-list .tr-common-item.tr-taskdeadline-dead.tr-task-active:hover > td.td-task-name,
.tasks-container-small .tbl-list .tr-common-item.tr-taskdeadline-dead.tr-task-active > td.td-project-name,
.tasks-container-small .tbl-list .tr-common-item.tr-taskdeadline-dead.tr-task-active:hover > td.td-project-name {
border-right-color: color-mix(in srgb, var(--task-deadline-dead, #fd0000) 35%, var(--white-black, #ffffff) 65%);
}
.tr-common-item.tr-taskdeadline-dead.tr-task-active:last-child:not(.email-service-header-tr) > td.td-item,
.tr-common-item.tr-taskdeadline-dead.tr-task-active:hover:last-child:not(.email-service-header-tr) > td.td-item {
border-color: color-mix(in srgb, var(--task-deadline-dead, #fd0000) 35%, var(--white-black, #ffffff) 65%);
}
.td-button-holder {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding-right: 10px;
}
.launch-edit-button {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
cursor: pointer;
-webkit-transition: opacity 150ms ease;
-moz-transition: opacity 150ms ease;
-o-transition: opacity 150ms ease;
-ms-transition: opacity 150ms ease;
transition: opacity 150ms ease;
padding-left: 15px;
display: none;
}
.launch-edit-button:hover svg {
stroke: #00864b;
}
.launch-edit-button span {
width: 20px;
height: 20px;
}
.launch-edit-button span svg {
padding: 2px;
}
.launch-edit-button.launch-button {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.report-item .favorite-item[data-starred="0"] {
display: none;
}
/**
*
* список задач
*
*/
/**
*
* список контактов
*
*/
.td-task-name-link {
cursor: pointer;
}
.td-task-name .td-task-name-star-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
right: -2px;
}
.td-task-name .td-task-name-star-container > i {
width: 20px;
height: 20px;
margin: 0;
}
.td-task-name .td-task-name-star-container > i > svg {
padding: 2px 0 0 2px;
}
.td-task-name:last-child .td-task-name-star-container svg {
padding-left: 0;
}
.td-task-name-panel {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: absolute;
background: var(--white-black, white);
top: 0;
bottom: 0;
right: 0;
-webkit-box-shadow: 0px 0 0px 0 var(--gray-border, #e2e2e2);
-moz-box-shadow: 0px 0 0px 0 var(--gray-border, #e2e2e2);
-o-box-shadow: 0px 0 0px 0 var(--gray-border, #e2e2e2);
box-shadow: 0px 0 0px 0 var(--gray-border, #e2e2e2);
max-width: 0;
}
.td-task-name-panel > i,
.td-task-name-panel > span {
width: 20px;
height: 20px;
padding: 0 0 0 15px;
margin: 0;
}
.td-task-name-panel > i:last-child,
.td-task-name-panel > span:last-child {
padding-right: 13px;
}
.td-task-name-panel > i > svg,
.td-task-name-panel > span > svg,
.td-task-name-panel > i img,
.td-task-name-panel > span img {
padding: 2px;
}
.td-task-name-panel > i.hda-quickaction-delete-access {
width: 16px;
height: 16px;
}
.td-task-name-panel > i.hda-quickaction-delete-access > svg {
padding: 0;
}
.td-task-name-panel > div:not(.loader):last-child {
padding-right: 13px;
}
.td-task-name-panel .loader {
width: 14px;
height: 14px;
margin-left: 15px;
}
.td-task-name-panel .loader:last-child {
margin-right: 14px;
}
.td-task-name-panel .img-star .loader,
.td-task-name-panel .img-star .loader::after {
width: 14px;
height: 14px;
margin: auto;
}
.td-task-name-panel_starred,
.td-task-name-panel_periodicity,
.td-task-name-panel_chained {
-webkit-box-shadow: -13px 0 6px -1px var(--white-black, #ffffff);
-moz-box-shadow: -13px 0 6px -1px var(--white-black, #ffffff);
-o-box-shadow: -13px 0 6px -1px var(--white-black, #ffffff);
box-shadow: -13px 0 6px -1px var(--white-black, #ffffff);
max-width: unset;
right: 1px;
}
.td-task-name-panel_starred .task-menu-placeholder,
.td-task-name-panel_periodicity .task-menu-placeholder,
.td-task-name-panel_chained .task-menu-placeholder {
display: none;
}
.tr-common-item:hover .td-task-name-panel_starred .task-menu-placeholder,
.tr-common-item:hover .td-task-name-panel_periodicity .task-menu-placeholder,
.tr-common-item:hover .td-task-name-panel_chained .task-menu-placeholder {
display: block;
}
.td-task-name-panel_starred.td-task-name-panel_periodicity {
max-width: 84px;
}
.td-task-name-panel.td-task-name-panel_active {
max-width: 100%;
}
.tbl-list .report-item .td-task-name-panel.td-task-name-panel_active {
max-width: 100%;
}
.tbl-list .report-item .td-task-name-panel.td-task-name-panel_active .launch-edit-button {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.tbl-list .report-item .td-task-name-panel.td-task-name-panel_active .favorite-item[data-starred="0"] {
display: inline-block;
}
.td-task-name-panel.td-task-name-panel_active .task-menu-placeholder {
display: block;
}
.tbl-greened a {
color: #00864b;
}
.tbl-list,
.tbl-tool-list,
.tbl-list-floating-head {
width: 100%;
border-spacing: 0;
/* подзадачи */
/* проект горит */
/* выключен */
}
.tbl-list .tr-hand,
.tbl-tool-list .tr-hand,
.tbl-list-floating-head .tr-hand {
cursor: pointer;
}
.tbl-list .td-item,
.tbl-tool-list .td-item,
.tbl-list-floating-head .td-item {
border-left: 1px solid var(--gray-border, #e2e2e2);
font-size: 13px;
line-height: 1em;
border-top: 1px solid transparent;
padding: 3px 10px;
}
.tbl-list .td-item:first-child,
.tbl-tool-list .td-item:first-child,
.tbl-list-floating-head .td-item:first-child {
border-left: 1px solid var(--gray-border, #e2e2e2);
}
.tbl-list .td-item:last-child,
.tbl-tool-list .td-item:last-child,
.tbl-list-floating-head .td-item:last-child {
border-right: 1px solid var(--gray-border, #e2e2e2);
}
.tbl-list .td-item .after-big-item .launch-edit-button,
.tbl-tool-list .td-item .after-big-item .launch-edit-button,
.tbl-list-floating-head .td-item .after-big-item .launch-edit-button {
display: inline-block;
padding-left: 10px;
}
.tbl-list .td-item .td-report-name,
.tbl-tool-list .td-item .td-report-name,
.tbl-list-floating-head .td-item .td-report-name {
padding-top: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.tbl-list .td-item .td-report-name a:hover,
.tbl-tool-list .td-item .td-report-name a:hover,
.tbl-list-floating-head .td-item .td-report-name a:hover {
text-decoration: none;
}
.tbl-list .td-item .td-report-descr,
.tbl-tool-list .td-item .td-report-descr,
.tbl-list-floating-head .td-item .td-report-descr {
padding-bottom: 0;
}
.tbl-list .td-item.td-head-cbx,
.tbl-tool-list .td-item.td-head-cbx,
.tbl-list-floating-head .td-item.td-head-cbx,
.tbl-list .td-item.td-task-name,
.tbl-tool-list .td-item.td-task-name,
.tbl-list-floating-head .td-item.td-task-name,
.tbl-list .td-item.td-project-name,
.tbl-tool-list .td-item.td-project-name,
.tbl-list-floating-head .td-item.td-project-name,
.tbl-list .td-item.avatar-ico,
.tbl-tool-list .td-item.avatar-ico,
.tbl-list-floating-head .td-item.avatar-ico,
.tbl-list .td-item.td-item-avatar,
.tbl-tool-list .td-item.td-item-avatar,
.tbl-list-floating-head .td-item.td-item-avatar {
border-left: 1px solid transparent;
-webkit-transition-property: border-color, background-color;
-moz-transition-property: border-color, background-color;
-o-transition-property: border-color, background-color;
-ms-transition-property: border-color, background-color;
transition-property: border-color, background-color;
-webkit-transition-duration: 150ms;
-moz-transition-duration: 150ms;
-o-transition-duration: 150ms;
-ms-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
-ms-transition-timing-function: ease;
transition-timing-function: ease;
}
.tbl-list .td-item.td-head-cbx.has-left-border,
.tbl-tool-list .td-item.td-head-cbx.has-left-border,
.tbl-list-floating-head .td-item.td-head-cbx.has-left-border,
.tbl-list .td-item.td-task-name.has-left-border,
.tbl-tool-list .td-item.td-task-name.has-left-border,
.tbl-list-floating-head .td-item.td-task-name.has-left-border,
.tbl-list .td-item.td-project-name.has-left-border,
.tbl-tool-list .td-item.td-project-name.has-left-border,
.tbl-list-floating-head .td-item.td-project-name.has-left-border,
.tbl-list .td-item.avatar-ico.has-left-border,
.tbl-tool-list .td-item.avatar-ico.has-left-border,
.tbl-list-floating-head .td-item.avatar-ico.has-left-border,
.tbl-list .td-item.td-item-avatar.has-left-border,
.tbl-tool-list .td-item.td-item-avatar.has-left-border,
.tbl-list-floating-head .td-item.td-item-avatar.has-left-border {
border-left: 1px solid var(--gray-border, #e2e2e2);
}
.tbl-list .td-item.td-common,
.tbl-tool-list .td-item.td-common,
.tbl-list-floating-head .td-item.td-common,
.tbl-list .td-item.work-space-item-title,
.tbl-tool-list .td-item.work-space-item-title,
.tbl-list-floating-head .td-item.work-space-item-title {
border-left-color: var(--gray-border, #e2e2e2);
}
.tbl-list .td-item.td-cbx + .td-general-id,
.tbl-tool-list .td-item.td-cbx + .td-general-id,
.tbl-list-floating-head .td-item.td-cbx + .td-general-id,
.tbl-list .td-item.td-cbx + .td-icon + .td-move,
.tbl-tool-list .td-item.td-cbx + .td-icon + .td-move,
.tbl-list-floating-head .td-item.td-cbx + .td-icon + .td-move,
.tbl-list .td-item.avatar-ico + .td-item,
.tbl-tool-list .td-item.avatar-ico + .td-item,
.tbl-list-floating-head .td-item.avatar-ico + .td-item,
.tbl-list .td-item.td-item-avatar + .td-item,
.tbl-tool-list .td-item.td-item-avatar + .td-item,
.tbl-list-floating-head .td-item.td-item-avatar + .td-item,
.tbl-list .td-item.td-item + .handbook-group,
.tbl-tool-list .td-item.td-item + .handbook-group,
.tbl-list-floating-head .td-item.td-item + .handbook-group,
.tbl-list .td-item.handbook-group + .td-item,
.tbl-tool-list .td-item.handbook-group + .td-item,
.tbl-list-floating-head .td-item.handbook-group + .td-item,
.tbl-list .td-item.handbook-item.td-cbx + .td-item,
.tbl-tool-list .td-item.handbook-item.td-cbx + .td-item,
.tbl-list-floating-head .td-item.handbook-item.td-cbx + .td-item {
border-left-color: transparent !important;
}
.tr-report-total .tbl-list .td-item + .td-item,
.tr-report-total .tbl-tool-list .td-item + .td-item,
.tr-report-total .tbl-list-floating-head .td-item + .td-item,
.tbl-list .td-item.td-empty + .td-item,
.tbl-tool-list .td-item.td-empty + .td-item,
.tbl-list-floating-head .td-item.td-empty + .td-item,
.tbl-list .td-item.td-cbx + .td-move.td-before-task-name,
.tbl-tool-list .td-item.td-cbx + .td-move.td-before-task-name,
.tbl-list-floating-head .td-item.td-cbx + .td-move.td-before-task-name {
border-left-color: transparent;
}
.tbl-list .td-item.td-item-system-template .task-project-group-span,
.tbl-tool-list .td-item.td-item-system-template .task-project-group-span,
.tbl-list-floating-head .td-item.td-item-system-template .task-project-group-span {
padding-left: 12px;
}
.tbl-list .td-item a,
.tbl-tool-list .td-item a,
.tbl-list-floating-head .td-item a {
text-decoration: none;
-webkit-transition: color 150ms ease;
-moz-transition: color 150ms ease;
-o-transition: color 150ms ease;
-ms-transition: color 150ms ease;
transition: color 150ms ease;
}
.tbl-list .td-item a[href]:hover,
.tbl-tool-list .td-item a[href]:hover,
.tbl-list-floating-head .td-item a[href]:hover {
text-decoration: none;
}
.tbl-list .td-item a[href]:hover :not(.td-task-name-link),
.tbl-tool-list .td-item a[href]:hover :not(.td-task-name-link),
.tbl-list-floating-head .td-item a[href]:hover :not(.td-task-name-link) {
color: #4573B1;
}
.tbl-list .td-item a[href]:hover.fakelink-dashed.fakelink-dashed-inactive,
.tbl-tool-list .td-item a[href]:hover.fakelink-dashed.fakelink-dashed-inactive,
.tbl-list-floating-head .td-item a[href]:hover.fakelink-dashed.fakelink-dashed-inactive,
.tbl-list .td-item a[href]:hover.fakelink.fakelink-inactive,
.tbl-tool-list .td-item a[href]:hover.fakelink.fakelink-inactive,
.tbl-list-floating-head .td-item a[href]:hover.fakelink.fakelink-inactive {
color: var(--task-card-action-like-num, #9D9D9D);
}
.tbl-list .td-item .tbl-inner-cell td,
.tbl-tool-list .td-item .tbl-inner-cell td,
.tbl-list-floating-head .td-item .tbl-inner-cell td {
font-size: 13px;
}
.tbl-list .td-item .sort-item,
.tbl-tool-list .td-item .sort-item,
.tbl-list-floating-head .td-item .sort-item {
cursor: url("/img/openhand.cur"), move;
display: block;
width: 10px;
height: 14px;
-webkit-transition: opacity 150ms ease;
-moz-transition: opacity 150ms ease;
-o-transition: opacity 150ms ease;
-ms-transition: opacity 150ms ease;
transition: opacity 150ms ease;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.tbl-list .td-item .sort-item svg,
.tbl-tool-list .td-item .sort-item svg,
.tbl-list-floating-head .td-item .sort-item svg {
width: 10px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
}
.tbl-list .td-item.avatar-ico,
.tbl-tool-list .td-item.avatar-ico,
.tbl-list-floating-head .td-item.avatar-ico {
padding: 2px 6px 1px;
}
.tbl-list .td-item .td-span-text,
.tbl-tool-list .td-item .td-span-text,
.tbl-list-floating-head .td-item .td-span-text {
opacity: 1;
-webkit-transition: opacity 150ms ease;
-moz-transition: opacity 150ms ease;
-o-transition: opacity 150ms ease;
-ms-transition: opacity 150ms ease;
transition: opacity 150ms ease;
}
.tbl-list .td-item .handbookset-list-item,
.tbl-tool-list .td-item .handbookset-list-item,
.tbl-list-floating-head .td-item .handbookset-list-item {
width: inherit;
display: inline-block;
word-break: break-all;
}
.tbl-list .td-item.td-docs-list-item-name,
.tbl-tool-list .td-item.td-docs-list-item-name,
.tbl-list-floating-head .td-item.td-docs-list-item-name {
border-left-color: transparent !important;
}
.tbl-list .td-item.docs-list-fake-cell,
.tbl-tool-list .td-item.docs-list-fake-cell,
.tbl-list-floating-head .td-item.docs-list-fake-cell {
padding: 0;
border: none !important;
}
.tbl-list .td-item.docs-list-fake-cell .handbook-list-item-icon-fake,
.tbl-tool-list .td-item.docs-list-fake-cell .handbook-list-item-icon-fake,
.tbl-list-floating-head .td-item.docs-list-fake-cell .handbook-list-item-icon-fake {
margin-right: 14px;
}
.tbl-list .td-item.td-docs-list-item-name,
.tbl-tool-list .td-item.td-docs-list-item-name,
.tbl-list-floating-head .td-item.td-docs-list-item-name {
padding-bottom: 8px;
}
.tbl-list .td-item .value-color-field.free-input,
.tbl-tool-list .td-item .value-color-field.free-input,
.tbl-list-floating-head .td-item .value-color-field.free-input {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbl-list .td-item .value-color-field.free-input:not(:first-child):before,
.tbl-tool-list .td-item .value-color-field.free-input:not(:first-child):before,
.tbl-list-floating-head .td-item .value-color-field.free-input:not(:first-child):before {
content: ', ';
}
.tbl-list .td-item .value-color-field.free-input + .hidden-window,
.tbl-tool-list .td-item .value-color-field.free-input + .hidden-window,
.tbl-list-floating-head .td-item .value-color-field.free-input + .hidden-window {
margin-left: 8px;
}
.tbl-list .td-item.drop-right,
.tbl-tool-list .td-item.drop-right,
.tbl-list-floating-head .td-item.drop-right {
border-right: 1px solid #1ABE72;
box-shadow: inset -1px 0 0 #1ABE72;
}
.tbl-list .td-item.drop-left,
.tbl-tool-list .td-item.drop-left,
.tbl-list-floating-head .td-item.drop-left {
border-left: 1px solid #1ABE72;
box-shadow: inset 1px 0 0 #1ABE72;
}
.tbl-list .td-item.drown-column,
.tbl-tool-list .td-item.drown-column,
.tbl-list-floating-head .td-item.drown-column {
opacity: 0.4;
}
.tbl-list .tr-move-shadow .td-item,
.tbl-tool-list .tr-move-shadow .td-item,
.tbl-list-floating-head .tr-move-shadow .td-item {
height: 30px;
padding: 0;
line-height: 0;
background: var(--white-black, #fff);
}
.tbl-list .tr-move-shadow .td-item .div-move-shadow-first,
.tbl-tool-list .tr-move-shadow .td-item .div-move-shadow-first,
.tbl-list-floating-head .tr-move-shadow .td-item .div-move-shadow-first {
display: inline-block;
height: 30px;
}
.tbl-list .tr-move-shadow .td-item .div-move-shadow-second,
.tbl-tool-list .tr-move-shadow .td-item .div-move-shadow-second,
.tbl-list-floating-head .tr-move-shadow .td-item .div-move-shadow-second {
display: inline-block;
height: 30px;
position: static;
border-left: 6px solid #f58220;
border-right: 1px solid var(--task-card-star, #d1d1d1);
border-top: 1px solid var(--task-card-star, #d1d1d1);
border-bottom: 1px solid var(--task-card-star, #d1d1d1);
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==') repeat;
}
.tbl-list .tr-move-shadow.tr-move-shadow-waiting .td-item .div-move-shadow-first::after,
.tbl-tool-list .tr-move-shadow.tr-move-shadow-waiting .td-item .div-move-shadow-first::after,
.tbl-list-floating-head .tr-move-shadow.tr-move-shadow-waiting .td-item .div-move-shadow-first::after {
content: "";
display: block;
height: 100%;
margin-right: 5px;
}
.tbl-list.tbl-list-tall .tr-item > td,
.tbl-tool-list.tbl-list-tall .tr-item > td,
.tbl-list-floating-head.tbl-list-tall .tr-item > td,
.tbl-list.tbl-list-tall .tr-common-item > td,
.tbl-tool-list.tbl-list-tall .tr-common-item > td,
.tbl-list-floating-head.tbl-list-tall .tr-common-item > td {
height: 50px;
min-height: 50px;
}
.tbl-list.tbl-list_reports .td-big-item,
.tbl-tool-list.tbl-list_reports .td-big-item,
.tbl-list-floating-head.tbl-list_reports .td-big-item {
box-sizing: border-box;
padding-top: 7px;
padding-bottom: 8px;
height: 35px;
}
.tbl-list.tbl-managed-list,
.tbl-tool-list.tbl-managed-list,
.tbl-list-floating-head.tbl-managed-list {
table-layout: fixed;
}
.tbl-list.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow),
.tbl-tool-list.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow),
.tbl-list-floating-head.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow) {
overflow: hidden;
text-overflow: ellipsis;
}
.tbl-list.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow).common-btn-icon svg,
.tbl-tool-list.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow).common-btn-icon svg,
.tbl-list-floating-head.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow).common-btn-icon svg {
cursor: pointer;
}
.tbl-list.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow).common-btn-icon.attached-files-task,
.tbl-tool-list.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow).common-btn-icon.attached-files-task,
.tbl-list-floating-head.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow).common-btn-icon.attached-files-task {
padding-left: 10px;
}
.tbl-list.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow) .chronicle-item-rejected,
.tbl-tool-list.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow) .chronicle-item-rejected,
.tbl-list-floating-head.tbl-managed-list .td-item:not(.td-item-config):not(.td-before-task-name):not(.td-item-avatar):not(.td-item-qe-empty):not(.no-overflow) .chronicle-item-rejected {
margin-top: -1px;
}
.tbl-list.tbl-managed-list .td-item-deleted-template a,
.tbl-tool-list.tbl-managed-list .td-item-deleted-template a,
.tbl-list-floating-head.tbl-managed-list .td-item-deleted-template a {
text-decoration: line-through !important;
}
.tbl-list.adaptive-width,
.tbl-tool-list.adaptive-width,
.tbl-list-floating-head.adaptive-width {
background-color: var(--background-color-light-gray, #f7f7f7);
}
.tbl-list.adaptive-width .tr-group-header td,
.tbl-tool-list.adaptive-width .tr-group-header td,
.tbl-list-floating-head.adaptive-width .tr-group-header td {
padding: 25px 0 0;
line-height: 1em;
height: 32px;
}
.tbl-list.adaptive-width .tr-group-header td h1,
.tbl-tool-list.adaptive-width .tr-group-header td h1,
.tbl-list-floating-head.adaptive-width .tr-group-header td h1 {
font-size: 22px;
margin-top: 0;
}
.tbl-list.adaptive-width .b-task-card-workers,
.tbl-tool-list.adaptive-width .b-task-card-workers,
.tbl-list-floating-head.adaptive-width .b-task-card-workers,
.tbl-list.adaptive-width .b-task-card-auditors,
.tbl-tool-list.adaptive-width .b-task-card-auditors,
.tbl-list-floating-head.adaptive-width .b-task-card-auditors,
.tbl-list.adaptive-width .b-task-card-members,
.tbl-tool-list.adaptive-width .b-task-card-members,
.tbl-list-floating-head.adaptive-width .b-task-card-members {
line-height: 1.4em;
}
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow),
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow),
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) {
white-space: nowrap;
}
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) div:not(.td-item-wrapper),
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) div:not(.td-item-wrapper),
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) div:not(.td-item-wrapper),
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) a,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) a,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .task-list-gant-date div,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .task-list-gant-date div,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .task-list-gant-date div {
overflow: visible;
}
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html {
display: block;
max-height: 31px;
}
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html p,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html p,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html blockquote,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html blockquote,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html blockquote {
margin: 2px 40px 3px 20px;
}
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html ol,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html ol,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html ol,
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html ul,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html ul,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html ul,
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html h1,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html h1,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html h1,
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html h2,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html h2,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html h2,
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html h3,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html h3,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html h3,
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html pre,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html pre,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html pre,
.tbl-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html code,
.tbl-tool-list.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html code,
.tbl-list-floating-head.adaptive-width .td-item:not(.td-item-config):not(.td-before-task-name):not(.no-overflow) .td-with-html code {
margin: unset;
}
.tbl-list.adaptive-width .td-item .value-color-field-wr,
.tbl-tool-list.adaptive-width .td-item .value-color-field-wr,
.tbl-list-floating-head.adaptive-width .td-item .value-color-field-wr {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: relative;
}
.tbl-list.adaptive-width .td-item .value-color-field-wr .value-color-field,
.tbl-tool-list.adaptive-width .td-item .value-color-field-wr .value-color-field,
.tbl-list-floating-head.adaptive-width .td-item .value-color-field-wr .value-color-field {
overflow: unset;
}
.tbl-list.adaptive-width .td-item .value-color-field-wr .ellipsis-element,
.tbl-tool-list.adaptive-width .td-item .value-color-field-wr .ellipsis-element,
.tbl-list-floating-head.adaptive-width .td-item .value-color-field-wr .ellipsis-element {
cursor: pointer;
}
.tbl-list.adaptive-width .td-item .value-color-field-wr .hidden-window,
.tbl-tool-list.adaptive-width .td-item .value-color-field-wr .hidden-window,
.tbl-list-floating-head.adaptive-width .td-item .value-color-field-wr .hidden-window {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: relative;
}
.tbl-list .td-task-name,
.tbl-tool-list .td-task-name,
.tbl-list-floating-head .td-task-name {
padding: 8px 10px 7px 16px;
position: relative;
line-height: 1.3em;
}
.tbl-list .td-task-name:not(.cursor-default),
.tbl-tool-list .td-task-name:not(.cursor-default),
.tbl-list-floating-head .td-task-name:not(.cursor-default) {
cursor: pointer;
}
.tbl-list .tr-handbook-data-archived td,
.tbl-tool-list .tr-handbook-data-archived td,
.tbl-list-floating-head .tr-handbook-data-archived td {
color: var(--handbook-data-archived-name, #9d9d9d);
text-decoration: line-through;
}
.tbl-list .tr-handbook-data-archived a,
.tbl-tool-list .tr-handbook-data-archived a,
.tbl-list-floating-head .tr-handbook-data-archived a {
color: var(--handbook-data-archived-name, #9d9d9d);
}
.tbl-list .tr-handbook-data-archived a:hover,
.tbl-tool-list .tr-handbook-data-archived a:hover,
.tbl-list-floating-head .tr-handbook-data-archived a:hover {
color: var(--handbook-data-archived-name, #9d9d9d);
}
.tbl-list .l-center,
.tbl-tool-list .l-center,
.tbl-list-floating-head .l-center {
text-align: center;
}
.tbl-list .l-right,
.tbl-tool-list .l-right,
.tbl-list-floating-head .l-right {
text-align: right;
}
.tbl-list .group-list-padding,
.tbl-tool-list .group-list-padding,
.tbl-list-floating-head .group-list-padding {
padding-left: 60px;
}
.tbl-list .td-head,
.tbl-tool-list .td-head,
.tbl-list-floating-head .td-head {
border-left: 1px solid var(--grey-list-border, #dedede);
}
.tbl-list .td-head.td-empty + .td-head,
.tbl-tool-list .td-head.td-empty + .td-head,
.tbl-list-floating-head .td-head.td-empty + .td-head,
.tbl-list .td-head.td-task-name,
.tbl-tool-list .td-head.td-task-name,
.tbl-list-floating-head .td-head.td-task-name,
.tbl-list .td-head.td-cbx + .td-before-task-name,
.tbl-tool-list .td-head.td-cbx + .td-before-task-name,
.tbl-list-floating-head .td-head.td-cbx + .td-before-task-name {
border-left-color: transparent;
}
.tbl-list .td-head.td-empty + .td-head.has-left-border,
.tbl-tool-list .td-head.td-empty + .td-head.has-left-border,
.tbl-list-floating-head .td-head.td-empty + .td-head.has-left-border,
.tbl-list .td-head.td-task-name.has-left-border,
.tbl-tool-list .td-head.td-task-name.has-left-border,
.tbl-list-floating-head .td-head.td-task-name.has-left-border,
.tbl-list .td-head.td-cbx + .td-before-task-name.has-left-border,
.tbl-tool-list .td-head.td-cbx + .td-before-task-name.has-left-border,
.tbl-list-floating-head .td-head.td-cbx + .td-before-task-name.has-left-border {
border-left: 1px solid var(--gray-border, #e2e2e2);
}
.tbl-list .td-head.td-common,
.tbl-tool-list .td-head.td-common,
.tbl-list-floating-head .td-head.td-common {
border-left-color: var(--grey-list-border, #dedede) !important;
}
.tbl-list .td-head.drop-right,
.tbl-tool-list .td-head.drop-right,
.tbl-list-floating-head .td-head.drop-right {
border-right: 1px solid #1ABE72;
box-shadow: inset -1px 0 0 #1ABE72;
}
.tbl-list .td-head.drop-left,
.tbl-tool-list .td-head.drop-left,
.tbl-list-floating-head .td-head.drop-left {
border-left: 1px solid #1ABE72;
box-shadow: inset 1px 0 0 #1ABE72;
}
.tbl-list .td-head.drown-column,
.tbl-tool-list .td-head.drown-column,
.tbl-list-floating-head .td-head.drown-column {
opacity: 0.4;
}
.tbl-list .td-head-cbx + .td-icon + .td-before-task-name,
.tbl-tool-list .td-head-cbx + .td-icon + .td-before-task-name,
.tbl-list-floating-head .td-head-cbx + .td-icon + .td-before-task-name,
.tbl-list .td-head-cbx + .td-icon + .td-before-task-name + .td-head,
.tbl-tool-list .td-head-cbx + .td-icon + .td-before-task-name + .td-head,
.tbl-list-floating-head .td-head-cbx + .td-icon + .td-before-task-name + .td-head,
.tbl-list .td-head-cbx + .td-before-task-name + .td-head,
.tbl-tool-list .td-head-cbx + .td-before-task-name + .td-head,
.tbl-list-floating-head .td-head-cbx + .td-before-task-name + .td-head {
border-left-color: transparent !important;
}
.tbl-list .td-head-cbx,
.tbl-tool-list .td-head-cbx,
.tbl-list-floating-head .td-head-cbx {
box-sizing: border-box;
width: 27px;
}
.tbl-list .td-head,
.tbl-tool-list .td-head,
.tbl-list-floating-head .td-head {
position: relative;
}
.tbl-list .td-head,
.tbl-tool-list .td-head,
.tbl-list-floating-head .td-head,
.tbl-list .td-head-cbx,
.tbl-tool-list .td-head-cbx,
.tbl-list-floating-head .td-head-cbx {
font-size: 13px;
padding-top: 6px;
padding-bottom: 4px;
border-top: 1px solid var(--gray-border, #e2e2e2);
border-bottom: 1px solid var(--gray-border, #e2e2e2);
height: 25px;
}
.tbl-gant-container .tbl-list .td-head,
.tbl-gant-container .tbl-tool-list .td-head,
.tbl-gant-container .tbl-list-floating-head .td-head,
.tbl-gant-container .tbl-list .td-head-cbx,
.tbl-gant-container .tbl-tool-list .td-head-cbx,
.tbl-gant-container .tbl-list-floating-head .td-head-cbx {
padding-top: 13px;
padding-bottom: 13px;
}
.tbl-list .td-head.td-group-name,
.tbl-tool-list .td-head.td-group-name,
.tbl-list-floating-head .td-head.td-group-name,
.tbl-list .td-head-cbx.td-group-name,
.tbl-tool-list .td-head-cbx.td-group-name,
.tbl-list-floating-head .td-head-cbx.td-group-name {
font-size: 12pt;
color: var(--black-white, #000);
}
.tbl-list .td-head .td-column-sorted,
.tbl-tool-list .td-head .td-column-sorted,
.tbl-list-floating-head .td-head .td-column-sorted,
.tbl-list .td-head-cbx .td-column-sorted,
.tbl-tool-list .td-head-cbx .td-column-sorted,
.tbl-list-floating-head .td-head-cbx .td-column-sorted,
.tbl-list .td-head .td-column-filtered,
.tbl-tool-list .td-head .td-column-filtered,
.tbl-list-floating-head .td-head .td-column-filtered,
.tbl-list .td-head-cbx .td-column-filtered,
.tbl-tool-list .td-head-cbx .td-column-filtered,
.tbl-list-floating-head .td-head-cbx .td-column-filtered {
display: none;
z-index: 2;
position: relative;
}
.tbl-list .td-head .td-column-sorted .td-head-common-sort-ico,
.tbl-tool-list .td-head .td-column-sorted .td-head-common-sort-ico,
.tbl-list-floating-head .td-head .td-column-sorted .td-head-common-sort-ico,
.tbl-list .td-head-cbx .td-column-sorted .td-head-common-sort-ico,
.tbl-tool-list .td-head-cbx .td-column-sorted .td-head-common-sort-ico,
.tbl-list-floating-head .td-head-cbx .td-column-sorted .td-head-common-sort-ico,
.tbl-list .td-head .td-column-filtered .td-head-common-sort-ico,
.tbl-tool-list .td-head .td-column-filtered .td-head-common-sort-ico,
.tbl-list-floating-head .td-head .td-column-filtered .td-head-common-sort-ico,
.tbl-list .td-head-cbx .td-column-filtered .td-head-common-sort-ico,
.tbl-tool-list .td-head-cbx .td-column-filtered .td-head-common-sort-ico,
.tbl-list-floating-head .td-head-cbx .td-column-filtered .td-head-common-sort-ico {
display: inline;
vertical-align: middle;
}
.tbl-list .td-head .td-column-sorted .td-head-common-sort-ico .svg-desc,
.tbl-tool-list .td-head .td-column-sorted .td-head-common-sort-ico .svg-desc,
.tbl-list-floating-head .td-head .td-column-sorted .td-head-common-sort-ico .svg-desc,
.tbl-list .td-head-cbx .td-column-sorted .td-head-common-sort-ico .svg-desc,
.tbl-tool-list .td-head-cbx .td-column-sorted .td-head-common-sort-ico .svg-desc,
.tbl-list-floating-head .td-head-cbx .td-column-sorted .td-head-common-sort-ico .svg-desc,
.tbl-list .td-head .td-column-sorted .td-head-common-sort-ico .svg-asc,
.tbl-tool-list .td-head .td-column-sorted .td-head-common-sort-ico .svg-asc,
.tbl-list-floating-head .td-head .td-column-sorted .td-head-common-sort-ico .svg-asc,
.tbl-list .td-head-cbx .td-column-sorted .td-head-common-sort-ico .svg-asc,
.tbl-tool-list .td-head-cbx .td-column-sorted .td-head-common-sort-ico .svg-asc,
.tbl-list-floating-head .td-head-cbx .td-column-sorted .td-head-common-sort-ico .svg-asc {
display: none;
}
.tbl-list .td-head .td-column-sorted.asc .td-head-common-sort-ico .svg-asc,
.tbl-tool-list .td-head .td-column-sorted.asc .td-head-common-sort-ico .svg-asc,
.tbl-list-floating-head .td-head .td-column-sorted.asc .td-head-common-sort-ico .svg-asc,
.tbl-list .td-head-cbx .td-column-sorted.asc .td-head-common-sort-ico .svg-asc,
.tbl-tool-list .td-head-cbx .td-column-sorted.asc .td-head-common-sort-ico .svg-asc,
.tbl-list-floating-head .td-head-cbx .td-column-sorted.asc .td-head-common-sort-ico .svg-asc {
display: inline;
}
.adaptive-width.tbl-list .td-head .td-column-sorted.asc .td-head-common-sort-ico .svg-asc,
.adaptive-width.tbl-tool-list .td-head .td-column-sorted.asc .td-head-common-sort-ico .svg-asc,
.adaptive-width.tbl-list-floating-head .td-head .td-column-sorted.asc .td-head-common-sort-ico .svg-asc,
.adaptive-width.tbl-list .td-head-cbx .td-column-sorted.asc .td-head-common-sort-ico .svg-asc,
.adaptive-width.tbl-tool-list .td-head-cbx .td-column-sorted.asc .td-head-common-sort-ico .svg-asc,
.adaptive-width.tbl-list-floating-head .td-head-cbx .td-column-sorted.asc .td-head-common-sort-ico .svg-asc {
display: block;
}
.tbl-list .td-head .td-column-sorted.desc .td-head-common-sort-ico .svg-desc,
.tbl-tool-list .td-head .td-column-sorted.desc .td-head-common-sort-ico .svg-desc,
.tbl-list-floating-head .td-head .td-column-sorted.desc .td-head-common-sort-ico .svg-desc,
.tbl-list .td-head-cbx .td-column-sorted.desc .td-head-common-sort-ico .svg-desc,
.tbl-tool-list .td-head-cbx .td-column-sorted.desc .td-head-common-sort-ico .svg-desc,
.tbl-list-floating-head .td-head-cbx .td-column-sorted.desc .td-head-common-sort-ico .svg-desc {
display: inline;
}
.adaptive-width.tbl-list .td-head .td-column-sorted.desc .td-head-common-sort-ico .svg-desc,
.adaptive-width.tbl-tool-list .td-head .td-column-sorted.desc .td-head-common-sort-ico .svg-desc,
.adaptive-width.tbl-list-floating-head .td-head .td-column-sorted.desc .td-head-common-sort-ico .svg-desc,
.adaptive-width.tbl-list .td-head-cbx .td-column-sorted.desc .td-head-common-sort-ico .svg-desc,
.adaptive-width.tbl-tool-list .td-head-cbx .td-column-sorted.desc .td-head-common-sort-ico .svg-desc,
.adaptive-width.tbl-list-floating-head .td-head-cbx .td-column-sorted.desc .td-head-common-sort-ico .svg-desc {
display: block;
}
.tbl-list .td-head .filtered .td-column-filtered,
.tbl-tool-list .td-head .filtered .td-column-filtered,
.tbl-list-floating-head .td-head .filtered .td-column-filtered,
.tbl-list .td-head-cbx .filtered .td-column-filtered,
.tbl-tool-list .td-head-cbx .filtered .td-column-filtered,
.tbl-list-floating-head .td-head-cbx .filtered .td-column-filtered {
display: inline-block;
height: 16px;
}
.tbl-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico,
.tbl-tool-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico,
.tbl-list-floating-head .td-head .filtered .td-column-filtered .td-head-common-sort-ico,
.tbl-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico,
.tbl-tool-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico,
.tbl-list-floating-head .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico {
height: 100%;
display: inline-block;
}
.tbl-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico svg,
.tbl-tool-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico svg,
.tbl-list-floating-head .td-head .filtered .td-column-filtered .td-head-common-sort-ico svg,
.tbl-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico svg,
.tbl-tool-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico svg,
.tbl-list-floating-head .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico svg {
width: 16px;
height: 10px;
fill: var(--activeButton, var(--task-card-header-eye, #898989));
}
.tbl-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr,
.tbl-tool-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr,
.tbl-list-floating-head .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr,
.tbl-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr,
.tbl-tool-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr,
.tbl-list-floating-head .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr {
width: 16px;
height: 16px;
position: relative;
background: var(--activeButton, #898989);
border-radius: 50%;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
cursor: pointer;
display: inline-block;
}
.tbl-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon,
.tbl-tool-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon,
.tbl-list-floating-head .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon,
.tbl-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon,
.tbl-tool-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon,
.tbl-list-floating-head .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon,
.tbl-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon,
.tbl-tool-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon,
.tbl-list-floating-head .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon,
.tbl-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon,
.tbl-tool-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon,
.tbl-list-floating-head .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon {
stroke: var(--activeButtonElements, white);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.tbl-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon svg,
.tbl-tool-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon svg,
.tbl-list-floating-head .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon svg,
.tbl-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon svg,
.tbl-tool-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon svg,
.tbl-list-floating-head .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-icon svg,
.tbl-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon svg,
.tbl-tool-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon svg,
.tbl-list-floating-head .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon svg,
.tbl-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon svg,
.tbl-tool-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon svg,
.tbl-list-floating-head .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon svg {
width: 100%;
height: 7px;
}
.tbl-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon,
.tbl-tool-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon,
.tbl-list-floating-head .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon,
.tbl-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon,
.tbl-tool-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon,
.tbl-list-floating-head .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr .filter-close-icon {
opacity: 0;
}
.tbl-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-icon,
.tbl-tool-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-icon,
.tbl-list-floating-head .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-icon,
.tbl-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-icon,
.tbl-tool-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-icon,
.tbl-list-floating-head .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-icon {
opacity: 0;
}
.tbl-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-close-icon,
.tbl-tool-list .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-close-icon,
.tbl-list-floating-head .td-head .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-close-icon,
.tbl-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-close-icon,
.tbl-tool-list .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-close-icon,
.tbl-list-floating-head .td-head-cbx .filtered .td-column-filtered .td-head-common-sort-ico .filter-icon-wr:hover .filter-close-icon {
opacity: 1;
}
.tbl-list .td-head .sorted .td-column-sorted,
.tbl-tool-list .td-head .sorted .td-column-sorted,
.tbl-list-floating-head .td-head .sorted .td-column-sorted,
.tbl-list .td-head-cbx .sorted .td-column-sorted,
.tbl-tool-list .td-head-cbx .sorted .td-column-sorted,
.tbl-list-floating-head .td-head-cbx .sorted .td-column-sorted {
display: inline;
}
.tbl-list .td-head .img-sorttype,
.tbl-tool-list .td-head .img-sorttype,
.tbl-list-floating-head .td-head .img-sorttype,
.tbl-list .td-head-cbx .img-sorttype,
.tbl-tool-list .td-head-cbx .img-sorttype,
.tbl-list-floating-head .td-head-cbx .img-sorttype {
left: 5px;
top: 1px;
position: relative;
}
.tbl-list .td-head .img-fio,
.tbl-tool-list .td-head .img-fio,
.tbl-list-floating-head .td-head .img-fio,
.tbl-list .td-head-cbx .img-fio,
.tbl-tool-list .td-head-cbx .img-fio,
.tbl-list-floating-head .td-head-cbx .img-fio {
left: 10px;
top: 3px;
position: relative;
cursor: pointer;
}
.tbl-list .td-head a,
.tbl-tool-list .td-head a,
.tbl-list-floating-head .td-head a,
.tbl-list .td-head-cbx a,
.tbl-tool-list .td-head-cbx a,
.tbl-list-floating-head .td-head-cbx a {
color: var(--black-white, #000);
white-space: normal;
}
.tbl-list .td-head.td-cbx + .td-head-number,
.tbl-tool-list .td-head.td-cbx + .td-head-number,
.tbl-list-floating-head .td-head.td-cbx + .td-head-number,
.tbl-list .td-head-cbx.td-cbx + .td-head-number,
.tbl-tool-list .td-head-cbx.td-cbx + .td-head-number,
.tbl-list-floating-head .td-head-cbx.td-cbx + .td-head-number,
.tbl-list .td-head.td-head-avatar,
.tbl-tool-list .td-head.td-head-avatar,
.tbl-list-floating-head .td-head.td-head-avatar,
.tbl-list .td-head-cbx.td-head-avatar,
.tbl-tool-list .td-head-cbx.td-head-avatar,
.tbl-list-floating-head .td-head-cbx.td-head-avatar {
border-left-color: transparent;
}
.tbl-list .td-head.td-head-avatar + .td-task-name,
.tbl-tool-list .td-head.td-head-avatar + .td-task-name,
.tbl-list-floating-head .td-head.td-head-avatar + .td-task-name,
.tbl-list .td-head-cbx.td-head-avatar + .td-task-name,
.tbl-tool-list .td-head-cbx.td-head-avatar + .td-task-name,
.tbl-list-floating-head .td-head-cbx.td-head-avatar + .td-task-name {
border-left-color: transparent;
}
.tbl-list .td-head.td-head-avatar .no-action-link,
.tbl-tool-list .td-head.td-head-avatar .no-action-link,
.tbl-list-floating-head .td-head.td-head-avatar .no-action-link,
.tbl-list .td-head-cbx.td-head-avatar .no-action-link,
.tbl-tool-list .td-head-cbx.td-head-avatar .no-action-link,
.tbl-list-floating-head .td-head-cbx.td-head-avatar .no-action-link {
display: none;
}
.tbl-list .td-head .sorttype-svg,
.tbl-tool-list .td-head .sorttype-svg,
.tbl-list-floating-head .td-head .sorttype-svg,
.tbl-list .td-head-cbx .sorttype-svg,
.tbl-tool-list .td-head-cbx .sorttype-svg,
.tbl-list-floating-head .td-head-cbx .sorttype-svg {
padding: 6px 0 0 2px;
}
.tbl-list .td-head .sorttype-svg svg,
.tbl-tool-list .td-head .sorttype-svg svg,
.tbl-list-floating-head .td-head .sorttype-svg svg,
.tbl-list .td-head-cbx .sorttype-svg svg,
.tbl-tool-list .td-head-cbx .sorttype-svg svg,
.tbl-list-floating-head .td-head-cbx .sorttype-svg svg {
width: 16px;
height: 16px;
fill: none;
stroke: #231f20;
}
.tbl-list .td-move,
.tbl-tool-list .td-move,
.tbl-list-floating-head .td-move {
width: 18px;
min-width: 18px;
padding: 3px;
font-size: 9px;
position: relative;
}
.tbl-list .td-cbx,
.tbl-tool-list .td-cbx,
.tbl-list-floating-head .td-cbx {
padding: 6px 0 5px;
width: 29px;
min-width: 29px;
}
.tbl-list .td-cbx + .td-cbx,
.tbl-tool-list .td-cbx + .td-cbx,
.tbl-list-floating-head .td-cbx + .td-cbx {
padding-top: 6px;
}
.tbl-list .td-cbx ~ .td-before-task-name,
.tbl-tool-list .td-cbx ~ .td-before-task-name,
.tbl-list-floating-head .td-cbx ~ .td-before-task-name {
border-radius: 0 !important;
}
.tbl-list .td-file,
.tbl-tool-list .td-file,
.tbl-list-floating-head .td-file {
border-left-color: transparent;
width: 37px;
}
.tbl-list .td-file span,
.tbl-tool-list .td-file span,
.tbl-list-floating-head .td-file span,
.tbl-list .td-file img,
.tbl-tool-list .td-file img,
.tbl-list-floating-head .td-file img {
vertical-align: middle;
}
.tbl-list .navigation-parent,
.tbl-tool-list .navigation-parent,
.tbl-list-floating-head .navigation-parent,
.tbl-list .td-icon,
.tbl-tool-list .td-icon,
.tbl-list-floating-head .td-icon,
.tbl-list .td-head.td-icon,
.tbl-tool-list .td-head.td-icon,
.tbl-list-floating-head .td-head.td-icon {
border-left-color: transparent;
}
.tbl-list .td-big-item,
.tbl-tool-list .td-big-item,
.tbl-list-floating-head .td-big-item {
font-size: 15px;
}
.tbl-list .td-importance,
.tbl-tool-list .td-importance,
.tbl-list-floating-head .td-importance {
width: 20px;
padding: 3px 7px;
}
.tbl-list .td-head-cbx,
.tbl-tool-list .td-head-cbx,
.tbl-list-floating-head .td-head-cbx {
vertical-align: inherit;
}
.tbl-list .td-general-id,
.tbl-tool-list .td-general-id,
.tbl-list-floating-head .td-general-id {
padding: 3px 8px;
}
.tbl-list .td-head-location-marker,
.tbl-tool-list .td-head-location-marker,
.tbl-list-floating-head .td-head-location-marker {
width: 30px;
}
.tbl-list .color-scheme-icon,
.tbl-tool-list .color-scheme-icon,
.tbl-list-floating-head .color-scheme-icon {
cursor: pointer;
}
.tbl-list .tr-item > td,
.tbl-tool-list .tr-item > td,
.tbl-list-floating-head .tr-item > td,
.tbl-list .tr-common-item > td,
.tbl-tool-list .tr-common-item > td,
.tbl-list-floating-head .tr-common-item > td,
.tbl-list .tr-move-shadow > td,
.tbl-tool-list .tr-move-shadow > td,
.tbl-list-floating-head .tr-move-shadow > td {
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.tbl-list .tr-item.tr-common-item.tr-has-top-border > td,
.tbl-tool-list .tr-item.tr-common-item.tr-has-top-border > td,
.tbl-list-floating-head .tr-item.tr-common-item.tr-has-top-border > td,
.tbl-list .tr-common-item.tr-common-item.tr-has-top-border > td,
.tbl-tool-list .tr-common-item.tr-common-item.tr-has-top-border > td,
.tbl-list-floating-head .tr-common-item.tr-common-item.tr-has-top-border > td,
.tbl-list .tr-move-shadow.tr-common-item.tr-has-top-border > td,
.tbl-tool-list .tr-move-shadow.tr-common-item.tr-has-top-border > td,
.tbl-list-floating-head .tr-move-shadow.tr-common-item.tr-has-top-border > td {
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.tbl-list .tr-item.tr-common-item.tr-is-top-row > td:first-child,
.tbl-tool-list .tr-item.tr-common-item.tr-is-top-row > td:first-child,
.tbl-list-floating-head .tr-item.tr-common-item.tr-is-top-row > td:first-child,
.tbl-list .tr-common-item.tr-common-item.tr-is-top-row > td:first-child,
.tbl-tool-list .tr-common-item.tr-common-item.tr-is-top-row > td:first-child,
.tbl-list-floating-head .tr-common-item.tr-common-item.tr-is-top-row > td:first-child,
.tbl-list .tr-move-shadow.tr-common-item.tr-is-top-row > td:first-child,
.tbl-tool-list .tr-move-shadow.tr-common-item.tr-is-top-row > td:first-child,
.tbl-list-floating-head .tr-move-shadow.tr-common-item.tr-is-top-row > td:first-child {
border-top-left-radius: 12px;
}
.tbl-list .tr-item.tr-common-item.tr-is-top-row > td:last-child,
.tbl-tool-list .tr-item.tr-common-item.tr-is-top-row > td:last-child,
.tbl-list-floating-head .tr-item.tr-common-item.tr-is-top-row > td:last-child,
.tbl-list .tr-common-item.tr-common-item.tr-is-top-row > td:last-child,
.tbl-tool-list .tr-common-item.tr-common-item.tr-is-top-row > td:last-child,
.tbl-list-floating-head .tr-common-item.tr-common-item.tr-is-top-row > td:last-child,
.tbl-list .tr-move-shadow.tr-common-item.tr-is-top-row > td:last-child,
.tbl-tool-list .tr-move-shadow.tr-common-item.tr-is-top-row > td:last-child,
.tbl-list-floating-head .tr-move-shadow.tr-common-item.tr-is-top-row > td:last-child {
border-top-right-radius: 12px;
}
.tbl-list .tr-item:last-child > td,
.tbl-tool-list .tr-item:last-child > td,
.tbl-list-floating-head .tr-item:last-child > td,
.tbl-list .tr-common-item:last-child > td,
.tbl-tool-list .tr-common-item:last-child > td,
.tbl-list-floating-head .tr-common-item:last-child > td,
.tbl-list .tr-move-shadow:last-child > td,
.tbl-tool-list .tr-move-shadow:last-child > td,
.tbl-list-floating-head .tr-move-shadow:last-child > td {
border-bottom: 1px solid var(--gray-border, #e2e2e2);
}
.tbl-list .tr-item:last-child > td:first-child,
.tbl-tool-list .tr-item:last-child > td:first-child,
.tbl-list-floating-head .tr-item:last-child > td:first-child,
.tbl-list .tr-common-item:last-child > td:first-child,
.tbl-tool-list .tr-common-item:last-child > td:first-child,
.tbl-list-floating-head .tr-common-item:last-child > td:first-child,
.tbl-list .tr-move-shadow:last-child > td:first-child,
.tbl-tool-list .tr-move-shadow:last-child > td:first-child,
.tbl-list-floating-head .tr-move-shadow:last-child > td:first-child {
border-bottom-left-radius: 12px;
}
.tbl-list .tr-item:last-child > td:last-child,
.tbl-tool-list .tr-item:last-child > td:last-child,
.tbl-list-floating-head .tr-item:last-child > td:last-child,
.tbl-list .tr-common-item:last-child > td:last-child,
.tbl-tool-list .tr-common-item:last-child > td:last-child,
.tbl-list-floating-head .tr-common-item:last-child > td:last-child,
.tbl-list .tr-move-shadow:last-child > td:last-child,
.tbl-tool-list .tr-move-shadow:last-child > td:last-child,
.tbl-list-floating-head .tr-move-shadow:last-child > td:last-child {
border-bottom-right-radius: 12px;
}
.tbl-list .tr-item-analytic.tr-item-analytic > td.td-item.td-task-name.title,
.tbl-tool-list .tr-item-analytic.tr-item-analytic > td.td-item.td-task-name.title,
.tbl-list-floating-head .tr-item-analytic.tr-item-analytic > td.td-item.td-task-name.title,
.tbl-list .tr-item-analytic.tr-item-analytic > td.td-item.status,
.tbl-tool-list .tr-item-analytic.tr-item-analytic > td.td-item.status,
.tbl-list-floating-head .tr-item-analytic.tr-item-analytic > td.td-item.status,
.tbl-list .tr-item-analytic.tr-item-analytic > td.td-item.type,
.tbl-tool-list .tr-item-analytic.tr-item-analytic > td.td-item.type,
.tbl-list-floating-head .tr-item-analytic.tr-item-analytic > td.td-item.type {
padding-left: 10px;
}
.tbl-list .tr-common-item.tr-item-task-custom-field:first-child > td,
.tbl-tool-list .tr-common-item.tr-item-task-custom-field:first-child > td,
.tbl-list-floating-head .tr-common-item.tr-item-task-custom-field:first-child > td {
border-top: none;
}
.tbl-list .tr-head.tr-head-analytic.analytic-folder .td-head.status,
.tbl-tool-list .tr-head.tr-head-analytic.analytic-folder .td-head.status,
.tbl-list-floating-head .tr-head.tr-head-analytic.analytic-folder .td-head.status,
.tbl-list .tr-head.tr-head-analytic.analytic-folder .td-head.type,
.tbl-tool-list .tr-head.tr-head-analytic.analytic-folder .td-head.type,
.tbl-list-floating-head .tr-head.tr-head-analytic.analytic-folder .td-head.type {
display: none;
}
.tbl-list .tr-head.tr-head-analytic.analytic-folder td:not(.td-empty),
.tbl-tool-list .tr-head.tr-head-analytic.analytic-folder td:not(.td-empty),
.tbl-list-floating-head .tr-head.tr-head-analytic.analytic-folder td:not(.td-empty) {
border-top-right-radius: 12px;
border-right: 1px solid var(--gray-border, #e2e2e2);
}
.tbl-list .tr-head.tr-head-analytic.analytic-folder .td-head.checkbox,
.tbl-tool-list .tr-head.tr-head-analytic.analytic-folder .td-head.checkbox,
.tbl-list-floating-head .tr-head.tr-head-analytic.analytic-folder .td-head.checkbox {
display: table-cell;
}
.tbl-list .tr-head.tr-head-analytic.analytic-folder .td-head.td-empty:not(.checkbox),
.tbl-tool-list .tr-head.tr-head-analytic.analytic-folder .td-head.td-empty:not(.checkbox),
.tbl-list-floating-head .tr-head.tr-head-analytic.analytic-folder .td-head.td-empty:not(.checkbox) {
border-top-left-radius: 0;
}
.tbl-list .tr-head.tr-head-analytic .td-head.td-empty.checkbox,
.tbl-tool-list .tr-head.tr-head-analytic .td-head.td-empty.checkbox,
.tbl-list-floating-head .tr-head.tr-head-analytic .td-head.td-empty.checkbox {
border-top-left-radius: 12px;
}
.tasks-container-small .tbl-list .tr-head.tr-head-analytic .td-task-name,
.tasks-container-small .tbl-tool-list .tr-head.tr-head-analytic .td-task-name,
.tasks-container-small .tbl-list-floating-head .tr-head.tr-head-analytic .td-task-name {
border-top-left-radius: 0;
}
.tbl-list tbody .tr-common-item:first-child > td,
.tbl-tool-list tbody .tr-common-item:first-child > td,
.tbl-list-floating-head tbody .tr-common-item:first-child > td,
.tbl-list tbody .tr-move-shadow:first-child > td,
.tbl-tool-list tbody .tr-move-shadow:first-child > td,
.tbl-list-floating-head tbody .tr-move-shadow:first-child > td,
.tbl-list .tr-common-add-new + .tr-item > td,
.tbl-tool-list .tr-common-add-new + .tr-item > td,
.tbl-list-floating-head .tr-common-add-new + .tr-item > td,
.tbl-list .tr-common-add-new + .tr-group-header > td,
.tbl-tool-list .tr-common-add-new + .tr-group-header > td,
.tbl-list-floating-head .tr-common-add-new + .tr-group-header > td,
.tbl-list .tr-head + .tr-common-item > td,
.tbl-tool-list .tr-head + .tr-common-item > td,
.tbl-list-floating-head .tr-head + .tr-common-item > td,
.tbl-list .tr-head + .tr-move-shadow > td,
.tbl-tool-list .tr-head + .tr-move-shadow > td,
.tbl-list-floating-head .tr-head + .tr-move-shadow > td,
.tbl-list .hda-tr-head + .tr-common-item > td,
.tbl-tool-list .hda-tr-head + .tr-common-item > td,
.tbl-list-floating-head .hda-tr-head + .tr-common-item > td,
.tbl-list .hda-tr-head + .tr-move-shadow > td,
.tbl-tool-list .hda-tr-head + .tr-move-shadow > td,
.tbl-list-floating-head .hda-tr-head + .tr-move-shadow > td,
.tbl-list .tr-head + .tr-item-handbook > td,
.tbl-tool-list .tr-head + .tr-item-handbook > td,
.tbl-list-floating-head .tr-head + .tr-item-handbook > td,
.tbl-list .tr-head + .tr-item > td,
.tbl-tool-list .tr-head + .tr-item > td,
.tbl-list-floating-head .tr-head + .tr-item > td,
.tbl-list .tr-head + .tr-group-header > td,
.tbl-tool-list .tr-head + .tr-group-header > td,
.tbl-list-floating-head .tr-head + .tr-group-header > td {
border-top: 1px solid transparent;
}
.tbl-list .tr-head.no-top-border .td-head,
.tbl-tool-list .tr-head.no-top-border .td-head,
.tbl-list-floating-head .tr-head.no-top-border .td-head {
border-top: 1px solid transparent;
}
.tbl-list .tr-tasklist-project-item + .tr-common-item > td:first-child,
.tbl-tool-list .tr-tasklist-project-item + .tr-common-item > td:first-child,
.tbl-list-floating-head .tr-tasklist-project-item + .tr-common-item > td:first-child,
.tbl-list .tr-tasklist-project-item-last + .tr-common-item > td:first-child,
.tbl-tool-list .tr-tasklist-project-item-last + .tr-common-item > td:first-child,
.tbl-list-floating-head .tr-tasklist-project-item-last + .tr-common-item > td:first-child,
.tbl-list .tr-ubergroup-header + .tr-group-header > td:first-child,
.tbl-tool-list .tr-ubergroup-header + .tr-group-header > td:first-child,
.tbl-list-floating-head .tr-ubergroup-header + .tr-group-header > td:first-child,
.tbl-list .tr-group-header + .tr-item > td:first-child,
.tbl-tool-list .tr-group-header + .tr-item > td:first-child,
.tbl-list-floating-head .tr-group-header + .tr-item > td:first-child,
.tbl-list .tr-group-header + .tr-common-item > td:first-child,
.tbl-tool-list .tr-group-header + .tr-common-item > td:first-child,
.tbl-list-floating-head .tr-group-header + .tr-common-item > td:first-child,
.tbl-list .tr-parent + .tr-common-item > td:first-child,
.tbl-tool-list .tr-parent + .tr-common-item > td:first-child,
.tbl-list-floating-head .tr-parent + .tr-common-item > td:first-child,
.tbl-list .tr-docs-parent + .tr-common-item > td:first-child,
.tbl-tool-list .tr-docs-parent + .tr-common-item > td:first-child,
.tbl-list-floating-head .tr-docs-parent + .tr-common-item > td:first-child {
border-top-left-radius: 12px;
}
.tbl-list-scroll__container_right .adaptive-width.tbl-list .tr-tasklist-project-item + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-tool-list .tr-tasklist-project-item + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list-floating-head .tr-tasklist-project-item + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list .tr-tasklist-project-item-last + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-tool-list .tr-tasklist-project-item-last + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list-floating-head .tr-tasklist-project-item-last + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list .tr-ubergroup-header + .tr-group-header > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-tool-list .tr-ubergroup-header + .tr-group-header > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list-floating-head .tr-ubergroup-header + .tr-group-header > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list .tr-group-header + .tr-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-tool-list .tr-group-header + .tr-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list-floating-head .tr-group-header + .tr-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list .tr-group-header + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-tool-list .tr-group-header + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list-floating-head .tr-group-header + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list .tr-parent + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-tool-list .tr-parent + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list-floating-head .tr-parent + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list .tr-docs-parent + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-tool-list .tr-docs-parent + .tr-common-item > td:first-child,
.tbl-list-scroll__container_right .adaptive-width.tbl-list-floating-head .tr-docs-parent + .tr-common-item > td:first-child {
border-top-left-radius: 0;
}
.tbl-list .tr-tasklist-project-item + .tr-common-item > td:last-child,
.tbl-tool-list .tr-tasklist-project-item + .tr-common-item > td:last-child,
.tbl-list-floating-head .tr-tasklist-project-item + .tr-common-item > td:last-child,
.tbl-list .tr-tasklist-project-item-last + .tr-common-item > td:last-child,
.tbl-tool-list .tr-tasklist-project-item-last + .tr-common-item > td:last-child,
.tbl-list-floating-head .tr-tasklist-project-item-last + .tr-common-item > td:last-child,
.tbl-list .tr-ubergroup-header + .tr-group-header > td:last-child,
.tbl-tool-list .tr-ubergroup-header + .tr-group-header > td:last-child,
.tbl-list-floating-head .tr-ubergroup-header + .tr-group-header > td:last-child,
.tbl-list .tr-group-header + .tr-item > td:last-child,
.tbl-tool-list .tr-group-header + .tr-item > td:last-child,
.tbl-list-floating-head .tr-group-header + .tr-item > td:last-child,
.tbl-list .tr-group-header + .tr-common-item > td:last-child,
.tbl-tool-list .tr-group-header + .tr-common-item > td:last-child,
.tbl-list-floating-head .tr-group-header + .tr-common-item > td:last-child,
.tbl-list .tr-parent + .tr-common-item > td:last-child,
.tbl-tool-list .tr-parent + .tr-common-item > td:last-child,
.tbl-list-floating-head .tr-parent + .tr-common-item > td:last-child,
.tbl-list .tr-docs-parent + .tr-common-item > td:last-child,
.tbl-tool-list .tr-docs-parent + .tr-common-item > td:last-child,
.tbl-list-floating-head .tr-docs-parent + .tr-common-item > td:last-child {
border-top-right-radius: 12px;
}
.tbl-list-scroll__container_left .adaptive-width.tbl-list .tr-tasklist-project-item + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-tool-list .tr-tasklist-project-item + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list-floating-head .tr-tasklist-project-item + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list .tr-tasklist-project-item-last + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-tool-list .tr-tasklist-project-item-last + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list-floating-head .tr-tasklist-project-item-last + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list .tr-ubergroup-header + .tr-group-header > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-tool-list .tr-ubergroup-header + .tr-group-header > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list-floating-head .tr-ubergroup-header + .tr-group-header > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list .tr-group-header + .tr-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-tool-list .tr-group-header + .tr-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list-floating-head .tr-group-header + .tr-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list .tr-group-header + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-tool-list .tr-group-header + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list-floating-head .tr-group-header + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list .tr-parent + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-tool-list .tr-parent + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list-floating-head .tr-parent + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list .tr-docs-parent + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-tool-list .tr-docs-parent + .tr-common-item > td:last-child,
.tbl-list-scroll__container_left .adaptive-width.tbl-list-floating-head .tr-docs-parent + .tr-common-item > td:last-child {
border-top-right-radius: 0;
}
.tbl-list .tr-group-header > td,
.tbl-tool-list .tr-group-header > td,
.tbl-list-floating-head .tr-group-header > td {
padding: 28px 0 8px 2px;
color: var(--grey-group-text, #6C6C6C);
-webkit-transition: color 250ms ease;
-moz-transition: color 250ms ease;
-o-transition: color 250ms ease;
-ms-transition: color 250ms ease;
transition: color 250ms ease;
font-weight: bold;
font-size: 18px;
}
.tbl-list .tr-group-header > td a,
.tbl-tool-list .tr-group-header > td a,
.tbl-list-floating-head .tr-group-header > td a {
color: var(--grey-group-text, #6C6C6C);
text-decoration: none;
}
.tbl-list .tr-group-header > td a:hover,
.tbl-tool-list .tr-group-header > td a:hover,
.tbl-list-floating-head .tr-group-header > td a:hover {
text-decoration: underline;
}
.tbl-list .tr-group-header .task-group-expander,
.tbl-tool-list .tr-group-header .task-group-expander,
.tbl-list-floating-head .tr-group-header .task-group-expander {
display: inline-block;
margin-right: 8px;
color: inherit;
vertical-align: 2px;
}
.tbl-list .tr-group-header .task-group-expander svg,
.tbl-tool-list .tr-group-header .task-group-expander svg,
.tbl-list-floating-head .tr-group-header .task-group-expander svg {
fill: currentColor;
}
.tbl-list .tr-group-header.tr-ubergroup-header > td,
.tbl-tool-list .tr-group-header.tr-ubergroup-header > td,
.tbl-list-floating-head .tr-group-header.tr-ubergroup-header > td {
font-size: 14pt;
}
.tbl-list .tr-group-header__column,
.tbl-tool-list .tr-group-header__column,
.tbl-list-floating-head .tr-group-header__column {
display: flex;
}
.tbl-list .td-report-descr,
.tbl-tool-list .td-report-descr,
.tbl-list-floating-head .td-report-descr {
font-size: 13px;
display: inline-block;
color: var(--core-dropdown-text, #9c9c9c);
word-wrap: break-word;
padding-bottom: 8px;
}
.tbl-list .td-report-descr:empty,
.tbl-tool-list .td-report-descr:empty,
.tbl-list-floating-head .td-report-descr:empty {
display: none;
}
.tbl-list .checkbox-report-to-inline,
.tbl-tool-list .checkbox-report-to-inline,
.tbl-list-floating-head .checkbox-report-to-inline {
margin-top: 2px;
}
.tbl-list .common-td-report,
.tbl-tool-list .common-td-report,
.tbl-list-floating-head .common-td-report {
display: inline-block;
}
.tbl-list .common-td-report .fakelink-dashed,
.tbl-tool-list .common-td-report .fakelink-dashed,
.tbl-list-floating-head .common-td-report .fakelink-dashed,
.tbl-list .common-td-report .fakelink,
.tbl-tool-list .common-td-report .fakelink,
.tbl-list-floating-head .common-td-report .fakelink {
display: table;
}
.tbl-list .common-td-report.report-name-wrapper,
.tbl-tool-list .common-td-report.report-name-wrapper,
.tbl-list-floating-head .common-td-report.report-name-wrapper {
display: flex;
align-items: center;
}
.tbl-list .common-td-report .td-task-name-panel,
.tbl-tool-list .common-td-report .td-task-name-panel,
.tbl-list-floating-head .common-td-report .td-task-name-panel {
right: 0;
}
.tbl-list .report-item,
.tbl-tool-list .report-item,
.tbl-list-floating-head .report-item {
padding: 0 10px;
position: relative;
overflow: hidden;
}
.tbl-list .report-item .td-task-name-panel,
.tbl-tool-list .report-item .td-task-name-panel,
.tbl-list-floating-head .report-item .td-task-name-panel {
max-width: 48px;
}
.tbl-list .report-item .td-task-name-panel_starred,
.tbl-tool-list .report-item .td-task-name-panel_starred,
.tbl-list-floating-head .report-item .td-task-name-panel_starred {
max-width: 84px;
}
.tbl-list .report-item-ex .td-task-name-panel,
.tbl-tool-list .report-item-ex .td-task-name-panel,
.tbl-list-floating-head .report-item-ex .td-task-name-panel {
max-width: 83px;
}
.tbl-list .report-item-ex .td-task-name-panel_starred,
.tbl-tool-list .report-item-ex .td-task-name-panel_starred,
.tbl-list-floating-head .report-item-ex .td-task-name-panel_starred {
max-width: 118px;
}
.tbl-list .payment-documents-name,
.tbl-tool-list .payment-documents-name,
.tbl-list-floating-head .payment-documents-name {
max-width: 350px;
}
.tbl-list .payment-documents-name .block-name,
.tbl-tool-list .payment-documents-name .block-name,
.tbl-list-floating-head .payment-documents-name .block-name {
display: flex;
align-items: center;
}
.tbl-list .payment-documents-name .block-name .common-svg-icon,
.tbl-tool-list .payment-documents-name .block-name .common-svg-icon,
.tbl-list-floating-head .payment-documents-name .block-name .common-svg-icon {
padding: 2px 0;
}
.tbl-list .payment-documents-name .block-name .document-name,
.tbl-tool-list .payment-documents-name .block-name .document-name,
.tbl-list-floating-head .payment-documents-name .block-name .document-name {
padding-left: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tbl-list .payment-documents-date,
.tbl-tool-list .payment-documents-date,
.tbl-list-floating-head .payment-documents-date {
min-width: 80px;
padding: 0 10px 0 25px;
}
.tbl-list .td-item-location-marker,
.tbl-tool-list .td-item-location-marker,
.tbl-list-floating-head .td-item-location-marker {
text-align: center;
cursor: pointer;
padding-right: 3px;
padding-left: 0;
}
.tbl-list .td-item-location-marker > svg,
.tbl-tool-list .td-item-location-marker > svg,
.tbl-list-floating-head .td-item-location-marker > svg {
width: 22px;
height: 25px;
vertical-align: middle;
fill: transparent;
}
.tbl-list .td-item-location-marker.transparent > svg,
.tbl-tool-list .td-item-location-marker.transparent > svg,
.tbl-list-floating-head .td-item-location-marker.transparent > svg {
fill: transparent;
}
.tbl-list .td-item-location-marker.no-value > svg,
.tbl-tool-list .td-item-location-marker.no-value > svg,
.tbl-list-floating-head .td-item-location-marker.no-value > svg {
fill: transparent;
stroke: var(--black-white, #000);
}
.tbl-list .td-select-item-ico,
.tbl-tool-list .td-select-item-ico,
.tbl-list-floating-head .td-select-item-ico {
cursor: pointer;
padding-left: 10px;
padding-right: 10px;
}
.tbl-list .img-status,
.tbl-tool-list .img-status,
.tbl-list-floating-head .img-status {
background-image: url(/img/task-status/green.gif);
}
.tbl-list .img-status-high,
.tbl-tool-list .img-status-high,
.tbl-list-floating-head .img-status-high {
background-image: url(/img/task-status/high.png);
width: 14px;
height: 16px;
}
.tbl-list .task-expander,
.tbl-tool-list .task-expander,
.tbl-list-floating-head .task-expander {
cursor: pointer;
}
.tbl-list .task-expander .close-task-img-ico,
.tbl-tool-list .task-expander .close-task-img-ico,
.tbl-list-floating-head .task-expander .close-task-img-ico,
.tbl-list .task-expander .expand-task-img-ico,
.tbl-tool-list .task-expander .expand-task-img-ico,
.tbl-list-floating-head .task-expander .expand-task-img-ico {
display: none;
}
.tbl-list .task-expander svg,
.tbl-tool-list .task-expander svg,
.tbl-list-floating-head .task-expander svg {
width: 9px;
height: 9px;
fill: var(--black-white, #000);
margin: 0;
}
.tbl-list .task-expander.expand-task-img .expand-task-img-ico,
.tbl-tool-list .task-expander.expand-task-img .expand-task-img-ico,
.tbl-list-floating-head .task-expander.expand-task-img .expand-task-img-ico {
display: inline-block;
min-width: 11px;
}
.tbl-list .task-expander.close-task-img .close-task-img-ico,
.tbl-tool-list .task-expander.close-task-img .close-task-img-ico,
.tbl-list-floating-head .task-expander.close-task-img .close-task-img-ico {
display: inline-block;
min-width: 11px;
font-size: 9px;
}
.tbl-list .td-sub-task,
.tbl-tool-list .td-sub-task,
.tbl-list-floating-head .td-sub-task {
padding-left: 15px;
}
.tbl-list .tr-sub-task-last .td-item,
.tbl-tool-list .tr-sub-task-last .td-item,
.tbl-list-floating-head .tr-sub-task-last .td-item {
padding-bottom: 7px;
padding-top: 2px;
}
.tbl-list .tr-sub-task-first .td-item,
.tbl-tool-list .tr-sub-task-first .td-item,
.tbl-list-floating-head .tr-sub-task-first .td-item {
padding-bottom: 2px;
padding-top: 7px;
}
.tbl-list .tr-sub-task-first-del .td-item-name,
.tbl-tool-list .tr-sub-task-first-del .td-item-name,
.tbl-list-floating-head .tr-sub-task-first-del .td-item-name {
font-size: 12pt;
}
.tbl-list .td-padding-l,
.tbl-tool-list .td-padding-l,
.tbl-list-floating-head .td-padding-l,
.tbl-list .td-padding-l.td-item,
.tbl-tool-list .td-padding-l.td-item,
.tbl-list-floating-head .td-padding-l.td-item {
padding-left: 16px;
}
.tbl-list .td-padding-l.td-padding-l-half-padding,
.tbl-tool-list .td-padding-l.td-padding-l-half-padding,
.tbl-list-floating-head .td-padding-l.td-padding-l-half-padding,
.tbl-list .td-padding-l.td-item.td-padding-l-half-padding,
.tbl-tool-list .td-padding-l.td-item.td-padding-l-half-padding,
.tbl-list-floating-head .td-padding-l.td-item.td-padding-l-half-padding {
padding-left: 8px;
}
.tbl-list .td-padding-r,
.tbl-tool-list .td-padding-r,
.tbl-list-floating-head .td-padding-r,
.tbl-list .td-padding-r.td-item,
.tbl-tool-list .td-padding-r.td-item,
.tbl-list-floating-head .td-padding-r.td-item {
padding-right: 10px;
}
.tbl-list .td-padding-c,
.tbl-tool-list .td-padding-c,
.tbl-list-floating-head .td-padding-c,
.tbl-list .td-padding-c.td-item,
.tbl-tool-list .td-padding-c.td-item,
.tbl-list-floating-head .td-padding-c.td-item {
padding-right: 5px;
padding-left: 5px;
}
.tbl-list .red-row,
.tbl-tool-list .red-row,
.tbl-list-floating-head .red-row {
color: #FF3C3C;
}
.tbl-list .red-row a,
.tbl-tool-list .red-row a,
.tbl-list-floating-head .red-row a {
color: #FF3C3C;
}
.tbl-list .red-row .img-status,
.tbl-tool-list .red-row .img-status,
.tbl-list-floating-head .red-row .img-status {
background-image: url(/img/task-status/red.gif);
}
.tbl-list .disabled-row,
.tbl-tool-list .disabled-row,
.tbl-list-floating-head .disabled-row {
color: var(--link-color-gray, #9D9D9D);
}
.tbl-list .disabled-row a,
.tbl-tool-list .disabled-row a,
.tbl-list-floating-head .disabled-row a {
color: var(--link-color-gray, #9D9D9D);
}
.tbl-list .disabled-row .img-status,
.tbl-tool-list .disabled-row .img-status,
.tbl-list-floating-head .disabled-row .img-status {
background-image: url(/img/task-status/gray.gif);
}
.tbl-list .td-with-html-wrap,
.tbl-tool-list .td-with-html-wrap,
.tbl-list-floating-head .td-with-html-wrap {
padding: 0 10px;
}
.color-default .email-default-templates {
margin-top: 15px;
}
.predecessors .td-item.td-general-id,
.successors .td-item.td-general-id {
border-left-color: var(--gray-border, #e2e2e2);
}
.tr-head,
.hda-tr-head {
border: 1px solid var(--grey-list-border, #dedede);
}
.tr-head td,
.hda-tr-head td {
padding-left: 10px;
padding-right: 10px;
background-color: var(--gray-modal-background, #ebebeb);
}
.tr-head td:first-child,
.hda-tr-head td:first-child {
border-top-left-radius: 12px;
border-left: 1px solid var(--gray-border, #e2e2e2);
}
.tr-head td:last-child,
.hda-tr-head td:last-child {
border-top-right-radius: 12px;
border-right: 1px solid var(--gray-border, #e2e2e2);
}
.tbl-list-floating-head .tr-head .tr-common-item-header.tr-head-resizeable,
.tbl-list-floating-head .hda-tr-head .tr-common-item-header.tr-head-resizeable {
padding: 0;
margin: 0;
border: none;
}
.tr-head .rc-filter-sort-dropdown__container,
.hda-tr-head .rc-filter-sort-dropdown__container {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
cursor: pointer;
pointer-events: none;
}
.tr-ubergroup-header .td-uber-group {
background-color: var(--gray-modal-background, #ebebeb);
border-bottom: 1px solid var(--gray-border, #e2e2e2);
border-top-right-radius: 6px;
border-top-left-radius: 6px;
font-weight: 100;
padding: 10px 10px 11px;
margin-top: 15px;
}
.tr-ubergroup-header.tr-group-header td {
padding: 25px 0 0;
}
.td-head.td-head-number {
padding-left: 6px;
padding-right: 6px;
}
.td-head.td-head-priority {
padding-left: 2px;
padding-right: 2px;
}
.td-head.td-head-priority .td-head-common-sort {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.td-head.td-head-priority .td-column-sorted {
margin: 1px -2px 0 0;
}
.adaptive-width .td-head.td-head-priority .td-column-sorted {
margin-top: -1px;
}
.favorite-item-task-name {
position: absolute;
background-color: var(--gray-modal-background, #ebebeb);
right: 12px;
top: 0;
bottom: 0;
padding: 0 3px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.td-nowrap {
white-space: nowrap;
}
.td-before-task-name {
width: 20px;
}
.td-before-task-name_project .td-before-task-name .tasks-container-small {
display: table-cell;
}
.tasks-container-small .td-before-task-name.td-head {
border-top-left-radius: 12px;
}
.tasks-container-small .tr-common-item-last .td-before-task-name {
border-bottom-left-radius: 12px;
}
.td-head-add-column,
.td-head-setting-column {
min-width: 24px;
min-height: 24px;
width: 24px;
height: 24px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.td-head-add-column[data-open="true"],
.td-head-setting-column[data-open="true"],
.td-head-add-column:hover,
.td-head-setting-column:hover {
background-color: var(--gray-border, #DEDEDE);
}
.td-head-add-column svg,
.td-head-setting-column svg {
width: 12px;
height: 12px;
stroke: var(--gray-perl);
}
.td-head-setting-column svg {
width: 16px;
height: 16px;
fill: var(--gray-perl);
stroke: var(--gray-perl);
}
.rc-object-task-filter-dropdown__absolute {
height: 100%;
max-height: 400px;
}
.rc-object-task-filter-dropdown__absolute .rc-dropdown-base__wrapper {
box-shadow: none;
}
.td-head-buttons {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 5px;
}
.td-head-config span {
width: 100%;
text-align: right;
}
.td-head-config,
.td-head-dots {
width: 25px;
padding-left: 0;
padding-right: 0;
}
.td-head-config .svg-icon-16px,
.td-head-dots .svg-icon-16px {
cursor: pointer;
}
.docs-td-size {
width: 61px;
}
.tbl-list-no-head .tr-item:first-child .td-item {
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.tbl-list-no-head .tr-item:first-child .td-item:first-child {
border-top-left-radius: 12px;
}
.tbl-list-no-head .tr-item:first-child .td-item:last-child {
border-top-right-radius: 12px;
}
.tbl-statusset-list {
table-layout: fixed;
}
.tbl-statusset-list .td-task-name {
border-left-color: var(--gray-border, #e2e2e2) !important;
}
.email-generic-inbox-list-table .td-project-name,
.tbl-api-access-list .td-project-name {
border-left-color: var(--gray-border, #e2e2e2);
}
.td-project-name-link.tr-tbllist-name:hover {
text-decoration: none;
}
.report-star-empty-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 20px;
background: var(--white-black, #FFFFFF);
border: 1px solid var(--gray-inner, #EEEEEE);
box-sizing: border-box;
border-radius: 6px;
height: 100%;
}
.report-star-empty-block .container {
display: grid;
margin: auto;
}
.report-star-empty-block .container .svg-empty-block {
margin: auto;
width: 50%;
max-width: 200px;
}
.report-star-empty-block .container .svg-empty-block .svg-image {
background-image: url('/img/svg/svgCalendar_empty.svg');
width: 123px ;
height: 118px;
}
.report-star-empty-block .container .report-star-text-add {
margin: 0;
padding: 15px;
color: var(--task-card-title-text, #4B4B4B);
font-size: 14pt;
text-align: center;
}
.report-star-empty-block .container .report-star-text-add a {
margin: 0;
padding: 0 10px;
cursor: pointer;
font-size: 19pt;
}
.main-container-touch .tbl-list-tasks tr .td-item .img-star {
visibility: visible;
}
.task-list-has-add-new .tbl-list .td-head,
.task-list-has-add-new .tbl-tool-list .td-head,
.task-list-has-add-new .tbl-list .td-head-cbx,
.task-list-has-add-new .tbl-tool-list .td-head-cbx {
border-bottom-color: transparent;
}
/* drag */
.drug-wrapper {
position: absolute;
z-index: 100;
}
.drug-wrapper .sort-item {
cursor: url("/img/closedhand.cur"), move;
}
.drug-wrapper .tr-item .td-item,
.drug-wrapper .tr-common-item .td-item,
.drug-wrapper .tr-move-shadow .td-item {
border-top: 1px solid var(--gray-border, #e2e2e2) !important;
}
.drug-wrapper .tr-item .td-item:first-child,
.drug-wrapper .tr-common-item .td-item:first-child,
.drug-wrapper .tr-move-shadow .td-item:first-child {
border-top-left-radius: 12px;
}
.drug-wrapper .tr-item .td-item:last-child,
.drug-wrapper .tr-common-item .td-item:last-child,
.drug-wrapper .tr-move-shadow .td-item:last-child {
border-top-right-radius: 12px;
}
.drug-wrapper .tr-item:hover td,
.drug-wrapper .tr-common-item:hover td,
.drug-wrapper .tr-move-shadow:hover td {
background-color: var(--white-black, white) !important;
}
.td-item-qe-editable {
background-color: transparent;
}
.td-item-qe-editable:hover {
outline-width: 1px;
outline-style: dashed !important;
outline-color: var(--cardmenu-back, var(--cardmenu-back, #53586b));
outline-offset: -1px;
}
.td-item-qe-editable .td-task-name-panel.td-task-name-panel_active {
right: 1px;
}
.td-item-qe-editable .td-task-name-panel .green2 svg {
stroke: #00864b;
}
.td-item-qe-editable-active {
background-color: var(--white-black, #ffffff);
}
.tr-task-active .td-head-qe-filter:hover > div,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active > div,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active > div,
.tr-task-active .td-head-qe-filter:hover a,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active a,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active a,
.tr-task-active .td-head-qe-filter:hover a:hover,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active a:hover,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active a:hover,
.tr-task-active .td-head-qe-filter:hover .task-list-item-status > span,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .task-list-item-status > span,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .task-list-item-status > span,
.tr-task-active .td-head-qe-filter:hover .task-list-gant-date,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .task-list-gant-date,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .task-list-gant-date,
.tr-task-active .td-head-qe-filter:hover .task-project-group-span,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .task-project-group-span,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .task-project-group-span,
.tr-task-active .td-head-qe-filter:hover > div > .crm-email,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active > div > .crm-email,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active > div > .crm-email,
.tr-task-active .td-head-qe-filter:hover .fakelink,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .fakelink,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .fakelink {
color: var(--white-black, #fff);
}
.tr-task-active .td-head-qe-filter:hover > div::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active > div::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active > div::selection,
.tr-task-active .td-head-qe-filter:hover a::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active a::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active a::selection,
.tr-task-active .td-head-qe-filter:hover a:hover::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active a:hover::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active a:hover::selection,
.tr-task-active .td-head-qe-filter:hover .task-list-item-status > span::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .task-list-item-status > span::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .task-list-item-status > span::selection,
.tr-task-active .td-head-qe-filter:hover .task-list-gant-date::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .task-list-gant-date::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .task-list-gant-date::selection,
.tr-task-active .td-head-qe-filter:hover .task-project-group-span::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .task-project-group-span::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .task-project-group-span::selection,
.tr-task-active .td-head-qe-filter:hover > div > .crm-email::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active > div > .crm-email::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active > div > .crm-email::selection,
.tr-task-active .td-head-qe-filter:hover .fakelink::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .fakelink::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .fakelink::selection,
.tr-task-active .td-head-qe-filter:hover > div * ::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active > div * ::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active > div * ::selection,
.tr-task-active .td-head-qe-filter:hover a * ::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active a * ::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active a * ::selection,
.tr-task-active .td-head-qe-filter:hover a:hover * ::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active a:hover * ::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active a:hover * ::selection,
.tr-task-active .td-head-qe-filter:hover .task-list-item-status > span * ::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .task-list-item-status > span * ::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .task-list-item-status > span * ::selection,
.tr-task-active .td-head-qe-filter:hover .task-list-gant-date * ::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .task-list-gant-date * ::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .task-list-gant-date * ::selection,
.tr-task-active .td-head-qe-filter:hover .task-project-group-span * ::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .task-project-group-span * ::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .task-project-group-span * ::selection,
.tr-task-active .td-head-qe-filter:hover > div > .crm-email * ::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active > div > .crm-email * ::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active > div > .crm-email * ::selection,
.tr-task-active .td-head-qe-filter:hover .fakelink * ::selection,
.tr-task-active .td-head-qe-filter.td-head-qe-filter-active .fakelink * ::selection,
.tr-task-active .td-item-qe-editable.td-item-qe-editable-active .fakelink * ::selection {
background: var(--white-black, #fff);
}
.td-head-qe-filter:hover a.chzn-single,
.td-head-qe-filter.td-head-qe-filter-active a.chzn-single,
.td-item-qe-editable.td-item-qe-editable-active a.chzn-single {
color: var(--chzn-text, #444) !important;
}
.td-head-qe-filter:hover input[type=text],
.td-head-qe-filter.td-head-qe-filter-active input[type=text],
.td-item-qe-editable.td-item-qe-editable-active input[type=text] {
max-width: 600px;
}
.td-head-qe-filter:hover input[type=text],
.td-head-qe-filter.td-head-qe-filter-active input[type=text],
.td-item-qe-editable.td-item-qe-editable-active input[type=text],
.td-head-qe-filter:hover select,
.td-head-qe-filter.td-head-qe-filter-active select,
.td-item-qe-editable.td-item-qe-editable-active select {
outline: none;
border: none;
}
.td-head-qe-filter:hover input[type=checkbox],
.td-head-qe-filter.td-head-qe-filter-active input[type=checkbox],
.td-item-qe-editable.td-item-qe-editable-active input[type=checkbox] {
outline: none;
}
.td-head-qe-filter:hover .iconset-16px-man,
.td-head-qe-filter.td-head-qe-filter-active .iconset-16px-man,
.td-item-qe-editable.td-item-qe-editable-active .iconset-16px-man {
background-position: 0 -1968px;
}
.td-head-qe-filter:hover .iconset-16px-client,
.td-head-qe-filter.td-head-qe-filter-active .iconset-16px-client,
.td-item-qe-editable.td-item-qe-editable-active .iconset-16px-client {
background-position: 0 -2784px;
}
.td-head-qe-filter:hover .iconset-16px-woman,
.td-head-qe-filter.td-head-qe-filter-active .iconset-16px-woman,
.td-item-qe-editable.td-item-qe-editable-active .iconset-16px-woman {
background-position: 0 -2800px;
}
.td-head-qe-filter:hover,
.td-head-qe-filter.td-head-qe-filter-active {
background-color: #3ba3d0;
}
.td-head-qe-filter:hover .iconset-16px-remove,
.td-head-qe-filter.td-head-qe-filter-active .iconset-16px-remove {
background-position: 0 -2896px;
}
.td-head-qe-filter:hover input.text-box,
.td-head-qe-filter.td-head-qe-filter-active input.text-box {
font-size: 11px;
}
.td-item-qe-editable-chosen-multi {
margin: 0px -10px;
padding-top: 1px;
}
.td-item-qe-editable-chosen-multi .chzn-container-multi {
padding-left: 5px;
box-sizing: border-box;
background-color: transparent;
border-bottom: none;
}
.tr-common-item .td-item-qe-editable-active .task-list-gant-date-empty span {
display: inline-block;
}
.top-comment-load-button-block {
display: flex;
align-items: center;
margin-bottom: 15px;
margin-top: 15px;
}
.top-comment-load-button-block .top-comment-load-button {
font-size: 12px;
background: #3ba2cf;
border: none;
padding: 6px 60px;
color: var(--white-black, #fff);
border-radius: 8px;
margin: 0 10px;
outline: none;
cursor: pointer;
}
.top-comment-load-button-block .top-comment-load-button:hover {
background: #47afdc;
}
.top-comment-load-button-block .top-comment-load-button-line {
height: 1px;
background: var(--gray-border, #e2e2e2);
width: 100%;
}
.user-avatar-img {
border-radius: 50%;
flex-shrink: 0;
}
.user-avatar-img-square .user-avatar-img {
border-radius: 0%;
}
.user-avatar-img-rounded .user-avatar-img {
border-radius: 20%;
}
.table-crm-avatar {
width: 28px;
height: 28px;
display: block;
}
.table-crm-avatar-svg.svg-icon-28px {
display: block;
}
.b-user-avatar-change {
bottom: 10px;
right: 10px;
}
.user-avatar-img-square .b-user-avatar-change {
bottom: 0;
right: -5px;
}
.user-avatar-img-rounded .b-user-avatar-change {
bottom: 4px;
right: -2px;
}
.contact-card-ico .b-user-avatar-change {
bottom: 0;
right: 0;
}
.user-avatar-img-square .contact-card-ico .b-user-avatar-change {
bottom: -6px;
right: -6px;
}
.user-avatar-img-rounded .contact-card-ico .b-user-avatar-change {
bottom: -6px;
right: -6px;
}
.user-avatar-img-small {
border-radius: 50%;
}
.user-avatar-img-square .user-avatar-img-small {
border-radius: 0%;
}
.user-avatar-img-rounded .user-avatar-img-small {
border-radius: 20%;
}
/* scales up to 6px for 120px images in user card */
.user-avatar-img-responsive {
border-radius: 50%;
}
.user-avatar-img-square .user-avatar-img-responsive {
border-radius: 0%;
}
.user-avatar-img-rounded .user-avatar-img-responsive {
border-radius: 20%;
}
.b-user-avatar,
.user-avatar-progress-loader,
.b-default-user-avatar {
border-radius: 50%;
}
.user-avatar-img-square .b-user-avatar,
.user-avatar-img-square .user-avatar-progress-loader,
.user-avatar-img-square .b-default-user-avatar {
border-radius: 0%;
}
.user-avatar-img-rounded .b-user-avatar,
.user-avatar-img-rounded .user-avatar-progress-loader,
.user-avatar-img-rounded .b-default-user-avatar {
border-radius: 20%;
}
.tbl-managed-list .tbl-managed-list-hidden,
.tbl-managed-list-shadow .tbl-managed-list-hidden,
.tbl-list-floating-head .tbl-managed-list-hidden,
.tasks-container-small .tbl-managed-list .tr-common-item .tbl-managed-list-hidden,
.tasks-container-small .tbl-managed-list-shadow .tr-common-item .tbl-managed-list-hidden,
.tasks-container-small .tbl-list-floating-head .tr-common-item .tbl-managed-list-hidden,
.tasks-container-small .tbl-managed-list .tr-common-item-header .tbl-managed-list-hidden,
.tasks-container-small .tbl-managed-list-shadow .tr-common-item-header .tbl-managed-list-hidden,
.tasks-container-small .tbl-list-floating-head .tr-common-item-header .tbl-managed-list-hidden,
.tbl-managed-list.tbl-managed-list-shadow.tasks-container-small .tr-common-item .tbl-managed-list-hidden,
.tbl-managed-list-shadow.tbl-managed-list-shadow.tasks-container-small .tr-common-item .tbl-managed-list-hidden,
.tbl-list-floating-head.tbl-managed-list-shadow.tasks-container-small .tr-common-item .tbl-managed-list-hidden,
.tbl-managed-list.tbl-managed-list-shadow.tasks-container-small .tr-common-item-header .tbl-managed-list-hidden,
.tbl-managed-list-shadow.tbl-managed-list-shadow.tasks-container-small .tr-common-item-header .tbl-managed-list-hidden,
.tbl-list-floating-head.tbl-managed-list-shadow.tasks-container-small .tr-common-item-header .tbl-managed-list-hidden {
display: none;
}
.tbl-managed-list .td-head-common-sort,
.tbl-managed-list-shadow .td-head-common-sort,
.tbl-list-floating-head .td-head-common-sort {
box-sizing: border-box;
padding-right: 0;
padding-bottom: 2px;
padding-top: 2px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.tbl-list-floating-head {
position: absolute;
table-layout: fixed;
top: 0;
left: 25px;
background: var(--background-color-light-gray, #f7f7f7);
}
.tbl-list-floating-head-toggle {
position: relative;
z-index: 1;
display: none;
margin: -12px auto 0;
width: 29px;
height: 12px;
cursor: pointer;
border-top: 1px solid var(--gray-border, #e2e2e2);
border-left: 1px solid var(--gray-border, #e2e2e2);
border-right: 1px solid var(--gray-border, #e2e2e2);
box-sizing: border-box;
background: var(--white-black, #fff);
border-radius: 3px 3px 0 0;
}
.tbl-list-floating-head-toggle .svg-triangle {
width: 12px;
height: 12px;
line-height: 0;
margin: auto;
}
.tbl-list-floating-head-toggle .svg-triangle svg {
fill: var(--task-card-pull-svg, #a1a1a1);
width: 12px;
height: 12px;
}
.tbl-list-floating-head-toggle.tbl-list-floating-head-toggle-off .svg-triangle {
transform: rotate(180deg);
}
.tr-head-resizeable .td-head {
position: relative;
}
.td-head-common-resizer {
display: none;
position: absolute;
z-index: 1;
top: 50%;
right: -5px;
height: 35px;
width: 11px;
margin-top: -18px;
cursor: ew-resize;
}
.td-head-common-resizer svg {
width: 13px;
height: 33px;
fill: var(--gray-light-border, #bdbdbd);
}
.tr-head-resizing .td-head:not(.td-resizer-disabled) .td-head-common-resizer,
.tr-head-resizeable:hover .td-head:not(.td-resizer-disabled) .td-head-common-resizer {
display: block;
}
.task-periodic-sign,
.task-chain {
cursor: pointer;
margin-right: 5px;
padding: 5px;
}
.task-periodic-sign svg,
.task-chain svg {
fill: none;
stroke: #00864b;
width: 16px;
height: 16px;
stroke-miterlimit: 10;
}
.task-periodic-sign.v-bot svg,
.task-chain.v-bot svg {
vertical-align: bottom;
}
.user-list-table .tbl-list .tr-common-item {
height: 49px;
}
.action-tracking-data-win .tr-item .td-item .td-ico img {
height: 16px;
width: 16px;
}
.action-tracking-data-win .tr-item .td-item i:hover {
fill: red;
}
.tr-status-editable .status-tooltip-icon {
cursor: pointer;
vertical-align: bottom;
}
.tr-tbllist-checkbox {
width: 16px;
height: 16px;
-webkit-appearance: none;
background: none;
border: 1px solid var(--grey-list-border, #dedede);
outline: 0;
-webkit-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
border-radius: 4px;
background-color: var(--white-black, #FFFFFF);
margin: 0;
cursor: pointer;
/* Checked */
/* Disabled */
}
.tr-tbllist-checkbox::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 2px;
border: 0;
opacity: 0;
margin: 2px;
background-color: var(--activeButton, var(--grey-list-border, #dedede));
color: var(--activeButtonElements, transparent);
background-size: contain;
-webkit-transition: opacity 150ms ease;
-moz-transition: opacity 150ms ease;
-o-transition: opacity 150ms ease;
-ms-transition: opacity 150ms ease;
transition: opacity 150ms ease;
}
.tr-tbllist-checkbox:checked::before {
opacity: 1;
}
.tr-tbllist-checkbox:focus {
box-shadow: 0 0 4px var(--task-list-focus-shadow, rgba(0, 0, 0, 0.1));
}
.tr-tbllist-checkbox:disabled {
background-color: var(--task-list-checkbox-disabled, #CCD3D8);
opacity: 0.84;
cursor: not-allowed;
}
.tr-common-add-new + .tr-common-item td:first-child {
border-top-left-radius: 12px;
}
.tr-common-add-new + .tr-common-item td:last-child {
border-top-right-radius: 12px;
}
.tr-common-item + .tr-common-add-new {
height: 57px;
position: relative;
}
.tr-common-item + .tr-common-add-new td {
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: var(--background-color-light-gray, #f7f7f7);
line-height: 1;
top: 0;
bottom: 0;
}
.tr-fake {
height: 57px;
}
.tbl-list-nohover {
cursor: url("/img/openhand.cur"), move;
}
.tbl-list-nohover * {
transition: none !important;
}
.hidden-el-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
padding: 13px 5px 17px 13px;
max-width: 182px;
background: white;
box-shadow: 0 0 2px var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
border-radius: 5px;
z-index: 999;
top: 36px;
width: max-content;
}
.hidden-el-container .value-color-field {
overflow: hidden;
cursor: pointer;
}
.hidden-el-container .value-color-field.hidden-el:last-child .value-color-field-comma {
display: none;
}
.hidden-el-container .value-color-field:not(.free-input) {
margin: 5px 8px 0 0;
}
.hidden-el-container .value-color-field.free-input {
margin-right: 8px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.hidden-el-container .value-color-field:last-child .value-color-field-comma {
display: none;
}
.task-list-scroll-container,
.scroll-list {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
.task-list-scroll-container .b-main-block-content,
.scroll-list .b-main-block-content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
position: relative;
}
.task-list-scroll-container .b-main-block,
.scroll-list .b-main-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding-right: 0;
padding-bottom: 0;
}
.task-list-scroll-container.task-list-container .b-main-block,
.scroll-list.task-list-container .b-main-block {
min-height: unset;
}
.task-list-scroll-container .main-container,
.scroll-list .main-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
}
.task-list-scroll-container .tr-common-item,
.scroll-list .tr-common-item {
height: 33px;
}
.task-list-scroll-container .tr-common-item .td-item-project,
.scroll-list .tr-common-item .td-item-project {
padding: 0 10px;
}
.task-list-scroll-container .tr-common-item .td-item-number,
.scroll-list .tr-common-item .td-item-number {
text-align: right;
}
.task-list-scroll-container .tr-head,
.scroll-list .tr-head {
height: 40px;
}
.task-list-scroll-container .tbl-list-scroll-wrapper_high .tr-head,
.scroll-list .tbl-list-scroll-wrapper_high .tr-head {
height: 80px;
}
.list-no-checkbox .td-cbx,
.list-no-checkbox .show-small[data-column-id="-1"] {
display: none !important;
}
.print-page .tbl-list-scroll__container.tbl-list-scroll__container_left {
display: none;
}
.tbl-list-scroll-wrapper {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: scroll;
overscroll-behavior: contain;
}
.dublicate-contact-list .tbl-list-scroll-wrapper {
overflow: auto;
}
.tbl-list-scroll-absolute {
position: absolute;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
transform: translateZ(0);
}
.tbl-gant-container .tbl-list-scroll__container_left {
flex: 1;
}
.tbl-gant-container .tbl-list-scroll {
align-items: flex-start;
}
.tbl-list-scroll {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
min-height: 100%;
min-width: 100%;
}
.tbl-list-scroll_sticky {
position: sticky;
top: 0;
z-index: 2;
}
.tbl-list-scroll__container {
z-index: 0;
}
.tbl-list-scroll__container .tbl-list_head {
position: sticky;
top: 0;
z-index: 1;
background-color: var(--background-color-light-gray, #f7f7f7);
}
.tbl-list-scroll__container .tr-group-header {
height: 57px;
position: relative;
}
.tbl-list-scroll__container .tr-group-header td {
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: var(--background-color-light-gray, #f7f7f7);
line-height: 1;
max-width: 100%;
}
.tbl-list-scroll__container_left {
position: sticky;
left: 0;
z-index: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-shadow: 0 -4px 4px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.16)), 0 -2px 1px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.16));
}
.tbl-list-scroll__container_left .tr-head .td-head:last-child,
.tbl-list-scroll__container_left .tr-head .td-head-cbx:last-child {
border-top-right-radius: 0;
}
.tbl-list-scroll__container_left .tr-head .td-cbx + .td-head:last-child {
border-top-left-radius: 0;
}
.tbl-list-scroll__container_left .tr-common-item:last-child .td-item:last-child {
border-radius: 0;
}
.tasks-container-small .tbl-list-scroll__container_left .tr-common-item:last-child .td-item:last-child {
border-bottom-right-radius: 12px;
}
.tbl-list-scroll__container_left .tr-group-header td {
max-width: unset;
min-width: calc(100% + 4px);
}
.tasks-container-small .tbl-list-scroll__container_left .tr-group-header td {
min-width: unset;
}
.tbl-list-scroll__container_left .td-item-handbook-group {
position: absolute;
height: 33px;
box-sizing: border-box;
}
.tbl-list-scroll__container_left .td-item-handbook-group.td-task-name {
padding: 8px 10px 7px 8px;
}
.tbl-list-scroll__container_left .tr-docs-parent {
position: relative;
height: 44px;
}
.tbl-list-scroll__container_left .docs-list-fake-cell {
position: absolute;
background-color: var(--background-color-light-gray, #f7f7f7);
}
.tbl-list-scroll__container_left .tr-fake + .tr-common-item td:first-child {
border-top-left-radius: 12px;
}
.tbl-list-scroll__container_left .tr-fake + .tr-common-item td:last-child,
.tbl-list-scroll__container_left .tr-common-add-new + .tr-common-item td:last-child {
border-top-right-radius: 0;
}
.tbl-list-scroll__container_right {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.tbl-list-scroll__container_right .tr-head .td-head:first-child {
border-radius: 0;
}
.tbl-list-scroll__container_right .adaptive-width .tr-common-item:last-child .td-item:first-child {
border-radius: 0 !important;
}
.tbl-list-scroll__container_right .tr-item-handbook-up {
height: 44px;
}
.tbl-list-scroll__container_right .tr-item-handbook-up .td-item {
background: none;
border: none;
}
.tbl-list-scroll__container_right .tbl-list-users .tr-head .td-head:first-child {
border-top-left-radius: 12px;
}
.tbl-list-scroll__container_right .td-item-handbook-group {
height: 33px;
box-sizing: border-box;
}
.tbl-list-scroll__container_right .tr-common-add-new + .tr-common-item td:first-child {
border-top-left-radius: 0;
}
.tbl-list-scroll__container_right .tr-fake + .tr-common-item td:last-child,
.tbl-list-scroll__container_right .tr-common-add-new + .tr-common-item td:last-child {
border-top-right-radius: 12px;
}
.tr-item-group__td {
border: none !important;
padding: 0;
}
.tbl-glittered .tr-item-group__td {
background: transparent;
}
.tr-item-group__inner {
border: 1px solid var(--grey-list-border, #dfdfdf);
height: 33px;
display: flex;
align-items: center;
background: var(--white-black, white);
margin-top: -1px;
-webkit-transition: background-color 200ms ease;
-moz-transition: background-color 200ms ease;
-o-transition: background-color 200ms ease;
-ms-transition: background-color 200ms ease;
transition: background-color 200ms ease;
cursor: pointer;
position: relative;
overflow: hidden;
}
.tr-item-group__inner.resize-height {
height: unset;
min-height: 33px;
padding: 7px 0;
box-sizing: border-box;
}
.tr-item-group__inner:hover,
.tbl-glittered .tr-item-group__inner {
background-color: var(--gray-border, #e2e2e2);
}
.tr-item-group__inner:hover .td-task-name-panel {
max-width: 100%;
}
.docs-container-small .tr-item-group__inner,
.tr-item-task-custom-group .tr-item-group__inner {
height: unset;
min-height: 33px;
padding: 7px 0;
box-sizing: border-box;
}
.tr-item-group__span {
margin: 0 18px;
}
.tr-item-group__span_docs {
margin: 0 29px;
}
.tr-item-group_first .tr-item-group__td {
padding-top: 33px;
}
.tr-item-group_first .tr-item-group__inner {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.tr-item-group_last .tr-item-group__td {
padding-bottom: 33px;
}
.tr-item-group_last .tr-item-group__inner {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.tr-group-header + .tr-item-group_first .tr-item-group__td {
padding-top: 0;
}
.tr-docs-parent + .tr-item-group_first .tr-item-group__td {
padding-top: 20px;
}
.tr-item-group_last + .tr-group-header > td {
padding-top: 0;
}
.tr-item-group_last + .tr-common-item > td:first-child {
border-top-left-radius: 12px;
}
.tr-item-group_last + .tr-common-item > td:last-child {
border-top-right-radius: 12px;
}
.tr-tbllist-checkbox + .tr-item-group__span_docs {
margin: 0 33px;
}
.tr-parent {
position: relative;
height: 44px;
}
.tr-parent .td-parent-child {
position: absolute;
border: none !important;
padding: 0 !important;
background-color: var(--background-color-light-gray, #f7f7f7) !important;
width: 100%;
}
.tr-parent .td-parent-child .back-up-link {
margin-left: 11px;
}
.b-task-card-auditors {
word-break: break-all;
}
@media only screen and (min-width: 1199px) {
.tbl-list .td-item .sort-item,
.tbl-tool-list .td-item .sort-item,
.tbl-list-floating-head .td-item .sort-item {
opacity: 0;
}
.tbl-glittered td,
.tr-common-item:hover td,
.tr-item-qe-editable-active td {
background-color: var(--gray-list-hover, #f0f0f0);
}
.tbl-glittered .td-item .sort-item,
.tr-common-item:hover .td-item .sort-item,
.tr-item-qe-editable-active .td-item .sort-item {
opacity: 1;
}
}
.panel-manager__expand {
display: none;
}
.drag-ghost-for-th {
position: absolute;
z-index: 999;
white-space: nowrap;
background-color: var(--white-black, #ffffff);
border: 1px solid var(--gray-border, #dedede);
padding: 8px 12px;
font-size: 13px;
color: var(--black-white, #000);
width: fit-content;
opacity: 1 !important;
filter: opacity(1) !important;
border-radius: 4px;
}
.tr-task-column-sum .task-list-column-sum-cell {
font-size: 9px;
text-align: left;
color: var(--gray-dark-icon, #626262);
padding-top: 0;
}
.tr-task-column-sum .td-item:not(:first-child) {
border-left-color: transparent;
}
.tr-task-column-sum .task-list-column-sum-title {
line-height: 1.3em;
}
.tr-task-column-sum .task-list-column-sum-result {
display: block;
font-size: 13px;
font-weight: 600;
}
/*
.panel-manager {
.flex-display();
overflow: hidden;
.box(100vw, 100vh);
position: relative;
&__item {
position: absolute;
// .flex-display(flex);
.justify-content(space-between);
// white-space: nowrap;
z-index: unset;
overflow: unset;
&.collapsed {
.panel-manager__resizer {
display: none !important;
}
.panel-manager__expand {
.flex-display() !important;
}
+ .panel-manager__item .panel-manager__resizer {
display: none !important;
}
}
&:not(.collapsed) .b-first-block-hide {
// display: block;
}
&.transition-width {
.transition(width 250ms linear);
}
&.transition-left {
.transition(left 250ms linear);
}
&.transition-all {
@trans-all: left 250ms linear, width 250ms linear;
.transition(@trans-all);
}
.b-main-block-content {
width: 100%;
}
}
&__resizer {
width: 10px;
height: 100%;
background-color: white;
cursor: col-resize;
.flex-shrink(0);
}
&__canvas {
position: absolute;
display: none;
top: 0;
left: 0;
bottom: 0;
background: @gray-light;
z-index: 10;
}
&__expand {
display: none;
position: absolute;
cursor: pointer;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 3;
background-color: @menu;
.justify-content(center);
.align-items(center);
svg {
stroke: @white;
.box(20px);
}
}
&.debug {
.panel-manager__item {
.align-items(center);
background-color: lightgray;
height: 50vh;
padding-top: 0 !important;
}
.page-layout-block {
z-index: unset;
}
.page-layout-block-resizer {
display: block !important;
opacity: 1;
}
}
}
#modern-menu-block {
background: #282828;
}
#left-menu-block {
background: #6b6b9b;
}
#task-menu-block {
background: #b6b6c9;
}
#block2 {
background: #b2ccb7;
}
#block2 {
background: gray;
}
#block3 {
background: #e1e1b2;
}*/
.collapse-tree {
min-width: 600px;
}
.collapse-tree a:hover {
text-decoration: none;
}
.collapse-tree .sub {
display: none;
}
.collapse-tree.sub {
padding-left: 20px;
}
.collapse-tree.sub.help {
padding-left: 0;
}
.collapse-tree .ct-node {
font-size: 14px;
font-weight: bold;
padding-bottom: 5px;
padding-top: 5px;
cursor: pointer;
}
.collapse-tree .ct-node .ct-btn-openclose-wr {
margin-left: -13px;
}
.collapse-tree .ct-node .ct-btn-openclose {
display: inline-block;
width: 11px;
background: transparent url("/img/tree-plus.gif") no-repeat center center;
cursor: pointer;
}
.collapse-tree.loading > .ct-node > .ct-btn-openclose-wr > .ct-btn-openclose {
background-image: url("/img/indicator_menu.gif");
}
.collapse-tree.open > .ct-node > .ct-btn-openclose-wr > .ct-btn-openclose {
background-image: url("/img/tree-minus.gif");
}
.collapse-tree.open > .sub {
display: block;
}
.collapse-tree .ct-item {
font-size: 14px;
padding-bottom: 5px;
padding-top: 5px;
cursor: pointer;
}
.collapse-tree .ct-item input {
border: 0;
padding: 0;
width: 100%;
font-size: 14px;
cursor: pointer;
}
.collapse-tree .help .tooltip-actions {
margin-bottom: 5px;
margin-top: 5px;
}
.trigger-custom-operation-empty-list-container,
.empty-conf__container {
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
right: 0;
left: 0;
top: calc((-50% - 140px) * 0.1);
position: absolute;
}
.trigger-custom-operation-empty-list-container span,
.empty-conf__container span {
color: #333333;
font-weight: 400;
font-size: 16px;
line-height: 19px;
margin: 30px 100px 25px;
text-align: center;
}
.trigger-custom-operation-empty-list-container input,
.empty-conf__container input {
padding: 7px 23px 8px;
margin: 0 2px;
border-radius: 6px;
border: none;
color: #FFFFFF;
font-size: 14px;
cursor: pointer;
}
.trigger-custom-operation-empty-list-container input:hover,
.empty-conf__container input:hover {
-webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
}
.trigger-custom-operation-empty-list-container .trigger-custom-operation-empty-list-new,
.empty-conf__container .trigger-custom-operation-empty-list-new,
.trigger-custom-operation-empty-list-container .btn-conf-new,
.empty-conf__container .btn-conf-new {
background: var(--activeButton);
color: var(--activeButtonElements);
}
.trigger-custom-operation-empty-list-container .svg-image,
.empty-conf__container .svg-image {
background-image: url("/img/empty/svgEmpty14.svg");
width: 220px;
height: 220px;
opacity: var(--emptyIconOpacity, 1);
display: inline-block;
}
.left-block .minimize {
width: 40px;
}
.left-block .minimize .section-block {
padding-top: 52px;
}
.left-block .leftmenu-back {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.left-block .arrow-back {
cursor: pointer;
}
.left-block .arrow-back svg {
width: 16px;
height: 12px;
}
.conf-description {
font-size: 15px;
color: #454546;
}
.conf-video {
margin-top: 45px;
}
.conf-features {
display: flex;
flex-direction: column;
font-size: 15px;
color: #454546;
margin: 45px 0 24px;
}
.conf-features .conf-features_head {
margin-bottom: 24px;
font-size: 22px;
color: #444444;
}
.conf-features .conf-features-item_wrapper {
margin-left: 30px;
}
.conf-features .conf-features_item {
display: flex;
align-items: center;
}
.conf-features .conf-features_item:not(:last-child) {
margin-bottom: 14px;
}
.conf-features .conf-features_item .conf-features_icon {
width: 22px;
height: 22px;
}
.conf-features .conf-features_item .conf-features_text {
margin-left: 18px;
}
.conf_start_win_sale_rc {
padding: 30px;
display: grid;
grid-gap: 16px;
gap: 16px 16px;
grid-template-columns: repeat(auto-fit, minmax(192px, 192px));
}
.conf-start-item {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 192px;
min-height: 200px;
border-radius: 10px;
background: #fff;
box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
padding: 30px 0 0;
cursor: pointer;
-webkit-transition: background-color 200ms ease;
-moz-transition: background-color 200ms ease;
-o-transition: background-color 200ms ease;
-ms-transition: background-color 200ms ease;
transition: background-color 200ms ease;
}
.conf-start-item:hover {
background-color: #e6e6e6;
}
.conf-start-item .conf-start-image img {
width: 115px;
height: 68px;
}
.conf-start-item .conf-start-title {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 100%;
height: 100%;
padding-top: 24px;
}
.conf-start-item .conf-start-title span {
font-size: 15px;
line-height: 18px;
color: #454546;
padding: 0 24px;
text-align: center;
}
.conf-start-item .conf-start-title-preview {
padding: 24px;
}
.conf-start-item .conf-start-title-preview span {
font-size: 14px;
color: #4573b1;
}
.conf-start-item .conf-start-title-preview-svg {
position: relative;
}
.conf-start-item .conf-start-title-preview-svg svg {
width: 13px;
height: 13px;
stroke: #4573b1;
fill: none;
position: absolute;
left: 5px;
top: 3px;
}
.g-popup-win-scroll .win-with-section-block-edit .color-default {
background-color: #FFFFFF;
}
.g-popup-win-scroll .win-with-section-block-edit .common-win-with-section-block-rc .filter-settings-title-rc {
margin-top: 16px;
overflow: unset;
}
.g-popup-win-scroll .win-with-section-block-edit .common-win-with-section-block-rc .filter-settings-title-rc .title-text {
font-size: 26px;
}
.g-popup-win-scroll .win-with-section-block-edit .common-win-with-section-block-rc .title-block-indent .filter-settings-title-rc {
margin-top: 42px;
}
.g-popup-win-scroll .win-with-section-block-edit .common-win-with-section-block-rc .title-block {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.g-popup-win-scroll .win-with-section-block-edit .common-win-with-section-block-rc .common-filter-left-panel-block-rc.minimize {
cursor: pointer;
position: relative;
}
.g-popup-win-scroll .win-with-section-block-edit .common-win-with-section-block-rc .common-filter-left-panel-block-rc.minimize .section-list {
padding: 40px 21px 8px 13px;
}
.g-popup-win-scroll .win-with-section-block-edit .common-win-with-section-block-rc .common-filter-left-panel-block-rc.minimize:hover .section-list {
background: #3F424E;
}
.g-popup-win-scroll .win-with-section-block-edit .common-win-with-section-block-rc .common-filter-left-panel-block-rc .section-item {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.g-popup-win-scroll .win-with-section-block-edit .common-win-with-section-block-rc .conf_start_win_info_rc {
width: 1060px;
padding: 15px 30px 30px;
}
.g-popup-win-scroll .win-with-section-block-edit .common-win-with-section-block-rc .conf-caption-hr {
border: 0;
height: 1px;
background: #DEDEDE;
width: 125px;
margin: 0 auto 13px 0;
}
.load-win__container {
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(0, 0, 0, 0.6);
}
.load-win__container .load-win__wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 548px;
height: 309px;
background: #ffffff;
box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
border-radius: 8px;
}
.load-win__container .load-win__wrapper .load-win__title {
padding-top: 29px;
font-size: 16px;
color: #626262;
}
.load-win__container .load-win__wrapper .load-win__loader {
width: 364px;
height: 3px;
border-radius: 2px;
margin-top: 22px;
overflow: hidden;
background-color: #E9EAF2;
}
.load-win__container .load-win__wrapper .load-win__loader .loader-conf {
transform: matrix(1, 0, 0, 1, 0, 0);
background: linear-gradient(90deg, #28b2ff 0%, #25f65b 48.21%, #c8f70c 100%);
-webkit-animation-name: bounce_loader-conf;
-moz-animation-name: bounce_loader-conf;
-ms-animation-name: bounce_loader-conf;
-o-animation-name: bounce_loader-conf;
animation-name: bounce_loader-conf;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
width: 235px;
height: 3px;
border-radius: 2px;
margin-top: 0;
margin-left: -364px;
}
.load-win__container .load-win__wrapper .load-win__text {
width: 364px;
padding: 7px 0 44px 0;
text-align: center;
line-height: 18px;
color: #9C9C9C;
}
.load-win__container .load-win__wrapper .svg-rocket-conf {
background: #ffffff;
width: 65px;
height: 24px;
text-align: center;
position: absolute;
top: 12px;
left: 0;
bottom: 0;
right: 0;
margin: auto;
fill: none;
stroke: #5DE27A;
stroke-miterlimit: 10;
stroke-linecap: round;
stroke-linejoin: round;
}
.load-win__container .load-win__wrapper .load-win__reference {
width: 456px;
height: 113px;
box-sizing: border-box;
border: 1px dashed #5DE27A;
border-radius: 16px;
display: flex;
align-items: center;
}
.load-win__container .load-win__wrapper .load-win__reference .reference_text {
padding: 0 38px 0 38px;
color: #626262;
line-height: 18px;
}
@keyframes bounce_loader-conf {
0% {
margin-left: -364px;
}
100% {
margin-left: 364px;
}
}
@-o-keyframes bounce_loader-conf {
0% {
margin-left: -364px;
}
100% {
margin-left: 364px;
}
}
@-ms-keyframes bounce_loader-conf {
0% {
margin-left: -364px;
}
100% {
margin-left: 364px;
}
}
@-webkit-keyframes bounce_loader-conf {
0% {
margin-left: -364px;
}
100% {
margin-left: 364px;
}
}
@-moz-keyframes bounce_loader-conf {
0% {
margin-left: -364px;
}
100% {
margin-left: 364px;
}
}
.contact-card-header-container {
min-height: 70px;
margin-top: 15px;
display: flex;
}
.contact-card-header-container .b-green-block > *:empty {
display: none;
}
.b-green-block .contact-card-subheader-post,
.b-green-block .contact-card-subheader-post:last-child {
display: block;
float: none;
clear: both;
}
.b-green-block > div:empty {
display: none;
}
.contact-card-ico-container .contact-card-ico {
width: 60px;
height: 60px;
border: 1px solid var(--gray-border, #e4e4e4);
border-radius: 50%;
text-align: center;
position: relative;
}
.user-avatar-img-square .contact-card-ico-container .contact-card-ico {
border-radius: 0%;
}
.user-avatar-img-rounded .contact-card-ico-container .contact-card-ico {
border-radius: 20%;
}
.contact-card-ico-container .contact-card-ico img {
max-width: 60px;
max-height: 60px;
}
.contact-card-ico-container .contact-card-ico .b-default-user-avatar {
width: 60px;
height: 60px;
background: none;
}
.contact-card-ico-container .contact-card-ico .b-user-avatar {
width: 60px;
height: 60px;
background: none;
}
.contact-card-ico-container + div {
padding-left: 10px;
padding-top: 10px;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.contact-card-container .b-task-description {
border-top-color: transparent;
background-color: var(--white-black, #fff);
}
.contact-card-container.task-card-container-small .b-task-description,
.contact-card-container.task-card-container-small .task-card-fields,
.contact-card-container.task-card-container-small .task-created-action {
padding-right: 0px;
}
.contact-card-container.task-card-container-small .b-contact-companies {
display: none !important;
}
.contact-card-container.task-card-container-small .table-actions .actions-menu-placeholder {
margin-right: 0;
margin-left: 18px;
}
.taskCard-header-data-blocks .contact-card-header-container {
margin-left: 25px;
margin-top: 14px;
}
.taskCard-header-data-blocks .contact-card-header-container .contact-card-ico-container .contact-card-ico.b-user-avatar {
background: var(--white-black, #ffffff) !important;
border-radius: 0;
border: none;
overflow: initial;
}
.taskCard-header-data-blocks .contact-card-header-container .b-green-block {
flex: 1;
}
.taskCard-header-data-blocks .contact-card-header-container .b-green-block .contact-card-header {
display: flex;
flex-direction: column;
}
.taskCard-header-data-blocks .contact-card-header-container .b-green-block .contact-card-header .title-and-eye,
.taskCard-header-data-blocks .contact-card-header-container .b-green-block .contact-card-header .subheader-and-active-users {
display: flex;
flex-direction: row;
}
.taskCard-header-data-blocks .contact-card-header-container .b-green-block .contact-card-header .title-container {
color: var(--task-card-title-text, #4B4B4B);
max-width: unset;
font-size: 26px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.taskCard-header-data-blocks .contact-card-header-container .b-green-block .contact-card-header .eye-container {
padding: 8px 0 0 5px;
}
.taskCard-header-data-blocks .contact-card-header-container .b-green-block .contact-card-header .contact-card-subheader-post {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: var(--gray-dark-icon, #626262);
font-size: 13px;
}
.taskCard-header-data-blocks .contact-card-header-container .b-green-block .contact-card-header .contact-card-subheader-post a {
color: #4573B1;
}
.taskCard-header-data-blocks .contact-card-header-container .b-green-block .contact-card-header .subheader-and-active-users {
padding-top: 5px;
}
.taskCard-header-data-blocks .contact-card-header-container .actions-menu-placeholder {
min-width: 42px;
margin-right: 26px;
font-size: 10pt;
}
.contact-card-container.task-card-container-small .b-task-description-main {
width: 100%;
}
.b-contact-companies {
border-left: 1px solid var(--gray-border, #eee);
vertical-align: top;
padding-left: 20px;
padding-top: 5px;
width: 230px;
display: none;
}
.contact-card-container:not(.task-card-container-small) .b-contact-companies {
display: table-cell;
}
.b-contact-companies .contact-card-right-table {
width: 100%;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-header td {
font-size: 11pt;
border-bottom: 1px solid var(--gray-border, #eee);
padding: 10px 0;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item td {
font-size: 14px;
border-bottom: 1px solid var(--gray-border, #eee);
padding: 7px 0;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item td:first-child {
white-space: nowrap;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item td .iconset-16px {
vertical-align: middle;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item td .contact-card-right-table-item-name {
vertical-align: middle;
/*margin-left: 7px;*/
display: inline;
white-space: normal;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item td .contact-card-right-table-item-line {
white-space: normal;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item td .contact-card-right-table-item-post {
font-size: 8pt;
color: var(--core-dropdown-text, #9c9c9c);
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item td .contact-card-right-table-item-phones {
padding-top: 7px;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item td .contact-card-right-table-item-remove {
float: right;
visibility: hidden;
margin-right: 7px;
cursor: pointer;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item td .contact-card-right-table-item-remove.iconset-16px.iconset-16px-remove.inactive:hover {
background-position: 0 -368px;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item:last-child:hover td {
background: none;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item:last-child td {
border-bottom: none;
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item:hover td {
background: var(--task-bg-action-bg, #f6f6f6);
}
.b-contact-companies .contact-card-right-table .contact-card-right-table-item:hover td .contact-card-right-table-item-remove {
visibility: visible;
}
.b-contact-companies .add-company-control-buttons {
padding-left: 10px;
}
.b-contact-companies .add-company-control-ajax {
padding-left: 10px;
display: none;
}
.b-contact-companies .add-company-control-ajax > div {
margin: 0 5px;
display: inline-block;
}
.contact-card-container .b-task-description-main {
height: 70px;
padding: 0px;
}
.contact-card-container .b-task-description-main.no-description-text {
height: 0px;
padding: 0px;
}
.contact-card-container .task-card-fields {
padding-right: 10px;
vertical-align: top;
}
.contact-card-container .b-task-description .task-created-action {
padding-left: 50px;
}
.contact-card-container .b-green-block-progress {
margin-top: -2px;
}
.crm-card-main-fields .tr-item + .tr-item td {
border-top: 1px solid var(--gray-inner, #eee);
}
.crm-card-common-email {
word-break: break-all;
}
.input-inv-container {
display: inline-block;
}
.input-inv-container .input-inv-input {
width: 100%;
border-bottom: 1px solid var(--gray-list-hover, #f0f0f0);
font-size: 28px;
}
.input-inv-container .input-inv-input input {
width: 100%;
font-size: 28px;
box-sizing: border-box;
outline: none;
padding: 4px 0 2px;
border: 0;
margin: 0;
}
.input-inv-container .input-inv-input input:hover,
.input-inv-container .input-inv-input input:focus {
background: var(--task-bg-action-bg, #f6f6f6);
}
.input-inv-container .input-inv-label {
width: 100%;
font-size: 12px;
margin-top: 3px;
color: var(--confirm-win-text-box, #b4b4b4);
}
.crm-email .b-ddl-menu {
font-size: 13px;
/* скрываем стрелочку */
}
.crm-email .b-ddl-menu .b-ddl-menu-flex {
display: none;
}
.crm-email .b-ddl-menu .b-ddl-menu-ul {
margin-top: 3px;
}
.crm-email .project-card-item-text {
display: inline-block;
}
.crm-card-common-secondary-emails .crm-email {
display: inline-block;
}
.crm-card-header-container.contact-card-header-container {
margin: 14px 0 5px 25px;
}
.crm-card-header-container.contact-card-header-container .b-dropdown-menu {
margin-right: 0;
}
.project-card-contacts {
width: 100%;
}
.project-card-contacts .wrap .tbl-new-action,
.project-card-contacts .wrap select {
width: 100%;
}
.project-card-contacts .wrap td {
font-size: 15px;
}
.project-card-contacts .wrap .td-item {
padding-top: 20px;
}
.crm-avatar-input {
max-width: 275px;
}
.contacts-container-small .contact-list-td-email,
.contacts-container-small .contact-list-td-phone,
.contacts-container-small .contact-list-td-post,
.contacts-container-small .contact-list-td-client {
display: none;
}
.contacts-container-small .contact-list-contact-data {
display: inline;
}
.contacts-container-small .td-item-task-card-contact-name {
border-right: 1px solid #e2e2e2;
}
.contacts-container-small .tr-group-header + .tr-common-item .td-item-task-card-contact-name {
border-top-right-radius: 12px;
}
.contacts-container-small .tr-common-item:last-child .td-item-task-card-contact-name {
border-bottom-right-radius: 12px;
}
.contact-list-contact-data {
display: none;
margin-left: 7px;
}
.radio-container {
display: flex;
justify-content: space-between;
}
.radio-container .radio-block {
display: flex;
align-items: center;
width: 50%;
height: 30px;
margin-right: 10px;
min-width: 80px;
}
.radio-container .radio-block:last-child {
margin-right: 0;
}
.radio-container .radio-block input[type="radio"] {
display: none;
}
.radio-container .radio-block input[type="radio"]:checked + .button-box {
background: #82c03b;
font-size: 12pt;
color: #000;
}
.radio-container .radio-block .button-box {
display: flex;
width: 100%;
height: 100%;
font-size: 10pt;
justify-content: center;
align-items: center;
background: #e6e6e6;
cursor: pointer;
}
.radio-container .radio-block .button-box span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 5px;
color: #000;
}
.crm-email {
display: inline-block;
}
.td-item .crm-email {
vertical-align: bottom;
width: 100%;
}
.tr-group-header-duplicate-value > td {
padding-top: 14px;
padding-bottom: 7px;
font-size: 14px;
line-height: 20px;
}
.tr-group-header-duplicate-value .contact-duplicate-group-select {
display: inline-flex;
align-items: center;
gap: 8px;
max-width: 100%;
min-height: 24px;
cursor: pointer;
}
.tr-group-header-duplicate-value .contact-duplicate-group-checkbox {
flex: 0 0 auto;
}
.tr-group-header-duplicate-value .contact-duplicate-group-checkbox:indeterminate::before {
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
opacity: 1;
}
.tr-group-header-duplicate-value .contact-duplicate-group-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.crm-duplicate-contact-empty .empty-container-sub-title {
text-align: center;
}
.crm-duplicate-contact-empty .empty-container-button {
margin-top: 22px;
}
.contact-select-dialog {
width: 400px;
}
span.contact-email {
font-size: 9pt;
}
td.contact-icon {
padding-left: 15px !important;
padding-right: 15px !important;
width: 16px !important;
}
.contact-icon svg {
fill: var(--gray-ico, #a9a9a9);
}
.contact-select-dialog-header {
font-size: 14pt;
padding-bottom: 15px;
}
.contact-select-dialog-search input.text-box {
width: 92%;
padding: 7px 0 0 0;
outline: none;
border: none;
vertical-align: top;
}
.contact-select-dialog-search .search-icon {
padding: 7px;
}
.contact-select-dialog-search {
width: 100%;
outline: none;
border: 1px solid var(--menu-logined-popup-list-border, #ccc);
background: var(--white-black, #fff);
}
.contact-select-dialog-table {
border: 1px solid var(--menu-logined-popup-list-border, #ccc);
height: 275px;
margin: 10px 0;
width: 398px;
padding-top: 7px;
overflow-y: auto;
overflow-x: hidden;
background: var(--white-black, #fff);
}
.contact-select-dialog-table > table {
width: 100%;
}
.contact-select-dialog-tr:hover {
background: var(--gray-inner, #eee);
}
.contact-select-dialog-tr td {
padding: 4px 0;
}
.contact-select-dialog-tr td:first-child {
width: 30px;
padding-left: 15px;
}
.contact-select-dialog-buttons-right {
float: left;
}
.contact-select-dialog-ajax {
background: var(--gray-inner, #eee);
border: 1px solid var(--menu-logined-popup-list-border, #ccc);
width: 185px;
padding: 15px;
text-align: center;
color: var(--popup-win-header, #747474);
font-size: 10.5pt;
position: absolute;
margin-top: 100px;
margin-left: 90px;
display: none;
}
.contact-select-contact {
display: none;
margin-bottom: 5px;
}
.contact-select-contact select {
width: 407px;
}
.ckeditor-contact-item {
display: inline-block;
margin-left: 22px;
text-decoration: none;
border-bottom: 1px dashed;
padding-left: 1px;
position: relative;
overflow: visible !important;
max-width: unset !important;
white-space: normal !important;
}
.ckeditor-contact-item:hover {
color: #4573B1;
text-decoration: none;
}
.ckeditor-contact-item:before {
content: '';
position: absolute;
margin-left: -20px;
height: 16px;
width: 16px;
background: url(/img/svg/svgSystemSection_contact.svg);
border-bottom: none;
margin-top: 2px;
}
.ckeditor-contact-item.ckeditor-contact-woman:before {
background: url(/img/svg/svgContactFemale.svg);
}
.ckeditor-contact-item.ckeditor-contact-man:before {
background: url(/img/svg/svgContactMale.svg);
}
.ckeditor-contact-item.ckeditor-contact-company:before {
background: url(/img/svg/worker-company.svg);
}
.crm-import {
color: var(--crm-import, #797979);
padding-top: 7px;
}
.crm-import input.check-box {
vertical-align: middle;
}
.crm-import-file {
display: none;
}
.crm-import-header {
font-size: 18px;
}
.crm-import-load-text {
padding: 5px 0;
}
.classic-font .crm-import-load-text {
font-size: 12px;
}
.crm-import-ajax {
display: none;
}
.crm-import-load-buttons,
.crm-import-begin-buttons {
padding-top: 20px;
}
.crm-import-load-buttons input,
.crm-import-begin-buttons input {
margin-right: 7px;
}
.crm-import-delimiter {
padding: 10px 0;
}
.crm-import-handbookroot,
.crm-import-template {
padding: 15px 0;
}
.crm-import-action-on-duplicate,
.crm-import-unique-test-type {
padding-bottom: 15px;
}
select.text-box.crm-import-action-on-duplicate-select,
select.text-box.crm-import-unique-test-type-select {
width: 500px;
padding: 5px;
}
.crm-import-first-line {
padding: 10px 0;
}
.crm-import-first-line label {
vertical-align: middle;
}
.crm-import-settings {
display: none;
}
.crm-import-selected-file {
display: none;
padding: 5px 0;
margin: 10px 0 30px;
white-space: nowrap;
border-top: 1px solid var(--gray-inner, #eee);
border-bottom: 1px solid var(--gray-inner, #eee);
}
.crm-import-selected-file .crm-import-selected-file-close {
float: right;
margin-top: 7px;
cursor: pointer;
}
.crm-import-selected-file .crm-import-selected-file-close.iconset-16px.iconset-16px-remove.inactive:hover {
background-position: 0 -368px;
}
.crm-import-selected-file .crm-import-selected-file-ico {
display: inline-block;
vertical-align: middle;
margin: 0 25px 0 15px;
}
.crm-import-selected-file .crm-import-selected-file-text {
display: inline-block;
vertical-align: middle;
max-width: 80%;
}
.crm-import-selected-file .crm-import-selected-file-text .crm-import-selected-file-name {
overflow: hidden;
text-overflow: ellipsis;
}
.crm-import-table {
overflow-x: auto;
}
.crm-import-table .jspDrag {
top: -5px;
}
.crm-import-table table {
table-layout: fixed;
border-collapse: collapse;
}
.crm-import-table table tr:not(:first-child) {
background-color: var(--white-black, white);
}
.crm-import-table table tr.crm-import-table-first-line {
/*background: #f5f5f5;
text-align: center;*/
font-weight: bold;
}
.crm-import-table table tr.crm-import-table-fields td {
border-left: none;
border-right: none;
}
.crm-import-table table tr.crm-import-table-fields td .crm-import-table-field-container {
/*position: absolute;*/
}
.crm-import-table table tr.crm-import-table-fields td .crm-import-table-field-container select {
width: 200px;
}
.crm-import-table table tr.crm-import-table-fields td .crm-import-table-field-container .chzn-container .chzn-results {
max-height: 175px;
}
.crm-import-table table tr td {
border: 1px solid var(--gray-inner, #eee);
width: 200px;
min-width: 200px;
height: 40px;
vertical-align: middle;
padding: 5px;
}
.crm-import-table .scrollbar {
background: var(--white-black, #fff);
height: 15px;
}
.crm-import-table .track {
background: var(--gray-inner, #eee);
width: 20px;
height: 15px;
border-radius: 3px;
}
.crm-import-analitic-settings > div {
padding: 5px 0;
}
.crm-import-analitic-settings select {
height: 27px;
width: 500px;
}
.crm-import-panels {
display: block;
border-bottom: 1px solid var(--gray-input-border, #bbb);
padding: 0;
}
.crm-import-panels li:first-child {
width: 39%;
}
.crm-import-panels li {
display: inline-block;
text-align: center;
width: 40%;
padding-right: 5%;
padding-left: 5%;
}
.crm-import-panels li a {
transition: padding 0.2s;
padding: 5px 8px 5px 8px;
display: inline-block;
margin: 0 auto;
border-bottom: 6px solid var(--gray-modal-background, #ebebeb);
text-transform: uppercase;
color: var(--grey-group-text, #6c6c6c);
cursor: pointer;
text-decoration: none;
}
.crm-import-panels li a:hover {
background: var(--viewer-file-container, #dddddd);
}
.crm-import-panels li a.active {
transition: padding 0.2s;
padding: 5px 0 5px 0;
border-color: var(--activeFilter, #00864b);
}
.crm-import-panels li a.active:hover {
transition: padding 0.2s;
padding: 5px 8px 5px 8px;
}
.g-popup-win-pointer.crm-dublicate-dialog {
border-radius: 0;
}
.g-popup-win-pointer.g-popup-win-pointer-left-top.crm-dublicate-dialog .g-popup-win-pointer-pointer {
margin-top: 0;
height: 100%;
}
.g-popup-win-pointer.g-popup-win-pointer-left-top.crm-dublicate-dialog .g-popup-win-pointer-pointer:after {
position: relative;
top: calc(50% - 10px);
margin-top: 0;
}
.crm-dublicate-dialog .crm-dublicate-dialog-title {
font-weight: bold;
font-size: 12px;
display: inline-block;
margin-bottom: 4px;
color: #7a7a7a;
}
.crm-dublicate-dialog .crm-dublicate-dialog-title > .fakelink-dashed {
font-weight: normal;
}
.crm-dublicate-dialog .delimeter {
height: 1px;
border-bottom: 1px solid #d6d6d6;
}
.crm-dublicate-dialog .crm-dublicate-dialog-body {
margin-right: 15px;
}
.crm-dublicate-dialog .crm-dublicate-dialog-body > ul {
padding: 0 10px;
font-size: 12px;
list-style-type: none;
color: #7a7a7a;
margin: 5px 0 0 0;
}
.crm-dublicate-dialog .crm-dublicate-dialog-body > ul > li {
margin-bottom: 2px;
}
.crm-dublicate-dialog .crm-dublicate-dialog-body > ul > li:before {
content: '\25AA';
font-size: 15px;
}
.crm-dublicate-dialog .crm-dublicate-dialog-body .name {
padding: 0 3px 0 2px;
}
.crm-dublicate-dialog .crm-dublicate-dialog-body .name a {
color: #5881B8;
border-bottom: 1px solid #5881B8;
text-decoration: none;
}
.crm-dublicate-dialog .fakelink-dashed {
padding: 0;
}
.dublicate-contact-list .b-main-block {
min-width: 560px;
padding: 0;
}
.dublicate-contact-list .b-main-block .task-current-sort-block {
display: none;
}
.dublicate-contact-list .b-main-block .td-head-config span {
display: none;
}
.dublicate-contact-list .tbl-list-scroll-absolute {
position: static;
}
.dublicate-contact-list .td-head-cbx,
.dublicate-contact-list .td-cbx,
.dublicate-contact-list .td-before-task-name {
display: none;
}
.dublicate-contact-list .td-cbx + .td-head {
border-left-color: #e2e2e2 !important;
border-top-left-radius: 12px;
}
.dublicate-contact-list .tbl-list .td-cbx + .td-item {
border-left-color: #e2e2e2 !important;
}
.dublicate-contact-list .tr-common-item:last-child .td-cbx + .td-item {
border-bottom-left-radius: 12px;
}
.dublicate-contact-list .td-head-common-sort .action-link {
border-bottom: none;
cursor: default;
}
.crm-merge-container {
display: flex;
min-width: 900px;
min-height: 600px;
scrollbar-color: var(--baron-scroller-bar-border, #dadada) #00800000;
}
.crm-merge-container .crm-merge-left {
display: flex;
flex-direction: column;
flex: auto;
padding: 20px 8px 0px 20px;
background-color: var(--gray-modal-background, var(--gray-modal-background, #ebebeb));
}
.crm-merge-container .crm-merge-left .crm-merge-editor {
height: 100%;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list {
display: flex;
flex-direction: row;
padding: 30px 0;
cursor: pointer;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item {
position: relative;
background-color: var(--white-black, #ffffff);
width: 280px;
padding: 0;
margin: 0 15px;
border-radius: 10px;
border: 1px solid var(--date-picker-menu-border, #e0e0e0);
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item.main-contact-for-merge {
cursor: default;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item.main-contact-for-merge .checkbox-item {
background-color: #71aa15;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item.main-contact-for-merge .field-item:not(.is-plural) .checkbox-container .common-checkbox {
display: none;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item.main-contact-for-merge .header {
top: 0;
left: 0;
margin-left: -1px;
width: 280px;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item.main-contact-for-merge .header .header-label .header-label-span.active {
display: block;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item.main-contact-for-merge .header .header-label .header-label-span.merge {
display: none;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item.main-contact-for-merge .header .checkbox-item .checkbox-icon svg {
fill: var(--white-black, white);
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .checkbox-item {
position: absolute;
width: 40px;
height: 40px;
top: -20px;
left: 118px;
border-radius: 50%;
background: var(--white-black, #ffffff);
border: 1px solid var(--date-picker-menu-border, #e0e0e0);
z-index: 1;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .checkbox-item .checkbox-icon {
margin: 8px;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .checkbox-item .checkbox-icon svg {
width: 24px;
fill: var(--integration-settings-control-container-border, #cecece);
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .remove-item {
position: absolute;
right: 12px;
top: 10px;
cursor: pointer;
display: none;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .remove-item svg {
fill: none;
stroke: #80808082;
width: 16px;
height: 22px;
transition: 0.3s;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .remove-item:hover svg {
stroke: var(--task-deadline-dead, #fd0000);
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item:hover .remove-item {
display: block;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .header {
display: flex;
height: 55px;
padding-bottom: 5px;
position: absolute;
top: 0;
left: -1px;
width: 280px;
padding-top: 25px;
background-color: var(--white-black, #fff);
border: 1px solid var(--date-picker-menu-border, #e0e0e0);
border-bottom: none;
border-top-left-radius: 14px;
border-top-right-radius: 14px;
box-shadow: 0px -20px 0px 20px var(--gray-modal-background, #ebebeb);
z-index: 10;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .header .header-label {
margin: 20px auto auto auto;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .header .header-label .header-label-span {
border-radius: 6px;
padding: 6px 14px;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .header .header-label .header-label-span.active {
background-color: #71aa15;
color: var(--white-black, #ffffff);
display: none;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .header .header-label .header-label-span.merge {
background-color: var(--baron-scroller-bar-border, #DBDBDB);
color: var(--crm-import, #797979);
display: block;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .header .header-text {
position: absolute;
margin: -10px 0 0 20px;
color: var(--gray-light, #c1c1c1);
font-size: 13px;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .fields {
padding-top: 85px;
padding-bottom: 10px;
cursor: pointer;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .fields .field-item {
display: flex;
width: 256px;
height: 36px;
padding: 12px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
margin-bottom: -1px;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .fields .field-item .checkbox-container {
padding-top: 3px;
width: 20px;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .fields .field-item .field-info {
display: flex;
flex-direction: column;
width: 225px;
margin-left: 14px;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .fields .field-item .field-info .field-name {
flex: none;
font-size: 13px;
color: var(--common-filter-top-text, #a3a3a3);
padding-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .fields .field-item .field-info .field-value {
display: -webkit-box;
flex: auto;
overflow: hidden;
color: var(--black-white, black);
font-size: 14px;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .fields .field-item.other-value.ccb-selected {
background: rgba(196, 196, 196, 0.2);
border-top: 1px solid var(--notice-params-switch-icon, #e3e3e3);
border-bottom: 1px solid var(--notice-params-switch-icon, #e3e3e3);
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .fields .field-item:not(.other-value) {
padding: 12px;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .fields .field-item.ban-field {
background: linear-gradient(45deg, rgba(0, 0, 0, 0) 49.9%, var(--gray-modal-background, #ededed) 49.9%, var(--planner-schedule-month-group, #adadad) 60%, rgba(0, 0, 0, 0) 60%), linear-gradient(45deg, var(--tabs-panel-tab-hover, #e5e5e5) 10%, rgba(0, 0, 0, 0) 10%);
background-size: 0.5em 0.5em;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .crm-merge-contact-list .crm-merge-contact-item .fields .field-item.ban-field .common-checkbox.ccb-disabled {
display: none;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .baron_wrapper .baron_scroller {
scrollbar-width: thin;
}
.crm-merge-container .crm-merge-left .crm-merge-editor .baron_wrapper .baron_scroller .baron_scroller__bar {
width: 9px;
}
.crm-merge-container .crm-merge-left .crm-merge-editor ::-webkit-scrollbar {
height: 12px;
}
.crm-merge-container .crm-merge-left .crm-merge-editor ::-webkit-scrollbar-thumb {
border: 1px solid var(--time-type-switcher-border, #d0d0d0);
background-color: var(--planner-calendar-wrapper-month-shadow, #e8e8e8);
border-radius: 2px;
}
.crm-merge-container .crm-merge-left .g-popup-win-scroll-content-header {
padding: 10px 0 10px 13px;
}
.crm-merge-container .crm-merge-right {
display: flex;
flex-direction: column;
background-color: var(--gray-modal-background, #ebebeb);
width: 370px;
}
.crm-merge-container .crm-merge-right .crm-merge-result {
width: 338px;
padding: 20px 24px 0 24px;
height: 100%;
background: var(--menu);
}
.crm-merge-container .crm-merge-right .crm-merge-result .scroll-result {
margin: 0;
overflow-y: auto;
scrollbar-width: thin;
}
.crm-merge-container .crm-merge-right .crm-merge-result .scroll-result::-webkit-scrollbar {
width: 0;
}
.crm-merge-container .crm-merge-right .crm-merge-result .scroll-result:hover::-webkit-scrollbar {
width: 9px;
}
.crm-merge-container .crm-merge-right .crm-merge-result .scroll-result::-webkit-scrollbar-thumb {
border: 1px solid var(--crm-merge-scrollbar-border, #dadada14);
background-color: var(--crm-merge-scrollbar-bg, #eeeeee4d);
border-radius: 2px;
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result {
position: relative;
width: 320px;
margin: 30px 0;
border-radius: 10px;
border: 1px solid transparent;
background-color: var(--white-black, #ffffff);
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .card-result-head {
display: flex;
flex-direction: row;
height: 65px;
top: 0;
left: -1px;
position: absolute;
width: 320px;
padding-bottom: 5px;
padding-top: 15px;
background-color: var(--white-black, #ffffff);
border-top-left-radius: 14px;
border-top-right-radius: 14px;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
box-shadow: 0px -20px 0px 20px var(--gray-modal-background, #ebebeb);
z-index: 10;
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .card-result-head .header-label {
margin: 30px auto auto auto;
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .card-result-head .header-label .header-label-span {
border-radius: 6px;
padding: 6px 14px;
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .card-result-head .header-label .header-label-span.result {
background-color: #f0bb00;
color: var(--white-black, #ffffff);
display: block;
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .card-result-head .general-id {
position: absolute;
margin: 0px 0 0 29px;
color: var(--gray-light, #c1c1c1);
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .card-result-head .checkbox-item {
position: absolute;
width: 40px;
height: 40px;
top: -20px;
left: 136px;
border-radius: 50%;
background: var(--white-black, #ffffff);
border: 1px solid var(--date-picker-menu-border, #e0e0e0);
z-index: 1;
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .card-result-head .checkbox-item .checkbox-icon {
margin: 8px;
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .card-result-head .checkbox-item .checkbox-icon svg {
width: 24px;
fill: var(--integration-settings-control-container-border, #cecece);
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .result-field-list {
display: flex;
flex-direction: column;
padding-top: 85px;
padding-bottom: 10px;
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .result-field-list .field-item {
display: flex;
width: 295px;
padding: 12px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
margin-bottom: -1px;
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .result-field-list .field-item .field-info {
display: flex;
flex-direction: column;
width: 260px;
margin-left: 15px;
box-shadow: 0 6px 0 0 var(--white-black, #ffffff), 0 7px 0 0 var(--notice-params-switch-icon, #e3e3e3);
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .result-field-list .field-item .field-info .field-name {
flex: none;
font-size: 13px;
color: var(--common-filter-top-text, #a3a3a3);
padding-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.crm-merge-container .crm-merge-right .crm-merge-result .card-result .result-field-list .field-item .field-info .field-value {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
color: var(--black-white, black);
}
.crm-merge-container .crm-merge-right .g-popup-win-scroll-content-header {
padding: 10px 0;
}
.crm-merge-container .crm-merge-separator {
border-right: 1px solid var(--subscription-period-end-gradient, #d7d7d7);
}
.crm-merge-panel {
display: flex;
height: 90px;
background-color: var(--mindmap-menu-item-disabled, #dfdfdf);
}
.crm-merge-panel .switch-notification {
display: flex;
width: 280px;
padding: 10px;
margin: auto auto auto 0;
}
.crm-merge-panel .switch-notification-label {
padding-top: 10px;
font-size: 14px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
cursor: pointer;
}
.crm-merge-panel .crm-merge-panel-buttons {
display: flex;
height: inherit;
padding-top: 0;
margin: 0 20px auto auto;
}
.crm-merge-panel .crm-merge-panel-buttons .btn-block {
margin: auto 10px;
}
.tr-contact-spam .td-padding-r {
padding-right: 10px;
padding-left: 10px;
}
.tr-contact-spam .contact-spam-list-email:hover {
cursor: default;
}
.tr-contact-spam .contact-spam-list-datetime:hover {
cursor: default;
}
.tr-contact-spam .contact-spam-list-fullName:hover {
cursor: default;
}
.tr-contact-spam .contact-spam-list-datetime-data {
min-width: 100px;
}
.tr-contact-spam .contact-spam-list-name-data {
word-break: break-all;
}
.tr-contact-spam .contact-spam-list-email-data {
word-break: break-all;
}
.tr-contact-spam:hover {
background: #e6e6e6;
}
.tr-contact-spam:first-child .td-item {
border-top: 1px solid transparent;
}
.tr-contact-spam.tr-item:nth-child(2) .td-item {
border-top: 1px solid #e2e2e2;
}
.contact-spamButton {
background: #EF9A9A;
color: #ffffff;
border: 1.5px solid #EF9A9A !important;
}
.contact-spam-dialog {
width: 100%;
}
.contact-spam-dialog .contact-dialog-email-list {
width: 100%;
}
.contact-spam-dialog .contact-dialog-email-list select {
width: 100%;
}
.contact-spam-dialog .spam-dialog-button-block {
display: flex;
justify-content: flex-end;
margin-top: 20px;
}
.contact-spam-dialog .spam-dialog-button-block .btn {
outline: none;
margin-right: 10px;
}
.contact-spam-dialog .spam-dialog-button-block .btn:last-child {
margin-right: 0px;
}
.contact-is-spam-ico {
width: 60px;
}
.contact-is-spam-ico path {
fill: #EF9A9A;
}
.contact-is-spam-green-block-text .b-task-param-editable a {
color: #EF9A9A !important;
}
.contact-spam-warning {
border: 1px dashed #FF6332;
margin: 2px 20px 17px;
border-radius: 3px;
padding: 13px 0 16px;
text-align: center;
}
.contact-spam-warning p {
font-size: 14px;
color: #4B4B4B;
line-height: 18px;
max-width: 640px;
margin: auto;
}
.contact-spam-warning .title {
color: #FF6332;
margin-bottom: 9px;
font-size: 16px;
}
.contact-spam-warning .dialog-btn-wrapper {
padding-top: 12px;
text-align: center;
}
.contact-spam-warning .dialog-btn-wrapper .btn-main {
font-family: inherit;
font-size: 1em;
line-height: 1em;
color: #fff;
background: #949494;
border: 0;
border-radius: 4px;
padding: 8px 25px 9px;
margin: 0 5px;
cursor: pointer;
outline: 0;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
box-sizing: border-box;
display: inline-block;
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
}
.contact-spam-warning .dialog-btn-wrapper .btn-create {
background: #1ABE72;
}
.contact-spam-warning .dialog-btn-wrapper .btn-spam {
background: #FF6332;
}
.contact-spam-warning .dialog-btn-wrapper .btn-template {
background: #fff;
color: #1ABE72;
}
.contact-spam-warning .dialog-btn-wrapper .btn-template:hover {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.action-add-block .action-add-name {
min-width: 200px;
}
.action-add-block .action-edit-data {
display: none;
margin-bottom: -15px;
margin-top: 10px;
text-align: right;
}
.action-add-block .action-edit-data span {
font-size: 8pt;
color: #7a7a7a;
}
.action-add-block .action-edit-data span a {
font-weight: bold;
text-decoration: none;
color: #7a7a7a;
}
.action-add-block .action-edit-data span a:hover {
text-decoration: underline;
}
.action-add-block .action-add-subject {
min-width: 200px;
}
.action-add-block .task-filter-plannertype-container {
border: 1px solid #c8c8c8;
margin-top: 10px;
padding-left: 5px;
padding-bottom: 3px;
}
.action-add-block .task-filter-container {
padding: 0;
}
.page-layout-block.status-ban .tr-actions-quick-add .actions-quick-add-block,
.page-layout-block.status-ban .action-create-container {
display: none !important;
}
.page-layout-block.status-ban .tr-actions-body .b-action-reply {
display: none !important;
}
.page-layout-block.status-ban .tr-actions-body .actions-item-v2-normal-meta-actions .b-ddl-menu-li-action[data-acr="quote-cite"] {
display: none;
}
.page-layout-block.status-ban .b-top-yellow-block .btn.btn-taskcard-top-add-action {
display: none;
}
.page-layout-block:not(.status-ban) .tr-actions-quick-add .actions-quick-add-block {
display: block !important;
}
.page-layout-block:not(.status-ban) .tr-actions-quick-add .actions-quick-add-block.actions-quick-add-hide-block {
display: none !important;
}
.page-layout-block:not(.status-ban) .tr-actions-body .b-action-reply,
.page-layout-block:not(.status-ban) .b-action-translate {
display: inline-block !important;
}
.email-rule-extract-data-from {
background: var(--gray-border, #e1e1e1);
border-top: 1px solid var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
padding: 20px 10px 0px;
}
.email-rule-extract-data-from.is-new {
padding-bottom: 20px;
}
.email-rule-extract-data-format {
display: none;
background: var(--gray-border, #e1e1e1);
padding: 10px 10px 20px;
border-bottom: 1px solid var(--white-black, #ffffff);
}
.email-rule-extract-data-format.post-request {
padding-top: 20px;
}
.email-rule-extract-headers-data-block-title {
background: var(--gray-border, #e1e1e1);
padding: 20px 10px;
border-bottom: 1px solid var(--white-black, #ffffff);
}
.email-rule-extract-data-format-label,
.email-rule-extract-data-table-number-label,
.email-rule-extract-data-from-label {
color: var(--task-filter-label, #7a7a7a);
padding-right: 5px;
width: 100px;
display: inline-block;
}
.email-rule-extract-headers-data-label {
color: var(--task-filter-label, #7a7a7a);
}
.email-rule-extract-data-table-number-block {
padding-top: 10px;
}
.email-rule-extract-data-table-number-block .email-rule-extract-data-table-number {
width: 530px;
vertical-align: top;
}
.email-rule-extract-data-select,
.email-rule-extract-data-from-select {
vertical-align: top;
width: 540px;
padding-left: 10px;
display: inline-block;
}
.extract-data-add-block-container,
.extract-headers-data-add-block-container {
padding: 10px;
background: var(--grey-dark-hover, #f2f2f2);
border-bottom: 1px solid var(--white-black, #fff);
}
.email-rule-extract-data-block {
width: 100%;
}
.extract-data-settings,
.extract-headers-data-settings {
background: var(--grey-dark-hover, #f2f2f2);
padding-top: 6px;
padding-bottom: 8px;
padding-left: 30px;
border-bottom: 1px solid var(--white-black, #fff);
}
.extract-data-settings .extract-data-settings-del,
.extract-headers-data-settings .extract-data-settings-del {
float: right;
padding-right: 20px;
cursor: pointer;
padding-left: 20px;
}
.extract-data-settings .extract-data-settings-block,
.extract-headers-data-settings .extract-data-settings-block {
background: var(--grey-dark-hover, #f2f2f2);
padding-left: 10px;
padding-top: 2px;
}
.extract-data-settings .extract-data-settings-block .extract-data-setting-label,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-label {
display: inline-block;
width: 170px;
}
.extract-data-settings .extract-data-settings-block .extract-data-setting-container,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container {
width: 500px;
}
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-begin-mark,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-begin-mark,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-end-mark,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-end-mark,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-jsonpath,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-jsonpath,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-xpath,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-xpath,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-column-number,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-column-number,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-row-number,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-row-number,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-skip-end-rows,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-skip-end-rows,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-skip-beginning-rows,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-skip-beginning-rows,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-variable-text,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-variable-text,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-response-header-title,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-response-header-title,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-regular-expression,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-regular-expression {
width: inherit;
}
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-extract-text,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-extract-text,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-html-table-extract-text,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-html-table-extract-text,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-text-format,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-text-format,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-row,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-row,
.extract-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-save,
.extract-headers-data-settings .extract-data-settings-block .extract-data-setting-container .extract-data-setting-save {
width: 511px;
}
.extract-data-settings .extract-data-test-result,
.extract-headers-data-settings .extract-data-test-result {
margin-top: 6px;
margin-left: -30px;
}
.extract-data-settings .given-string-params .output-string-value,
.extract-headers-data-settings .given-string-params .output-string-value {
width: 605px;
height: 29px;
min-height: 29px;
resize: none;
box-sizing: border-box;
}
.email-rule-add-action .email-rule-add-action-label {
padding-left: 15px;
color: var(--grey-label, #838383);
}
.email-rule-add-action .email-rule-add-action-hidden-action-val-text {
color: var(--task-filter-label, #7a7a7a);
padding-right: 5px;
vertical-align: middle;
}
.email-rule-add-action .email-rule-add-action-hidden-action-container {
padding-top: 15px;
}
.email-rule-add-action .email-rule-add-action-hidden-action-container.email-rule-object-type-is-task {
padding-top: 0;
}
.email-rule-add-action .email-rule-add-action-hidden-action-val {
vertical-align: middle;
}
.email-rule-add-action .email-rule-add-action-how-search-task-val,
.email-rule-add-action .email-rule-add-action-task-id-val,
.email-rule-add-action .email-rule-add-action-task-variable-val,
.email-rule-add-action .email-rule-add-action-task-not-found-val,
.email-rule-add-action .email-rule-add-action-task-field-val {
width: 529px;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.email-rule-add-action .email-rule-add-action-task-not-found-val {
margin-top: 10px;
}
.tr-email-filter-break {
padding-top: 20px;
}
.tr-email-filter-break .check-box {
margin-right: 5px;
}
.macros-button-params {
width: 400px;
margin: 10px 0 0 0;
}
.macros-button-params .button-location-switchers .button-in-menu-switcher,
.macros-button-params .button-location-switchers .button-in-bottom-switcher {
display: flex;
justify-content: space-between;
}
.macros-button-params .button-location-switchers .button-in-menu-switcher.button-in-menu-switcher,
.macros-button-params .button-location-switchers .button-in-bottom-switcher.button-in-menu-switcher {
margin-top: 30px;
}
.macros-button-params .languages-tabs {
margin: 15px 0 0 0;
}
.macros-button-params .text-and-color {
display: flex;
margin: 15px 0 0 0;
width: 260px;
max-width: 400px;
}
.macros-button-params .text-and-color .button-text {
display: flex;
flex-direction: column;
min-height: 55px;
width: 100%;
}
.macros-button-params .text-and-color .button-text label {
margin: 0 0 5px 0;
line-height: 18px;
font-size: 12px;
color: #838383;
}
.macros-button-params .text-and-color .button-text .text-box {
box-sizing: border-box;
width: auto;
height: 33px;
padding: 0 8px;
font-size: 14px;
line-height: 30px;
}
.macros-button-params .text-and-color .button-text .text-box:focus {
border-bottom: 3px solid #747474;
}
.macros-button-params .text-and-color .color {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 40px;
padding: 0 0 0 30px;
}
.macros-button-params .text-and-color .color .label {
margin: 0 0 8px 0;
font-size: 12px;
line-height: 15px;
color: #838383;
text-align: center;
}
.macros-button-params .text-and-color .color .edit-button {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
line-height: 32px;
}
.macros-button-params .trigger-descr-container {
padding-top: 20px;
}
.macros-button-params .trigger-descr-container .trigger-scenario-descr {
display: block;
font-size: 10pt;
width: 896px;
padding: 8px 8px;
resize: none;
}
/* Панель с настройками статуса и окно для массового изменения настроек статусов
в наборе статусов в процессах задач\контактов в управлении аккаунтом
*/
.status-rule-win.status-rule-panel {
padding: 0 10px 0 0;
}
.status-rule-win .header-accesses {
margin: 0 0 5px 0;
}
.status-rule-win .header-accesses span {
font-size: 12px;
line-height: 18px;
color: var(--grey-label, #838383);
}
.status-rule-win .accesses {
display: grid;
}
.status-rule-win .accesses .chzn-container {
width: 100% !important;
}
.status-rule-win .accesses .chzn-container .chzn-drop {
width: 100% !important;
}
.status-rule-win .logins-container {
padding-top: 10px;
}
.status-rule-win .logins-container .chzn-container {
width: 100% !important;
}
.status-rule-win .logins-container .chzn-container .chzn-drop {
width: 100% !important;
}
.status-rule-win.status-rule-win .button-params {
margin-top: 30px;
}
.status-rule-win.status-rule-panel .button-params {
margin-top: 30px;
}
.status-rule-win .switchers .button-switcher,
.status-rule-win .switchers .button-in-menu-switcher,
.status-rule-win .switchers .button-in-bottom-switcher {
display: flex;
justify-content: space-between;
}
.status-rule-win .switchers .button-switcher.button-in-menu-switcher,
.status-rule-win .switchers .button-in-menu-switcher.button-in-menu-switcher,
.status-rule-win .switchers .button-in-bottom-switcher.button-in-menu-switcher,
.status-rule-win .switchers .button-switcher.button-in-bottom-switcher,
.status-rule-win .switchers .button-in-menu-switcher.button-in-bottom-switcher,
.status-rule-win .switchers .button-in-bottom-switcher.button-in-bottom-switcher {
margin-top: 30px;
}
.status-rule-win .params {
display: none;
margin: 45px 0 0 0;
}
.status-rule-win .params .text-and-color {
display: flex;
margin: 15px 0 0 0;
}
.status-rule-win .params .text-and-color .button-text {
display: flex;
flex-direction: column;
min-height: 55px;
width: 100%;
}
.status-rule-win .params .text-and-color .button-text label {
margin: 0 0 5px 0;
line-height: 18px;
font-size: 12px;
color: var(--grey-label, #838383);
}
.status-rule-win .params .text-and-color .button-text .text-box {
box-sizing: border-box;
width: auto;
height: 33px;
padding: 0 8px;
font-size: 14px;
line-height: 30px;
}
.status-rule-win .params .text-and-color .button-text .text-box:focus {
border-bottom: 3px solid var(--popup-win-header, #747474);
}
.status-rule-win .params .text-and-color .color {
display: flex;
flex-direction: column;
width: 40px;
padding: 0 0 0 30px;
}
.status-rule-win .params .text-and-color .color .label {
margin: 0 0 8px 0;
font-size: 12px;
line-height: 15px;
color: var(--grey-label, #838383);
}
.status-rule-win .triggers-header {
margin-top: 50px;
background-color: var(--grey-list-border, #dfdfdf);
}
.status-rule-win .triggers-header div {
padding: 8px;
}
.status-rule-win .triggers-header div span {
background-color: var(--grey-list-border, #dfdfdf);
font-size: 15px;
font-weight: 600;
color: var(--setting-columns-text, #525252);
border-radius: 3px;
}
.status-rule-win .triggers .trigger {
display: flex;
align-items: center;
padding: 5px 0;
min-height: 50px;
border-bottom: 1px solid var(--gray-input-border, #bbbbbb);
}
.status-rule-win .triggers .trigger.inactive {
background-color: var(--grey-dark-hover, #f2f2f2);
}
.status-rule-win .triggers .trigger .icon {
display: flex;
text-align: center;
}
.status-rule-win .triggers .trigger .icon span {
cursor: pointer;
height: fit-content;
width: 22px;
}
.status-rule-win .triggers .trigger .icon span svg {
width: 16px;
height: 16px;
}
.status-rule-win .triggers .trigger .label {
margin-left: 15px;
}
.status-rule-win .triggers .trigger .label span {
line-height: 16px;
font-size: 14px;
color: #4573B1;
cursor: pointer;
}
.status-rule-win .triggers-add-block {
display: flex;
margin: 15px 0 0 0;
padding: 6px 9px;
width: fit-content;
cursor: pointer;
}
.status-rule-win .triggers-add-block .icon {
fill: var(--activeSlider, #82c03b);
}
.status-rule-win .triggers-add-block .label {
margin: 0 0 0 6px;
font-size: 14px;
line-height: 16px;
vertical-align: middle;
color: #5881B8;
}
.status-rule-win .triggers-add-block:hover {
background: var(--task-filter-block-add-hover, #d1d1d18f);
border-radius: 5px;
}
.status-rule-win.status-rule-win .dialog-buttons {
margin: 15px 0 0 0;
}
.status-rule-panel {
padding: 0 5px 0 0;
}
.status-rule-panel .status-settings-block {
margin-top: 32px;
}
.status-rule-panel .status-settings-block.users-rules {
margin-top: 0;
}
.status-rule-panel .status-settings-block .enabled-panel {
padding: 0;
}
.status-rule-panel .status-settings-block > :not(:last-child) {
margin-bottom: 20px;
}
.status-rule-panel .status-settings-block .tabs-panel-layout-target {
margin-top: 32px;
}
.status-rule-panel .status-settings-block .status-settings-label {
font-weight: 700;
font-size: 16px;
color: var(--gray-dark-icon, #626262);
}
.status-rule-panel .tbl-list.triggers-list .tr-add-triggers {
color: var(--gray-input-border, #bbbbbb);
cursor: pointer;
}
.status-rule-panel .tbl-list.triggers-list tr:first-child td:first-child {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.status-rule-panel .tbl-list.triggers-list .tr-common-item .td-item {
font-size: 15px;
padding: 8px 8px 8px 16px;
border-top-color: var(--gray-border, #e2e2e2);
}
.status-rule-panel .tbl-list.triggers-list .tr-common-item .td-item.td-item-qe-editable-disabled {
position: relative;
}
.status-rule-panel .tbl-list.triggers-list .td-item.trigger {
padding-right: 65px;
overflow: hidden;
}
.status-rule-panel .tbl-list.triggers-list .td-item.trigger span {
cursor: pointer;
}
.status-rule-panel .tbl-list.triggers-list .svg-object-lamp .loader {
margin: 0;
}
/*
Окно для дабавления статуса при попытке удалить все переходы из статусса Новая
*/
.status-set-accept-win {
color: var(--status-set-accept-win, #3f3f3f);
}
.status-set-accept-win .text {
padding: 0 0 20px 0;
line-height: 1.7;
}
.status-set-accept-win .statuses select {
margin: 0 0 0 5px;
}
/*
Иконка трёх вертикальных точек в списке процессов задач\контактов
и списке наборов статусов с видом таблицей или сценариями
*/
.status-set-name-td {
overflow: hidden;
}
.status-set-name-td .task-menu-placeholder .b-ddl-menu {
position: relative;
bottom: 12px;
opacity: 0;
right: 15px;
}
.status-set-name-td .status-menu-placeholder {
visibility: visible;
font-weight: initial;
cursor: pointer;
margin-top: -3px;
vertical-align: middle;
margin-left: 10px;
}
.status-set-name-td .status-set-name {
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
}
.object-list-group-link {
font-size: 15px;
line-height: 15px;
word-break: break-word;
}
.object-list-group-link:hover {
text-decoration: none;
}
.tr-item-group_last-before-objects .tr-item-group__inner {
border-bottom: 0;
}
/*
Набор статусов (список, таблица, сценариии) в процессах задач\контактов в управлении аккаунтом
*/
.status-set-rules-block {
width: 100%;
}
.status-set-rules-block.list .tbl-list {
table-layout: fixed;
width: 100%;
}
.status-set-rules-block.list .tbl-list tr.active td {
background: var(--background-color-light-gray, #f7f7f7);
}
.status-set-rules-block.list .tbl-list tr:hover td {
background: var(--background-color-light-gray, #f7f7f7);
}
.status-set-rules-block.list .tbl-list tr:hover td.add {
border-left: 1px solid var(--gray-border, #e2e2e2);
}
.status-set-rules-block.list .tbl-list tr:hover td.add span {
visibility: visible;
}
.status-set-rules-block.list .tbl-list tr:hover td.del {
border-left: 1px solid var(--gray-border, #e2e2e2);
}
.status-set-rules-block.list .tbl-list tr:hover td.del span {
visibility: visible;
}
.status-set-rules-block.list .tbl-list tr:first-child td:first-child {
border-top-left-radius: 12px;
}
.status-set-rules-block.list .tbl-list tr:first-child td:last-child {
border-top-right-radius: 12px;
}
.status-set-rules-block.list .tbl-list tr:last-child td {
border-bottom: 1px solid var(--gray-border, #e2e2e2);
}
.status-set-rules-block.list .tbl-list tr:last-child td:first-child {
border-bottom-left-radius: 12px;
}
.status-set-rules-block.list .tbl-list tr:last-child td:last-child {
border-bottom-right-radius: 12px;
}
.status-set-rules-block.list .tbl-list tr td {
padding: 7px 3px;
line-height: 16px;
border-top: 1px solid var(--gray-border, #e2e2e2);
background: var(--white-black, #fff);
}
.status-set-rules-block.list .tbl-list tr td:first-child {
width: 20px;
}
.status-set-rules-block.list .tbl-list tr td.status-name-from {
box-sizing: border-box;
padding-right: 16px;
max-width: 260px;
position: relative;
font-size: 15px;
line-height: 15px;
}
.status-set-rules-block.list .tbl-list tr td.status-name-from .status-list-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 4px;
margin-right: 6px;
}
.status-set-rules-block.list .tbl-list tr td.status-name-from .status-list-icon svg {
width: 14px;
height: 14px;
stroke: #fff;
fill: none;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to {
padding: 5px 48px 5px 3px;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block {
width: 100%;
overflow: hidden;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .value-color-field-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-width: calc(100% - 28px);
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .value-color-field-wr .status-item {
font-size: 15px;
padding-right: 25px;
min-height: 16px;
max-width: 100%;
position: relative;
margin: 2px 4px 2px 0;
display: flex;
flex-direction: row;
align-items: center;
column-gap: 4px;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .value-color-field-wr .status-item:hover,
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .value-color-field-wr .status-item.active {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .value-color-field-wr .status-item .status-item-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 14px;
height: 14px;
vertical-align: middle;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .value-color-field-wr .status-item .status-item-icon svg {
width: 14px;
height: 14px;
stroke: #fff;
fill: none;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .value-color-field-wr .status-item .icon-close {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 0;
padding: 4px;
position: absolute;
top: 5px;
right: 5px;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .value-color-field-wr .status-item .icon-close:hover {
border-radius: 2px;
background: var(--search-result-arrow-back-hover, rgba(255, 255, 255, 0.15));
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .value-color-field-wr .status-item .icon-close svg {
stroke: var(--white-black, #fff);
width: 7px;
height: 7px;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .value-color-field-wr .status-item .icon-close svg line {
stroke-width: 2px;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block i.icon-arrow {
margin-left: 6px;
margin-right: 10px;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block i.icon-arrow svg {
stroke: var(--text-color, #343434);
fill: none;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .td-task-name-panel i.svg-icon-add svg {
-webkit-transition: stroke 150ms ease;
-moz-transition: stroke 150ms ease;
-o-transition: stroke 150ms ease;
-ms-transition: stroke 150ms ease;
transition: stroke 150ms ease;
stroke: var(--gray-input-border, #BBBBBB);
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block .td-task-name-panel i.svg-icon-add svg:hover {
stroke: #00864b;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block span {
cursor: pointer;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block span::after {
display: inline-block;
width: 7px;
}
.status-set-rules-block.list .tbl-list tr td.status-list-to .status-list-block span:last-child::after {
display: none;
}
.status-set-rules-block.list .tbl-list tr td.add,
.status-set-rules-block.list .tbl-list tr td.del {
vertical-align: middle;
padding: 0;
line-height: 0;
text-align: center;
width: 32px;
border-left: 1px solid transparent;
}
.status-set-rules-block.list .tbl-list tr td.add span,
.status-set-rules-block.list .tbl-list tr td.del span {
display: inline-block;
visibility: hidden;
cursor: pointer;
}
.status-set-rules-block.table .tr-head {
height: 76px;
}
.status-set-rules-block.table .td-item-qe-editable .chzn-container-multi,
.status-set-rules-block.scenario .td-item-qe-editable .chzn-container-multi {
background-color: var(--white-black, #ffffff);
border-bottom: 1px solid var(--white-black, #ffffff);
width: 100%;
}
.status-set-rules-block.table .td-item-qe.access-text,
.status-set-rules-block.scenario .td-item-qe.access-text {
padding: 7px 10px;
cursor: pointer;
}
.status-set-rules-block.table .triggers .trigger,
.status-set-rules-block.scenario .triggers .trigger {
display: flex;
min-height: 22px;
}
.status-set-rules-block.table .triggers .trigger .svg-object-lamp,
.status-set-rules-block.scenario .triggers .trigger .svg-object-lamp {
height: fit-content;
cursor: pointer;
}
.status-set-rules-block.table .triggers .trigger .svg-object-lamp svg,
.status-set-rules-block.scenario .triggers .trigger .svg-object-lamp svg {
width: 16px;
height: 16px;
}
.status-set-rules-block.table .triggers .trigger .fakelink,
.status-set-rules-block.scenario .triggers .trigger .fakelink {
margin-left: 10px;
border-bottom: 0;
}
.status-set-rules-block.table .triggers .trigger .fakelink:hover,
.status-set-rules-block.scenario .triggers .trigger .fakelink:hover {
text-decoration: none;
}
.status-set-rules-block.table .add-transition-tr,
.status-set-rules-block.scenario .add-transition-tr {
position: relative;
height: 38px;
}
.status-set-rules-block.table .add-transition-tr .add-transition-td,
.status-set-rules-block.scenario .add-transition-tr .add-transition-td {
position: absolute;
background-color: var(--background-color-light-gray, #f7f7f7);
min-width: calc(100% + 4px);
}
.status-set-rules-block.table .add-transition-td,
.status-set-rules-block.scenario .add-transition-td {
padding-left: 7px;
height: 36px;
}
.status-set-rules-block.table .triggers-add-block,
.status-set-rules-block.scenario .triggers-add-block,
.status-set-rules-block.table .add-transition,
.status-set-rules-block.scenario .add-transition {
width: fit-content;
padding-bottom: 10px;
margin-top: 10px;
display: flex;
}
.status-set-rules-block.table .triggers-add-block .icon,
.status-set-rules-block.scenario .triggers-add-block .icon,
.status-set-rules-block.table .add-transition .icon,
.status-set-rules-block.scenario .add-transition .icon,
.status-set-rules-block.table .triggers-add-block .icon-scenario,
.status-set-rules-block.scenario .triggers-add-block .icon-scenario,
.status-set-rules-block.table .add-transition .icon-scenario,
.status-set-rules-block.scenario .add-transition .icon-scenario {
display: inline-block;
vertical-align: top;
cursor: pointer;
}
.status-set-rules-block.table .triggers-add-block .fakelink,
.status-set-rules-block.scenario .triggers-add-block .fakelink,
.status-set-rules-block.table .add-transition .fakelink,
.status-set-rules-block.scenario .add-transition .fakelink {
margin-left: 10px;
border-bottom: 0;
line-height: 15px;
}
.status-set-rules-block.table .triggers-add-block .fakelink:hover,
.status-set-rules-block.scenario .triggers-add-block .fakelink:hover,
.status-set-rules-block.table .add-transition .fakelink:hover,
.status-set-rules-block.scenario .add-transition .fakelink:hover {
text-decoration: none;
color: var(--task-status-color, #25BB69);
}
.status-set-rules-block.table .triggers-add-block,
.status-set-rules-block.scenario .triggers-add-block {
padding: 0;
margin: 0;
}
.status-set-rules-block .status-set-rule-buttoncolor-current {
margin-right: 10px;
margin-top: 4px;
width: 100%;
}
.access-text-container {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*
Панель с доп.параметрами у набора статусов в процессах задач\контактов в управлении аккаунтом
*/
.status-settings {
padding-top: 5px;
}
.status-settings .status-settings-container .settings-block:not(:last-child) {
margin-bottom: 32px;
}
.status-settings .status-settings-container .settings-block > :not(:last-child) {
margin-bottom: 20px;
}
.status-settings .status-settings-container .settings-block p {
font-size: 16px;
font-weight: 700;
color: var(--gray-dark-icon, #626262);
}
.status-settings .status-settings-container .settings-block .settings-block-title {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.status-settings .status-settings-container .settings-block a.action-icons {
padding-right: 8px;
line-height: 0;
}
.status-settings .status-settings-container .settings-block a.action-icons svg:hover {
stroke: var(--activeButton, #0fabdd);
}
.status-settings .status-settings-container .settings-block .add-button-status-ban {
position: relative;
padding: 5.5px 10px;
display: flex;
align-items: center;
gap: 8px;
background-color: var(--white-black, #fff);
border-radius: 6px;
box-shadow: 0px 1px 3px 0px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
cursor: pointer;
}
.status-settings .status-settings-container .settings-block .add-button-status-ban .button-ban-status-text {
font-size: 13px;
font-weight: 400;
line-height: 17px;
color: var(--core-dropdown-text, #9C9C9C);
}
.status-settings .status-settings-container .settings-block .add-button-status-ban .button-hover-bg {
position: absolute;
top: 3px;
left: 0;
width: 100%;
height: 100%;
background: var(--activeSlider);
border-radius: 6px;
z-index: -1;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.status-settings .status-settings-container .settings-block .add-button-status-ban:hover .button-hover-bg {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.status-settings .status-settings-container .settings-block .status-ban-list .status-ban-item:not(:last-child) {
margin-bottom: 20px;
}
.status-settings .status-settings-container .settings-block .status-ban-list .status-ban-item {
position: relative;
padding: 32px 16px 20px 16px;
border-radius: 6px;
background-color: var(--white-black, #fff);
box-shadow: 0px 1px 3px 0px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
}
.status-settings .status-settings-container .settings-block .status-ban-list .status-ban-item .svg-icon-remove {
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
}
.status-settings .status-settings-container .settings-block .status-ban-list .status-ban-item .ban-item-controllers {
display: flex;
flex-direction: column;
gap: 12px;
}
.status-settings .status-settings-container .settings-block .status-ban-list .status-ban-item .ban-item-controllers .object-edit-field-base {
height: auto;
}
.status-settings .status-settings-container .status-automatic-apply {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
.status-settings .status-settings-container .status-automatic-apply .enabled-panel {
padding: 0;
}
.status-settings .status-settings-container .status-automatic-apply .enabled-panel .enabled-panel-text {
white-space: normal;
}
.status-settings .status-settings-container .status-automatic-apply .enabled-panel .enabled-panel-text .label-text {
white-space: normal;
}
/*
Статусы и Лог в управлении аккаунтом
*/
.status-set-rule {
padding-left: 2px;
cursor: pointer;
}
.status-set-rule::after {
display: inline-block;
width: 7px;
}
.status-set-rule:last-child::after {
display: none;
}
.status-set-rule-other {
padding-left: 2px;
}
.status-set-rule-other::after {
display: inline-block;
width: 7px;
}
.status-set-rule-other .error-text {
color: #ff0000;
}
.status-set-rule-other.align-text-center {
text-align: center;
}
.status-set-table-string .add .svg-icon-16px.green svg {
fill: var(--activeSlider);
}
.status-rule-panel-controls {
padding-top: 5px;
}
.status-rule-panel-controls .object-edit-field-base {
height: auto;
}
.status-rule-panel-controls .field-item .field-target {
display: flex;
flex-wrap: nowrap;
gap: 16px;
}
.status-rule-panel-controls .field-item .field-target > .rc-focus-navigation-node {
flex: 1 1 auto;
min-width: 0;
}
.status-rule-panel-controls .field-item .field-target .object-edit-field-input {
flex: 1 1;
width: 100%;
min-width: 0;
}
.status-rule-panel-controls .field-item .field-target .color-btn-block {
flex: 0 0;
}
.status-rule-panel-controls .field-item .field-target .color-btn-block .label {
color: var(--td-first-child, #808080);
margin-bottom: 8px;
}
.status-rule-panel-controls .field-item .field-target .color-btn-block .palette-control-rc {
justify-content: center;
}
.status-win .status-win-header {
color: #838383;
font-size: 16pt;
padding-bottom: 7px;
}
.status-win input[type="radio"] {
margin-left: 0;
}
.status-win .status-win-name-label {
display: inline-block;
width: 125px;
color: #838383;
}
.status-win .status-win-note-label {
display: inline-block;
width: 125px;
color: #838383;
margin-top: 30px;
}
.status-win input.text-box.status-win-name {
font-size: 22px;
width: 400px;
margin-top: 20px;
}
.status-win .status-win-color-block {
padding: 7px 0;
margin-top: 20px;
}
.status-win .status-win-color-label {
display: inline-block;
color: #838383;
width: 125px;
}
.status-win .status-win-color-current.color-picker-current {
width: 50px;
vertical-align: bottom;
}
.status-win .status-win-color-picker.color-picker-picker {
margin-left: 125px;
width: 400px;
}
.status-win .status-win-color-box {
border: 1px solid #D4D4D4;
margin-top: 8px;
padding: 4px;
}
.status-win .status-win-color-box span {
display: inline-block;
width: 21px;
height: 21px;
vertical-align: top;
margin-bottom: 1px;
}
.status-win .status-win-parted-block {
padding: 7px 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-top: 18px;
}
.status-win .status-win-parted-label {
display: block;
color: #838383;
width: 125px;
}
.status-win .status-win-parted-item {
display: block;
}
.status-win .status-win-parted-item.all-participants {
display: inline-block;
}
.status-win .status-win-active-block {
padding: 7px 0;
margin-top: 8px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.status-win .status-win-active-label {
display: inline-block;
width: 125px;
color: #838383;
}
.status-win .status-win-active-item {
display: inline-block;
}
.status-win .status-win-watch-deadline-block {
padding: 7px 0;
margin-top: 13px;
line-height: 1.5;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.status-win .status-win-watch-deadline-label {
display: block;
color: #838383;
width: 125px;
padding-right: 10px;
box-sizing: border-box;
}
.status-win .status-win-watch-deadline-item {
display: block;
}
.status-win .status-win-watch-deadline-item.track {
display: inline-block;
}
.status-win .status-win input[type=radio] {
margin-bottom: 7px;
margin-right: 7px;
vertical-align: -2px;
}
.status-win .status-win-style > span {
width: 16px;
height: 16px;
cursor: pointer;
margin-bottom: 1px;
vertical-align: -2px;
border: 1px solid transparent;
}
.status-win .status-win-style > span svg {
fill: #7c7c7c;
}
.status-win .status-win-style > span.status-win-style-selected {
border: 1px solid #acacac;
}
.status-win .status-win-style > span.status-win-style-0 {
background-position: 0 0;
}
.status-win .status-win-style > span.status-win-style-0 svg {
width: 12px;
height: 12px;
margin-top: 2px;
margin-left: 2px;
}
.status-win .status-win-style > span.status-win-style-1 {
background-position: 0 -16px;
}
.status-win .status-win-style > span.status-win-style-1 svg {
width: 12px;
height: 12px;
margin-top: 2px;
margin-left: 2px;
}
.status-win .status-win-style > span.status-win-style-2 {
background-position: 0 -32px;
}
.status-win .status-win-style > span.status-win-style-2 svg {
width: 14px;
height: 14px;
margin-top: 1px;
margin-left: 1px;
}
.status-win .status-win-btn-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-top: 33px;
}
.status-win .status-win-note-textarea {
font-size: 10pt;
width: 403px;
resize: none;
height: 72px;
}
.status-win .status-win-note {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-top: 17px;
}
.status-win .status-win-style-block {
margin-top: 15px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.status-win .status-win-style-block .status-win-style-label {
padding-top: 2px;
color: #838383;
width: 125px;
}
.status-win .status-win-style-block .status-win-style {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.status-win .tooltip-for-status {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.status-win .tooltip-for-status .tooltip-editor {
width: 415px;
}
.tooltip-editor .select-languache-tootip {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-direction: row;
margin-bottom: 10px;
font-size: 14px;
height: 40px;
}
.tooltip-editor .select-languache-tootip .tooltip-lang-item {
width: 100%;
text-align: center;
vertical-align: middle;
padding: 10px 0;
background: #f0f0f0;
border: 1px solid #b9b9b9;
transition: 0.2s;
}
.tooltip-editor .select-languache-tootip .tooltip-lang-item:not(:first-child) {
margin-left: -1px;
}
.tooltip-editor .select-languache-tootip .tooltip-lang-item.active {
z-index: 100;
border: 1px solid #7f7f7f;
background: #ffffff;
}
.tooltip-editor .select-languache-tootip .tooltip-lang-item:not(.active) {
cursor: pointer;
}
.tooltip-editor .select-languache-tootip .tooltip-lang-item:not(:last-child) {
margin-right: 6px;
}
.tooltip-editor .tooltip-description {
margin-top: -1px;
border: 1px solid #d8d8d8;
}
.tooltip-editor .tooltip-description textarea {
width: 400px;
resize: none;
height: 125px;
border: none;
outline: none;
}
.g-popup-win-scroll .status-edit-block-wr {
border-radius: 12px;
}
.g-popup-win-scroll .status-edit-block-wr .destroy-button {
padding: 16px 16px 0 0;
}
.g-popup-win-scroll .status-edit-block-wr .dialog-bottom-panel-button-rc {
height: 64px;
background-color: var(--grey-list-border, #DEDEDE);
border-radius: 0 0 12px 12px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block {
width: 656px;
padding: 0;
border-radius: 12px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .g-popup-win-scroll-content-header {
color: var(--gray-dark-icon, #626262);
background: var(--white-black, #ffffff);
border-radius: 12px 12px 0 0;
padding: 24px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-edit-block-container .field-list {
padding: 0 24px 24px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-edit-block-container .object-edit-win-block .title-block {
display: none;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-edit-block-container .object-edit-win-block .bottom-panel-target {
margin-top: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .tabs-panel-layout .tabs-list {
border: none;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .tabs-panel-layout .tabs-list .tab:not(:first-child) {
margin-left: 8px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .tabs-panel-layout .tabs-list .tab .text {
border-bottom: none;
position: relative;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .tabs-panel-layout .tabs-list .tab.active .text:after {
content: '';
border-bottom: 6px solid #1abe72;
position: absolute;
width: 100%;
left: 0;
bottom: -4px;
border-radius: 4px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
gap: 10px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-color {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-width: 187px;
width: 100%;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-color__header-text {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 12px;
margin-bottom: 5px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-color .status-color-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
background: var(--white-black, #ffffff);
border-radius: 6px;
border: 1px solid var(--grey-list-border, #DEDEDE);
height: 100%;
gap: 2px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-color .status-color-wr .palette-color {
margin-right: 10px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-color .status-color-wr .icon {
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-o-transition: all 350ms ease;
-ms-transition: all 350ms ease;
transition: all 350ms ease;
width: 24px;
height: 24px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-radius: 4px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-color .status-color-wr .icon svg {
width: 16px;
height: 16px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-color .status-color-wr .icon:hover {
background: var(--date-picker-bg, #F5F5F5);
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-color .status-color-wr .icon.active {
background: var(--date-picker-bg, #F5F5F5);
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-preview {
width: 100%;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-preview .object-edit-field-base {
pointer-events: none !important;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-preview .object-edit-field-base.is-empty .label {
color: unset;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-preview__header-text {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 12px;
margin-bottom: 5px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-preview__container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border-radius: 6px;
gap: 6px;
font-size: 15px;
height: 58px;
min-height: 58px;
padding: 0 0 0 16px;
border: 1px solid var(--grey-list-border, #dedede);
background-color: var(--white-black, #fff);
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-preview__container .status-preview__icon {
background-color: #CCCCCC;
padding: 2px;
border-radius: 4px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
width: 14px;
height: 14px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-preview__container .status-preview__icon svg {
width: 14px;
height: 14px;
stroke: #fff;
fill: none;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-preview__container.default span {
font-style: normal;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-preview__container.italic span {
font-style: italic;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-preview__container.crossed span {
text-decoration: line-through;
font-style: normal;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-icon__header-text {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 12px;
margin-bottom: 5px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-icon__popup {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
justify-content: center;
height: 58px;
width: 58px;
border-radius: 6px;
background: var(--white-black, #FFFFFF);
cursor: pointer;
padding: 0 18px;
border: 1px solid var(--grey-list-border, #DEDEDE);
box-sizing: border-box;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-icon__popup i {
width: 24px;
height: 24px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-icon__popup i svg {
width: 24px;
height: 24px;
stroke: #626262;
fill: none;
stroke-width: 0.7px;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .status-preview-style .status-icon__popup i.status-icon__icon--remove svg {
stroke: none;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .value-selector {
margin-top: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .value-selector__items {
text-transform: uppercase;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main.status-edit-block .dialog-bottom-panel-button-rc .buttons-list {
margin-right: 25px;
}
.template-variable-container {
display: flex;
}
.template-variable-container .template-variable-block:first-child {
padding-right: 40px;
}
.template-variable-container .template-variable-block .template-variable-container-title {
font-size: 15px;
padding-bottom: 10px;
}
.template-variable-container .template-variable-block .template-variable-text {
min-height: 150px;
width: 500px;
margin-bottom: 20px;
margin-top: 10px;
border: 1px solid var(--gray-input-border, #bbbbbb);
display: flex;
height: auto;
}
.template-variable-container .template-variable-block .template-variable-text .template-variable-total-text {
padding: 10px 0 10px 20px;
font-size: 20px;
margin: auto;
text-align: center;
overflow-wrap: break-word;
max-width: 450px;
}
.template-variable-container .template-variable-block .template-variable-text .template-variable-total-text span {
color: #4573B1;
cursor: pointer;
}
.template-variable-container .template-variable-block .template-variable-text .template-variable-copy-button {
padding: 10px 10px 10px 0;
cursor: pointer;
}
.template-variable-container .template-variable-block .template-variable-help-text {
display: none;
margin-bottom: 0;
width: 470px;
word-break: break-word;
}
.template-variable-container .template-variable-block .template-variable-help-text .template-variable-alternative-copy-button {
cursor: pointer;
float: right;
}
.template-variable-container .template-variable-block .template-variable-help-text .template-variable-alternative-name {
cursor: pointer;
text-decoration: none;
}
.template-variable-container .attr-block {
padding: 5px 40px 5px 0;
}
.template-variable-container .attr-block fieldset {
padding: 20px 15px;
box-shadow: inset 0 0 4px -1px var(--template-variable-fieldset, rgba(0, 0, 0, 0.75));
border: none;
margin: 0;
}
.template-variable-container .attr-block fieldset legend {
background: var(--gray-modal-background, #ebebeb);
}
.template-variable-container .template-variable-select-container {
padding-bottom: 10px;
padding-top: 10px;
}
.template-variable-container .template-variable-select {
width: 500px;
}
.template-variable-paste-button {
margin-top: 10px;
}
@media (max-width: 1100px) {
.template-variable-container {
display: block;
}
.template-variable-container .template-variable-block:first-child {
padding-right: 0;
padding-bottom: 20px;
}
}
.attr-select-options-container {
padding-top: 15px;
}
.attr-select-options-container.first {
padding-top: 0;
}
.attr-block select {
width: 300px;
}
.attr-block .chzn-drop {
max-width: 100%;
}
.help-text-container .main-hint-container {
padding-bottom: 10px;
display: flex;
justify-content: center;
}
.help-text-container .main-hint-container.empty {
padding-bottom: 0;
}
.help-text-container .hint-item {
border-bottom: 1px solid var(--grey-planner-holiday, #ababab);
width: 500px;
}
.help-text-container .hint-item.first {
border-top: 1px solid var(--grey-planner-holiday, #ababab);
}
.help-text-container .hint-item .hint-text-container {
display: flex;
justify-content: center;
}
.help-text-container .hint-item .hint-text-container.active {
padding-bottom: 12px;
}
.help-text-container .hint-item .hint-title {
position: relative;
cursor: pointer;
user-select: none;
display: inline-block;
width: 100%;
color: var(--grey-action-list, #7f7f7f);
}
.help-text-container .hint-item .hint-title::after,
.help-text-container .hint-item .hint-title::before {
content: '';
position: absolute;
height: 1px;
width: 8px;
background-color: var(--black-white, #000);
top: 10px;
}
.help-text-container .hint-item .hint-title::before {
right: 0px;
transform: rotate(-40deg);
}
.help-text-container .hint-item .hint-title::after {
right: 6px;
transform: rotate(40deg);
}
.help-text-container .hint-item .hint-title.active::before {
transform: rotate(40deg);
}
.help-text-container .hint-item .hint-title.active::after {
transform: rotate(-40deg);
}
.help-text-container .link-like-text {
color: #4573B1;
}
.help-text-container .link-like-text.bold {
font-weight: bold;
}
.help-text-container .link-like-text.italic {
font-style: italic;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content {
border-radius: 12px;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-btn {
margin: 16px 16px 0 12px;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-btn.test-button {
margin-right: 0;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-scroll-testing {
padding: 0 24px;
margin: 0;
background: none;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-scroll-testing .g-popup-win-scroll-testing-header {
color: var(--task-card-title-text, #4B4B4B);
font-size: 18px;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-scroll-content-header {
background: var(--white-black);
padding: 19px 24px;
border-radius: 12px 12px 0 0;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-scroll-content-header .trigger-header {
display: flex;
align-items: center;
padding: 0;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-scroll-content-header .trigger-header .trigger-title {
display: flex;
align-items: center;
max-width: 870px;
min-width: 0;
flex: 1;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-scroll-content-header .trigger-header .trigger-title span.static-title {
text-decoration: underline;
text-decoration-style: dashed;
text-decoration-color: #626262;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
cursor: text;
font-size: 16pt;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: pre-wrap;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-scroll-content-header .trigger-header .trigger-title textarea.text-box.trigger-title-input {
font-size: 16pt;
max-width: 870px;
width: 100%;
box-sizing: border-box;
border: none;
color: #626262;
resize: none;
height: 40px;
overflow: hidden;
overflow-wrap: break-word;
word-wrap: break-word;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-scroll-content-header .trigger-header .trigger-title textarea.text-box.trigger-title-input::placeholder {
color: #9C9C9C;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-scroll-content-header .trigger-header .lamp-container {
cursor: pointer;
margin-right: 5px;
user-select: none;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-scroll-content-header .trigger-header.inactive .static-title {
color: #969696;
}
.g-popup-win-scroll.trigger-edit-win .g-popup-win-scroll-content .g-popup-win-scroll-content-main {
max-width: none;
padding: 0;
border-radius: 12px;
}
.g-popup-win-scroll.trigger-edit-win .dialog-btn-wrapper {
background-color: var(--grey-list-border);
border-radius: 0 0 12px 12px;
padding: 16px 24px;
}
.trigger-create {
/*.trigger-test-process {
display: none;
background: #ce0c28;
padding: 15px;
margin-top: 15px;
align-items: center;
color: var(--white-black, #fff);
font-size: @font-task-data;
&.trigger-test-process-false {
display: flex;
background: @test-false;
}
.trigger-test-process-false-text {
margin-left: 10px;
}
}*/
}
.trigger-create.trigger-main-container {
padding: 0 24px 50px;
}
.trigger-create .filter-condition-modern-component {
width: 100%;
max-width: 820px;
}
.trigger-create .filter-condition-modern-component .task-filter-cases-container .task-filter-cases {
width: 100%;
min-width: 0;
}
.trigger-create .filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case {
width: 100%;
}
.trigger-create .trigger-descr-container {
padding-top: 20px;
}
.trigger-create .trigger-descr-container .trigger-scenario-descr {
display: block;
font-size: 10pt;
width: 896px;
padding: 8px 8px;
resize: none;
}
.trigger-create .trigger-descr-container .trigger-ai-description-block {
display: none;
margin-top: 10px;
padding: 10px 12px;
width: 914px;
border-radius: 8px;
border: 1px solid var(--ai-popup-bottom-bg, #e0e4f4);
background: linear-gradient(135deg, var(--ai-popup-bg1, #eef2ff) 0%, var(--ai-popup-bg2, #fff8ff) 100%);
box-sizing: border-box;
color: var(--task-card-title-text, #4b4b4b);
}
.trigger-create .trigger-descr-container .trigger-ai-description-block.is-loading .trigger-ai-description-loading {
display: flex;
}
.trigger-create .trigger-descr-container .trigger-ai-description-block.is-loading .trigger-ai-description-text {
display: none;
}
.trigger-create .trigger-descr-container .trigger-ai-description-header {
display: flex;
align-items: center;
column-gap: 6px;
margin-bottom: 6px;
color: var(--task-filter-label, #7a7a7a);
font-size: 8pt;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.trigger-create .trigger-descr-container .trigger-ai-description-icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--ai-button-bg1, #7c74ff);
}
.trigger-create .trigger-descr-container .trigger-ai-description-icon svg {
width: 16px;
height: 16px;
fill: currentColor;
stroke: currentColor;
}
.trigger-create .trigger-descr-container .trigger-ai-description-text {
font-size: 10pt;
line-height: 1.4;
white-space: pre-wrap;
}
.trigger-create .trigger-descr-container .trigger-ai-description-loading {
display: none;
align-items: center;
min-height: 20px;
}
.trigger-create .trigger-descr-container .trigger-ai-description-loading .loader {
margin: 0;
}
.trigger-create .trigger-edit-data {
display: none;
margin-bottom: -15px;
margin-top: 10px;
text-align: right;
}
.trigger-create .trigger-edit-data span {
font-size: 8pt;
color: var(--task-filter-label, #7a7a7a);
}
.trigger-create .trigger-edit-data span a {
font-weight: bold;
text-decoration: none;
color: var(--task-filter-label, #7a7a7a);
}
.trigger-create .trigger-edit-data span a:hover {
text-decoration: underline;
}
.trigger-create .trigger-block-header {
color: var(--task-card-title-text, #4B4B4B);
font-size: 18px;
padding: 20px 0 5px;
cursor: pointer;
}
.trigger-create .trigger-block-header .button-container {
float: right;
}
.trigger-create .trigger-block-header .button-container .params-copy-button {
display: inline-block;
}
.trigger-create .trigger-block-header .button-container .help-button {
display: inline-block;
padding: 0 20px 0 15px;
}
.trigger-create .trigger-block-header .button-container .help-button a {
display: inline-flex;
}
.trigger-create .trigger-block-header .button-container .help-button .help-icon {
vertical-align: bottom;
}
.trigger-create .trigger-block-notices {
padding: 20px 15px 0 15px;
}
.trigger-create .which-button {
border-radius: 6px;
background: var(--grey-dark-hover, #f2f2f2);
padding: 5px 0 5px;
margin: 15px 0 4px 0;
}
.trigger-create .filter-condition-component .task-filter-logic .task-filter-logic-wrapper input {
width: calc(100% - 25px);
max-width: unset;
}
.trigger-create .trigger-block-event-val,
.trigger-create .trigger-block-firstcase-val,
.trigger-create .trigger-block-dateshift-type,
.trigger-create .trigger-create-action-type,
.trigger-create .trigger-block-action-add.webhook-response .response-type,
.trigger-create .trigger-block-action-author-val {
width: 630px;
}
.trigger-create .trigger-block-event-val {
width: 100%;
}
.trigger-create .trigger-block-action-author-login-val {
width: 630px;
}
.trigger-create .trigger-block-dateshift-val {
width: 90px;
}
.trigger-create .trigger-block-dateshift-casetype-val,
.trigger-create .trigger-block-dateshift-work-time-val {
display: none;
width: 400px;
}
.trigger-create .trigger-block-dateshift-no-duplicates {
display: flex;
align-items: center;
padding: 0 15px 20px;
background: var(--trigger-block-dateshift-bg, #ebf2f3);
}
.trigger-create .trigger-block-dateshift-cases-visible + .trigger-block-dateshift-no-duplicates {
padding-top: 20px;
}
.trigger-create .trigger-block.trigger-block-dateshift-cases.trigger-block-dateshift-cases-visible {
padding-left: 14px;
background-color: var(--trigger-block-dateshift-bg, #ebf2f3);
}
.trigger-create .trigger-block-dateshift-params {
display: none;
}
.trigger-create .trigger-block-dateshift-casetype-selection {
background: var(--trigger-block-dateshift-bg, #ebf2f3);
border-top: 1px solid var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
padding: 20px 15px;
display: none;
}
.trigger-create .trigger-block-dateshift-cases .filter-condition-modern-component .task-filter-cases-container {
background: var(--trigger-block-dateshift-bg, #ebf2f3);
}
.trigger-create .trigger-block-dateshift-cases .filter-condition-modern-component .task-filter-cases-container .task-filter-case .task-filter-case-number {
background: var(--trigger-block-dateshift-bg, #ebf2f3);
}
.trigger-create .trigger-block-dateshift-cases .filter-condition-modern-component .task-filter-logic-container {
background: var(--trigger-block-dateshift-bg, #ebf2f3);
}
.trigger-create .trigger-create-action-change-other-task .trigger-create-action-change-other-task-cases-block .filter-condition-modern-component .task-filter-cases-container,
.trigger-create .trigger-create-action-change-other-task .trigger-create-action-change-other-task-cases-block .filter-condition-modern-component .task-filter-logic-container {
background: none;
}
.trigger-create .trigger-block-action-add {
padding-top: 10px;
}
.trigger-create .trigger-block-buttons {
padding-top: 20px;
}
.trigger-create .trigger-block-event {
background: var(--gray-inner, #efefef);
border-top: 1px solid var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
padding: 20px 15px;
}
.trigger-create .trigger-block-dateshift-casetype-text {
display: none;
padding-bottom: 5px;
}
.trigger-create .trigger-block-params {
background: var(--trigger-block-dateshift-bg, #ebf2f3);
border-top: 1px solid var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
padding: 20px 15px;
}
.trigger-create .trigger-block-action-author {
border-top: 1px solid var(--white-black, #fff);
padding: 20px 15px;
}
.trigger-create .trigger-block-without-notices {
display: flex;
align-items: center;
padding: 0px 15px 20px;
}
.trigger-create .trigger-base-add-action-block,
.trigger-create .trigger-create-action-select {
display: flex;
align-items: center;
justify-content: space-between;
}
.trigger-create .trigger-block-action-add,
.trigger-create .trigger-create-action-select {
background: var(--gray-border, #e1e1e1);
border-top: 1px solid var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
padding: 20px 15px;
}
.trigger-create .trigger-block-action-add .id-copy-button,
.trigger-create .trigger-create-action-select .id-copy-button {
display: inline-block;
float: right;
padding: 10px 6px;
cursor: pointer;
}
.trigger-create .task-filter-container {
padding: 0;
}
.trigger-create .trigger-block-dateshift-cases .task-filter-container {
padding-top: 1px;
}
.trigger-create .trigger-block-event select.text-box,
.trigger-create .trigger-block-params select.text-box,
.trigger-create .trigger-block-params input.text-box,
.trigger-create .trigger-block-action-add select.text-box,
.trigger-create .trigger-create-action-select select.text-box,
.trigger-create .trigger-block-action-author select.text-box {
padding: 7px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-dateshift-period-item {
border: 1px solid var(--gray-input-border, #bbb);
height: 20px;
padding-top: 8px;
color: var(--planner-file-control-svg, #b7b7b7);
background: var(--white-black, #fff);
font-size: 12px;
cursor: pointer;
display: inline-block;
width: 40px;
text-align: center;
margin-left: 5px;
}
.trigger-create .trigger-dateshift-period-item.trigger-dateshift-period-item-active {
color: var(--white-black, #fff);
cursor: auto;
background: var(--planner-file-control-svg, #b7b7b7);
}
.trigger-create .trigger-dateshift-period-item.trigger-dateshift-period-item-active:hover {
background: var(--planner-file-control-svg, #b7b7b7);
}
.trigger-create .trigger-dateshift-period-item:hover {
background: var(--task-bg-action-bg, #f6f6f6);
}
.trigger-create .trigger-block-title,
.trigger-create .trigger-block-action-separator {
font-size: 18px;
color: var(--confirm-win-head-bg, #4b4b4b);
padding-top: 20px;
padding-bottom: 10px;
cursor: pointer;
}
.trigger-create .button-show-menu {
position: relative;
display: flex;
cursor: pointer;
}
.trigger-create .button-show-menu > span {
z-index: 1;
}
.trigger-create .button-show-menu:hover:before {
position: absolute;
content: '';
top: -4px;
bottom: -4px;
right: -4px;
left: -4px;
background-color: var(--task-card-header-status-icons-hover-bg, #0000000a);
border-radius: 6px;
}
.trigger-create .trigger-create-action-del {
cursor: pointer;
}
.trigger-create .trigger-create-action-del:hover {
background-position: 0 -368px;
}
.trigger-create .trigger-create-action-actions-panel {
display: flex;
flex-direction: row;
column-gap: 10px;
height: 16px;
cursor: default;
}
.trigger-create .trigger-create-action-actions-panel .trigger-create-action-goto {
cursor: pointer;
stroke: var(--gray-ico, #a9a9a9);
transition: stroke 150ms ease;
display: none;
}
.trigger-create .trigger-create-action-actions-panel .trigger-create-action-goto:hover {
stroke: #1abe72;
}
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat {
border-bottom: none;
}
.trigger-create .trigger-create-action-data > div {
background: var(--gray-list-hover, #f0f0f0);
border-bottom: 1px solid var(--white-black, #fff);
padding: 10px 0;
}
.trigger-create .trigger-create-action-data > .trigger-create-action-create-if-not-found-settings {
padding: 0;
border-bottom: 0;
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-if-not-found-label {
user-select: none;
}
.trigger-create .trigger-create-action-data .trigger-create-action-calculate-infoblock {
padding-left: 15px;
padding-right: 15px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-email .trigger-create-action-send-email-label {
padding-left: 15px;
color: var(--grey-label, #838383);
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-email .trigger-create-action-send-email-template {
width: 529px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-email .trigger-create-action-send-email-receiver,
.trigger-create .trigger-create-action-data .trigger-create-action-send-email .trigger-create-action-send-emailsmtp,
.trigger-create .trigger-create-action-data .trigger-create-action-send-email .trigger-create-action-send-email-sender {
width: 529px;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-email input.text-box.trigger-create-action-send-email-sender-name,
.trigger-create .trigger-create-action-data .trigger-create-action-send-email input.text-box.trigger-create-action-send-email-receiver-email {
width: calc(529px - 10px);
padding: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-email .trigger-create-action-send-email-comment-type {
width: 529px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-pfai .trigger-create-action-send-pfai-label {
padding-left: 15px;
color: var(--quote-border, #969696);
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-pfai a.open-var-win {
cursor: pointer;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-label {
padding-left: 15px;
color: var(--quote-border, #969696);
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-label.request-content {
vertical-align: top;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-label.content-type,
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-label.method,
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-label.url {
vertical-align: top;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-url {
width: calc(529px - 10px);
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-text-container {
display: none;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-headers {
padding-top: 2px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-headers .trigger-create-action-post-request-add-header-block {
display: flex;
padding-bottom: 12px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-headers .trigger-create-action-post-request-add-header-block:last-of-type {
padding-bottom: 0;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-headers .trigger-create-action-post-request-header {
padding-right: 15px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-headers .trigger-create-action-post-request-add-header-input {
box-sizing: border-box;
line-height: 12px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-headers .trigger-create-action-post-request-add-header-input.val {
width: 257px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-headers .trigger-create-action-post-request-add-header-input.header {
width: 257px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-parametrs {
padding-top: 2px;
display: none;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-add-header-anchor {
padding-top: 5px;
padding-bottom: 10px;
display: flex;
cursor: pointer;
width: 90px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-authorization {
padding-bottom: 12px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-method,
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-send-to-gpt-open-ai,
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-send-to-gpt-model {
width: 529px;
margin-bottom: 10px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-login-password {
display: none;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-content-type {
width: 529px;
margin-bottom: 20px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-authorization-type {
width: 529px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-parametrs-container {
display: flex;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-parametrs-container .trigger-create-action-post-request-parametrs-field {
width: 257px;
font-size: 12px;
padding-bottom: 3px;
padding-right: 15px;
color: var(--task-card-action-normal-author, #a7a7a7);
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-parametrs-container .trigger-create-action-post-request-parametrs-block {
width: 257px;
font-size: 12px;
padding-bottom: 3px;
color: var(--task-card-action-normal-author, #a7a7a7);
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-parametrs-add-row {
padding-top: 10px;
padding-bottom: 10px;
display: flex;
cursor: pointer;
width: 90px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-parametrs-add-row .trigger-create-action-post-request-parametrs-add {
padding-left: 12px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-add-header-button {
padding-left: 12px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-row {
display: flex;
align-items: flex-end;
padding-bottom: 12px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-row:last-of-type {
padding-bottom: 0;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-row .trigger-create-action-post-request-row-field-container {
padding-right: 15px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-row .trigger-create-action-post-request-row-input {
width: 257px;
box-sizing: border-box;
line-height: 12px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .row-delete {
padding-left: 9px;
padding-bottom: 6px;
cursor: pointer;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-buttons-container {
display: flex;
height: 23px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-buttons-line {
border: none;
width: 529px;
height: 0;
margin-top: -1px;
border-bottom: 1px solid var(--schedule-dayname, #B4B4B4);
margin-bottom: 21px;
margin-left: 0;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-buttons {
margin-right: 38px;
color: var(--bottom-btn-text, #383838);
cursor: pointer;
font-size: 12px;
line-height: 14px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-buttons.active {
border-bottom: 6px solid #90CB45;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-tooltip,
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-url-upper-text {
font-size: 8pt;
color: #a7a7a7;
padding-top: 3px;
line-height: 12px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-tooltip.headers,
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-url-upper-text.headers {
display: none;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-tooltip .show-post-request-fields-details,
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-url-upper-text .show-post-request-fields-details {
cursor: pointer;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-tooltip {
padding-bottom: 13px;
height: 12px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-post-request .trigger-create-action-post-request-urlencode-container {
padding-top: 7px;
}
.trigger-create .trigger-create-action-data .chzn-container {
max-width: 529px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .tooltip-actions,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .tooltip-actions,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .tooltip-actions {
margin: 5px 15px 15px 15px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .recipient,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .recipient,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .recipient {
margin-bottom: -20px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-change-other-task-label,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-change-other-task-label,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-change-other-task-label {
padding-left: 15px;
color: var(--grey-label, #838383);
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container {
padding-left: 15px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container.phone-type,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container.phone-type,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container.phone-type {
padding-bottom: 8px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container.integration,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container.integration,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container.integration,
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container.channel,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container.channel,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container.channel,
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container.template,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container.template,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container.template,
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container.template-variable,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container.template-variable,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container.template-variable {
padding: 0;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container select,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container select,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container select {
width: 400px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container input,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container input,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container input {
margin-bottom: 5px;
width: 390px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container .template-container,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container .template-container,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container .template-container {
display: flex;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container .template-container .template-block,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container .template-container .template-block,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container .template-container .template-block {
display: block;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container .template-container .template-block .lang-code,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container .template-container .template-block .lang-code,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container .template-container .template-block .lang-code {
padding-left: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container .template-container .template-block select,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container .template-container .template-block select,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container .template-container .template-block select {
width: auto;
height: 26px;
padding-left: 5px;
margin-left: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container .template-container .template-block input,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container .template-container .template-block input,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container .template-container .template-block input {
width: 322px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container .template-vars-container,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container .template-vars-container,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container .template-vars-container {
display: grid;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container .template-vars-container .row-var,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container .template-vars-container .row-var,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container .template-vars-container .row-var {
display: flex;
align-items: flex-end;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container .template-vars-container .row-var input,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container .template-vars-container .row-var input,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container .template-vars-container .row-var input {
width: 292px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container .template-vars-container .row-var .var-name,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container .template-vars-container .row-var .var-name,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container .template-vars-container .row-var .var-name {
padding: 0 5px 11px 0;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container .template-vars-container .row-var .svg-icon-remove,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container .template-vars-container .row-var .svg-icon-remove,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container .template-vars-container .row-var .svg-icon-remove {
padding: 0 0 11px 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-container .template-vars-container .row-var .block-add,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-container .template-vars-container .row-var .block-add,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-container .template-vars-container .row-var .block-add {
width: 80px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-label,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-label,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-label {
padding: 15px 0 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-write-in-webchat-label.final-text,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-webchat-label.final-text,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-label.final-text {
background: #F6FAE9;
padding: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-change-other-task-type,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-change-other-task-type,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-change-other-task-type,
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-change-contact-field,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-change-contact-field,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-change-contact-field,
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-press-button,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-press-button,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-press-button {
width: 529px;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-change-other-task-title-val,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-change-other-task-title-val,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-change-other-task-title-val {
width: calc(529px - 10px);
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-change-other-task-template-val,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-change-other-task-template-val,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-change-other-task-template-val,
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-change-other-task-object-val,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-change-other-task-object-val,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-change-other-task-object-val,
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-task-handbook-fields-select,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-task-handbook-fields-select,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-task-handbook-fields-select,
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-change-other-task-id-val,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-change-other-task-id-val,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-change-other-task-id-val,
.trigger-create .trigger-create-action-data .trigger-create-action-change-other-task .trigger-create-action-change-other-task-field-val,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-change-other-task-field-val,
.trigger-create .trigger-create-action-data .trigger-create-action-send-facebook-customer-feedback .trigger-create-action-change-other-task-field-val {
width: 529px;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat > .recipient {
margin-bottom: 0;
}
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls {
width: 529px;
margin-top: 10px;
padding: 0 0 0 15px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls > .integration > .trigger-create-action-write-in-webchat-label {
padding-top: 0;
}
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.integration,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.channel,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.template,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.template-variable {
padding: 0;
}
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.integration select,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.channel select,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.template select,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.template-variable select {
margin-top: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.integration .trigger-create-action-write-in-webchat-label + input,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.channel .trigger-create-action-write-in-webchat-label + input,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.template .trigger-create-action-write-in-webchat-label + input,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.template-variable .trigger-create-action-write-in-webchat-label + input {
margin-top: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.integration .trigger-create-action-write-in-webchat-label + .task-change-add-action-text,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.channel .trigger-create-action-write-in-webchat-label + .task-change-add-action-text,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.template .trigger-create-action-write-in-webchat-label + .task-change-add-action-text,
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container.template-variable .trigger-create-action-write-in-webchat-label + .task-change-add-action-text {
margin-top: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .trigger-create-action-write-in-webchat-container + .trigger-create-action-write-in-message .task-change-add-action-tooltip {
padding-top: 15px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-write-in-webchat .trigger-create-action-write-in-message-controls .template-variable .task-change-add-action-tooltip {
padding-top: 10px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-task-label {
padding-left: 15px;
color: var(--grey-label, #838383);
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-task-parent-type,
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-task-position,
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-task-successors,
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-contact-on-duplicate-select,
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-handbook-data-duplicate-select,
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-handbook-data-field-id-select,
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-contact-unique-test-type-select {
width: 529px;
padding-left: 8px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-project-template-val,
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-task-template-val {
width: 529px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-task-parent-title-val {
width: calc(529px - 10px);
padding: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-task-parent-template-val {
width: 529px;
padding: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-task-container .text-box.email-rule-checkbox {
margin-right: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-task-help {
padding-left: 10px;
line-height: 0;
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .trigger-create-action-create-task-flex {
display: flex;
align-items: center;
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-task .afterwards-actions-checkbox-container {
padding-top: 10px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-sms .trigger-create-action-send-sms-label {
padding-left: 15px;
color: var(--grey-label, #838383);
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-sms input[type=text],
.trigger-create .trigger-create-action-data .trigger-create-action-send-sms select,
.trigger-create .trigger-create-action-data .trigger-create-action-send-sms textarea {
width: 529px !important;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-sms .trigger-create-action-send-sms-tooltip {
padding-bottom: 7px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-sms .trigger-create-action-send-sms-tooltip .show-send-sms-fields-details {
cursor: pointer;
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-sms .trigger-create-action-send-sms-urlencode-container {
padding-top: 7px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-sms span.trigger-create-action-send-sms-type-notpresent {
display: inline-block;
max-width: 529px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-send-sms .trigger-create-action-send-sms-container.last {
padding-top: 7px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-add-analitic .trigger-create-action-add-analitic-label {
padding-left: 15px;
color: var(--grey-label, #838383);
}
.trigger-create .trigger-create-action-data .trigger-create-action-add-analitic input[type=text],
.trigger-create .trigger-create-action-data .trigger-create-action-add-analitic select,
.trigger-create .trigger-create-action-data .trigger-create-action-add-analitic textarea,
.trigger-create .trigger-create-action-data .trigger-create-action-add-analitic .trigger-create-action-add-analitic-list {
width: 529px;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-add-analitic .trigger-create-action-add-analitic-variables {
display: none;
margin-top: 10px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-analyze-call-record .trigger-create-action-analyze-call-record-label {
padding-left: 15px;
color: var(--grey-label, #838383);
}
.trigger-create .trigger-create-action-data .trigger-create-action-analyze-call-record select {
width: 529px;
padding: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-analyze-call-record input[type=text],
.trigger-create .trigger-create-action-data .trigger-create-action-analyze-call-record textarea {
width: calc(529px - 10px);
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-analyze-call-record .trigger-create-action-analyze-call-record-analytic-select-container {
padding-bottom: 5px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-show-notification-window .trigger-create-action-show-notification-window-label {
padding-left: 15px;
color: var(--grey-label, #838383);
}
.trigger-create .trigger-create-action-data .trigger-create-action-show-notification-window select {
width: 529px !important;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-show-notification-window .input-container {
margin-top: 10px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-show-notification-window input[type=text] {
width: 519px;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-show-notification-window .trigger-create-action-show-notification-window-notification,
.trigger-create .trigger-create-action-data .trigger-create-action-show-notification-window .trigger-create-action-show-notification-window-blocking {
display: none;
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-handbook-data .trigger-create-action-create-handbook-data-label {
padding-left: 15px;
color: var(--grey-label, #838383);
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-handbook-data .trigger-create-action-change-handbook-data-search-row td {
padding-top: 20px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-create-handbook-data input[type=text],
.trigger-create .trigger-create-action-data .trigger-create-action-create-handbook-data select,
.trigger-create .trigger-create-action-data .trigger-create-action-create-handbook-data textarea,
.trigger-create .trigger-create-action-data .trigger-create-action-create-handbook-data .trigger-create-action-create-handbook-data-list {
width: 529px;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-calculate-field-value .trigger-create-action-calculate-field-value-label {
padding-left: 15px;
color: var(--grey-label, #838383);
}
.trigger-create .trigger-create-action-data .trigger-create-action-calculate-field-value input[type=text],
.trigger-create .trigger-create-action-data .trigger-create-action-calculate-field-value select,
.trigger-create .trigger-create-action-data .trigger-create-action-calculate-field-value textarea {
width: 545px;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai {
padding-left: 15px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .request-field-values-header,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .request-field-values-header,
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .qualify-field-header,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .qualify-field-header {
margin-bottom: 20px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .request-field-values-header__title,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .request-field-values-header__title,
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .qualify-field-header__title,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .qualify-field-header__title {
margin-bottom: 10px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .request-field-values-header__input,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .request-field-values-header__input,
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .qualify-field-header__input,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .qualify-field-header__input {
width: 590px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .prompt-container,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .prompt-container {
margin-bottom: 20px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .prompt-container__title,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .prompt-container__title {
margin-bottom: 10px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .prompt-container .request-field-values-prompt,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .prompt-container .request-field-values-prompt {
width: 400px;
min-height: 60px;
font-size: 14px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .fields-container__title,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .fields-container__title {
margin-bottom: 10px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .fields-container__values,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .fields-container__values {
margin-bottom: 10px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .fields-container__values .request-field-value-row,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .fields-container__values .request-field-value-row,
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .fields-container__values .qualify-field-value-row,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .fields-container__values .qualify-field-value-row {
margin-bottom: 2px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .fields-container__values .request-field-value-row .row-delete,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .fields-container__values .request-field-value-row .row-delete,
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .fields-container__values .qualify-field-value-row .row-delete,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .fields-container__values .qualify-field-value-row .row-delete {
margin-left: 8px;
position: relative;
top: 4px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .fields-container__values .request-field-value-row select,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .fields-container__values .request-field-value-row select,
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .fields-container__values .qualify-field-value-row select,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .fields-container__values .qualify-field-value-row select {
width: 400px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .request-field-values-add-row,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .request-field-values-add-row {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 5px;
margin-bottom: 10px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .request-field-values-add-row .svg-icon-16px,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .request-field-values-add-row .svg-icon-16px,
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .request-field-values-add-row .status-set-rule-win-triggers-add,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .request-field-values-add-row .status-set-rule-win-triggers-add {
cursor: pointer;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .request-field-values-operations-container,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .request-field-values-operations-container {
border-top: 1px solid var(--white-black, #fff);
padding-top: 10px;
}
.trigger-create .trigger-create-action-data .trigger-create-action-request-field-values .request-field-values-operations-container label,
.trigger-create .trigger-create-action-data .trigger-create-action-qualify-with-ai .request-field-values-operations-container label {
line-height: 16px;
}
.trigger-create .trigger-block-event-field,
.trigger-create .trigger-block-event-analitics {
display: none;
}
.trigger-create .trigger-block-event-field .trigger-block-event-field-label,
.trigger-create .trigger-block-event-analitics .trigger-block-event-field-label,
.trigger-create .trigger-block-event-field .trigger-block-event-analitics-label,
.trigger-create .trigger-block-event-analitics .trigger-block-event-analitics-label {
width: 85px;
display: inline-block;
color: var(--grey-label, #838383);
}
.trigger-create .trigger-block-event-field .trigger-block-event-field-val,
.trigger-create .trigger-block-event-analitics .trigger-block-event-field-val,
.trigger-create .trigger-block-event-field .trigger-block-event-analitics-val,
.trigger-create .trigger-block-event-analitics .trigger-block-event-analitics-val {
width: 545px;
}
.trigger-create .trigger-block-event-date {
display: none;
}
.trigger-create .open-afterwards-actions-setup-block {
padding-left: 14px;
padding-top: 10px;
display: none;
}
.trigger-create .open-afterwards-actions-setup-block.static {
display: block;
padding: 0;
}
.trigger-create .add-afterwards-actions-checkbox-label {
user-select: none;
}
.trigger-create .trigger-block-cases {
padding-left: 15px;
}
.macros-block {
width: 962px;
}
.click-test-process {
display: none;
padding: 15px;
margin-top: 10px;
align-items: center;
color: var(--white-black, #fff);
font-size: 15px;
}
.click-test-process.click-test-process-true {
display: flex;
background: #139b13;
}
.click-test-process.click-test-process-false {
display: flex;
background: #ce0c28;
}
.click-test-process .click-test-process-true-text {
margin-left: 10px;
}
.common-test-process {
display: flex;
padding: 15px;
align-items: center;
color: var(--white-black, #fff);
font-size: 15px;
}
.common-test-process.common-test-process-true {
display: flex;
background: #139b13;
}
.common-test-process.common-test-process-false {
display: flex;
background: #ce0c28;
}
.common-test-process .common-test-process-true-text {
margin-left: 10px;
}
.trigger-create-action-send-sms-tooltip,
.task-change-add-action-tooltip {
padding-bottom: 7px;
}
.trigger-create-action-send-sms-tooltip .show-post-request-fields-details,
.task-change-add-action-tooltip .show-post-request-fields-details {
cursor: pointer;
}
.trigger-create-action-change-item {
background: var(--gray-list-hover, #f0f0f0);
border-bottom: 1px solid var(--white-black, #fff);
padding: 10px 0;
}
.trigger-create-action-change-item > table {
width: 100%;
}
.trigger-create-action-change-item > table > tbody > tr > td {
vertical-align: top;
}
.trigger-create-action-change-item .trigger-create-action-change-item-drag-td {
padding-left: 15px;
padding-top: 7px;
}
.trigger-create-action-change-item.trigger-create-action-data-add-change-block .trigger-create-action-change-item-drag-td {
padding-top: 0;
}
.trigger-create-action-change-item .trigger-create-action-change-item-label {
padding-top: 7px;
color: var(--grey-label, #838383);
}
.trigger-create-action-change-item.trigger-create-action-data-add-change-block .trigger-create-action-change-item-label {
padding-top: 0;
}
.trigger-create-action-change-item .trigger-create-action-change-item-container .task-mass-change-type {
width: 529px;
}
.trigger-create-action-change-item .trigger-create-action-change-item-del-td {
padding-top: 6px;
}
.trigger-create-action-change-item .trigger-create-action-change-item-del-td .trigger-create-action-change-item-del {
cursor: pointer;
float: right;
margin-right: 0;
}
.trigger-create-action-change-item .trigger-create-action-change-item-del-td .trigger-create-action-change-item-del:hover {
background-position: 0 -368px;
}
.trigger-create-action-change-item .trigger-create-action-change-item-drag {
margin-right: 4px;
cursor: url("/img/openhand.cur"), move;
display: inline-block;
width: 16px;
height: 16px;
position: relative;
top: 1px;
text-align: center;
}
.trigger-create-action-change-item .trigger-create-action-change-item-drag svg {
width: 6px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
}
.trigger-create-action-change-item.trigger-create-action-data-add-change-block .trigger-create-action-change-item-drag {
display: none;
}
.trigger-create-action-change-item.trigger-create-action-change-item-whatsapp {
padding-left: 15px !important;
}
.trigger-create-action-change-item.trigger-create-action-change-item-whatsapp .trigger-create-action-change-item-drag-td {
display: none;
}
.trigger-create-action-change-item.move-micro-card-row {
position: absolute;
z-index: 27 !important;
}
.trigger-create-action-change-item .trigger-create-action-change-item-del-td {
padding: 6px 6px 0 0;
}
.trigger-create-action-change-item .trigger-create-action-change-item-menu-td {
padding: 6px 14px 0 5px;
}
.trigger-create-action-change-item .trigger-create-action-change-item-menu-td > span {
position: relative;
display: flex;
cursor: pointer;
}
.trigger-create-action-change-item .trigger-create-action-change-item-menu-td > span svg {
z-index: 1;
}
.trigger-create-action-change-item .trigger-create-action-change-item-menu-td > span:hover:before {
position: absolute;
content: '';
top: -4px;
bottom: -4px;
right: -4px;
left: -4px;
background-color: var(--task-card-header-status-icons-hover-bg, #0000000a);
border-radius: 6px;
}
.trigger-create-action-change-item.is-drag {
background: var(--date-picker-menu-border, #e0e0e0);
}
.close-trigger-block-container {
width: 9px;
display: inline-block;
padding: 0 14px 0 0;
cursor: pointer;
}
.close-trigger-block-container .expand-trigger-img-ico {
display: none;
fill: var(--confirm-win-head-bg, #000);
}
.close-trigger-block-container .close-trigger-img-ico {
fill: var(--confirm-win-head-bg, #000);
}
.close-trigger-block-container .close-trigger-img-ico {
fill: var(--confirm-win-head-bg, #000);
}
.trigger-create-embedded-in-change .trigger-block-action-separator,
.trigger-create-embedded-in-change .trigger-create-action-select,
.trigger-create-embedded-in-change .trigger-create-action-del,
.trigger-create-embedded-in-change .trigger-block-title,
.trigger-create-embedded-in-change .trigger-create-action-change-contact-task-container {
display: none !important;
}
.bad-input-error {
box-shadow: 0 0 0 2px var(--usually-field-edit-state-info-red-bg, #f2b3b3);
scroll-margin-top: 15px;
}
.bad-input-error-message {
box-shadow: 0 0 0 2px var(--usually-field-edit-state-info-red-bg, #f2b3b3);
background: var(--usually-field-edit-state-info-red-bg, #f2b3b3);
padding: 5px 3px;
margin-bottom: 0 !important;
scroll-margin-top: 15px;
}
.bad-input-error-message .highlight {
background: #ff0000;
text-decoration: underline;
}
.trigger-create-action-button-text-container .trigger-create-action-write-in-webchat-label.button-text {
display: flex;
}
.trigger-create-action-button-text-container .info-icon {
cursor: pointer;
position: relative;
display: inline-block;
margin-left: 5px;
}
.trigger-create-action-button-text-container .info-icon .svg-icon-16px {
margin-left: 0;
}
.trigger-create-action-button-text-container .info-icon:hover .hint-item-label {
display: block !important;
}
.trigger-create-action-button-text-container .info-icon .hint-item-label {
left: 28px;
bottom: 100%;
top: auto;
margin-bottom: -20px;
width: auto;
min-width: 250px;
}
.trigger-create-action-button-text-container .info-icon .hint-item-label::after {
right: auto;
left: -5px;
top: auto;
bottom: 8px;
}
.trigger-create-action-send-facebook-customer-feedback .field-error {
border-color: var(--error-red, #ff4444) !important;
background-color: var(--error-bg, #ffe6e6) !important;
}
.trigger-create-action-send-facebook-customer-feedback .trigger-create-action-send-facebook-customer-feedback-container {
padding-left: 15px;
}
.trigger-create-action-send-facebook-customer-feedback .trigger-create-action-send-facebook-customer-feedback-container input.text-box {
margin-bottom: 5px;
width: 390px;
}
.trigger-create-action-send-facebook-customer-feedback .trigger-create-action-send-facebook-customer-feedback-container select.text-box {
width: 400px;
}
.trigger-create-action-send-facebook-customer-feedback .trigger-create-action-send-facebook-customer-feedback-label {
padding: 15px 0 5px;
}
.trigger-create-action-send-facebook-customer-feedback .feedback-basic-fields {
margin-bottom: 20px;
}
.trigger-create-action-send-facebook-customer-feedback .feedback-basic-fields table {
width: 100%;
}
.trigger-create-action-send-facebook-customer-feedback .feedback-basic-fields table col[width="150"] {
width: 200px;
}
.trigger-create-action-send-facebook-customer-feedback .feedback-basic-fields table col[width="*"] {
width: auto;
}
.trigger-create-action-send-facebook-customer-feedback .feedback-title,
.trigger-create-action-send-facebook-customer-feedback .feedback-subtitle,
.trigger-create-action-send-facebook-customer-feedback .feedback-button-title,
.trigger-create-action-send-facebook-customer-feedback .feedback-privacy-url {
width: 390px;
}
.trigger-create-action-send-facebook-customer-feedback .feedback-expires-days {
width: 25px;
}
.trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-cases-block {
margin-bottom: 10px;
}
.trigger-create-action-send-facebook-customer-feedback .trigger-create-action-write-in-webchat-cases-block select {
width: 400px;
}
.trigger-create-action-send-facebook-customer-feedback .feedback-questions-management {
margin-top: 20px;
}
.trigger-create-action-send-facebook-customer-feedback .feedback-questions-management .settings-label {
margin: 20px 0 10px 15px;
}
.trigger-create-action-send-facebook-customer-feedback .feedback-question {
padding: 15px;
background-color: var(--grey-dark-hover, #f2f2f2);
border-radius: 3px;
}
.trigger-create-action-send-facebook-customer-feedback .field-group {
margin: 10px 0;
}
.trigger-create-action-send-facebook-customer-feedback .field-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: var(--black-white, #000);
}
.trigger-create-action-send-facebook-customer-feedback .field-group input,
.trigger-create-action-send-facebook-customer-feedback .field-group select,
.trigger-create-action-send-facebook-customer-feedback .field-group textarea {
width: 100%;
box-sizing: border-box;
padding: 5px;
border: 1px solid var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
border-radius: 3px;
background-color: var(--white-black, #fff);
color: var(--black-white, #000);
}
.trigger-create-action-send-facebook-customer-feedback .field-readonly {
padding: 8px 10px;
background-color: var(--grey-dark-hover, #f2f2f2);
border: 1px solid var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
border-radius: 3px;
color: var(--black-white, #000);
min-height: 20px;
line-height: 1.4;
}
.trigger-create-action-send-facebook-customer-feedback .field-hint {
display: block;
font-size: 11px;
color: var(--task-filter-label, #7a7a7a);
margin-top: 3px;
font-style: italic;
}
.trigger-create-action-send-facebook-customer-feedback .feedback-questions-management {
margin-top: 20px;
}
.incoming-webhook-scenarios {
padding: 0 0 24px;
}
.incoming-webhook-scenarios:empty {
display: none;
}
.incoming-webhook-scenarios__notice {
margin: 16px 0 0;
}
.incoming-webhook-scenarios__description {
margin: 8px 0 16px;
}
.incoming-webhook-scenarios__mode {
padding: 24px 0 16px;
}
.incoming-webhook-scenarios__actions,
.incoming-webhook-scenarios__summary {
display: flex;
align-items: center;
gap: 8px;
}
.incoming-webhook-scenarios__summary {
justify-content: space-between;
gap: 16px;
white-space: normal;
overflow-wrap: anywhere;
}
.incoming-webhook-scenarios__conditions {
white-space: normal;
overflow-wrap: anywhere;
}
.incoming-webhook-scenarios__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 28px;
width: 28px;
height: 28px;
padding: 6px;
border: 0;
border-radius: 4px;
background: transparent;
cursor: pointer;
color: var(--file-meta-data, #888);
}
.incoming-webhook-scenarios__icon svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.incoming-webhook-scenarios__icon:hover:not(:disabled),
.incoming-webhook-scenarios__icon:focus-visible {
background: var(--grey-dark-hover, #f2f2f2);
color: var(--activeButton, #0fabdd);
}
.incoming-webhook-scenarios__icon:disabled {
opacity: 0.3;
cursor: default;
}
.incoming-webhook-scenarios__icon--stroke svg {
fill: none;
stroke: currentColor;
}
.incoming-webhook-scenarios__buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
font-size: 14px;
}
.incoming-webhook-scenarios__buttons .btn-main {
margin: 0;
border-radius: 4px;
}
.incoming-webhook-scenario-toggle {
margin: 24px 0;
}
input.incoming-webhook-condition-header {
box-sizing: border-box;
width: 165px;
padding: 11px 12px;
border: 1px solid var(--grey-list-border, #dedede);
border-radius: 6px;
color: var(--Theme-colors-BlueSteel, #5881b8);
background: var(--white-black, #fff);
}
.trigger-custom-operation-parameters-block .trigger-custom-operation-parameters {
background: var(--grey-dark-hover, #f2f2f2);
padding-top: 6px;
padding-bottom: 8px;
padding-left: 30px;
border-bottom: 1px solid var(--white-black, #fff);
}
.trigger-custom-operation-parameters-block .trigger-custom-operation-parameters .trigger-custom-operation-parameters-infoblock {
background: var(--grey-dark-hover, #f2f2f2);
padding-left: 10px;
padding-top: 2px;
}
.trigger-custom-operation-parameters-block .trigger-custom-operation-parameters .trigger-custom-operation-parameters-infoblock .trigger-custom-operation-parameters-infoblock-del {
float: right;
padding-right: 20px;
cursor: pointer;
padding-left: 20px;
}
.trigger-custom-operation-parameters-block .trigger-custom-operation-parameters .trigger-custom-operation-parameters-infoblock .trigger-custom-operation-parameters-infoblock-label {
display: inline-block;
width: 170px;
}
.trigger-custom-operation-parameters-block .trigger-custom-operation-parameters .trigger-custom-operation-parameters-infoblock .trigger-custom-operation-parameters-infoblock-container {
width: 500px;
}
.trigger-custom-operation-parameters-block .trigger-custom-operation-parameters .trigger-custom-operation-parameters-infoblock .trigger-custom-operation-parameters-infoblock-container .extract-data-setting-extract-text,
.trigger-custom-operation-parameters-block .trigger-custom-operation-parameters .trigger-custom-operation-parameters-infoblock .trigger-custom-operation-parameters-infoblock-container .extract-data-setting-html-table-extract-text,
.trigger-custom-operation-parameters-block .trigger-custom-operation-parameters .trigger-custom-operation-parameters-infoblock .trigger-custom-operation-parameters-infoblock-container .extract-data-setting-text-format,
.trigger-custom-operation-parameters-block .trigger-custom-operation-parameters .trigger-custom-operation-parameters-infoblock .trigger-custom-operation-parameters-infoblock-container .extract-data-setting-row,
.trigger-custom-operation-parameters-block .trigger-custom-operation-parameters .trigger-custom-operation-parameters-infoblock .trigger-custom-operation-parameters-infoblock-container .extract-data-setting-save {
width: 511px;
}
.trigger-custom-operation-parameters-block .trigger-custom-operation-parameters .trigger-custom-operation-parameters-infoblock .trigger-custom-operation-parameters-infoblock-container .trigger-custom-operation-parameters-infoblock-text {
width: inherit;
}
.trigger-custom-operation-parameters-add-block-container {
padding: 10px;
background: var(--grey-dark-hover, #f2f2f2);
border-bottom: 1px solid var(--white-black, #fff);
}
.trigger-custom-operation-action .trigger-custom-operation-action-label {
padding-left: 15px;
color: var(--grey-label, #838383);
}
.trigger-custom-operation-action .trigger-custom-operation-action-tooltip {
padding-bottom: 13px;
height: 12px;
}
.trigger-custom-operation-action .trigger-custom-operation-action-tooltip .show-post-request-fields-details {
cursor: pointer;
}
.trigger-custom-operation-action input[type=text],
.trigger-custom-operation-action select {
box-sizing: border-box;
width: 529px;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.trigger-custom-operation-action .trigger-custom-operation-parameter-value {
box-sizing: border-box;
max-width: 529px;
min-width: 529px;
height: 29px;
min-height: 29px;
padding: 5px;
color: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.docs-list-move-dialog {
width: 400px;
padding: 15px 0 0 0;
font-size: 12px;
}
.docs-list-move-dialog .docs-list-move-dialog-search {
border: 1px solid var(--file-viewer-canvas-btn-shadow, #bbb);
overflow: hidden;
width: 100%;
display: flex;
background: var(--white-black, #ffffff);
}
.docs-list-move-dialog .docs-list-move-dialog-search .search-icon {
padding: 6px;
}
.docs-list-move-dialog .docs-list-move-dialog-search input {
margin: 0;
border: none;
outline: none;
padding: 7px 7px 7px 0;
font-size: 12px;
-webkit-appearance: none;
width: 100%;
}
.docs-list-move-dialog .docs-list-control {
background: var(--white-black, #ffffff);
margin: 12px 0;
width: 100%;
height: 280px;
border: 1px solid var(--file-viewer-canvas-btn-shadow, #bbb);
}
.docs-list-move-dialog .bottom-block-info {
margin-bottom: 25px;
font-size: 13px;
}
.docs-list-move-dialog-header {
font-size: 14pt;
}
.docs-list-move-dialog-header-small {
font-size: 8pt;
color: var(--popup-win-header-description, #8d8d8d);
padding-bottom: 15px;
}
.docs-list-move-dialog-target {
color: var(--date-picker-navigation-svg, #787777);
}
.docs-list-move-dialog-target-add-folder {
display: inline-block;
margin-right: 5px;
}
.docs-list-move-dialog-selected {
margin-bottom: 15px;
}
.docs-list-move-dialog-selected p {
position: relative;
margin: 16px 0 8px;
}
.docs-list-move-dialog-selected p img {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.docs-list-move-dialog-options {
border: 1px solid var(--task-action-rem-border, #dcdcdc);
padding: 18px 8px 12px;
}
.docs-list-move-dialog-options label {
margin-bottom: 8px;
display: block;
line-height: 16px;
}
.docs-list-move-dialog-options label .svg-hint-icon {
display: none;
}
.docs-list-move-dialog-options label.disabled {
color: var(--planner-schedule-header-border, #c9c9c9);
position: relative;
}
.docs-list-move-dialog-options label.disabled.with-tooltip {
cursor: pointer;
}
.docs-list-move-dialog-options label.disabled.with-tooltip .svg-hint-icon {
display: inline-block;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.docs-list-move-dialog-options label input {
margin: 0 8px 0 2px;
width: 14px;
height: 16px;
vertical-align: bottom;
}
.docs-list-move-dialog-options label .disabled.with-tooltip input {
visibility: hidden;
}
.docs-list-move-dialog-buttons-right {
float: right;
padding-bottom: 5px;
}
/*******************************************************************************
* DocsListControl
*/
.docs-list-control-inner {
color: var(--date-picker-navigation-svg, #787777);
padding-top: 8px;
}
.docs-list-control-group {
margin: 18px 0 7px;
padding-left: 10px;
font-weight: bold;
white-space: nowrap;
}
.docs-list-control-item {
position: relative;
margin: -2px 0 0;
padding: 6px 12px 6px 7px;
cursor: pointer;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.docs-list-control-item.disabled {
cursor: default;
}
.docs-list-control-item.selected {
background: var(--grey-dark-hover, #f2f2f2);
}
.docs-list-control-item.expanding:after {
position: absolute;
top: 13px;
right: 20px;
display: block;
content: '';
width: 10px;
height: 10px;
background: url('/img/indicator_menu.gif') no-repeat center center;
}
.docs-list-control-item.has-children .docs-list-control-item-toggle {
display: inline-block;
}
.docs-list-control-item.expanded .docs-list-control-item-toggle {
background-image: url('/img/tree-minus.gif');
}
.docs-list-control-item.disabled .docs-list-control-item-name {
opacity: 0.5;
}
.docs-list-control-item.has-children .docs-list-control-item-name {
margin-left: 0;
}
.docs-list-control-item-toggle {
display: none;
width: 13px;
height: 26px;
cursor: default;
background: url('/img/tree-plus.gif') no-repeat 4px center;
vertical-align: bottom;
min-width: 13px;
}
.docs-list-control-item-name {
margin: 0 0 0 13px;
display: inline-block;
padding: 0 0 0 5px;
height: 20px;
line-height: 1.2em;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
overflow: hidden;
}
.docs-list-control-item-name .folder-icon {
float: left;
}
.docs-list-control-item-name .folder-icon svg {
fill: var(--gray-ico, #a9a9a9);
}
.docs-list-control-item-name .folder-title {
float: left;
padding: 1px 0 0 10px;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.docs-list-control-item-name span {
color: var(--chzn-text, #444);
}
.docs-list-control-item-location {
display: block;
margin-left: 13px;
padding-left: 36px;
color: var(--task-card-add-action-comment-text, #999);
font-size: 11px;
line-height: 1;
}
.docs-list-control-item-edit .docs-list-control-item-name {
padding-top: 0;
padding-bottom: 5px;
opacity: 1 !important;
}
.docs-list-control-item-edit .docs-list-control-item-name input {
width: 250px;
font-size: 10pt;
outline: none;
}
.docs-list-control-item-edit .docs-list-control-item-name .iconset-16px {
vertical-align: top;
margin: 4px 0 0 5px;
}
.docs-list-control-item-edit .docs-list-control-item-name .iconset-16px.disabled {
opacity: 0.6;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.docs-list-move-dialog-options-tooltip {
width: 500px;
}
.docs-list-move-dialog-options-tooltip li {
margin-bottom: 0.75em;
}
/*****************************************************
* DocsAccessDialog
*/
.docs-list-access-dialog {
width: 500px;
font-size: 12px;
}
.docs-list-access-dialog-header {
font-size: 14pt;
padding: 0 10px;
}
.docs-list-access-dialog-rules {
padding: 10px 10px 0 55px;
color: var(--grey-label, #838383);
}
.docs-list-access-dialog-buttons {
padding-top: 15px;
}
.docs-list-access-dialog-buttons-right {
padding-bottom: 5px;
}
.docs-list-access-dialog-label {
position: relative;
margin: 1.2em 0 0.4em;
color: var(--setting-columns-text, #535353);
border-bottom: 1px dashed var(--file-viewer-canvas-no-active-btn-bg, #d4d4d4);
font-size: 16px;
font-weight: bold;
line-height: 1.1;
padding-bottom: 5px;
}
.docs-list-access-dialog-label:before {
display: block;
content: '';
position: absolute;
left: -45px;
top: -5px;
width: 32px;
height: 32px;
background: url(/img/svg/check-mark-green.svg) no-repeat;
}
.docs-list-access-dialog-label.locked:before {
background: url(/img/svg/lock-yellow.svg) no-repeat;
}
.docs-list-access-dialog-calculated {
margin: 15px 0 23px;
}
.docs-list-access-dialog-chosen-label {
margin-bottom: 5px;
}
.docs-list-access-dialog-publiclink {
width: 390px;
margin-top: 10px;
border: 1px solid var(--file-viewer-canvas-btn-shadow, #bbb);
}
.docs-list-access-dialog-publiclink input[type=text] {
width: 350px;
font-size: 14px;
border: none;
outline: none;
padding: 2px 5px;
}
.docs-list-access-dialog-publiclink i {
margin: 0 0 4px 8px;
vertical-align: bottom;
}
.docs-list-access-dialog-enablepubliclink-label.loading {
background: url(/img/indicator_menu.gif) no-repeat left center;
}
.docs-list-access-dialog-enablepubliclink {
vertical-align: middle;
margin-left: 0;
}
.docs-list-access-dialog-enablepubliclink:disabled {
visibility: hidden;
}
/* Override common styles
--------------------------------------------------------*/
.leftmenu {
/* Custom styles
--------------------------------------------------------*/
}
.leftmenu .firstlevel .menu-item2 {
height: 33px;
vertical-align: top;
}
.leftmenu .secondlevel .menu-item2,
.leftmenu .firstlevel.menu-item2-root .menu-item2 {
vertical-align: top;
height: 25px;
}
.leftmenu .firstlevel .menu-item2 .link {
height: 23px;
}
.leftmenu tr .menu-item2 .link {
padding-left: 2px;
}
.leftmenu .menu-item2 .menu-item-plus,
.leftmenu .menu-item2 .menu-item-minus {
cursor: pointer;
height: 20px;
padding-right: 5px;
}
.leftmenu .menu-item2 a {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.leftmenu .menu-item2 .submenu-item-expander-empty {
flex-shrink: 0;
padding-right: 19px;
}
.leftmenu .active .menu-item2 .menu-item-plus,
.leftmenu .active .menu-item2 .menu-item-minus {
height: 19px;
}
.leftmenu .docs-project-group .link,
.leftmenu .docs-project-group .menu-text {
cursor: default !important;
}
.leftmenu .docs-project-group .menu-text-link-content {
font-size: 14px;
}
.cardmenu tr .menu-item2 .link .menu-text .menu-text-link img,
.cardmenu tr .menu-item2 .link .menu-item-svg-icon {
padding-right: 9px;
width: 16px;
}
.cardmenu table .menu-item2 .submenu-item {
padding-left: 25px;
box-sizing: border-box;
}
.cardmenu table .menu-item2 .submenu-item a {
max-width: calc(100% - 20px);
}
.cardmenu table .menu-item2 .submenu-item a .menu-text {
width: 100% !important;
}
.cardmenu.docs-menu table.leftmenu {
margin-top: 0;
}
/* List styles
--------------------------------------------------------*/
.docs-list-fake-cell-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 13px;
border: 1px solid var(--gray-border, #e2e2e2);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top: none;
padding: 6px 12px;
background-color: var(--white-black, #ffffff);
}
.docs-list-fake-cell-container .tr-tbllist-dotdot {
margin-right: 26px;
height: 18px;
}
.docs-list-fake-cell-container_check {
padding: 7px 9px;
}
.docs-list-fake-cell-container_check .tr-tbllist-dotdot {
margin-right: 82px;
}
.tr-item-task-custom-group .docs-list-fake-cell-container_check .tr-tbllist-dotdot {
margin-right: 50px;
}
.docs-list-fake-cell-container.handbook-group {
padding-left: 10px;
}
.docs-main-top .l-btn-left .btn {
margin-right: 0;
margin-left: 3px;
}
.tr-docs-edit .iconset-16px {
vertical-align: top;
margin: 2px 0 0 5px;
}
.docs-list-saving .iconset-16px {
opacity: 0.6;
}
.docs-list-edit-name {
display: inline-block;
}
.docs-list-edit-name input {
outline: none;
font-size: 12px;
}
.docs-list-saving .docs-list-edit-name {
position: relative;
}
.docs-list-saving .docs-list-edit-name:before {
position: absolute;
display: block;
content: '';
right: 5px;
top: 7px;
width: 10px;
height: 10px;
background: url('/img/indicator_menu.gif') no-repeat;
}
.docs-list-container .tbl-list .td-head .img-sorttype {
top: 0;
}
.td-docs-list-item-name {
position: relative;
overflow: hidden;
}
.docs-list-edit-name input {
width: 300px;
}
/*** small styles ***/
.docs-container-small .docs-td-task,
.docs-container-small .docs-td-handbook,
.docs-container-small .docs-td-report,
.docs-container-small .docs-td-login,
.docs-container-small .docs-td-date,
.docs-container-small .docs-td-deleted-login,
.docs-container-small .docs-td-deleted-date,
.docs-container-small .td-item-config,
.docs-container-small .td-head-dots,
.docs-container-small colgroup col {
display: none;
}
.docs-container-small .tbl-list.tbl-managed-list {
table-layout: unset;
}
.docs-container-small .td-task-name,
.docs-container-small .docs-td-name {
border-right: 1px solid var(--gray-border, #e2e2e2);
}
.docs-container-small .td-head.td-task-name:not(.not-last),
.docs-container-small .td-head.docs-td-size {
border-top-right-radius: 12px;
}
.docs-container-small .tr-item-group_last + .tr-common-item:first-child .td-docs-list-item-name {
border-top-right-radius: 12px;
}
.docs-container-small .tr-common-item:last-child .td-docs-list-item-name:not(.not-last),
.docs-container-small .tr-common-item:last-child .docs-td-size {
border-bottom-right-radius: 12px;
}
.docs-container-small .tr-common-item:hover .td-file {
border-left-color: transparent;
}
.docs-container-small .docs-list-edit-name input {
width: 200px;
}
.docs-container-small .td-docs-list-item-name:not(.not-last),
.docs-container-small .docs-td-size {
border-right: 1px solid var(--gray-border, #e2e2e2);
}
.docs-container-small .docs-size-span .file-additional-date {
display: block;
opacity: 0;
-webkit-transition: opacity 150ms ease;
-moz-transition: opacity 150ms ease;
-o-transition: opacity 150ms ease;
-ms-transition: opacity 150ms ease;
transition: opacity 150ms ease;
}
.docs-container-small .docs-size-span:hover .file-additional-date {
opacity: 1;
}
.docs-container-small .tr-common-item-last .td-docs-list-item-name:not(.not-last),
.docs-container-small .tr-common-item-last .docs-td-size {
border-bottom-right-radius: 12px;
}
.docs-container-small .tr-docs-parent + .tr-common-item > .td-docs-list-item-name:not(.not-last),
.docs-container-small .docs-list-item-folder + .tr-common-item > .td-docs-list-item-name:not(.not-last),
.docs-container-small .tr-group-header + .tr-common-item > .td-docs-list-item-name:not(.not-last),
.docs-container-small .tr-docs-parent + .tr-common-item > .docs-td-size,
.docs-container-small .docs-list-item-folder + .tr-common-item > .docs-td-size,
.docs-container-small .tr-group-header + .tr-common-item > .docs-td-size {
border-top-right-radius: 12px;
}
.docs-container-small .tr-docs-parent + .tr-group-header > td {
padding-top: 19px;
}
.tr-docs-parent + .tr-common-item .td-item {
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.docs-td-task .td-head-common {
padding-top: 3px;
}
.docs-handbook-string-show {
color: #4573B1;
border-bottom: 1px dashed;
cursor: pointer;
}
.docs-list-container .docs-list-item-file .td-item a:hover {
text-decoration: none !important;
}
.docs-list-item-file .td-item-config {
padding: 3px 5px;
text-align: right;
}
.docs-container-small table .docs-td-size .td-column-sorted {
margin: unset;
}
.docs-container-small table .docs-td-star {
width: unset;
min-width: unset;
max-width: unset;
padding: 5px 0;
}
.docs-container-small table .desc {
margin: unset;
}
.folder-docs-item-name {
font-size: 14px;
}
.doc-list-head-icon-styles,
.doc-list-star-styles {
width: 20px;
min-width: 20px;
max-width: 20px;
padding: 0 8px;
}
.doc-list-head-icon-styles.doc-list-head-icon-styles,
.doc-list-star-styles.doc-list-head-icon-styles {
padding-left: 10px;
}
.doc-list-head-icon-styles.doc-list-head-icon-styles > span,
.doc-list-star-styles.doc-list-head-icon-styles > span {
display: block;
}
.back-up-link {
font-size: 15px;
line-height: 1.1em;
}
.back-up-link:hover {
color: #4573B1;
}
.docs-size {
width: 62px;
margin-left: auto;
}
.docs-empty-list {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
margin: auto;
}
.docs-empty-list .docs-empty-icon {
background-image: url("/img/empty/svgEmpty02.svg");
width: 220px;
height: 220px;
opacity: var(--emptyIconOpacity, 1);
}
.docs-empty-list .docs-empty-text {
color: var(--chosen-text, #333333);
font-size: 16px;
line-height: 19px;
text-align: center;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
margin-top: 29px;
max-width: 250px;
}
.docs-dashboard-totals {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.docs-dashboard-micro .docs-dashboard-totals {
display: block;
}
.docs-dashboard-micro .docs-dashboard-totals .docs-dashboard-airline {
display: block;
margin: 0;
}
.docs-dashboard-micro .docs-dashboard-totals .docs-dashboard-airline .docs-dashboard-total,
.docs-dashboard-micro .docs-dashboard-totals .docs-dashboard-airline .docs-dashboard-used,
.docs-dashboard-micro .docs-dashboard-totals .docs-dashboard-airline .docs-dashboard-free {
display: block;
border-left: none;
line-height: 35px;
}
.docs-dashboard-small .docs-dashboard-totals {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.docs-dashboard-medium .docs-dashboard-totals .docs-dashboard-airline-compact {
display: block;
}
.docs-dashboard-medium .docs-dashboard-totals .docs-dashboard-airline {
display: none;
}
.docs-dashboard-totals .docs-dashboard-usage-chart {
margin: 0 auto;
-ms-flex: 1 0 360px;
flex: 1 0 360px;
height: 250px;
}
.docs-dashboard-totals .docs-dashboard-total {
font-size: 24px;
color: var(--docs-dashboard-total, #454545);
}
.docs-dashboard-totals .docs-dashboard-used {
font-size: 18px;
color: #fdd400;
}
.docs-dashboard-totals .docs-dashboard-free {
font-size: 18px;
color: #67b7dc;
}
.docs-dashboard-totals .docs-dashboard-airline-compact {
display: none;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
white-space: nowrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 20px 0;
}
.docs-dashboard-totals .docs-dashboard-airline-compact .docs-dashboard-total,
.docs-dashboard-totals .docs-dashboard-airline-compact .docs-dashboard-airline-compact-col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
box-sizing: border-box;
min-width: 220px;
height: 85px;
display: inline-block;
vertical-align: middle;
}
.docs-dashboard-totals .docs-dashboard-airline-compact .docs-dashboard-total {
line-height: 85px;
text-align: right;
padding-right: 25px;
}
.docs-dashboard-totals .docs-dashboard-airline-compact .docs-dashboard-airline-compact-col {
border-left: 1px solid var(--gray-border, #e2e2e2);
text-align: left;
padding-left: 25px;
}
.docs-dashboard-totals .docs-dashboard-airline-compact .docs-dashboard-airline-compact-col::after {
display: inline-block;
content: '';
height: 100%;
vertical-align: middle;
}
.docs-dashboard-totals .docs-dashboard-airline-compact .docs-dashboard-airline-compact-col .docs-dashboard-airline-compact-col-content {
display: inline-block;
vertical-align: middle;
line-height: 1.5;
}
.docs-dashboard-totals .docs-dashboard-airline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
white-space: nowrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 20px 0;
}
.docs-dashboard-totals .docs-dashboard-airline .docs-dashboard-total,
.docs-dashboard-totals .docs-dashboard-airline .docs-dashboard-used,
.docs-dashboard-totals .docs-dashboard-airline .docs-dashboard-free {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
box-sizing: border-box;
min-width: 220px;
line-height: 85px;
vertical-align: middle;
display: inline-block;
}
.docs-dashboard-totals .docs-dashboard-airline .docs-dashboard-used,
.docs-dashboard-totals .docs-dashboard-airline .docs-dashboard-free {
border-left: 1px solid var(--gray-border, #e2e2e2);
}
.docs-dashboard-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.docs-dashboard-details .docs-dashboard-details-chart {
-webkit-box-flex: 1;
-ms-flex: 1 0 425px;
flex: 1 0 425px;
height: 365px;
margin: 0 auto;
}
.docs-dashboard-details .docs-dashboard-details-table {
-webkit-box-flex: 1;
-ms-flex: 1 0;
flex: 1 0;
min-width: 425px;
padding-right: 25px;
}
.docs-dashboard-details .docs-dashboard-details-table table {
width: 100%;
}
.docs-dashboard-details .docs-dashboard-details-table table a:hover {
text-decoration: none;
}
.docs-dashboard-details .docs-dashboard-details-table table .tr-task-active .docs-dashboard-details-icon svg {
stroke: var(--white-black, #ffffff);
}
.docs-dashboard-details .docs-dashboard-details-table th {
font-weight: normal;
height: 45px;
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.docs-dashboard-details .docs-dashboard-details-table tbody tr:not(.tr-task-active):hover td {
background: var(--background-color-light-gray, #f7f7f7);
}
.docs-dashboard-details .docs-dashboard-details-table tbody tr:not(.tr-task-active):hover td a {
color: #4573B1;
text-decoration: none;
}
.docs-dashboard-details .docs-dashboard-details-table tbody td {
height: 37px;
cursor: pointer;
}
.docs-dashboard-details .docs-dashboard-details-table tbody tr.tr-task-active td {
cursor: inherit;
}
.docs-dashboard-details .docs-dashboard-details-table th,
.docs-dashboard-details .docs-dashboard-details-table tbody td {
border-bottom: 1px solid var(--gray-border, #e2e2e2);
text-align: left;
}
.docs-dashboard-details .docs-dashboard-details-table tfoot td {
font-size: 14px;
font-weight: bold;
text-align: right;
height: 50px;
}
.docs-dashboard-details .docs-dashboard-details-table .td-docs-dashboard-details-name {
padding-right: 10px;
}
.docs-dashboard-details .docs-dashboard-details-table .td-docs-dashboard-details-size {
text-align: center;
padding-right: 30px;
}
.docs-dashboard-details .docs-dashboard-details-table .td-docs-dashboard-details-icon {
padding-left: 15px;
}
.docs-dashboard-details .docs-dashboard-details-icon {
width: 24px;
height: 24px;
}
.docs-dashboard-details .docs-dashboard-details-icon svg {
fill: none;
stroke: var(--gray-ico, #a9a9a9);
width: 24px;
height: 24px;
}
.dashboard-block__sections {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 16px;
margin-bottom: 16px;
}
.dashboard-block__section {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
flex: 1;
background: var(--white-black, #fff);
border-radius: 6px;
padding: 12px 0;
box-shadow: 0 1px 4px 0 var(--dashboard-block-shadow, rgba(156, 156, 156, 0.3));
}
.dashboard-block__section .info {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.dashboard-block__section .info .title {
color: var(--td-first-child, #808080);
font-size: 14px;
}
.dashboard-block__section .info .value {
color: var(--gray-dark-icon, #626262);
font-size: 18px;
font-weight: 700;
}
.dashboard-block__section_total {
border-left: 4px solid rgba(110, 177, 222, 0.8);
}
.dashboard-block__section_used {
border-left: 4px solid rgba(237, 170, 80, 0.8);
}
.dashboard-block__section_available {
border-left: 4px solid rgba(26, 190, 114, 0.8);
}
.dashboard-block__charts {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin: 0 0 16px 0;
gap: 16px;
}
.dashboard-block__chart {
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 366px;
padding: 36px 48px;
background: var(--white-black, #fff);
border-radius: 12px;
box-shadow: 0 1px 4px 0 var(--dashboard-block-shadow, rgba(156, 156, 156, 0.3));
}
.dashboard-block__chart .general-chart-loader,
.dashboard-block__chart .details-chart-loader {
width: 64px;
height: 64px;
}
.dashboard-block__chart .chart-header {
color: var(--text-color, #343434);
font-size: 22px;
margin-bottom: 16px;
}
.dashboard-block__chart #chartGeneral,
.dashboard-block__chart #chartDetails {
width: 100%;
height: 320px;
}
.dashboard-block__table .tbl-dashboard .tr-item {
cursor: pointer;
}
.dashboard-block__table .tbl-dashboard .tr-item .td-item {
padding: 11px 16px;
border-color: var(--grey-list-border, #DEDEDE);
}
.dashboard-block__table .tbl-dashboard .tr-item .td-item .title {
padding: 8px 0;
font-size: 15px;
}
.dashboard-block__table .tbl-dashboard .tr-item .td-item.td-dashboard-name {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 16px;
}
.dashboard-block__table .tbl-dashboard .tr-item .td-item.td-dashboard-name .icon svg {
width: 24px;
height: 24px;
stroke: var(--core-dropdown-text, #9C9C9C);
fill: none;
}
.dashboard-block__table .tbl-dashboard .tr-item.tr-first .td-item:first-child {
border-top-left-radius: 12px;
}
.dashboard-block__table .tbl-dashboard .tr-item.tr-first .td-item:last-child {
border-top-right-radius: 12px;
}
.dashboard-block__table .tbl-dashboard .tr-item.tr-total .td-item .title {
color: var(--gray-dark-icon, #626262);
font-weight: 700;
}
.dashboard-block__table .tbl-dashboard .tr-item.tr-task-active .td-item {
border-color: var(--task-status-mix50, #53586b);
}
.dashboard-block__table .tbl-dashboard .tr-item.tr-task-active .td-item .icon svg {
stroke: var(--task-status-color, #fff);
fill: none;
}
.dashboard-block__table .tbl-dashboard.resources {
margin-bottom: 16px;
}
.dashboard-block__table .tbl-dashboard.total-used .tr-item {
cursor: unset;
}
.dashboard-block__table .tbl-dashboard.total-used .tr-item:hover .td-item {
background-color: var(--white-black, #fff);
}
.dashboard-block .dot-flashing {
position: relative;
width: 8px;
height: 8px;
border-radius: 5px;
background-color: var(--gray-input-border, #BBB);
color: var(--gray-input-border, #BBB);
animation: dot-flashing 1s infinite linear alternate;
animation-delay: 0.5s;
margin-left: 15px;
}
.dashboard-block .dot-flashing::before,
.dashboard-block .dot-flashing::after {
content: "";
display: inline-block;
position: absolute;
top: 0;
}
.dashboard-block .dot-flashing::before {
left: -12px;
width: 8px;
height: 8px;
border-radius: 5px;
background-color: var(--gray-input-border, #BBB);
color: var(--gray-input-border, #BBB);
animation: dot-flashing 1s infinite alternate;
animation-delay: 0s;
}
.dashboard-block .dot-flashing::after {
left: 12px;
width: 8px;
height: 8px;
border-radius: 5px;
background-color: var(--gray-input-border, #BBB);
color: var(--gray-input-border, #BBB);
animation: dot-flashing 1s infinite alternate;
animation-delay: 1s;
}
.dashboard-block .dot-flashing.section {
margin: 5px 0 0 0;
}
.docs-dashboard-medium .dashboard-block__charts {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.dashboard-docs .b-main-block-content .baron_scroller__bar {
background-color: var(--scrollbar-thumb, #d8d9dc);
border: 3px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
border-radius: 15px;
width: 6px;
-webkit-transition: background-color 900ms ease;
-moz-transition: background-color 900ms ease;
-o-transition: background-color 900ms ease;
-ms-transition: background-color 900ms ease;
transition: background-color 900ms ease;
}
@keyframes dot-flashing {
0% {
background-color: var(--gray-input-border, #BBB);
}
50%,
100% {
background-color: rgba(152, 128, 255, 0.2);
}
}
.dialog-new-version {
font-size: 14px;
}
.dialog-new-version-actions {
text-align: center;
margin-top: 45px;
}
.dialog-new-version-actions.dialog-btn-wrapper {
padding: 0;
font-size: inherit;
}
.dialog-new-version-actions .remember-last-action label {
display: inline-block;
white-space: nowrap;
}
.dialog-new-version-actions .remember-last-action label span {
vertical-align: middle;
}
.dialog-new-version-actions .remember-last-action input {
vertical-align: middle;
}
.dialog-new-version-actions .check-all-file-apply {
margin: 5px 5px 3px 0;
}
.dialog-new-version-btn-big {
width: 280px;
padding: 6px;
height: 39px;
margin: 0 0 25px 0;
}
.dialog-new-version-view {
color: #4573B1;
cursor: pointer;
}
.dialog-new-version-view:hover {
border-bottom: 1px dashed #4573B1;
}
.docs-list-annotation {
display: block;
clear: both;
overflow: hidden;
}
.docs-list-annotation .tooltip-actions {
margin-bottom: 16px;
margin-right: 20px;
}
.docs-list-upload {
padding: 0 25px;
font-size: 12px;
}
.docs-list-upload a,
.docs-list-upload a:hover {
text-decoration: none;
}
.docs-list-upload-block {
position: relative;
}
.docs-list-upload-block-uploaded:after,
.docs-list-upload-block-progress:after {
position: absolute;
display: block;
top: 15px;
right: 5px;
width: 16px;
height: 16px;
content: '';
}
.docs-list-upload-title {
padding-top: 15px;
overflow: hidden;
color: var(--task-card-title-text, #4B4B4B);
font-size: 17pt;
}
.docs-list-upload-annotation.tooltip-actions {
margin-bottom: 20px;
margin-top: 22px;
}
.docs-list-upload-annotation a {
cursor: pointer;
}
.docs-list-upload-block {
padding: 10px 0 5px;
}
.docs-list-upload-block .docs-list-row,
.docs-list-upload-block label {
margin-bottom: 15px;
max-width: 330px;
display: block;
}
.docs-list-upload-block .rcell {
display: inline-block;
min-width: 300px;
vertical-align: top;
height: 30px;
background: var(--white-black, #FFFFFF);
border: 1px solid var(--gray-input-border, #BBBBBB);
box-sizing: border-box;
}
.docs-list-upload-block .rcell .docs-list-upload-block-name {
padding: 0 0 0 7px;
border: none;
outline: none;
}
.docs-list-upload-block .docs-list-row .dlu-title,
.docs-list-upload-block label .dlu-title {
display: block;
width: 130px;
color: var(--grey-label, #838383);
margin-top: 7px;
margin-bottom: 7px;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
}
.docs-list-upload-block select {
width: 100%;
padding: 7px 7px;
border: none;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
}
.b-right-block .docs-list-upload-block select {
max-width: 305px;
-webkit-appearance: none;
-moz-appearance: none;
}
.docs-list-upload-block-documentnum,
.docs-list-upload-block-description,
.docs-list-upload-block-url,
.docs-list-upload-block-name {
width: 90%;
height: 100%;
outline: none;
border: unset;
}
.docs-list-upload-cancel {
cursor: pointer;
text-decoration: underline;
display: inline-block;
user-select: none;
-moz-user-select: none;
padding: 5px 0 0 5px;
}
.docs-list-upload-classic {
display: block;
}
.docs-list-upload-classic input {
font-size: 1em;
}
.docs-list-upload-dropzone {
margin: 10px 0 0;
padding: 35px 30px 30px;
border: 1px dashed var(--gray-group-border, #d4d4d4);
background-color: var(--white-black, white);
}
.docs-list-upload-dropzone i {
width: 38px;
height: 38px;
}
.docs-list-upload-dropzone i svg {
width: 38px;
height: 38px;
}
.docs-list-upload-dropzone-hint {
box-sizing: border-box;
width: 100%;
max-width: 560px;
display: inline-block;
min-height: 35px;
padding-left: 56px;
vertical-align: middle;
font-size: 18px;
line-height: 24px;
color: var(--chosen-text-disabled, #989898);
}
.docs-container-small .docs-list-upload-dropzone-hint {
margin: 0;
}
.docs-list-upload-dropzone-click {
position: relative;
display: inline-block;
color: #4573b1;
}
.docs-list-upload-dropzone-click.dropzone-v2 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
.docs-list-upload-dropzone-click.dropzone-v2 .upload-file-attach {
width: 100%;
}
.docs-list-upload-dropzone-click:hover {
color: #25BB69;
}
.docs-list-upload-dropzone-click-target {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
opacity: 0;
}
.docs-list-upload-dropzone-click-target input {
height: 100%;
font-size: 40px;
cursor: pointer;
}
.docs-list-upload-files {
margin-top: 15px;
}
.docs-list-upload-files.baron_container {
overflow: visible;
}
.docs-list-upload-controls {
padding-top: 15px;
}
.docs-list-upload-controls .btn {
min-width: 115px;
padding-top: 2px;
padding-bottom: 2px;
}
.docs-list-upload-add-block {
margin-left: 15px;
cursor: pointer;
text-decoration: none;
user-select: none;
-moz-user-select: none;
}
.docs-list-upload-add-block img {
margin-right: 8px;
}
.report-create-container .docs-list-upload-controls {
padding-top: 0;
}
.report-create-container .docs-list-upload-add-block {
margin-left: 0;
}
.docs-list-upload-block .upload-file-tr-error-text {
display: none;
color: #933;
padding-left: 130px;
}
.upload-file-progress {
height: 2em;
padding: 0 0 5px 0;
display: none;
}
.upload-file-progress .progress-bar {
height: 2em;
position: absolute;
}
.upload-file-progress .progress-text {
position: relative;
padding-top: 0.4em;
padding-left: 0.5em;
color: var(--grey-label, #838383);
}
.docs-list-upload-block-uploaded .upload-file-progress .progress-bar {
display: none;
}
.docs-list-upload-block-uploaded .upload-file-progress .progress-text {
padding-left: 0;
}
.docs-list-upload-block-uploaded .upload-file-progress .progress-text span:after {
content: '';
background: url("/img/iconset/16px.png") no-repeat 0 -976px;
display: inline-block;
width: 16px;
height: 16px;
position: relative;
vertical-align: middle;
margin-left: 8px;
}
.docs-list-upload-files.two-columns .docs-list-upload-block .rcell {
max-width: 306px;
}
.docs-list-upload-files.two-columns .docs-list-upload-cancel {
display: inline-block;
margin-top: 4px;
}
.docs-list-upload-files.one-column .docs-list-upload-block label .dlu-title {
margin-top: 0;
margin-bottom: 4px;
}
.drag-over .main-content-container .docs-upload-dropzone {
background: var(--file-upload-dropzone, rgba(222, 235, 255, 0.4));
}
.main-content-container .source-selector {
white-space: nowrap;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.main-content-container .source-selector > .source-box {
width: 102px;
height: 102px;
box-sizing: border-box;
cursor: pointer;
background-color: var(--white-black, #FFFFFF);
box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
border-radius: 6px;
margin: 0 8px 0 0;
padding: 12px 8px 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
position: relative;
}
.main-content-container .source-selector > .source-box .google-drive-dropdown {
display: none;
}
.main-content-container .source-selector > .source-box:not(:first-child):last-child {
margin-right: 0;
}
.main-content-container .source-selector > .source-box:after {
content: '';
height: 4px;
width: 100%;
background: var(--activeButton, #0fabdd);
position: absolute;
bottom: 0;
border-radius: 0 0 6px 6px;
left: 0;
right: 0;
margin: auto;
opacity: 0;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.main-content-container .source-selector > .source-box.active:after {
opacity: 1;
}
.main-content-container .source-selector > .source-box.active svg {
stroke: var(--activeButton, #0fabdd);
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.main-content-container .source-selector > .source-box.active .google-drive-dropdown {
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
z-index: 1;
border-radius: 6px;
border: 0.5px solid var(--grey-list-border, #DEDEDE);
background: var(--white-black, #FFF);
box-shadow: 0 0 4px 0 var(--file-upload-compressed-sources-shadow, rgba(0, 0, 0, 0.25));
padding: 5px 8px 10px 7px;
width: max-content;
top: 104px;
left: 0;
}
.main-content-container .source-selector > .source-box.active .google-drive-dropdown .source-box {
padding: 6px 8px;
border-radius: 3px;
}
.main-content-container .source-selector > .source-box.active .google-drive-dropdown .source-box:hover {
background-color: var(--react-select-focus, #DEEBFF);
}
.main-content-container .source-selector > .source-box.active .google-drive-dropdown .source-box.inactive {
display: none;
}
.main-content-container .source-selector > .source-box.active .google-drive-dropdown .source-box .svg-wrapper {
display: none;
}
.main-content-container .source-selector > .source-box.active .google-drive-dropdown .source-box .text-wrapper .source-box-text {
text-align: left;
margin: 0;
color: var(--black-white, #000);
font-size: 13px;
font-weight: 400;
}
.main-content-container .source-selector > .source-box.inactive {
display: none;
}
.main-content-container .source-selector > .source-box:hover:not(.active):not(.inactive) svg {
stroke: var(--activeButton, #0fabdd);
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.main-content-container .source-selector > .source-box.compressor > .text-wrapper {
height: calc(60% - 4px);
}
.main-content-container .source-selector > .source-box .source-box-text {
margin-top: 5px;
text-align: center;
color: var(--gray-dark-icon, #626262);
font-size: 13px;
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
}
.main-content-container .source-selector > .source-box .source-box-text:not(.inactive).last {
margin-right: unset;
}
.main-content-container .source-selector > .source-box > .svg-wrapper i,
.main-content-container .source-selector > .source-box > .svg-wrapper svg {
width: 22px;
height: 22px;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.main-content-container .source-selector > .source-box > .svg-wrapper .svg-icon-stroke {
stroke: var(--gray-dark-icon, #626262);
margin: 0 auto;
padding-top: 7px;
}
.main-content-container .source-selector > .source-box.compressor.active {
position: relative;
}
.main-content-container .source-selector > .source-box.compressor.active .file-upload-compressed-sources {
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
z-index: 1;
border-radius: 6px;
border: 0.5px solid var(--grey-list-border, #DEDEDE);
background: var(--white-black, #FFF);
box-shadow: 0 0 4px 0 var(--file-upload-compressed-sources-shadow, rgba(0, 0, 0, 0.25));
padding: 5px 8px 10px 7px;
width: max-content;
top: 104px;
left: 0;
}
.main-content-container .source-selector > .source-box.compressor.active .file-upload-compressed-sources .source-box {
padding: 6px 8px;
border-radius: 3px;
}
.main-content-container .source-selector > .source-box.compressor.active .file-upload-compressed-sources .source-box:hover {
background-color: var(--react-select-focus, #DEEBFF);
}
.main-content-container .source-selector > .source-box.compressor.active .file-upload-compressed-sources .source-box.inactive {
display: none;
}
.main-content-container .source-selector > .source-box.compressor.active .file-upload-compressed-sources .source-box .svg-wrapper {
display: none;
}
.main-content-container .source-selector > .source-box.compressor.active .file-upload-compressed-sources .source-box .text-wrapper .source-box-text {
text-align: left;
margin: 0;
color: var(--black-white, #000);
font-size: 13px;
font-weight: 400;
}
.main-content-container .source-selector > .source-box.compressor .triangle-down {
width: 0;
height: 0;
border-left: 4.5px solid transparent;
margin: 0 auto;
border-right: 4.5px solid transparent;
display: block;
position: relative;
top: -12px;
}
.main-content-container .source-selector > .source-box.compressor:not(.active) .triangle-down {
border-top: 6px solid var(--gray-light, #c1c1c1);
}
.main-content-container .source-selector > .source-box.compressor.active.minimized .triangle-down {
border-top: 6px solid var(--gray-light, #c1c1c1);
}
.main-content-container .source-selector > .source-box.compressor:not(.active) .file-upload-compressed-sources,
.main-content-container .source-selector > .source-box.compressor.inactive .file-upload-compressed-sources,
.main-content-container .source-selector > .source-box.compressor.minimized .file-upload-compressed-sources,
.main-content-container .source-selector > .source-box.compressor:not(.active) .google-drive-dropdown,
.main-content-container .source-selector > .source-box.compressor.inactive .google-drive-dropdown,
.main-content-container .source-selector > .source-box.compressor.minimized .google-drive-dropdown {
display: none;
}
.main-content-container .file-upload-box-container {
width: calc(100% - 2px);
}
.main-content-container .file-upload-box-container:empty {
margin-bottom: 15px;
}
.main-content-container .file-upload-box-container:not(:empty) {
margin-top: 25px;
}
.main-content-container .file-upload-box-container .bottom-panel-target {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
margin-top: 21px;
}
.main-content-container .file-upload-box-container .bottom-panel-target .btn-main {
border-radius: 4px;
}
.main-content-container .file-upload-box-container .bottom-panel-target .btn-cancel {
color: var(--task-card-add-action-svg-path, #808080);
}
.main-content-container .docs-upload-dropzone,
.main-content-container .doc-from-template,
.main-content-container .online-doc-link,
.main-content-container .task-file,
.main-content-container .files-from-subtasks,
.main-content-container .project-file,
.main-content-container .files-from-all-projects,
.main-content-container .new-file-edit-block,
.main-content-container .crm-file,
.main-content-container .files-from-parenttasks,
.main-content-container .files-from-counterparty {
width: 100%;
min-height: 123px;
border: 1px dashed var(--core-dropdown-text, #9C9C9C);
background: var(--white-black, #ffffff);
white-space: nowrap;
display: block;
align-items: center;
/*.template-doc-name-wrapper {
display: inline-block;
}*/
}
.main-content-container .docs-upload-dropzone .dropzone-text,
.main-content-container .doc-from-template .dropzone-text,
.main-content-container .online-doc-link .dropzone-text,
.main-content-container .task-file .dropzone-text,
.main-content-container .files-from-subtasks .dropzone-text,
.main-content-container .project-file .dropzone-text,
.main-content-container .files-from-all-projects .dropzone-text,
.main-content-container .new-file-edit-block .dropzone-text,
.main-content-container .crm-file .dropzone-text,
.main-content-container .files-from-parenttasks .dropzone-text,
.main-content-container .files-from-counterparty .dropzone-text {
white-space: normal;
padding-left: 16px;
font-size: 18px;
line-height: 24px;
color: var(--gray-dark-icon, #626262);
}
.main-content-container .docs-upload-dropzone .img-text-wrapper,
.main-content-container .doc-from-template .img-text-wrapper,
.main-content-container .online-doc-link .img-text-wrapper,
.main-content-container .task-file .img-text-wrapper,
.main-content-container .files-from-subtasks .img-text-wrapper,
.main-content-container .project-file .img-text-wrapper,
.main-content-container .files-from-all-projects .img-text-wrapper,
.main-content-container .new-file-edit-block .img-text-wrapper,
.main-content-container .crm-file .img-text-wrapper,
.main-content-container .files-from-parenttasks .img-text-wrapper,
.main-content-container .files-from-counterparty .img-text-wrapper {
align-items: center;
display: flex;
margin: 0 auto;
}
.main-content-container .docs-upload-dropzone .svg-download,
.main-content-container .doc-from-template .svg-download,
.main-content-container .online-doc-link .svg-download,
.main-content-container .task-file .svg-download,
.main-content-container .files-from-subtasks .svg-download,
.main-content-container .project-file .svg-download,
.main-content-container .files-from-all-projects .svg-download,
.main-content-container .new-file-edit-block .svg-download,
.main-content-container .crm-file .svg-download,
.main-content-container .files-from-parenttasks .svg-download,
.main-content-container .files-from-counterparty .svg-download {
width: 22px;
height: 22px;
}
.main-content-container .docs-upload-dropzone .svg-download svg,
.main-content-container .doc-from-template .svg-download svg,
.main-content-container .online-doc-link .svg-download svg,
.main-content-container .task-file .svg-download svg,
.main-content-container .files-from-subtasks .svg-download svg,
.main-content-container .project-file .svg-download svg,
.main-content-container .files-from-all-projects .svg-download svg,
.main-content-container .new-file-edit-block .svg-download svg,
.main-content-container .crm-file .svg-download svg,
.main-content-container .files-from-parenttasks .svg-download svg,
.main-content-container .files-from-counterparty .svg-download svg {
width: 22px;
height: 22px;
stroke: var(--gray-dark-icon, #626262);
}
.main-content-container .docs-upload-dropzone:not(.doc-from-template) .wrapper,
.main-content-container .doc-from-template:not(.doc-from-template) .wrapper,
.main-content-container .online-doc-link:not(.doc-from-template) .wrapper,
.main-content-container .task-file:not(.doc-from-template) .wrapper,
.main-content-container .files-from-subtasks:not(.doc-from-template) .wrapper,
.main-content-container .project-file:not(.doc-from-template) .wrapper,
.main-content-container .files-from-all-projects:not(.doc-from-template) .wrapper,
.main-content-container .new-file-edit-block:not(.doc-from-template) .wrapper,
.main-content-container .crm-file:not(.doc-from-template) .wrapper,
.main-content-container .files-from-parenttasks:not(.doc-from-template) .wrapper,
.main-content-container .files-from-counterparty:not(.doc-from-template) .wrapper {
padding: 13px 0 0 15px;
width: 30%;
height: 60%;
}
.main-content-container .docs-upload-dropzone.doc-from-template .wrapper,
.main-content-container .doc-from-template.doc-from-template .wrapper,
.main-content-container .online-doc-link.doc-from-template .wrapper,
.main-content-container .task-file.doc-from-template .wrapper,
.main-content-container .files-from-subtasks.doc-from-template .wrapper,
.main-content-container .project-file.doc-from-template .wrapper,
.main-content-container .files-from-all-projects.doc-from-template .wrapper,
.main-content-container .new-file-edit-block.doc-from-template .wrapper,
.main-content-container .crm-file.doc-from-template .wrapper,
.main-content-container .files-from-parenttasks.doc-from-template .wrapper,
.main-content-container .files-from-counterparty.doc-from-template .wrapper {
padding: 13px 0 0 15px;
width: 60%;
height: 60%;
}
.main-content-container .docs-upload-dropzone.doc-from-template .wrapper-search-by-name-or-link,
.main-content-container .doc-from-template.doc-from-template .wrapper-search-by-name-or-link,
.main-content-container .online-doc-link.doc-from-template .wrapper-search-by-name-or-link,
.main-content-container .task-file.doc-from-template .wrapper-search-by-name-or-link,
.main-content-container .files-from-subtasks.doc-from-template .wrapper-search-by-name-or-link,
.main-content-container .project-file.doc-from-template .wrapper-search-by-name-or-link,
.main-content-container .files-from-all-projects.doc-from-template .wrapper-search-by-name-or-link,
.main-content-container .new-file-edit-block.doc-from-template .wrapper-search-by-name-or-link,
.main-content-container .crm-file.doc-from-template .wrapper-search-by-name-or-link,
.main-content-container .files-from-parenttasks.doc-from-template .wrapper-search-by-name-or-link,
.main-content-container .files-from-counterparty.doc-from-template .wrapper-search-by-name-or-link {
width: inherit;
}
.main-content-container .docs-upload-dropzone.doc-from-template .chzn-container,
.main-content-container .doc-from-template.doc-from-template .chzn-container,
.main-content-container .online-doc-link.doc-from-template .chzn-container,
.main-content-container .task-file.doc-from-template .chzn-container,
.main-content-container .files-from-subtasks.doc-from-template .chzn-container,
.main-content-container .project-file.doc-from-template .chzn-container,
.main-content-container .files-from-all-projects.doc-from-template .chzn-container,
.main-content-container .new-file-edit-block.doc-from-template .chzn-container,
.main-content-container .crm-file.doc-from-template .chzn-container,
.main-content-container .files-from-parenttasks.doc-from-template .chzn-container,
.main-content-container .files-from-counterparty.doc-from-template .chzn-container {
width: 100%;
}
.main-content-container .docs-upload-dropzone.doc-from-template .chzn-container .chzn-drop,
.main-content-container .doc-from-template.doc-from-template .chzn-container .chzn-drop,
.main-content-container .online-doc-link.doc-from-template .chzn-container .chzn-drop,
.main-content-container .task-file.doc-from-template .chzn-container .chzn-drop,
.main-content-container .files-from-subtasks.doc-from-template .chzn-container .chzn-drop,
.main-content-container .project-file.doc-from-template .chzn-container .chzn-drop,
.main-content-container .files-from-all-projects.doc-from-template .chzn-container .chzn-drop,
.main-content-container .new-file-edit-block.doc-from-template .chzn-container .chzn-drop,
.main-content-container .crm-file.doc-from-template .chzn-container .chzn-drop,
.main-content-container .files-from-parenttasks.doc-from-template .chzn-container .chzn-drop,
.main-content-container .files-from-counterparty.doc-from-template .chzn-container .chzn-drop {
width: 100%;
}
.main-content-container .docs-upload-dropzone .wrapper-longer,
.main-content-container .doc-from-template .wrapper-longer,
.main-content-container .online-doc-link .wrapper-longer,
.main-content-container .task-file .wrapper-longer,
.main-content-container .files-from-subtasks .wrapper-longer,
.main-content-container .project-file .wrapper-longer,
.main-content-container .files-from-all-projects .wrapper-longer,
.main-content-container .new-file-edit-block .wrapper-longer,
.main-content-container .crm-file .wrapper-longer,
.main-content-container .files-from-parenttasks .wrapper-longer,
.main-content-container .files-from-counterparty .wrapper-longer {
padding: 13px 15px 0 15px;
width: 35%;
height: 60%;
}
.main-content-container .docs-upload-dropzone .wrapper-type,
.main-content-container .doc-from-template .wrapper-type,
.main-content-container .online-doc-link .wrapper-type,
.main-content-container .task-file .wrapper-type,
.main-content-container .files-from-subtasks .wrapper-type,
.main-content-container .project-file .wrapper-type,
.main-content-container .files-from-all-projects .wrapper-type,
.main-content-container .new-file-edit-block .wrapper-type,
.main-content-container .crm-file .wrapper-type,
.main-content-container .files-from-parenttasks .wrapper-type,
.main-content-container .files-from-counterparty .wrapper-type,
.main-content-container .docs-upload-dropzone .wrapper-number,
.main-content-container .doc-from-template .wrapper-number,
.main-content-container .online-doc-link .wrapper-number,
.main-content-container .task-file .wrapper-number,
.main-content-container .files-from-subtasks .wrapper-number,
.main-content-container .project-file .wrapper-number,
.main-content-container .files-from-all-projects .wrapper-number,
.main-content-container .new-file-edit-block .wrapper-number,
.main-content-container .crm-file .wrapper-number,
.main-content-container .files-from-parenttasks .wrapper-number,
.main-content-container .files-from-counterparty .wrapper-number {
width: 10%;
height: 60%;
padding: 13px 0 0 15px;
}
.main-content-container .docs-upload-dropzone .wrapper-date,
.main-content-container .doc-from-template .wrapper-date,
.main-content-container .online-doc-link .wrapper-date,
.main-content-container .task-file .wrapper-date,
.main-content-container .files-from-subtasks .wrapper-date,
.main-content-container .project-file .wrapper-date,
.main-content-container .files-from-all-projects .wrapper-date,
.main-content-container .new-file-edit-block .wrapper-date,
.main-content-container .crm-file .wrapper-date,
.main-content-container .files-from-parenttasks .wrapper-date,
.main-content-container .files-from-counterparty .wrapper-date {
width: 15%;
height: 60%;
padding: 13px 15px 0 15px;
}
.main-content-container .docs-upload-dropzone .wrapper-search-by-name-or-link,
.main-content-container .doc-from-template .wrapper-search-by-name-or-link,
.main-content-container .online-doc-link .wrapper-search-by-name-or-link,
.main-content-container .task-file .wrapper-search-by-name-or-link,
.main-content-container .files-from-subtasks .wrapper-search-by-name-or-link,
.main-content-container .project-file .wrapper-search-by-name-or-link,
.main-content-container .files-from-all-projects .wrapper-search-by-name-or-link,
.main-content-container .new-file-edit-block .wrapper-search-by-name-or-link,
.main-content-container .crm-file .wrapper-search-by-name-or-link,
.main-content-container .files-from-parenttasks .wrapper-search-by-name-or-link,
.main-content-container .files-from-counterparty .wrapper-search-by-name-or-link {
width: 100%;
height: 60%;
padding: 13px 15px 0 15px;
}
.main-content-container .docs-upload-dropzone .name,
.main-content-container .doc-from-template .name,
.main-content-container .online-doc-link .name,
.main-content-container .task-file .name,
.main-content-container .files-from-subtasks .name,
.main-content-container .project-file .name,
.main-content-container .files-from-all-projects .name,
.main-content-container .new-file-edit-block .name,
.main-content-container .crm-file .name,
.main-content-container .files-from-parenttasks .name,
.main-content-container .files-from-counterparty .name {
display: block;
color: var(--common-filter-top-text, #A3A3A3);
}
.main-content-container .docs-upload-dropzone .value,
.main-content-container .doc-from-template .value,
.main-content-container .online-doc-link .value,
.main-content-container .task-file .value,
.main-content-container .files-from-subtasks .value,
.main-content-container .project-file .value,
.main-content-container .files-from-all-projects .value,
.main-content-container .new-file-edit-block .value,
.main-content-container .crm-file .value,
.main-content-container .files-from-parenttasks .value,
.main-content-container .files-from-counterparty .value {
width: 100%;
height: 25px;
padding: 5px 0;
font-size: 15px;
border: none;
border-bottom: 1px solid var(--schedule-dayname, #B4B4B4);
outline: none;
}
.main-content-container .docs-upload-dropzone .template-type-value,
.main-content-container .doc-from-template .template-type-value,
.main-content-container .online-doc-link .template-type-value,
.main-content-container .task-file .template-type-value,
.main-content-container .files-from-subtasks .template-type-value,
.main-content-container .project-file .template-type-value,
.main-content-container .files-from-all-projects .template-type-value,
.main-content-container .new-file-edit-block .template-type-value,
.main-content-container .crm-file .template-type-value,
.main-content-container .files-from-parenttasks .template-type-value,
.main-content-container .files-from-counterparty .template-type-value,
.main-content-container .docs-upload-dropzone .template-action-value,
.main-content-container .doc-from-template .template-action-value,
.main-content-container .online-doc-link .template-action-value,
.main-content-container .task-file .template-action-value,
.main-content-container .files-from-subtasks .template-action-value,
.main-content-container .project-file .template-action-value,
.main-content-container .files-from-all-projects .template-action-value,
.main-content-container .new-file-edit-block .template-action-value,
.main-content-container .crm-file .template-action-value,
.main-content-container .files-from-parenttasks .template-action-value,
.main-content-container .files-from-counterparty .template-action-value {
height: 36px;
-webkit-appearance: none;
-moz-appearance: none;
border-bottom: unset;
}
.main-content-container .docs-upload-dropzone .chzn-container,
.main-content-container .doc-from-template .chzn-container,
.main-content-container .online-doc-link .chzn-container,
.main-content-container .task-file .chzn-container,
.main-content-container .files-from-subtasks .chzn-container,
.main-content-container .project-file .chzn-container,
.main-content-container .files-from-all-projects .chzn-container,
.main-content-container .new-file-edit-block .chzn-container,
.main-content-container .crm-file .chzn-container,
.main-content-container .files-from-parenttasks .chzn-container,
.main-content-container .files-from-counterparty .chzn-container {
margin-top: 9px;
}
.main-content-container .docs-upload-dropzone .template-choose,
.main-content-container .doc-from-template .template-choose,
.main-content-container .online-doc-link .template-choose,
.main-content-container .task-file .template-choose,
.main-content-container .files-from-subtasks .template-choose,
.main-content-container .project-file .template-choose,
.main-content-container .files-from-all-projects .template-choose,
.main-content-container .new-file-edit-block .template-choose,
.main-content-container .crm-file .template-choose,
.main-content-container .files-from-parenttasks .template-choose,
.main-content-container .files-from-counterparty .template-choose {
width: 100%;
}
.main-content-container .docs-upload-dropzone .wrapper-type,
.main-content-container .doc-from-template .wrapper-type,
.main-content-container .online-doc-link .wrapper-type,
.main-content-container .task-file .wrapper-type,
.main-content-container .files-from-subtasks .wrapper-type,
.main-content-container .project-file .wrapper-type,
.main-content-container .files-from-all-projects .wrapper-type,
.main-content-container .new-file-edit-block .wrapper-type,
.main-content-container .crm-file .wrapper-type,
.main-content-container .files-from-parenttasks .wrapper-type,
.main-content-container .files-from-counterparty .wrapper-type {
border-bottom: 1px solid var(--schedule-dayname, #B4B4B4);
padding: unset;
margin: 12px 0 0 15px;
}
.main-content-container .has-btn-bottom {
align-items: unset;
}
.main-content-container .has-btn-bottom .btn-bottom {
padding: unset;
margin: 15px 15px 15px 0;
}
.main-content-container .docs-upload-dropzone {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: relative;
width: auto;
min-height: 113px;
border-radius: 6px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.main-content-container .docs-upload-dropzone:hover {
background: var(--docs-upload-dropzone-hover, rgba(222, 235, 255, 0.4));
}
.main-content-container .btn-bottom {
text-align: right;
padding-top: 40px;
margin-top: auto;
}
.main-content-container .uploaded-files-block .gray-light {
stroke: var(--file-viewer-canvas-btn-shadow, #BBBBBB);
}
.main-content-container .uploaded-files-block .docs-uploaded-file .file-block-data {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 12px 9px 12px 16px;
margin-top: 8px;
background: var(--white-black, #ffffff);
word-break: break-word;
border-radius: 6px;
box-shadow: 0 1px 2px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
}
.main-content-container .uploaded-files-block .docs-uploaded-file .file-block-data .pre-svg {
margin-right: 7px;
width: 32px;
height: 32px;
}
.main-content-container .uploaded-files-block .docs-uploaded-file .file-block-data .pre-svg svg {
width: 32px;
height: 32px;
}
.main-content-container .uploaded-files-block .docs-uploaded-file .file-block-data .image-preview {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
margin-left: auto;
width: 150px;
height: auto;
margin-right: 15px;
}
.main-content-container .uploaded-files-block .docs-uploaded-file .file-block-data .image-preview img {
max-width: 150px;
max-height: 120px;
}
.main-content-container .uploaded-files-block .docs-uploaded-file .file-block-data div:last-child {
display: flex;
}
.main-content-container .uploaded-files-block .docs-uploaded-file .file-block-data div:last-child i {
padding-right: 7px;
}
.main-content-container .uploaded-files-block .docs-uploaded-file .file-block-data div:last-child i:not(.result-icon) {
cursor: pointer;
}
.main-content-container .uploaded-files-block .docs-uploaded-file .file-block-data div:last-child .edit-button:hover {
stroke: var(--file-upload-dialog-theme, #515151);
}
.main-content-container .uploaded-files-block .docs-uploaded-file .file-block-data div:last-child.no-preview {
margin-left: auto;
}
.main-content-container .uploaded-files-block .doc-from-template {
margin-top: 10px;
}
.main-content-container .uploaded-files-block .docs-uploaded-file.deleted .file-block-data,
.main-content-container .uploaded-files-block .docs-uploaded-file.deleted .upload-progress {
display: none;
}
.main-content-container .file-upload-text {
font-size: 22px;
color: var(--task-card-title-text, #4B4B4B);
}
.main-content-container .file-upload-text:not(:empty) {
margin-top: 22px;
}
.g-popup-win-scroll.file-upload-v2 .g-popup-win-scroll-content-wr .g-popup-win-scroll-content {
margin-top: 60px;
}
.g-popup-win-scroll.file-upload-v2 .g-popup-win-scroll-content-wr .g-popup-win-scroll-content .uploaded-files-block {
min-height: 0 !important;
}
.g-popup-win-scroll.file-upload-v2 .g-popup-win-scroll-content-wr .g-popup-win-scroll-content .count-uploaded-files-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border-radius: 6px;
background: var(--mindmap-menu-item-disabled, #DEDEDE);
padding: 6px 16px 6px 16px;
margin-top: 24px;
}
.g-popup-win-scroll.file-upload-v2 .g-popup-win-scroll-content-wr .g-popup-win-scroll-content .count-uploaded-files-block .count {
font-size: 13px;
color: var(--task-card-title-text, #4B4B4B);
}
.g-popup-win-scroll.file-upload-v2 .g-popup-win-scroll-content-wr .g-popup-win-scroll-content .count-uploaded-files-block svg {
stroke: var(--gray-input-border, #bbbbbb);
cursor: pointer;
}
.g-popup-win-scroll.file-upload-v2 .g-popup-win-scroll-content-wr .g-popup-win-scroll-content .count-uploaded-files-block svg:hover {
stroke: var(--task-deadline-dead, #fd0000);
}
.g-popup-win-scroll.file-upload-v2 .g-popup-win-scroll-content-wr .g-popup-win-scroll-content .count-uploaded-files-block.hide {
display: none;
}
.g-popup-win-scroll.file-upload-v2 .g-popup-win-scroll-content-wr .g-popup-win-scroll-content.ui-draggable-dragging {
cursor: grabbing !important;
}
.g-popup-win-scroll.file-upload-v2 .g-popup-win-scroll-content {
border-radius: 8px;
}
.g-popup-win-scroll.file-upload-v2 .g-popup-win-scroll-content-main {
max-width: 1050px;
border-radius: 6px 6px 0 0;
padding: 15px 13px 50px 16px;
}
.g-popup-win-scroll.file-upload-v2 .dialog-btn-wrapper {
padding: 16.5px 16px;
background: var(--grey-list-border, #DEDEDE);
border-radius: 0 0 6px 6px;
}
.g-popup-win-scroll.file-upload-v2 .dialog-btn-wrapper .btn-cancel {
color: var(--task-card-add-action-svg-path, #808080);
}
.g-popup-win-scroll.file-upload-v2 .dialog-btn-wrapper .btn-create {
border-radius: 6px;
}
.g-popup-win-scroll.file-upload-v2 .dialog-btn-wrapper .btn-create:disabled:active {
transform: none;
}
.g-popup-win-scroll.file-upload-v2 .destroy-button {
display: flex;
}
.g-popup-win-scroll.file-upload-v2 .main-content-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 9px;
width: 100%;
min-height: 317px;
}
.g-popup-win-scroll.file-upload-v2.only-from-pc .g-popup-win-scroll-content-header,
.g-popup-win-scroll.file-upload-v2.only-from-pc .source-selector {
display: none;
}
.upload-file-attach::file-selector-button {
cursor: pointer;
}
.file-template-container {
margin-top: 8px;
display: grid;
grid-template-columns: 420px 100px 100px 118px;
gap: 8px;
}
.doc-from-url {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 9px;
}
.doc-from-url .field-target {
max-width: 248.3px;
}
.doc-from-pc {
display: grid;
grid-template-columns: 55% 44%;
gap: 9px;
}
.doc-from-pc .object-edit-field-base {
padding-right: 5px;
}
@media print {
.file-viewer-dialog-shown .main-menu,
.file-viewer-dialog-shown .modern-menu,
.file-viewer-dialog-shown .body-container {
display: none;
}
}
.file-viewer-container {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100%;
z-index: 26;
background: var(--white-black, #fff);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media print {
.file-viewer-container {
background: none;
}
.file-viewer-container .b-right-panel {
display: none;
}
.file-viewer-container .page-layout-block {
background: none;
width: 100% !important;
overflow: visible;
}
}
.file-viewer-container .file-viewer-top .secondary-menu-tail .secondary-menu-left-container .favorite-item.img-star > svg > path {
fill: var(--black-white, #BBB);
}
.file-viewer-container .file-viewer-top.secondary-top-menu {
z-index: 3;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
position: relative;
background: var(--file-viewer-top-menu, #ECECEF);
border-bottom: 1px solid var(--white-black);
}
@media print {
.file-viewer-container .file-viewer-top.secondary-top-menu {
display: none;
}
}
.file-viewer-container .file-viewer-top.secondary-top-menu .svg-icon-stroke.gray-icon-color-theme {
stroke: var(--black-white, #626262);
stroke-width: 2;
}
.file-viewer-container .file-viewer-top.secondary-top-menu .svg-icon-stroke.file-viewer-theme {
stroke: var(--black-white, #4B4B4B);
}
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-head {
border-bottom: none;
background: var(--file-viewer-top-menu, #ECECEF);
}
.file-viewer-container .file-viewer-top.secondary-top-menu .cube-menu-tail-start {
background: var(--file-viewer-top-menu, #ECECEF);
box-shadow: none;
}
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-left {
box-sizing: border-box;
overflow: hidden;
color: var(--headMenuTextFileViewer, #4B4B4B);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-left .file-viewer-top-file-name {
display: inline-block;
font-size: 1rem;
font-weight: normal;
padding: 6px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
border-radius: 6px;
margin: 0 5px 0 0;
}
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-left .file-viewer-top-file-name.editable {
cursor: pointer;
}
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-left .file-viewer-top-file-name.editable:hover {
cursor: text;
background: var(--file-viewer-action-background, #DEDEDE);
}
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-left .text-file-version-info {
width: max-content;
background-color: #f7941d;
padding: 4px 7px 4px 7px;
border-radius: 3px;
display: inline-block;
margin-right: 11px;
font-size: 1rem;
line-height: 1;
cursor: pointer;
}
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-left .iconset-star,
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-left .favorite-item,
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-left .iconset-16px {
margin: 0;
vertical-align: top;
cursor: pointer;
}
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-left .text-box {
vertical-align: top;
height: 24px;
margin: 0;
width: fit-content;
min-width: 233px;
max-width: 100%;
border: none;
outline: none;
font-size: 16px;
background: var(--file-viewer-action-background, #F9F9FA);
margin-right: 8px;
padding: 6px;
border-radius: 6px;
}
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-actions {
padding-right: 0;
padding-left: 25px;
display: flex;
align-items: center;
}
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-tail {
position: absolute;
left: 85px;
right: 0;
}
.file-viewer-container .file-viewer-top.secondary-top-menu .secondary-menu-tail .secondary-menu-content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.file-viewer-container .file-viewer-content {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.file-viewer-container .page-layout-container {
overflow: visible;
}
.file-viewer-container .page-layout-container .page-layout-block.page-layout-block-first.b-last-block {
padding-top: 44px;
}
.file-viewer-container .page-layout-container .b-right-panel {
background: var(--file-viewer-right-panel, #ECECEF);
}
.file-viewer-container .page-layout-container .right-panel-item-name-files {
background: var(--right-panel-item-c3, #67D9E4);
}
.file-viewer-container .page-layout-container .right-panel-item-name-log {
background: var(--right-panel-item-c6, #4DBDF1);
}
.file-viewer-container.wopi-edit-mode .file-viewer-top {
display: none;
}
.file-viewer-container.wopi-edit-mode .page-layout-container .page-layout-block.page-layout-block-first {
width: 100% !important;
z-index: 10;
}
.file-viewer-container.wopi-edit-mode .page-layout-container .b-right-panel {
display: none;
}
.file-viewer-canvas-tr {
width: 100%;
height: 100%;
}
.file-viewer-canvas-progress {
pointer-events: none;
position: absolute;
top: 49%;
margin-top: 45px/2;
width: 100%;
z-index: 1;
}
.file-viewer-canvas-progress > div {
width: 75%;
max-width: 800px;
height: 6px;
margin: auto;
}
.file-viewer-back {
display: block;
width: 45px;
height: 45px;
cursor: pointer;
text-align: center;
padding-right: 30px;
}
.file-viewer-back .svg-icon-back,
.file-viewer-back img {
margin-top: 15px;
}
.file-viewer-action {
display: inline-flex;
cursor: pointer;
min-width: 30px;
height: 17px;
vertical-align: top;
margin: 0px 25px 0 0;
padding: 8px 8px;
border-radius: 6px;
align-items: center;
justify-content: center;
font-size: 14px;
color: var(--headMenuTextFileViewer, #4B4B4B);
}
.file-viewer-action:last-child {
margin-right: 0px;
}
.file-viewer-action img {
vertical-align: top;
margin: 5px auto 0;
display: inline-block;
}
.file-viewer-action img:last-child {
display: block;
}
.file-viewer-action .svg-icon-16px {
vertical-align: top;
}
.file-viewer-action > span {
vertical-align: bottom;
display: inline-block;
margin-left: 8px;
}
.file-viewer-action:hover .file-viewer-action-text {
color: var(--headMenuTextFileViewer, #4B4B4B);
border-bottom-color: var(--headMenuText, #fff);
}
.file-viewer-action .edit-action-wrapper {
display: inline-block;
}
.file-viewer-action .edit-action-wrapper .select-edit-container .select-edit-way-container {
position: absolute;
z-index: 999;
background: var(--white-black, #ffffff);
border: 1px solid var(--gray-group-border, #d4d4d4);
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
border-radius: 4px;
border-top: none;
padding: 2px 2px 2px 2px;
top: 40px;
display: flex;
flex-direction: column;
align-items: center;
}
.file-viewer-action .edit-action-wrapper .select-edit-container .select-edit-way-container.hidden {
display: none;
}
.file-viewer-action .edit-action-wrapper .select-edit-container .select-edit-way-container .cube-sub-menu-pointer {
width: 20px;
height: 20px;
margin-bottom: -20px;
background: var(--white-black, #ffffff);
position: relative;
top: -6px;
transform: rotate(45deg);
z-index: 0;
display: flex;
align-self: flex-start;
}
.file-viewer-action .edit-action-wrapper .select-edit-container .select-edit-way-container .sub-menu-items-block {
position: relative;
z-index: 1;
min-width: 200px;
min-height: 30px;
}
.file-viewer-action .edit-action-wrapper .select-edit-container .select-edit-way-container .sub-menu-items-block .sub-item {
padding: 6px 20px 6px 8px;
display: flex;
height: 23px;
align-items: center;
font-weight: normal;
font-size: 14px;
color: var(--black-white, #000000);
}
.file-viewer-action .edit-action-wrapper .select-edit-container .select-edit-way-container .sub-menu-items-block .sub-item:hover {
background: var(--gray-inner, #eee);
}
.file-viewer-action-print:hover,
.file-viewer-action-edit:hover,
.file-viewer-action-download:hover,
.file-viewer-action-access:hover,
.file-viewer-action-newversion:hover,
.file-viewer-action-settings:hover {
background: var(--file-viewer-action-background, #DEDEDE);
}
.file-viewer-action-change-location-view-type img {
display: inline !important;
margin-top: 0;
}
.file-viewer-action-change-location-view-type .b-ddl-menu {
margin-top: 2px;
}
.file-viewer-canvas {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background: var(--file-viewer-canvas-bg, #F7F7F7);
}
.file-viewer-canvas.map-container {
vertical-align: inherit;
}
.file-viewer-canvas .file-viewer-canvas-img-flat {
display: -webkit-flex;
display: flex;
overflow: auto;
height: 100%;
background: var(--file-viewer-canvas-img-flat-bg, #d1d1d1);
}
.file-viewer-canvas .file-viewer-canvas-img-flat img {
display: block;
max-width: 90%;
max-height: 90%;
margin: auto;
}
.file-viewer-canvas .file-viewer-canvas-img-flat img.rotate-90cw {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.file-viewer-canvas .file-viewer-canvas-img-flat img.rotate-180 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.file-viewer-canvas .file-viewer-canvas-img-flat img.rotate-270cw {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
@media print {
.file-viewer-canvas .file-viewer-canvas-img-flat {
display: block !important;
background: none;
height: auto;
overflow: visible;
}
.file-viewer-canvas .file-viewer-canvas-img-flat img {
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: auto;
height: auto;
max-height: none;
max-width: 100%;
margin: 0;
}
}
.file-viewer-canvas .file-viewer-canvas-img {
display: none;
position: relative;
height: 100%;
width: 100%;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
background: var(--file-viewer-canvas-img-bg, #d1d1d1);
overflow: auto;
}
@media print {
.file-viewer-canvas .file-viewer-canvas-img {
display: none !important;
}
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-scaled {
cursor: move;
padding: 50px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
filter: drop-shadow(0 0 7px #222222);
}
.file-viewer-canvas .file-viewer-canvas-img .big-size {
margin: 0 auto;
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left {
pointer-events: none;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
z-index: 1;
position: fixed;
top: 0;
left: 0;
/*.file-viewer-canvas-img-zoom-out,
.file-viewer-canvas-img-viewport-size {
display: none;
}*/
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-btn {
pointer-events: all;
display: -webkit-flex;
display: flex;
margin: 5px 10px;
width: 26px;
height: 26px;
border-radius: 2px;
background: var(--file-viewer-canvas-btn-bg, #fff);
box-shadow: 0 0 3px 1px var(--file-viewer-canvas-btn-shadow, #bbb);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-btn:hover {
box-shadow: 0 0 2px 2px var(--file-viewer-canvas-btn-shadow, #bbb);
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-btn.no-active {
background: var(--file-viewer-canvas-no-active-btn-bg, #d4d4d4);
box-shadow: 0 0 2px 1px var(--file-viewer-canvas-btn-shadow, #bbb);
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-btn.no-active:hover {
box-shadow: 0 0 2px 1px var(--file-viewer-canvas-btn-shadow, #bbb);
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-btn .svg-icon-16px,
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-btn .iconset-16px {
margin: auto;
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-slider {
pointer-events: all;
position: relative;
width: 26px;
height: 150px;
margin: 5px 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-slider .file-viewer-canvas-slider-plus {
position: absolute;
top: 0;
text-shadow: color-mix(in-srgb, #bbb 90%, var(--black, #fff) 10%) 0.5px 0.5px 0, color-mix(in-srgb, #bbb 90%, var(--black, #fff) 10%) -0.5px -0.5px 0, color-mix(in-srgb, #bbb 90%, var(--black, #fff) 10%) -0.5px 0.5px 0, color-mix(in-srgb, #bbb 90%, var(--black, #fff) 10%) 0.5px -0.5px 0;
color: var(--white-black, #fff);
font-size: 18px;
margin-top: -6px;
margin-left: -0.5px;
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-slider .file-viewer-canvas-slider-min {
position: absolute;
top: 86%;
text-shadow: color-mix(in-srgb, #bbb 90%, var(--black, #fff) 10%) 0.5px 0.5px 0, color-mix(in-srgb, #bbb 90%, var(--black, #fff) 10%) -0.5px -0.5px 0, color-mix(in-srgb, #bbb 90%, var(--black, #fff) 10%) -0.5px 0.5px 0, color-mix(in-srgb, #bbb 90%, var(--black, #fff) 10%) 0.5px -0.5px 0;
color: var(--white-black, #fff);
font-size: 29px;
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-slider .file-viewer-canvas-slider-track {
position: absolute;
top: 0;
left: 50%;
width: 4px;
height: 100%;
margin-left: -2px;
border: 1px solid color-mix(in-srgb, #bbb 90%, var(--black, #fff) 10%);
border-radius: 1px;
background: var(--white-black, #fff);
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-slider .file-viewer-canvas-slider-thumb {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
text-align: center;
border-radius: 2px;
box-shadow: 0 0 3px 1px #999;
background: var(--white-black, #fff);
z-index: 1;
cursor: default;
line-height: 9px;
vertical-align: top;
color: var(--gray-input-border, #bbb);
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-slider .file-viewer-canvas-slider-thumb:hover {
box-shadow: 0 0 2px 2px var(--file-viewer-slider-thumb-shadow, #999);
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left .file-viewer-canvas-img-zoom {
visibility: hidden;
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left.file-viewer-canvas-img-controls-zoom .file-viewer-canvas-img-zoom-out {
display: -webkit-flex;
display: flex;
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left.file-viewer-canvas-img-controls-zoom .file-viewer-canvas-img-zoom-in {
display: none;
}
.file-viewer-canvas .file-viewer-canvas-img .file-viewer-canvas-img-controls-left.file-viewer-canvas-img-controls-zoom .file-viewer-canvas-img-zoom {
visibility: visible;
}
.file-viewer-canvas .file-viewer-canvas-img::-webkit-scrollbar {
width: 0;
display: none;
}
.file-viewer-canvas .file-viewer-canvas-link,
.file-viewer-canvas .file-viewer-canvas-download {
text-align: -webkit-center;
display: inline-block;
color: var(--file-viewer-canvas-link, #636363);
font-size: 24px;
line-height: 1.2;
font-weight: normal;
}
.file-viewer-canvas .file-viewer-canvas-link h3,
.file-viewer-canvas .file-viewer-canvas-download h3 {
font-weight: normal;
font-size: 23px;
color: var(--file-viewer-canvas-h3, #111);
margin: 35px 0 0;
}
.file-viewer-canvas .file-viewer-canvas-link p,
.file-viewer-canvas .file-viewer-canvas-download p {
font-size: 14px;
color: var(--file-viewer-canvas-h3, #111);
margin: 10px 0 20px;
}
.file-viewer-canvas .file-preview-logo {
width: 80px;
display: block;
margin: auto;
}
.file-viewer-canvas .file-viewer-canvas-video > video {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.file-viewer-canvas .file-viewer-canvas-location-wr {
margin-top: -46px;
}
.file-viewer-canvas .file-viewer-page-canvas-msg {
width: 100%;
height: 100%;
min-height: 400px;
position: relative;
}
.file-viewer-canvas .file-viewer-canvas-email-headers {
height: 100%;
background: var(--file-viewer-canvas-email-bg, #eeeeee);
padding: 20px 20px 0 20px;
overflow: auto;
}
.file-viewer-canvas .file-viewer-canvas-email-headers .email-headers-table-container {
background: var(--white-black, #ffffff);
margin-bottom: 20px;
}
.file-viewer-canvas .file-viewer-canvas-email-headers .email-headers-table-container .email-service-headers-table {
padding: 0 20px;
}
.file-viewer-canvas .file-viewer-canvas-email-headers .email-headers-table-container .email-service-headers-table tr td {
border: none !important;
padding: 10px 0 !important;
border-top: 1px solid var(--gray-border, #e2e2e2) !important;
}
.file-viewer-canvas .file-viewer-canvas-email-headers .email-headers-table-container .email-service-headers-table tr:first-child > td {
border-top: 1px solid transparent !important;
}
.file-viewer-canvas .file-viewer-canvas-email-headers .email-text-container .email-text {
padding: 20px;
background: var(--white-black, #ffffff);
}
.file-viewer-canvas .file-viewer-canvas-email-headers .email-text-container .email-text pre {
word-break: break-all;
white-space: pre-wrap;
margin: 0px;
}
.file-viewer-canvas .item-data-container {
padding: 0 20px;
background-color: var(--file-viewer-canvas-email-bg, #eee);
height: 100%;
overflow: auto;
min-width: 500px;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper {
background-color: var(--white-black, #fff);
margin: 10px 0 20px 0;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper.last {
margin-bottom: 10px;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper .request-data-wrapper {
padding: 15px 20px;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper .request-data-wrapper span.block-title {
font-weight: bold;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper .request-data-wrapper .data-container {
padding-top: 20px;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper .request-data-wrapper .data-container.pad-left {
padding-left: 10px;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper .request-data-wrapper .data-container .json-data-item {
padding-left: 15px;
line-height: 20px;
word-break: break-all;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper .request-data-wrapper .data-container .request-block:not(.ai-request) {
padding-top: 15px;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper .request-data-wrapper .data-container .request-block .request-block-title {
font-weight: bold;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper .request-data-wrapper .data-container .request-block .request-body {
padding-top: 5px;
word-break: break-all;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper table {
padding: 0 20px 5px 20px;
width: 100%;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper table .header-item {
text-align: left;
padding: 10px 5px;
font-weight: bold;
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper table .tbl-item td {
padding: 10px 5px;
word-break: break-word;
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.file-viewer-canvas .item-data-container .log-item-data-wrapper table .tbl-item:hover {
background-color: var(--gray-modal-background, #ebebeb);
}
.file-viewer-controls-bottom {
top: calc(50% - 27px);
display: flex;
width: 100%;
justify-content: center;
position: absolute;
text-align: center;
pointer-events: none;
z-index: 1;
}
.file-viewer-controls-bottom .file-attached-control {
box-shadow: 0 0 6px 1px var(--file-attached-control-shadow, #aba7a7);
border-radius: 100%;
cursor: pointer;
background: var(--white-black, #fff);
width: 55px;
height: 55px;
opacity: 0.7;
pointer-events: all;
}
.file-viewer-controls-bottom .file-attached-control:hover {
opacity: 1;
}
.file-viewer-controls-bottom .file-attached-control-left {
margin-right: 77%;
}
.file-viewer-controls-bottom .file-attached-control-left .svg-16px {
margin-top: 12px;
margin-right: 7px;
width: 30px;
height: 30px;
}
.file-viewer-controls-bottom .file-attached-control-left:hover {
opacity: 1;
}
.file-viewer-controls-bottom .file-attached-control-left:hover .svg-16px {
/* из-за transform: rotate идет смещение при проставлении opacity o_0*/
/*margin-right: 3px;*/
}
.file-viewer-controls-bottom .file-attached-control-right .svg-16px {
margin-top: 14px;
width: 30px;
height: 30px;
margin-left: 9px;
}
.file-viewer-page-msg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
text-align: center;
}
.file-viewer-page-msg::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.file-viewer-page-msg .file-viewer-page-msg-content {
width: 350px;
background: var(--white-black, #fff);
color: var(--file-viewer-canvas-h3, #111);
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 30px 25px;
border-radius: 8px;
}
.file-viewer-page-msg .file-viewer-page-msg-content h1 {
font-size: 23px;
font-weight: normal;
height: 40px;
line-height: 40px;
margin: 30px 0 0;
vertical-align: middle;
}
.file-viewer-page-msg .file-viewer-page-msg-content p {
font-size: 14px;
margin: 8px 0 20px;
}
.file-viewer-page-msg .file-preview-logo {
width: 80px;
display: block;
margin: auto;
}
.file-viewer-right .file-viewer-right-close {
float: right;
cursor: pointer;
margin: 10px 10px 0 0;
}
.file-viewer-right .file-viewer-right-close:hover .iconset-16px-close {
background-position: 0 -80px;
}
.file-viewer-right .file-viewer-right-header {
padding-right: 45px;
}
.file-viewer-right .file-viewer-right-header .file-viewer-right-ddl-menu {
margin: 5px -40px 0 0;
float: right;
font-size: 9pt;
}
.file-viewer-right .file-viewer-right-header .file-viewer-right-ddl-menu .iconset-16px-eye {
margin-right: 5px;
vertical-align: top;
}
.file-viewer-right .file-viewer-right-progress {
height: 10px;
margin-right: 20px;
}
.file-viewer-right .task-filter-block {
display: block;
padding-right: 25px;
margin-bottom: 5px;
}
.file-viewer-right .task-filter-block .search-wr {
display: flex;
}
.file-viewer-right .task-filter-block .search-wr .icon-search {
margin-left: 9px;
margin-top: 2px;
}
.file-viewer-right .task-filter-block .search-wr input.text-box {
background: none;
width: 100%;
padding-left: 0;
margin-right: 10px;
}
.file-viewer-right .file-viewer-right-files {
padding-top: 10px;
text-align: center;
}
.file-viewer-right .file-viewer-right-files .file-viewer-right-version {
font-size: 12px;
color: var(--file-viewer-right-version, #656565);
margin: 20px 0 7px;
padding-right: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.file-viewer-right .file-viewer-right-files .file-viewer-right-version a {
color: var(--file-viewer-right-version, #656565);
}
.file-viewer-right .file-viewer-right-files .file-attached-block-new-preview {
min-height: 125px;
min-width: 200px;
}
.file-viewer-right .file-viewer-right-files .file-attached-block-new-preview.file-attached-block-new-preview-empty {
min-width: 182px;
}
.file-viewer-right .file-viewer-right-files .file-attached-block-removable .file-attached-block-new-preview:hover .file-attached-block-remove {
opacity: 1;
}
.file-viewer-right .file-viewer-right-files .file-attached-block-remove {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
opacity: 0;
will-change: opacity;
background: var(--white-black, #ffffff);
border-bottom-left-radius: 8px;
transition: opacity 0.4s ease-out;
}
.file-viewer-right .file-viewer-right-files .file-attached-block-remove .svg-icon-remove {
margin: 3px 0 0 2px;
}
.file-viewer-right .file-viewer-right-files .file-viewer-right-empty {
padding-right: 20px;
font-size: 18px;
line-height: 1.33;
color: var(--file-viewer-right-version, #656565);
font-weight: normal;
text-align: center;
}
.file-viewer-right .file-viewer-right-files .file-attached-block-new.highlight-file .file-attached-block-new-preview-wrapper {
border-color: #71a32e;
}
.file-viewer-right .file-viewer-right-files .separator-last-version {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 10pt;
padding: 0;
border-spacing: 0;
width: 100%;
}
.file-viewer-right .file-viewer-right-files .separator-last-version .separator-line {
height: 1px;
background: var(--gray-border, #e2e2e2);
font-size: 10pt;
padding: 0;
border-spacing: 0;
width: 100%;
}
.file-viewer-right .file-viewer-right-files .separator-last-version .separator-text {
color: var(--file-viewer-separator-text, #7b7b7b);
font-size: 16px;
font-weight: bold;
padding: 0 20px;
white-space: nowrap;
}
.file-viewer-context-bubble {
position: absolute;
width: 170px;
top: 33px;
right: 20px;
background: var(--grey-label, #838383);
color: var(--white-black, #fff);
font-size: 12px;
padding: 10px;
}
.file-viewer-context-bubble::after {
display: block;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left-width: 20px;
border-left-style: solid;
border-left-color: var(--grey-label, #838383);
content: '';
z-index: 1;
position: absolute;
top: 13px;
right: -15px;
}
.file-viewer-context-bubble .file-viewer-context-bubble-close {
position: absolute;
top: 5px;
right: 5px;
width: 24px;
height: 24px;
display: -webkit-flex;
display: flex;
cursor: pointer;
}
.file-viewer-context-bubble .file-viewer-context-bubble-close img {
margin: auto;
}
.file-viewer-context-bubble .file-viewer-context-bubble-btn {
display: inline-block;
margin-top: 7px;
padding: 5px 10px;
border-radius: 3px;
border: 1px solid var(--white-black, #fff);
cursor: pointer;
width: 150px;
overflow: hidden;
}
.file-viewer-context-bubble .file-viewer-context-bubble-text {
padding-right: 20px;
}
.viewer-file-container {
height: 100%;
width: 100%;
background-color: var(--viewer-file-container, #ddd);
display: flex;
justify-content: center;
align-items: center;
}
.viewer-file-container .frame {
box-sizing: border-box;
width: calc(100% - 40px);
height: calc(100% - 40px);
padding: 20px;
box-shadow: 0 0 15px 5px var(--viewer-file-container-frame-shadow, #aaaaaa);
background-color: var(--white-black, #fff);
overflow: auto;
}
.viewer-file-container .frame table {
border-collapse: collapse;
margin: 5px 0;
}
.viewer-file-container .frame table td,
.viewer-file-container .frame table th {
border: 1px solid var(--black-white, #000);
padding: 4px;
}
.viewer-file-container .frame pre {
border-radius: 6px;
padding: 16px;
overflow: auto;
background-color: var(--viewer-file-container-pre, #f6f8fa);
}
.tbl-email-extract-text-settings {
width: 100%;
margin-top: 10px;
}
.tbl-email-extract-text-settings .tr-email-extract-text-settings {
background: #f2f2f2;
padding: 10px;
border-bottom: 1px solid #fff;
}
.tbl-email-extract-text-settings .tr-email-extract-text-settings .email-extract-text-setting-label {
color: #7a7a7a;
display: inline-block;
width: 250px;
}
.tbl-email-extract-text-settings .tr-email-extract-text-settings .email-extract-text-setting-container {
width: 500px;
}
.tbl-email-extract-text-settings .tr-email-extract-text-settings .email-extract-text-setting-container .email-extract-text-setting-begin-mark,
.tbl-email-extract-text-settings .tr-email-extract-text-settings .email-extract-text-setting-container .email-extract-text-setting-end-mark,
.tbl-email-extract-text-settings .tr-email-extract-text-settings .email-extract-text-setting-container .email-extract-text-setting-variable-text,
.tbl-email-extract-text-settings .tr-email-extract-text-settings .email-extract-text-setting-container .email-extract-text-setting-regular-expression {
width: inherit;
}
.tbl-email-extract-text-settings .tr-email-extract-text-settings .email-extract-text-setting-container .email-extract-text-setting-extract-text,
.tbl-email-extract-text-settings .tr-email-extract-text-settings .email-extract-text-setting-container .email-extract-text-setting-text-format,
.tbl-email-extract-text-settings .tr-email-extract-text-settings .email-extract-text-setting-container .email-extract-text-setting-save {
width: 511px;
}
.tbl-email-extract-text-settings .tr-email-extract-text-settings-btns {
padding-top: 20px;
}
/******* Email Filters ************/
.tbl-email-filter-create .email-filter-goto-group {
float: left;
text-align: left;
line-height: 1.5;
background: url('/img/ico-lamp.png') no-repeat;
padding-left: 20px;
}
.tbl-email-filter-create td {
padding-bottom: 10px;
}
.tbl-email-filter-create td.td-first {
color: var(--task-filter-label, #7a7a7a);
}
.tbl-email-filter-create .tr-email-filter-then:nth-child(odd) td {
background: var(--grey-dark-hover, #f2f2f2);
}
.tbl-email-filter-create .tr-email-filter-then:nth-child(even) td {
background: var(--email-filter-then-bg, #fafafa);
}
.tbl-email-filter-create .tr-email-filter-if-cases-container td,
.tbl-email-filter-create .tr-email-filter-then td,
.tbl-email-filter-create .tr-email-filter-add-then td {
padding-top: 10px;
padding-bottom: 10px;
}
.tbl-email-filter-create .tr-email-filter-if-cases-container td {
background: var(--email-filter-if-case-bg, #ecf3ed);
}
.tbl-email-filter-create:not(.small-padding-items) td.td-first {
padding-left: 10px;
}
.tbl-email-filter-create.small-padding-items td.td-first {
padding-left: 0px;
}
.tbl-email-filter-create.small-padding-items .td-padding-l,
.tbl-email-filter-create.small-padding-items .td-padding-l.td-item {
padding-left: 5px !important;
}
.tbl-email-filter-create .tr-email-filter-if-cases-container .select-email-filter-if-type,
.tbl-email-filter-create .tr-email-filter-if-cases-container .select-email-filter-if-subtype {
width: 150px;
margin-right: 10px;
}
.tbl-email-filter-create .tr-email-filter-if-cases-container .select-email-filter-if-subtype {
width: 140px;
margin-right: 10px;
}
.tbl-email-filter-create .tr-email-filter-if-cases-container input.select-email-filter-if-text {
width: 180px;
}
.tbl-email-filter-create .tr-email-filter-then .select-email-filter-then-type {
width: 530px;
}
.tbl-email-filter-create .tr-email-filter-then .email-filter-then-container {
padding-top: 10px;
}
.tbl-email-filter-create .tr-email-filter-then .email-filter-then-label-first {
display: none;
}
.tbl-email-filter-create .tr-email-filter-then .email-filter-then-label {
display: inline-block;
}
.tbl-email-filter-create .tr-email-filter-then.tr-email-filter-then-first .email-filter-then-label-first {
display: inline-block;
}
.tbl-email-filter-create .tr-email-filter-then.tr-email-filter-then-first .email-filter-then-label {
display: none;
}
.tbl-email-filter-create .tr-email-filter-then .email-filter-del-then {
cursor: pointer;
vertical-align: top;
margin-left: 10px;
margin-top: 4px;
}
.tbl-email-filter-create .tr-email-filter-separator td {
background-color: var(--confirm-win-background, #EEEEEE);
font-size: 0;
height: 1px;
line-height: 0;
overflow: hidden;
padding: 0;
}
.tbl-email-filter-create .email-filter-then-create-contact > div {
padding-top: 10px;
}
.tbl-email-filter-create .email-filter-then-create-contact > div > span {
display: inline-block;
}
.tbl-email-filter-create .email-filter-then-create-contact-field span {
color: var(--date-picker-navigation-svg, #777);
}
.tbl-email-filter-create .email-filter-then-create-contact i {
vertical-align: top;
margin-left: 7px;
margin-top: 4px;
cursor: pointer;
}
.tbl-email-filter-create .select-email-filter-then-text-hash-label {
width: 175px;
}
.tbl-email-filter-create .select-email-filter-if-text-hash,
.tbl-email-filter-create .select-email-filter-then-text-hash {
width: 180px;
}
.tbl-email-filter-create .select-email-filter-if-text-hash.select-email-filter-then-text-hash-start,
.tbl-email-filter-create .select-email-filter-then-text-hash.select-email-filter-then-text-hash-start {
margin-left: 10px;
width: 173px;
}
.tbl-email-filter-create .select-email-filter-then-text-hash-example {
display: none;
font-size: 8pt;
color: var(--file-meta-data, #888);
margin-left: 8px;
}
.tbl-email-filter-create .select-email-filter-then-text-hash-container {
line-height: 30px;
}
.tbl-email-filter-create .select-email-filter-then-text-hash-location {
width: 185px;
margin-left: 10px;
}
.tbl-email-filter-create .select-email-filter-then-text-hash-location-br {
display: none;
}
.tbl-email-filter-create .select-email-filter-then-text-hash-location-newline {
margin-left: 0px;
}
.tbl-email-filter-create .select-email-filter-then-text-hash-type {
margin-left: 10px;
width: 150px;
}
.tbl-email-filter-create .select-email-filter-then-text-hash-type.select-email-filter-then-text-hash-type-with-end {
width: 175px;
margin-left: 0;
}
.tbl-email-filter-create .select-email-filter-then-text-hash-end {
margin-left: 10px;
width: 173px;
display: none;
}
.tbl-email-filter-create .tr-email-filter-logic-container td {
padding-top: 10px;
padding-bottom: 10px;
background: var(--email-filter-logic-bg, #e8ebf2);
border-top: 1px solid var(--white-black, #fff);
}
.tbl-email-filter-create .tr-email-filter-logic input.text-box {
font-size: 10pt;
padding: 4px;
width: 535px;
text-transform: uppercase;
}
.tbl-email-filter-create .tr-email-filter-logic .tr-email-filter-logic-note {
font-size: 8pt;
color: var(--task-card-action-normal-author, #a7a7a7);
}
.tbl-email-filter-create .tr-email-filter-if-cases-container .email-filter-if-case .email-filter-if-case-number {
background: var(--email-filter-case-number, #8DAF92);
color: var(--white-black, #FFFFFF);
margin: 0 12px;
padding: 2px 5px;
display: inline-block;
min-width: 16px;
text-align: center;
}
.tbl-email-filter-create .tr-email-filter-if-cases-container .email-filter-if-case:hover .email-filter-if-case-number {
display: none;
}
.tbl-email-filter-create .email-filter-if-text-hash-help {
display: none;
float: right;
line-height: 21px;
margin-right: 10px;
}
.tbl-email-filter-create .tr-email-filter-if-cases-container .email-filter-if-case .email-filter-if-case-close {
margin: 0 13px;
padding: 2px 4px 6px 4px;
display: inline-block;
display: none;
cursor: pointer;
vertical-align: bottom;
}
.tbl-email-filter-create .tr-email-filter-if-cases-container .email-filter-if-case .email-filter-if-case-close svg {
width: 16px;
height: 16px;
}
.tbl-email-filter-create .tr-email-filter-if-cases-container .email-filter-if-case:hover .email-filter-if-case-close {
display: inline-block;
}
.tbl-email-filter-create .email-filter-if-case {
padding: 5px 5px 10px;
white-space: nowrap;
}
.tbl-email-filter-create .email-filter-if-case .block-list-value-item {
vertical-align: text-bottom;
cursor: url(/img/openhand.cur), move;
}
.trigger-block.extraxt-data .email-rule-extract-data-label {
font-size: 18px;
color: var(--task-card-title-text, #4b4b4b);
padding-top: 20px;
padding-bottom: 10px;
}
.tbl-list .td-item.td-email-generic-inbox-name .td-email-generic-inbox-name-link {
font-size: 15px;
}
.tbl-list .td-item.td-email-generic-inbox-name .td-email-generic-inbox-name-link:hover {
text-decoration: none;
}
.tbl-list .td-item.td-email-generic-inbox-name:hover .email-generic-inbox-hostname {
color: inherit;
}
.tbl-list .email-generic-inbox-hostname {
color: var(--gray-ico, #a9a9a9);
}
.tr-email-generic-inbox .td-item-qe-editable-active {
color: var(--white-black, #fff);
}
.tr-email-generic-inbox .td-item-qe-editable-active input[type=text] {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.email-generic-inbox-copy-to-clipboard {
display: none;
cursor: pointer;
}
.tr-email-generic-inbox:hover .email-generic-inbox-copy-to-clipboard {
display: inline-block;
}
.tbl-list .tr-email-filter-rule .img-lamp,
.tbl-list .td-task-name-panel .img-lamp {
vertical-align: bottom;
cursor: pointer;
}
.tbl-list .tr-email-filter-rule span,
.tbl-list .tr-email-filter-default-rule span {
font-size: 15px;
}
.tbl-list .tr-email-filter-rule:first-child > td,
.tbl-list .tr-email-filter-default-rule:first-child > td {
border-top-color: transparent;
}
.tbl-list .tr-email-filter-rule:nth-child(2) > td,
.tbl-list .tr-email-filter-default-rule:nth-child(2) > td {
border-top: 1px solid var(--gray-border, #e2e2e2);
}
.tbl-list .tr-email-generic-inbox > td .user-email-column,
.tbl-list .tr-group-common-list-group > td .user-email-column,
.tbl-list .tr-user-common-list-user > td .user-email-column,
.tbl-list .tr-email-generic-inbox > td .description-column,
.tbl-list .tr-group-common-list-group > td .description-column,
.tbl-list .tr-user-common-list-user > td .description-column {
font-size: 15px;
display: inline;
}
.tbl-list .tr-email-generic-inbox > td svg,
.tbl-list .tr-group-common-list-group > td svg,
.tbl-list .tr-user-common-list-user > td svg {
line-height: 2em;
}
.group-common-list-name {
white-space: nowrap;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.tbl-list .group-common-list-name.td-item {
padding: 5px 10px;
}
.group-common-list-name .group-avatar-img {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
border-radius: 3px;
}
.group-common-list-name a {
display: inline-block;
vertical-align: middle;
font-size: 15px;
line-height: 1.3em;
overflow: hidden;
text-overflow: ellipsis;
}
.tbl-list .group-common-list-name a:hover {
text-decoration: none !important;
}
.tbl-email-template-card .td-label {
vertical-align: top;
}
.tbl-email-template-card .email-template-copy-clipboard {
visibility: hidden;
cursor: pointer;
}
.tbl-email-template-card .tr-item:hover .email-template-copy-clipboard {
visibility: visible;
}
.tbl-email-template-card .email-template-card-body + .email-template-card-lang td {
padding-top: 75px;
}
.tbl-email-template-card .email-template-card-lang td {
padding-top: 15px;
border-top-color: transparent !important;
}
.tbl-email-template-card .email-template-card-lang .td-value {
color: var(--grey-label, #838383);
}
.email-template-create-langs .task-create-field-input .langs-container {
display: flex;
justify-content: space-between;
padding: 4px 0;
}
.email-template-create-langs .task-create-field-input .langs-container.normal {
display: block;
}
.email-template-create-langs .task-create-field-input .langs-container .email-template-create-lang.stretch {
min-width: 20%;
}
.email-template-create-langs .task-create-field-input .langs-container .email-template-create-lang.bigger {
min-width: 25%;
}
.email-template-create-lang {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
color: color-mix(in-srgb, var(--chzn-text, #444) 55%, white 45%);
border: 1px solid color-mix(in-srgb, var(--gray-input-border, #bbb) 88%, white 12%);
text-align: center;
cursor: pointer;
flex-grow: 1;
flex-shrink: 0;
padding: 0 10px;
font-size: 14px;
line-height: 31px;
margin-left: 5px;
}
.email-template-create-lang:first-child {
margin-left: 0;
}
.email-template-create-lang.active {
cursor: default;
color: var(--chzn-text, #444);
background: var(--white-black, #fff);
border-color: var(--gray-input-border, #bbb);
}
.email-template-create-lang.email-template-create-lang-has-content span::after {
content: '*';
}
.email-template-create-lang input[type="radio"] {
display: none;
}
.email-create-tooltip.tooltip-actions {
box-sizing: border-box;
margin: 0;
width: 517px;
}
.email-template-create-progress {
height: 6px;
}
.email-create-signature-hint {
margin-left: 5px;
}
.email-default-templates .text-box {
width: 50%;
border-bottom: none;
}
.email-default-templates .has-on-click-event:hover .td-item:not(.td-item-config) {
background-color: var(--white-black, #ffffff);
}
.email-default-template-state .email-default-template-enable,
.email-default-template-state .email-default-template-disable {
cursor: pointer;
display: inline-block;
padding: 5px;
min-width: 100px;
font-size: 9pt;
text-align: center;
}
.email-default-template-state .email-default-template-enable img,
.email-default-template-state .email-default-template-disable img {
vertical-align: top;
}
.email-default-template-state .email-default-template-enable span,
.email-default-template-state .email-default-template-disable span {
display: block;
margin-top: 3px;
}
.email-default-template-state .email-default-template-disable {
display: none;
}
.email-default-template-state.enabled .email-default-template-enable {
display: none;
}
.email-default-template-state.enabled .email-default-template-disable {
display: inline-block;
}
.email-template .task-create-field {
width: 100%;
}
.email-template .task-create-field .task-create-field-input {
width: 100%;
}
.email-template .task-create-field .task-create-field-input .text-box {
width: 100%;
font-size: 22px;
box-sizing: border-box;
}
.email-template .task-create-field .task-create-field-input .email-create-signature-hint {
vertical-align: middle;
}
.email-template .task-create-field .task-create-field-input input.check-box {
margin-right: 7px;
}
.email-template .task-create-field .task-create-field-input .tpl-title {
font-size: 22px;
}
.entrance-settings {
width: 100%;
height: 100%;
}
.entrance-settings .entrance-settings-text {
font-family: OpenSansLight;
text-align: center;
}
.entrance-settings .entrance-settings-text.entrance-settings-radio-label-text {
color: #414140;
font-size: 18px;
margin-right: 20px;
}
.entrance-settings .entrance-settings-text.entrance-settings-example-text {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
color: #777777;
text-align: left;
}
.entrance-settings .entrance-settings-text.entrance-settings-example-text.entrance-settings-example1-text {
font-size: 26px;
margin-right: 48px;
}
.entrance-settings .entrance-settings-text.entrance-settings-example-text.entrance-settings-example1-text.classic {
color: #464646;
margin-top: 5px;
font-size: 24px;
font-family: "Arial";
}
.entrance-settings .entrance-settings-text.entrance-settings-example-text.entrance-settings-example2-text {
color: #bbbbbb;
font-size: 12px;
}
.entrance-settings .entrance-settings-text.entrance-settings-example-text.entrance-settings-example2-text.classic {
color: #a0a0a0;
margin-top: 5px;
font-size: 11px;
font-family: "Arial";
}
.entrance-settings .entrance-settings-text.entrance-settings-example-text.entrance-settings-example3-text {
font-size: 14px;
max-width: 300px;
margin-top: 8px;
}
.entrance-settings .entrance-settings-text.entrance-settings-example-text.entrance-settings-example3-text.english {
max-width: 240px;
}
.entrance-settings .entrance-settings-text.entrance-settings-example-text.entrance-settings-example3-text.classic {
color: #464646;
font-size: 12px;
font-family: "Arial";
}
.entrance-settings .entrance-settings-text.entrance-settings-body-top-text.entrance-settings-body-top-text-font {
margin-bottom: 0px;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-radioline {
align-items: center;
justify-content: center;
margin-top: 62px;
display: flex;
padding-left: 40px;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-radiobtn-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 22px;
cursor: pointer;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-radiobtn-container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-radiobtn-checkmark {
position: absolute;
left: 0;
height: 18px;
width: 18px;
background-color: #fff;
border-radius: 50%;
border: 1px solid #bbbbbb;
top: 25%;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-radiobtn-container:hover input ~ .entrance-settings-body-radiobtn-checkmark {
background-color: #cccac9;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-radiobtn-container input:checked ~ .entrance-settings-body-radiobtn-checkmark {
background-color: #ffffff;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-radiobtn-checkmark:after {
content: "";
position: absolute;
display: none;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-radiobtn-container input:checked ~ .entrance-settings-body-radiobtn-checkmark:after {
display: block;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-radiobtn-container .entrance-settings-body-radiobtn-checkmark:after {
width: 14px;
height: 14px;
border-radius: 50%;
background: #6fa12c;
margin-top: 2px;
margin-left: 2px;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-example-block {
border: 1px solid #dbdbdb;
position: relative;
background: #ffffff;
color: #dbdbdb;
height: 97px;
max-width: 542px;
margin-left: auto;
margin-right: auto;
display: flex;
margin-top: 34px;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-example-block::before {
content: '';
position: relative;
background: #ffffff;
left: 173px;
bottom: 11px;
width: 20px;
height: 20px;
transform: rotate(45deg);
/* Поворачиваем на 45º */
-webkit-transform: rotate(45deg);
border-left: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
z-index: 1;
box-shadow: none;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-example-block.english::before {
left: 216px;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-example-block.classic::before {
content: '';
position: relative;
background: #ffffff;
left: 377px;
bottom: 11px;
width: 20px;
height: 20px;
z-index: -1;
/* Прячем за основным блоком */
transform: rotate(45deg);
/* Поворачиваем на 45º */
-webkit-transform: rotate(45deg);
border-left: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
z-index: 1;
box-shadow: none;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-example-block.english.classic::before {
left: 354px;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-example-big {
width: 220px;
margin-left: 5px;
margin-top: 16px;
margin-bottom: 19px;
}
.entrance-settings .entrance-settings-body-font .entrance-settings-body-example-little {
margin-top: 20px;
margin-bottom: 19px;
}
.entrance-settings .entrance-settings-body-bottom-buttons {
margin-top: 85px;
display: flex;
align-items: center;
justify-content: center;
}
.entrance-settings .entrance-settings-font-btn {
background-color: #6fa12c;
border-radius: 10px;
width: 164px;
height: 50px;
cursor: pointer;
}
[class*="icono"] {
position: relative;
display: inline-block;
vertical-align: middle;
color: #cccac9;
box-sizing: border-box;
cursor: pointer;
}
[class*="icono"]:after,
[class*="icono"]:before {
content: "";
box-sizing: border-box;
}
[class*="icono-arrow-font"],
[class*="icono-arrow-formavatar"] {
width: 20px;
height: 20px;
border-width: 1px 1px 0 0;
border-style: solid;
margin: 10px;
}
[class*="icono-arrow-font"]:before,
[class*="icono-arrow-formavatar"]:before {
right: 0;
top: -1px;
position: absolute;
height: 1px;
box-shadow: inset 0 0 0 40px;
transform: rotate(-45deg);
width: 33px;
transform-origin: right top;
}
[class*="icono-arrow-font"][class*="-right"],
[class*="icono-arrow-formavatar"][class*="-right"] {
transform: rotate(-135deg);
}
[class*="icono-arrow-font"][class*="-right"][class*="-up"],
[class*="icono-arrow-formavatar"][class*="-right"][class*="-up"] {
transform: rotate(-90deg);
}
[class*="icono-arrow-font"][class*="-right"][class*="-down"],
[class*="icono-arrow-formavatar"][class*="-right"][class*="-down"] {
transform: rotate(180deg);
}
.entrance-settings {
width: 100%;
height: 100%;
}
.entrance-settings .entrance-settings-text {
font-family: OpenSansLight;
text-align: center;
}
.entrance-settings .entrance-settings-text.entrance-settings-body-top-text {
color: #000000;
font-size: 28px;
margin-top: 36px;
margin-bottom: 53px;
}
.entrance-settings .entrance-settings-text.entrance-settings-body-bottom-text {
margin: auto;
color: #414140;
max-width: 270px;
font-size: 14px;
margin-top: 48px;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-bottom-buttons-formavatar {
margin-top: 57px;
padding-right: 68px;
display: flex;
align-items: center;
justify-content: center;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-bottom-buttons-formavatar .entrance-settings-formavatar-btn {
background-color: #6fa12c;
border-radius: 10px;
width: 164px;
height: 50px;
margin-left: 68px;
cursor: pointer;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-options {
margin-top: 58px;
border-spacing: 40px 0px;
display: flex;
align-items: center;
justify-content: center;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-options .entrance-settings-body-options-td {
text-align: center;
border: 11px solid transparent;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-options .entrance-settings-body-options-td.circle {
margin-right: 25px;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-options .entrance-settings-body-options-td.rounded {
margin-right: 25px;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-options .entrance-settings-body-options-td.select {
border: 1px solid #ddd;
padding: 10px;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-options .entrance-settings-body-options-td .entrance-settings-body-options-block-img {
cursor: pointer;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-options .entrance-settings-body-options-td .entrance-settings-body-options-block-img .entrance-settings-body-img {
width: 100px;
height: 95px;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-options .entrance-settings-body-options-td .entrance-settings-body-options-block-img .entrance-settings-body-img.circle {
border-radius: 50%;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-options .entrance-settings-body-options-td .entrance-settings-body-options-block-img .entrance-settings-body-img.rounded {
border-radius: 20%;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-options .entrance-settings-body-options-td .entrance-settings-body-options-block-img .entrance-settings-body-img.square {
border-radius: 0%;
}
.entrance-settings .entrance-settings-body-formavatar .entrance-settings-body-options .entrance-settings-body-options-td .entrance-settings-body-options-block-img .entrance-settings-body-img .entrance-settings-body-selected-img {
border-color: #cccac9;
}
.entrance-settings {
width: 100%;
height: 100%;
display: block;
}
.entrance-settings .entrance-settings-text {
font-family: OpenSansLight;
text-align: center;
}
.entrance-settings .entrance-settings-text.entrance-settings-header-text {
color: #929190;
font-size: 38px;
margin-top: 45px;
}
.entrance-settings .entrance-settings-text.entrance-settings-header-options-text {
color: inherit;
font-size: 14px;
vertical-align: -webkit-baseline-middle;
}
.entrance-settings .entrance-settings-header {
background-color: #f5f3f1;
align-items: center;
justify-content: space-between;
font-family: OpenSansLight;
font-size: 14px;
padding: 20px 100px 20px;
position: relative;
}
.entrance-settings .entrance-settings-header .entrance-settings-header-options {
margin-top: 55px;
margin-bottom: 23px;
display: flex;
justify-content: center;
padding-left: 43px;
}
.entrance-settings .entrance-settings-header .entrance-settings-header-options-td {
fill: #cccac9;
color: #cccac9;
margin-right: 70px;
text-align: center;
}
.entrance-settings .entrance-settings-header .entrance-settings-header-options-td.selected {
color: #414140;
fill: #70a22d;
}
.entrance-settings .entrance-settings-header .entrance-settings-header-options-td.font {
margin-right: 60px;
}
.entrance-settings .entrance-settings-header .entrance-settings-header-options-td.formavatar {
margin-right: 0px;
}
.entrance-settings .entrance-settings-header .entrance-settings-header-options-td .entrance-settings-header-options-img {
width: 28px;
height: 28px;
margin-right: 15px;
float: left;
fill: inherit;
}
.entrance-settings .entrance-settings-header .entrance-settings-header-options-td .entrance-settings-header-options-img.formavatar {
width: 26px;
height: 26px;
}
.entrance-settings {
width: 100%;
height: 100%;
}
.entrance-settings .entrance-settings-text {
font-family: OpenSansLight;
text-align: center;
}
.entrance-settings .entrance-settings-text.entrance-settings-time-zone-btn-text {
color: white;
font-size: 20px;
text-align: center;
padding: 9px;
}
.entrance-settings .entrance-settings-body-timezone,
.entrance-settings .entrance-settings-body-font,
.entrance-settings .entrance-settings-body-formavatar {
align-items: center;
justify-content: space-between;
font-family: OpenSansLight;
font-size: 14px;
padding: 20px 100px 40px;
position: relative;
}
.entrance-settings .entrance-settings-body-timezone .entrance-settings-time-zone-img {
width: 450px;
height: 230px;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.entrance-settings .entrance-settings-body-timezone .entrance-settings-time-zone-chzbox-container {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: calc(100% - 200px);
height: 230px;
}
.entrance-settings .entrance-settings-body-timezone .entrance-settings-time-zone-chzbox-container .entrance-settings-time-zone-chzbox {
width: 290px;
}
.entrance-settings .entrance-settings-body-timezone .entrance-settings-time-zone-btn {
background-color: #70a22d;
border-radius: 10px;
width: 164px;
height: 50px;
margin-top: 39px;
cursor: pointer;
margin-left: auto;
margin-right: auto;
}
.empty-data-export__container {
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
right: 0;
left: 0;
top: calc((-50% - 140px) * 0.1);
position: absolute;
}
.empty-data-export__container span {
color: #333333;
font-weight: 400;
font-size: 16px;
line-height: 19px;
margin: 30px 0 15px;
}
.empty-data-export__container input {
padding: 7px 23px 8px;
margin: 0 2px;
border-radius: 6px;
border: none;
color: #FFFFFF;
font-size: 14px;
cursor: pointer;
}
.empty-data-export__container input:hover {
-webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
}
.empty-data-export__container .btn-data-new,
.empty-data-export__container .btn-data-files-new {
background-color: var(--activeButton);
color: var(--activeButtonElements);
}
.empty-data-export__container .svg-image {
background-image: url("/img/empty/svgEmpty14.svg");
width: 220px;
height: 220px;
opacity: var(--emptyIconOpacity, 1);
display: inline-block;
}
.export-new-data-settings {
font-size: 12px;
line-height: 1.5;
padding-bottom: 20px;
}
.export-new-data-settings > div {
padding-bottom: 7px;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 500;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(external/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(external/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
background-image: url(external/images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content .dl-task-microcard-container {
margin: 0;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup.leaflet-popup-2gis-task-microcard .leaflet-popup-content-wrapper {
padding: 0;
}
.leaflet-popup.leaflet-popup-2gis-task-microcard .leaflet-popup-content {
margin: 0;
}
.leaflet-popup.leaflet-popup-2gis-task-microcard .planner-item-list {
border-top: 0;
margin: 0;
}
.leaflet-popup.leaflet-popup-2gis-task-microcard .planner-item-list.dl-task-microcard-container {
height: auto;
display: block;
border: 0;
margin: 0;
padding: 20px;
}
.leaflet-popup.leaflet-popup-2gis-task-microcard .planner-item-list.dl-task-microcard-container:last-child {
margin-bottom: 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
/* Task microcard popup adjustments */
.leaflet-popup-content {
margin: 0;
}
.custom-field-win-edit-block-rc {
padding: 20px 30px;
}
.custom-field-win-edit-block-rc .title-block {
margin-bottom: 20px;
}
.custom-field-win-edit-block-rc .title-block .text-title {
font-size: 24px;
color: var(--common-filter-title-text, #444);
}
.custom-field-win-edit-block-rc .field-list .field-item {
position: relative;
display: flex;
margin-bottom: 20px;
transition: 0.3s;
}
.custom-field-win-edit-block-rc .field-list .field-item .field-target {
width: 350px;
}
.custom-field-win-edit-block-rc .field-list .field-item .field-target.hide {
visibility: hidden;
opacity: 0;
height: 0;
margin: 0;
}
.custom-field-win-edit-block-rc .field-list .field-item:not(.hide) .filter-condition {
min-width: 870px;
}
.custom-field-win-edit-block-rc .field-list .field-item.hide .filter-condition {
width: 350px;
overflow: hidden;
}
.custom-field-win-edit-block-rc .field-list .field-item .help-btn {
margin: auto 0 5px 10px;
}
.custom-field-win-edit-block-rc .field-list .field-item[datatype="type"] .help-btn {
margin: auto 0 14px 10px;
}
.custom-field-win-edit-block-rc .field-list .field-item[datatype="list-values"] {
width: 100%;
}
.custom-field-win-edit-block-rc .field-list .field-item[datatype="list-values"] .field-target {
width: 49em;
}
.custom-field-win-edit-block-rc .field-list .field-item[datatype="list-values"] .field-target .label {
min-height: 14px;
font-size: 12px;
transition: 0.3s;
color: gray;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.custom-field-win-edit-block-rc .field-list .field-item[datatype="also-display"],
.custom-field-win-edit-block-rc .field-list .field-item[datatype="handbook"],
.custom-field-win-edit-block-rc .field-list .field-item[datatype="variable"],
.custom-field-win-edit-block-rc .field-list .field-item[datatype="text-with-variables"],
.custom-field-win-edit-block-rc .field-list .field-item[datatype="template-creating-contacts"],
.custom-field-win-edit-block-rc .field-list .field-item[datatype="description"] {
width: 100%;
}
.custom-field-win-edit-block-rc .field-list .field-item[datatype="also-display"] .field-target,
.custom-field-win-edit-block-rc .field-list .field-item[datatype="handbook"] .field-target,
.custom-field-win-edit-block-rc .field-list .field-item[datatype="variable"] .field-target,
.custom-field-win-edit-block-rc .field-list .field-item[datatype="text-with-variables"] .field-target,
.custom-field-win-edit-block-rc .field-list .field-item[datatype="template-creating-contacts"] .field-target,
.custom-field-win-edit-block-rc .field-list .field-item[datatype="description"] .field-target {
width: 100%;
}
.custom-field-win-edit-block-rc .field-list .field-item[datatype="variable"] .usually-field-textarea-v2-rc .control-value {
padding: 8px;
}
.custom-field-win-edit-block-rc .field-list .field-item[datatype="text-with-variables"] .cke_chrome:not(.ckeditor-panel-container) {
padding: 8px;
background: var(--white-black, #FFFFFF);
}
.custom-field-win-edit-block-rc .field-list .field-item.switcher {
margin-bottom: 5px;
}
.custom-field-win-edit-block-rc .field-list .field-item.switcher .field-target {
width: 500px;
}
.custom-field-win-edit-block-rc .field-list .field-item.hide {
visibility: hidden;
opacity: 0;
height: 0;
margin: 0;
}
.custom-field-win-edit-block-rc .field-list .field-item .svg svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
cursor: pointer;
}
.custom-field-win-edit-block-rc .field-list .field-item .svg.add-variable svg {
stroke: var(--gray-ico, #a9a9a9);
}
.custom-field-win-edit-block-rc .field-list .field-item .icons {
display: flex;
position: absolute;
right: 0;
top: -4px;
cursor: pointer;
}
.custom-field-win-edit-block-rc .field-list .field-item .link {
padding-bottom: 6px;
box-shadow: 0 1px 0 0 var(--viewer-file-container, #dcdcdc);
cursor: pointer;
}
.custom-field-win-edit-block-rc .field-list .field-item .link span {
font-size: 15px;
color: #5881B8;
}
.custom-field-win-edit-block-rc .field-list .field-item .link span:hover {
color: #25BB69;
}
.custom-field-win-edit-block-rc .field-list .field-item .edit-text-with-variables {
width: 100%;
}
.custom-field-win-edit-block-rc .field-list .field-item .edit-text-with-variables .info-block {
min-height: 18px;
padding: 5px 5px;
margin: 0px -4px -1px -4px;
border-radius: 5px 5px 0 0;
background: var(--usually-field-edit-state-info-bg, #badbbd);
color: var(--grey-group-text, #6c6c6c);
opacity: 1;
visibility: visible;
animation: expand 0.3s ease-in-out;
}
.custom-field-win-edit-block-rc .field-list .field-item .edit-text-with-variables[color="green"] .field-target {
box-shadow: 0 0 0 4px var(--usually-field-edit-state-info-bg, #badbbd);
border-radius: 3px;
}
.custom-field-win-edit-block-rc .field-list .field-item .edit-text-with-variables[color="red"] .field-target {
box-shadow: 0 0 0 4px var(--usually-field-edit-state-info-red-bg, #f2b3b3);
border-radius: 3px;
}
.custom-field-win-edit-block-rc .field-list .field-item .edit-text-with-variables[color="red"] .info-block {
background: var(--usually-field-edit-state-info-red-bg, #f2b3b3);
color: var(--black-white, #000);
padding-left: 13px;
}
.custom-field-win-edit-block-rc .field-list .field-item .edit-text-with-variables[color="red"] .info-block .highlight {
background: #ff0000;
text-decoration: underline;
}
.custom-field-win-edit-block-rc .field-list .field-item .edit-text-with-variables .icons {
top: -21px;
}
.custom-field-win-edit-block-rc .field-list .tabs-panel-layout-target {
margin-bottom: 15px;
}
.custom-field-win-edit-block-rc .field-list .tabs-panel-layout-target .container {
height: 76px;
}
.custom-field-win-edit-block-rc .field-list .type-and-group-target {
display: flex;
}
.custom-field-win-edit-block-rc .field-list .type-and-group-target .field-item:first-child {
margin-right: 40px;
}
.custom-field-win-edit-block-rc .filter-settings-common-param-rc .label {
color: var(--default-gray, gray);
}
.custom-field-win-edit-block-rc .filter-testing-target {
opacity: 0;
visibility: hidden;
height: 0;
transition: 0.3s;
}
.custom-field-win-edit-block-rc .filter-testing-target .filter-testing-rc {
margin: 0;
}
.custom-field-win-edit-block-rc .filter-testing-target.show {
visibility: visible;
opacity: 1;
height: 165px;
}
.custom-field-win-edit-block-rc .handbook-select-data-button {
font-size: 16px;
outline: 0;
border: 0;
background: 0;
box-shadow: 0 0 0 1px var(--notice-channel-small-text, #a6a6a6);
border-radius: 2px;
cursor: pointer;
}
.g-popup-win-scroll .g-popup-win-scroll-content-wr .g-popup-win-scroll-content .dynamic-block {
padding: 10px 10px 0 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content-wr .g-popup-win-scroll-content .dynamic-block .button-header {
display: flex;
justify-content: right;
}
.g-popup-win-scroll .g-popup-win-scroll-content-wr .g-popup-win-scroll-content .dynamic-block .dynamic-block-task-desc-container {
padding: 0 6px 0 16px;
}
.dynamic-block-task-desc-container .title-block {
margin-bottom: 20px;
}
.dynamic-block-task-desc-container .title-block .text-title {
font-size: 24px;
color: var(--common-filter-title-text, #444);
}
.dynamic-block-task-desc-container .field-list .dynamic-block-header {
color: var(--report-save-title, #4F4F4F);
font-size: 22px;
line-height: 26px;
height: 32px;
padding-bottom: 12px;
}
.dynamic-block-task-desc-container .field-list .dynamic-block-name-input {
width: 525px;
}
.dynamic-block-task-desc-container .field-list .dynamic-block-name-input .field-type-text {
padding-bottom: 10px;
color: gray;
font-size: 12px;
}
.dynamic-block-task-desc-container .field-list .dynamic-block-name-input input {
width: 520px;
font-size: 22px;
margin-bottom: 16px;
}
.dynamic-block-task-desc-container .field-list .field-items-type-color {
display: flex;
}
.dynamic-block-task-desc-container .field-list .field-item:first-child {
padding-right: 32px;
}
.dynamic-block-task-desc-container .field-list .field-item:last-child {
margin-bottom: 13px;
}
.dynamic-block-task-desc-container .field-list .field-item {
position: relative;
margin-bottom: 17px;
transition: 0.3s;
}
.dynamic-block-task-desc-container .field-list .field-item .field-target {
width: 350px;
}
.dynamic-block-task-desc-container .field-list .field-item .field-target .usually-field-textarea-v2-rc {
box-shadow: unset;
}
.dynamic-block-task-desc-container .field-list .field-item .field-target .usually-field-textarea-v2-rc textarea {
border: 1px solid var(--mindmap-menu-item-disabled, #DEDEDE);
border-radius: 6px;
height: 147px;
padding: 8px;
}
.dynamic-block-task-desc-container .field-list .field-item .field-target .select-type-control-rc .field-type-block .field-type-icon {
display: none;
}
.dynamic-block-task-desc-container .field-list .field-item .field-target .select-type-control-rc .field-type-block .field-type-select .text-box {
padding: 6px 5px;
}
.dynamic-block-task-desc-container .field-list .field-item:not(.hide) .filter-condition {
min-width: 870px;
}
.dynamic-block-task-desc-container .field-list .field-item.hide .filter-condition {
width: 350px;
overflow: hidden;
}
.dynamic-block-task-desc-container .field-list .field-item .help-btn {
margin: auto 0 5px 10px;
}
.dynamic-block-task-desc-container .field-list .field-item[datatype="type"] .help-btn {
margin: auto 0 14px 10px;
}
.dynamic-block-task-desc-container .field-list .field-item[datatype="list-values"] {
width: 100%;
}
.dynamic-block-task-desc-container .field-list .field-item[datatype="list-values"] .field-target {
width: 49em;
}
.dynamic-block-task-desc-container .field-list .field-item[datatype="list-values"] .field-target .label {
min-height: 14px;
margin-bottom: 20px;
font-size: 12px;
transition: 0.3s;
color: var(--default-gray, gray);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.dynamic-block-task-desc-container .field-list .field-item[datatype="also-display"],
.dynamic-block-task-desc-container .field-list .field-item[datatype="handbook"],
.dynamic-block-task-desc-container .field-list .field-item[datatype="variable"],
.dynamic-block-task-desc-container .field-list .field-item[datatype="text-with-variables"],
.dynamic-block-task-desc-container .field-list .field-item[datatype="template-creating-contacts"],
.dynamic-block-task-desc-container .field-list .field-item[datatype="description"] {
width: 100%;
}
.dynamic-block-task-desc-container .field-list .field-item[datatype="also-display"] .field-target,
.dynamic-block-task-desc-container .field-list .field-item[datatype="handbook"] .field-target,
.dynamic-block-task-desc-container .field-list .field-item[datatype="variable"] .field-target,
.dynamic-block-task-desc-container .field-list .field-item[datatype="text-with-variables"] .field-target,
.dynamic-block-task-desc-container .field-list .field-item[datatype="template-creating-contacts"] .field-target,
.dynamic-block-task-desc-container .field-list .field-item[datatype="description"] .field-target {
width: 100%;
}
.dynamic-block-task-desc-container .field-list .field-item.switcher {
margin-bottom: 5px;
}
.dynamic-block-task-desc-container .field-list .field-item.switcher .field-target {
width: 500px;
}
.dynamic-block-task-desc-container .field-list .field-item.hide {
visibility: hidden;
opacity: 0;
height: 0;
margin: 0;
}
.dynamic-block-task-desc-container .field-list .field-item .svg svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
cursor: pointer;
}
.dynamic-block-task-desc-container .field-list .field-item .svg.add-variable {
cursor: pointer;
}
.dynamic-block-task-desc-container .field-list .field-item .svg.add-variable svg {
stroke: var(--gray-ico, #a9a9a9);
}
.dynamic-block-task-desc-container .field-list .field-item .icons {
display: flex;
position: absolute;
right: 0;
top: -4px;
cursor: pointer;
}
.dynamic-block-task-desc-container .field-list .field-item .link {
padding-bottom: 6px;
box-shadow: 0 1px 0 0 var(--viewer-file-container, #dcdcdc);
cursor: pointer;
}
.dynamic-block-task-desc-container .field-list .field-item .link span {
font-size: 15px;
color: #5881B8;
}
.dynamic-block-task-desc-container .field-list .field-item .link span:hover {
color: #25BB69;
}
.dynamic-block-task-desc-container .field-list .field-item .edit-text-with-variables {
width: 100%;
}
.dynamic-block-task-desc-container .field-list .field-item .edit-text-with-variables .info-block {
min-height: 18px;
padding: 5px 5px;
margin: 0px -4px -1px -4px;
border-radius: 5px 5px 0 0;
background: var(--usually-field-edit-state-info-bg, #badbbd);
color: var(--grey-group-text, #6c6c6c);
opacity: 1;
visibility: visible;
animation: expand 0.3s ease-in-out;
}
.dynamic-block-task-desc-container .field-list .field-item .edit-text-with-variables[color="green"] .field-target {
box-shadow: 0 0 0 4px var(--usually-field-edit-state-info-bg, #badbbd);
border-radius: 3px;
}
.dynamic-block-task-desc-container .field-list .field-item .edit-text-with-variables[color="green"] textarea {
box-shadow: 0 0 0 4px var(--usually-field-edit-state-info-bg, #badbbd);
}
.dynamic-block-task-desc-container .field-list .field-item .edit-text-with-variables[color="red"] .field-target {
box-shadow: 0 0 0 4px var(--usually-field-edit-state-info-red-bg, #f2b3b3);
border-radius: 3px;
}
.dynamic-block-task-desc-container .field-list .field-item .edit-text-with-variables[color="red"] .info-block {
background: var(--usually-field-edit-state-info-red-bg, #f2b3b3);
color: var(--black-white, #000);
padding-left: 13px;
}
.dynamic-block-task-desc-container .field-list .field-item .edit-text-with-variables[color="red"] .info-block .highlight {
background: #ff0000;
text-decoration: underline;
}
.dynamic-block-task-desc-container .field-list .field-item .edit-text-with-variables[color="red"] textarea {
box-shadow: 0 0 0 4px var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.dynamic-block-task-desc-container .field-list .field-item .edit-text-with-variables .icons {
top: -21px;
}
.dynamic-block-task-desc-container .field-list .field-item .edit-text-with-variables .cke_chrome:not(.ckeditor-panel-container) {
padding: 8px;
background: var(--white-black, #FFFFFF);
}
.dynamic-block-task-desc-container .field-list .tabs-panel-layout-target {
margin-bottom: 15px;
}
.dynamic-block-task-desc-container .field-list .tabs-panel-layout-target .container {
height: 76px;
}
.dynamic-block-task-desc-container .field-list .type-and-group-target {
display: flex;
}
.dynamic-block-task-desc-container .field-list .type-and-group-target .field-item :first-child {
margin-right: 40px;
}
.dynamic-block-task-desc-container .filter-settings-common-param-rc .label {
color: var(--default-gray, gray);
}
.dynamic-block-task-desc-container .filter-testing-target {
opacity: 0;
visibility: hidden;
height: 0;
transition: 0.3s;
}
.dynamic-block-task-desc-container .filter-testing-target .filter-testing-rc {
margin: 0;
}
.dynamic-block-task-desc-container .filter-testing-target.show {
visibility: visible;
opacity: 1;
height: 165px;
}
.dynamic-block-task-desc-container .handbook-select-data-button {
font-size: 16px;
outline: 0;
border: 0;
background: 0;
box-shadow: 0 0 0 1px var(--notice-channel-small-text, #a6a6a6);
border-radius: 2px;
cursor: pointer;
}
.dynamic-block-task-desc {
color: red;
}
.dynamic-block-task-desc svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
cursor: pointer;
}
.panel-layout-customfield-edit {
height: inherit;
display: flex;
flex-direction: column;
}
.panel-layout-customfield-edit .bottom-panel-target {
margin-top: auto;
}
.select-type-control-rc {
height: 60px;
position: relative;
}
.select-type-control-rc .buttons {
display: flex;
position: absolute;
right: 0;
top: 0;
}
.select-type-control-rc .buttons > *:not(:last-child) {
margin-right: 10px;
}
.select-type-control-rc .buttons > *.svg svg {
width: 16px;
height: 16px;
fill: #a9a9a9;
cursor: pointer;
}
.select-type-control-rc .field-type-text {
padding-bottom: 10px;
color: gray;
font-size: 12px;
}
.select-type-control-rc .field-type-block {
display: flex;
}
.select-type-control-rc .field-type-block .field-type-icon {
padding: 4px 12px;
}
.select-type-control-rc .field-type-block .field-type-icon > span {
width: 16px;
height: 16px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.select-type-control-rc .field-type-block .field-type-select {
width: 100%;
}
.select-type-control-rc .field-type-block .field-type-select select {
width: 100%;
}
.show-panel-win-block-rc {
margin-top: 18px;
}
.show-panel-win-block-rc__field-item {
width: inherit;
}
.show-panel-win-block-rc__field-item .ObjectEditFieldInput__target {
padding: 0 20px;
}
.show-panel-win-block-rc .TabsPanelLayoutV2__target {
padding: 0 20px;
}
.show-panel-win-block-rc .UsuallySwitcherV2__target {
margin: 16px 0 14px 0;
padding: 0 20px;
}
.show-panel-win-block-rc .TabsPanelLayoutV2Content__target {
margin-top: 16px;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.download-popup {
width: 640px;
padding: 0px;
padding-top: 20px;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.download-popup .g-popup-win-btn.destroy-button {
position: relative;
top: -5px;
margin-right: 20px;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.download-popup .download-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 320px;
margin-top: 85px;
background: var(--file-upload-ubloaded-block, #EAEAEA);
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.download-popup .download-container .main-image {
height: 95px;
position: relative;
top: -25px;
margin-top: -15px;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.download-popup .download-container .main-image svg {
position: relative;
top: -10px;
width: 90px;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.download-popup .download-container .about-text {
margin: 10px 0px 60px 0px;
width: 450px;
font-size: 20px;
color: var(--new-field-name-input, #5e5e5e);
text-align: center;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.download-popup .download-container .about-text-title {
font-size: 20px;
color: var(--gray-ico, #a9a9a9);
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.download-popup .download-container .submit-block {
padding-top: 0;
margin-bottom: 35px;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.download-popup .download-container .after-text {
color: var(--popup-win-header-description, #8d8d8d);
font-size: 14px;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.start-edit-popup {
width: 320px;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.start-edit-popup .main-container {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.start-edit-popup .main-container .main-image {
height: 95px;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.start-edit-popup .main-container .main-image svg {
height: 95px;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.start-edit-popup .main-container .submit-block {
padding-top: 55px;
padding-bottom: 20px;
}
.g-popup-win-scroll-content .g-popup-win-scroll-content-main.start-edit-popup .main-container .submit-block .btn-main {
margin: 0;
}
.upload-file-block-dropbox table {
padding-right: 5px;
width: 100%;
}
/*.upload-file-block-dropbox input.text-box {
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}*/
.upload-file-dropbox-zone {
border: 1px dashed var(--gray-group-border, #d4d4d4);
margin: 10px 0 0;
padding: 35px 30px 30px;
background-color: var(--white-black, #ffffff);
}
.upload-file-dropbox-zone.drag-over {
border-color: #FF8A00;
}
.upload-file-dropbox-zone-hint {
background: url("/img/upload-dropbox-icon.png") no-repeat;
color: var(--chosen-text-disabled, #989898);
font-size: 18px;
line-height: 24px;
margin: 0 0 0 90px;
vertical-align: middle;
min-height: 35px;
padding-left: 80px;
}
.g-popup-win-scroll .upload-file-dropbox-zone-hint {
margin: 0;
}
.upload-file-dropbox-zone-select-files {
color: #4573b1;
position: relative;
display: inline-block;
line-height: 1;
}
.upload-file-dropbox-zone-select-files:hover {
color: #25BB69;
}
.upload-file-dropbox-files {
cursor: pointer;
height: 100%;
opacity: 0;
overflow: hidden;
position: absolute;
width: 100%;
}
.upload-file-dropbox-files input {
cursor: pointer;
height: 100%;
font-size: 40px;
}
.upload-file-preview {
text-align: center;
width: 60px;
}
.upload-file-preview img {
max-width: 60px;
vertical-align: middle;
}
.upload-file-icon {
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
height: 100%;
width: 50px;
vertical-align: middle;
}
.upload-file-icon.text-plain {
background-image: url("/img/filetype/txt.png");
}
.upload-file-icon.application-pdf {
background-image: url("/img/filetype/pdf.png");
}
.upload-file-block.small-block .upload-file-dropbox-zone {
padding: 15px 30px;
}
.upload-file-block.small-block .upload-file-dropbox-zone-hint {
background-position: center top;
margin-top: 0;
padding-top: 43px;
padding-left: 0;
margin-left: 0;
}
.upload-file-block.small-block .upload-file-source {
width: 100%;
}
.upload-file-block.small-block .upload-file-preview {
display: none;
}
.file-new-tab-open {
color: var(--black-white, #000000);
}
.file-new-tab-open:hover {
color: var(--black-white, #000000);
text-decoration: none;
}
.file-attached-block-new-ico img {
width: 32px;
height: 32px;
}
.file-attached-block-new {
display: inline-block;
font-size: 12px;
text-align: center;
vertical-align: top;
margin: 11px 26px 11px 0;
border: 1px solid var(--action-file-preview-border, #ccc);
border-radius: 6px;
background: var(--action-file-preview, #fff);
max-width: 210px;
min-width: 210px;
}
.file-attached-block-new .file-attached-block-new-preview-wrapper {
border: none;
background: var(--action-file-preview, #fff);
}
.file-attached-block-new .file-attached-block-new-preview-wrapper .file-attached-block-new-preview .file-attached-block-remove {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
opacity: 0;
will-change: opacity;
background: var(--action-file-preview, #fff);
border-bottom-left-radius: 8px;
}
.file-attached-block-new .file-attached-block-new-preview-wrapper .file-attached-block-new-preview img[src=""] {
display: none;
}
.file-attached-block-new .file-attached-block-new-preview-wrapper .file-attached-block-new-preview:hover .file-attached-block-remove {
opacity: 1;
}
.file-attached-block-new.unclickable .file-attached-block-new-preview {
cursor: default;
}
.file-attached-block-new.file-attached-block-location .file-attached-block-new-preview {
height: 200px;
}
.file-attached-block-new .file-attached-block-new-preview-empty {
margin-left: 10px;
margin-right: 10px;
height: 125px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==') repeat;
box-sizing: border-box;
}
.file-attached-block-new .file-attached-block-new-preview-empty .file-google-map-preview {
display: table-cell;
vertical-align: middle;
width: 200px;
height: 200px;
}
.file-attached-block-new .file-attached-block-new-preview {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--action-file-preview, #fff);
cursor: pointer;
position: relative;
text-align: center;
min-width: 180px;
margin-top: 10px;
min-height: 125px;
background: var(--action-file-preview, #fff);
}
.file-attached-block-new .file-attached-block-new-preview > img {
max-width: 200px;
max-height: 200px;
}
.file-attached-block-new .file-attached-block-new-preview:not(.without-preview) .file-attached-block-new-ico {
bottom: 0;
margin-bottom: -5px;
margin-right: -10px;
position: absolute;
right: 0;
}
.file-attached-block-new .file-attached-block-new-preview:not(.without-preview).file-attached-block-new-preview-empty .file-attached-block-new-ico {
right: -8px;
}
.file-attached-block-new .file-attached-block-new-preview .file-attached-block-new-ext {
color: var(--task-card-action-file-ext-text, #C5C5C5);
font-size: 24pt;
opacity: 0.24;
padding-top: 45px;
text-align: center;
text-transform: uppercase;
}
.file-attached-block-new .file-attached-block-new-preview .file-attached-block-docerror {
color: #dc0049;
font-size: 12px;
padding-top: 45px;
text-align: center;
}
.file-attached-block-new .file-attached-block-new-preview .file-attached-block-new-video,
.file-attached-block-new .file-attached-block-new-preview .file-attached-block-new-audio {
padding-top: 36px;
z-index: 1;
position: absolute;
}
.file-attached-block-new .file-attached-block-new-preview.file-attached-block-new-preview-video {
background: #455480;
background: -moz-linear-gradient(-45deg, #455480 0%, #455480 20%, #7196ad 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #455480), color-stop(20%, #455480), color-stop(100%, #7196ad));
background: -webkit-linear-gradient(-45deg, #455480 0%, #455480 20%, #7196ad 100%);
background: -o-linear-gradient(-45deg, #455480 0%, #455480 20%, #7196ad 100%);
background: -ms-linear-gradient(-45deg, #455480 0%, #455480 20%, #7196ad 100%);
background: linear-gradient(135deg, #455480 0%, #455480 20%, #7196ad 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#455480', endColorstr='#7196ad', GradientType=1);
}
.file-attached-block-new .file-attached-block-new-preview.file-attached-block-new-preview-video .file-attached-block-new-video > img {
-webkit-filter: drop-shadow(0px 0px 5px #000000bb);
filter: drop-shadow(0px 0px 5px #000000bb);
}
.file-attached-block-new .file-attached-block-new-preview.file-attached-block-new-preview-audio {
background: #0c64b1;
background: -moz-linear-gradient(-45deg, #0c64b1 0%, #0c64b1 14%, #4fdfef 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #0c64b1), color-stop(14%, #0c64b1), color-stop(100%, #4fdfef));
background: -webkit-linear-gradient(-45deg, #0c64b1 0%, #0c64b1 14%, #4fdfef 100%);
background: -o-linear-gradient(-45deg, #0c64b1 0%, #0c64b1 14%, #4fdfef 100%);
background: -ms-linear-gradient(-45deg, #0c64b1 0%, #0c64b1 14%, #4fdfef 100%);
background: linear-gradient(135deg, #0c64b1 0%, #0c64b1 14%, #4fdfef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c64b1', endColorstr='#4fdfef', GradientType=1);
}
.file-attached-block-new .file-attached-block-new-text {
cursor: pointer;
}
.file-attached-block-new .file-attached-block-new-text:not(.without-preview) {
color: var(--black-white, #000000);
text-align: center;
margin: 7px 0 4px;
border: none;
background: var(--action-file-preview, #fff);
}
.file-attached-block-new .file-attached-block-new-text.without-preview {
color: var(--black-white, #000000);
display: flex;
width: 200px;
padding: 9px 4px 7px 4px;
border: none;
border-radius: 6px;
text-align: left;
align-items: center;
background: var(--action-file-preview, #fff);
}
.file-attached-block-new .file-attached-block-new-text.without-preview .file-attached-block-new-links {
font-size: 9px;
}
.file-attached-block-new .file-attached-block-new-text.without-preview .file-attached-block-new-links .file-attached-block-details {
height: 14px;
}
.file-attached-block-new .file-attached-block-new-text.without-preview .file-attached-block-name {
font-size: 12px;
max-width: 120px !important;
}
.file-attached-block-new .file-attached-block-new-text.without-preview .file-attached-block-name-not-ready {
font-size: 12px;
max-width: 150px !important;
}
.file-attached-block-new .file-attached-block-new-text.without-preview .file-attached-block-more {
margin-left: auto;
}
.file-attached-block-new .file-attached-block-new-text .download-file,
.file-attached-block-new .file-attached-block-new-text .download-file-link,
.file-attached-block-new .file-attached-block-new-text .file-attached-block-name {
color: var(--black-white, #000000);
text-decoration: none;
}
.file-attached-block-new .file-attached-block-new-text .download-file:not(.download-file-link),
.file-attached-block-new .file-attached-block-new-text .download-file-link:not(.download-file-link),
.file-attached-block-new .file-attached-block-new-text .file-attached-block-name:not(.download-file-link) {
margin-left: 6px;
}
.file-attached-block-new .file-attached-block-new-text.no-preview-report .report-no-preview {
width: calc(100% - 36px);
}
.file-attached-block-new .file-attached-block-new-text.no-preview-report .file-attached-block-name {
max-width: 100% !important;
}
.file-attached-block-new .file-attached-block-new-text.no-preview-report .file-open-history {
margin-left: unset;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-name {
padding-bottom: 2px;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-name .file-attached-block-name,
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-name .file-attached-block-name-not-ready {
border-bottom: none;
text-decoration: none;
max-width: 175px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-name .file-attached-block-name.template {
border-bottom-color: #7F00A3;
color: #7F00A3;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links {
font-size: 10px;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links .file-attached-block-details {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
align-items: center;
position: relative;
height: 22px;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links .file-attached-block-details .details-download-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: var(--gray-ico, #a9a9a9);
margin-bottom: 2px;
height: 100%;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links .file-attached-block-details .details-download-block .download-file {
color: var(--gray-ico, #a9a9a9);
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links .file-attached-block-details .details-download-block .file-new-tab-open {
flex-grow: 1;
height: 100%;
width: 100%;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links .file-attached-block-details .details-download-block .file-new-tab-open .left,
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links .file-attached-block-details .details-download-block .file-new-tab-open .right {
height: 100%;
width: 100%;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links .file-attached-block-details .details-download-block .download-file-items {
flex-shrink: 0;
flex-grow: 2;
display: flex;
align-items: center;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links .file-attached-block-details .details-download-block .download-file-items .download-file-link {
display: flex;
align-items: center;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links .file-attached-block-details .file-attached-block-more {
font-size: 13px;
position: absolute;
right: 0;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links .file-attached-block-details .download-file:hover {
text-decoration: underline;
}
.file-attached-block-new .file-attached-block-new-text .file-attached-block-new-links .file-attached-block-details .file-open-history {
cursor: pointer;
}
.file-attached-block-new.file-attached-block-link .file-attached-block-new-text.without-preview {
padding-top: 0;
padding-bottom: 0;
align-items: center;
}
.file-attached-block-new.file-attached-block-link .file-attached-block-new-text.without-preview .file-new-tab-open {
padding-top: 9px;
padding-bottom: 7px;
}
.file-attached-block-new.file-attached-block-link .file-attached-block-new-text.without-preview .file-attached-block-link-name-link {
flex: 1;
height: 100%;
}
.file-attached-block-new.file-attached-block-link .file-attached-block-new-text.without-preview .file-attached-block-link-name-link .file-attached-block-link-name-block {
height: 43px;
display: flex;
align-items: center;
}
.table-actions-v2 .actions-item-v2-normal .actions-item-v2-normal-content .actions-item-v2-normal-bubble .file-attached-block-new-preview img {
max-width: 200px;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new {
font-size: 11px;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-preview-wrapper {
border: none;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-preview-wrapper .file-attached-block-new-preview {
min-width: 180px;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-preview-wrapper .file-attached-block-new-preview.file-attached-block-new-preview-empty {
min-width: 180px;
margin: 0 10px;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-preview-wrapper .file-attached-block-new-preview.without-header {
margin-top: 10px;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-preview-wrapper .file-attached-block-new-preview:not(.without-preview).file-attached-block-new-preview-empty .file-attached-block-new-ico {
right: -10px;
margin-bottom: -10px;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-text {
border: none;
padding: 0;
margin: 6px 13px 7px 8px;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-text .file-attached-block-name {
font-size: 12px;
color: var(--black-white, #000000);
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-text.without-preview {
margin-top: 13px;
width: auto;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-text.without-preview .file-attached-block-name {
font-size: 12px;
max-width: 135px !important;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-text a {
color: var(--black-white, #000000);
}
.fake-core-menu {
position: absolute;
z-index: 100;
border: none;
padding: 2px;
box-shadow: 0 1px 5px var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.15));
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
bottom: 0;
left: 100%;
border-radius: 3px;
background-color: var(--white-black, white);
}
.fake-core-menu span {
padding: 4px 25px 4px 35px;
cursor: pointer;
text-align: left;
white-space: nowrap;
color: var(--gray-dark-icon, #626262);
background-color: var(--white-black, white);
border-radius: 3px;
-webkit-transition: background 20ms ease;
-moz-transition: background 20ms ease;
-o-transition: background 20ms ease;
-ms-transition: background 20ms ease;
transition: background 20ms ease;
}
.fake-core-menu span:hover {
background-color: var(--resize-overlay, #eee);
}
.file-edit-display-blog-background {
background-color: #000000;
height: 100%;
left: 0;
opacity: 0.15;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.file-edit-show-save-window-background {
position: relative;
}
.file-edit-show-save-window {
position: relative;
font-size: 10pt;
height: 142px;
padding: 23px 20px 6px;
}
.file-edit-show-save-window-close {
position: absolute;
right: 0;
top: 0;
}
.file-edit-show-save-window-close:hover .iconset-16px {
background-position: 0 -80px;
}
.file-edit-show-save-window-title-header {
font-size: 14pt;
color: #4a4a4a;
}
.file-edit-show-save-window-content {
text-align: center;
}
.file-edit-show-save-window-name {
margin: 21px 0;
display: inline-block;
width: auto;
white-space: nowrap;
}
.file-edit-show-save-window-name-icon {
margin: 5px;
display: inline-block;
vertical-align: bottom;
}
.file-edit-show-save-window-name-title {
display: inline-block;
max-width: 280px;
overflow: hidden;
padding: 14px 0;
text-overflow: ellipsis;
vertical-align: bottom;
}
.file-edit-show-save-window-buttons {
text-align: center;
}
.file-edit-show-save-window-buttons .button-save-edit-google-drive {
margin-right: 11px;
}
.file-thumbnail {
display: inline-block;
padding: 40px 40px 0 0;
text-align: center;
font-size: 9pt;
}
.file-thumbnail .file-thumbnail-name {
display: block;
padding-top: 10px;
color: #7F7F7F;
max-width: 200px;
word-wrap: break-word;
}
.file-thumbnail > a {
padding: 3px;
border: 1px dashed #ccc;
display: inline-block;
}
.common-filter-left-panel-block-rc {
background-color: #262C43;
width: 280px;
height: 100%;
transition: 0.15s;
}
.common-filter-left-panel-block-rc .section-list {
padding: 55px 15px 15px 15px;
}
.common-filter-left-panel-block-rc .section-list .section-item {
display: flex;
margin: 5px 0;
padding: 12px 10px 12px 24px;
border-radius: 6px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.common-filter-left-panel-block-rc .section-list .section-item .icon {
width: 16px;
}
.common-filter-left-panel-block-rc .section-list .section-item .icon svg {
vertical-align: top;
width: 16px;
height: 16px;
fill: none;
}
.common-filter-left-panel-block-rc .section-list .section-item .text {
padding-left: 16px;
font-size: 14px;
}
.common-filter-left-panel-block-rc .section-list .section-item.active {
cursor: default;
}
.common-filter-left-panel-block-rc .section-list .section-item.active .icon svg {
fill: none;
}
.common-filter-left-panel-block-rc .scs-leftmenu-item.active {
background: var(--activeFilter);
color: var(--activeFilterElement);
}
.common-filter-left-panel-block-rc .scs-leftmenu-item.active.stroke {
stroke: var(--activeFilterElement);
}
.common-filter-left-panel-block-rc .scs-leftmenu-item.active:not(.stroke) {
fill: var(--activeFilterElement);
}
.common-filter-left-panel-block-rc .scs-leftmenu-item:not(.active) {
color: var(--notActiveFilterText);
}
.common-filter-left-panel-block-rc .scs-leftmenu-item:not(.active).stroke {
stroke: var(--notActiveFilterText);
}
.common-filter-left-panel-block-rc .scs-leftmenu-item:not(.active):not(.stroke) {
fill: var(--notActiveFilterText);
}
.common-filter-left-panel-block-rc .scs-leftmenu-item:not(.active):hover {
background: var(--notActiveFilterHover);
}
.scs-leftmenu-icon.arrow-back.fill {
fill: var(--activeFilterElement);
}
.scs-af-fill > svg {
fill: var(--activeSlider);
}
.scs-af-background {
background: var(--activeSlider);
}
.scs-af-box-shadow-inset0004 {
box-shadow: inset 0 0 0 4px var(--activeFilter);
}
.common-filter-win-block-rc {
display: flex;
height: 100%;
}
.common-win-with-section-block-rc {
display: flex;
height: 100%;
}
.common-win-with-section-block-rc .right-block {
display: flex;
flex-direction: column;
width: 100%;
}
.common-win-with-section-block-rc .right-block .filter-settings-title-rc {
height: 43px;
width: 710px;
margin: 30px 30px 0 30px;
overflow: hidden;
text-overflow: ellipsis;
}
.common-win-with-section-block-rc .right-block .filter-settings-title-rc .top-text {
font-size: 13px;
color: var(--common-filter-top-text, #A3A3A3);
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.common-win-with-section-block-rc .right-block .filter-settings-title-rc .title-text {
display: inline;
font-size: 22px;
color: var(--common-filter-title-text, #444444);
white-space: nowrap;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.common-win-with-section-block-rc .right-block .filter-settings-title-rc .title-text:not(.disable) {
cursor: pointer;
}
.common-win-with-section-block-rc .right-block .filter-settings-title-rc .title-text:not(.disable):hover {
border-bottom: 1px dashed var(--common-filter-title-text, #444444);
}
.common-win-with-section-block-rc .right-block .filter-settings-title-rc .title-input input {
width: 330px;
padding: 0;
margin-left: 0;
margin-top: 0;
font-size: 22px;
color: var(--common-filter-title-text, #444444);
border: none;
outline: none;
background-color: var(--white-black, #fff);
}
.common-win-with-section-block-rc .right-block .title-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.common-win-with-section-block-rc .right-block .custom-title-block {
margin: 32px 0 0 30px;
}
.common-win-with-section-block-rc .right-block .custom-title-block button {
background: #ffffff;
color: #ffffff;
border: none;
border-radius: 4px;
outline: none;
cursor: pointer;
line-height: 0.9em;
font-size: 14px;
}
.common-win-with-section-block-rc .right-block .custom-title-block button[data-id="select"] {
padding: 0.65em 2.7em 0.7em;
}
.common-win-with-section-block-rc .right-block .custom-title-block button[data-id="back"] {
margin: 0 8px;
padding: 0.65em 1.3em 0.7em;
color: #949494;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.common-win-with-section-block-rc .right-block .bottom-panel-target {
margin-top: auto;
}
.common-win-with-section-block-rc .right-block .chzn-container:not(.chzn-container-active) .chzn-drop {
display: none;
}
.common-win-with-section-block-rc .right-block .separator-settings-group {
position: relative;
margin: 20px 32px 20px 0;
padding: 8px;
border-radius: 3px;
background-color: var(--grey-list-border, #DFDFDF);
font-size: 15px;
font-weight: 600;
color: var(--setting-columns-text, #525252);
}
.common-win-with-section-block-rc .right-block .separator-settings-group:first-letter {
text-transform: uppercase;
}
.common-win-with-section-block-rc .right-block .separator-settings-group .checkbox {
position: absolute;
top: 0;
right: 0;
padding: 0 10px;
}
.dialog-layout {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: none;
z-index: 23;
pointer-events: none;
overflow: hidden;
}
.dialog-layout.draggable {
pointer-events: all;
}
.dialog-layout.draggable .draggable-block {
cursor: grabbing;
}
.dialog-layout.common-dialog {
z-index: 26;
}
.dialog-layout.from-search-block {
z-index: 23;
}
.dialog-layout.from-menu {
z-index: 101;
}
.dialog-win-rc {
position: absolute;
display: flex;
flex-direction: column;
background: var(--white-black, white);
box-shadow: 0 0 9px 0 var(--dialog-box-shadow);
pointer-events: all;
z-index: 0;
}
body.dark-theme .dialog-win-rc {
background-color: #1a1c21 !important;
}
.dialog-win-rc .dialog-bottom-panel-target {
margin-top: auto;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.dialog-win-rc .draggable-block {
min-height: 32px;
flex: none;
cursor: grab;
}
.dialog-win-rc .draggable-block.isset-title {
background: var(--white-black, #ffffff);
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.dialog-win-rc .draggable-block .title-block {
padding: 20px 0 20px 20px;
color: var(--popup-win-header, #747474);
font-size: 22px;
}
.dialog-win-rc .content {
height: calc(100% - 34px);
}
.dialog-win-rc .buttons {
position: absolute;
top: 16px;
right: 16px;
}
.dialog-win-rc .buttons .icon {
margin-left: 8px;
cursor: pointer;
}
.dialog-win-rc .buttons .icon svg {
width: 16px;
height: 16px;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.dialog-win-rc .buttons .icon[data-type="testing"] svg,
.dialog-win-rc .buttons .icon[data-type="close"] svg {
fill: none !important;
stroke-miterlimit: 10;
stroke: var(--gray-ico, #a9a9a9);
}
.dialog-win-rc .buttons .icon:hover[data-type="close"] svg {
stroke: red;
transform: rotateZ(-90deg);
}
.dialog-win-rc .buttons .icon:hover[data-type="testing"] svg {
stroke: green;
}
.faster-filter-rc {
height: 100%;
padding: 0 20px;
}
.faster-filter-rc .title {
font-size: 22px;
color: var(--gray-input-border, #444);
cursor: default;
}
.faster-filter-rc .filter-condition {
margin: 15px 0 15px 14px;
}
.faster-filter-button-rc .container {
display: flex;
height: 28px;
}
.faster-filter-button-rc .container .search-title-block {
display: flex;
margin-left: 5px;
border-radius: 6px;
box-shadow: 0 0 0 1px var(--task-card-add-action-borded, #eaeaea);
background-color: var(--white-black, #ffffff);
width: 283px;
transition: 0.15s;
padding-right: 2px;
}
.faster-filter-button-rc .container .search-title-block input {
width: 100%;
padding: 6px 0;
font-size: 13px;
color: var(--chosen-icon-active, #757575);
outline: none;
background: none;
border: none;
opacity: 1;
transition: 0.15s;
}
.faster-filter-button-rc .container .search-title-block input::placeholder {
color: var(--gray-input-border, #bbb);
}
.faster-filter-button-rc .container .search-title-block .icons {
display: flex;
}
.faster-filter-button-rc .container .search-title-block .icons .icon {
display: flex;
width: 0;
opacity: 0;
visibility: hidden;
margin: auto;
padding: 0;
background: none;
transition: 0.15s;
border-radius: 6px;
cursor: pointer;
overflow: hidden;
}
.faster-filter-button-rc .container .search-title-block .icons .icon svg {
margin: auto;
width: 14px;
height: 14px;
stroke: var(--planner-search-icons, #bbb);
fill: none;
}
.faster-filter-button-rc .container .search-title-block .icons .icon:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
}
.faster-filter-button-rc .container .search-title-block .icons .icon.show {
width: 24px;
height: 24px;
opacity: 1;
visibility: visible;
}
.faster-filter-button-rc .container .search-title-block .icons .icon.filtered svg circle {
fill: var(--activeButton, #898989);
stroke: var(--activeButton, #898989);
}
.faster-filter-button-rc .container .search-title-block .icons .icon.filtered svg line {
stroke: var(--activeButtonElements, #fff);
}
.faster-filter-button-rc .container .search-title-block .icons .icon[data-icon-type="close"] svg {
width: 12px;
height: 12px;
}
.faster-filter-button-rc .container .search-title-block .search-icon {
padding: 0 8px;
flex: none;
align-items: center;
display: flex;
justify-content: center;
transition: 0.15s;
}
.faster-filter-button-rc .container .search-title-block .search-icon svg {
width: 14px;
height: 14px;
fill: none;
stroke: var(--planner-search-icons, #bbbbbb);
}
.faster-filter-button-rc.collapsed .container {
width: 40px;
}
.faster-filter-button-rc.collapsed .container .search-title-block {
box-shadow: none;
background: none;
}
.faster-filter-button-rc.collapsed .container .search-title-block input {
opacity: 0;
width: 0;
visibility: hidden;
}
.faster-filter-button-rc.collapsed .container .search-title-block .search-icon {
padding: 0;
cursor: pointer;
}
.filter-condition-component .task-filter-cases-container,
.filter-condition-component .task-filter-logic-container {
display: flex;
}
.filter-condition-component .task-filter-cases-container .task-filter-label,
.filter-condition-component .task-filter-logic-container .task-filter-label {
width: 88px;
padding: 20px 7px 20px 10px;
color: var(--task-filter-label, #7a7a7a);
vertical-align: top;
line-height: 1.3;
}
.filter-condition-component .task-filter-cases-container {
background: none;
}
.filter-condition-component .task-filter-cases-container .task-filter-label {
padding: 20px 7px 20px 10px;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases {
display: flex;
flex-direction: column;
margin-left: -14px;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case {
position: relative;
width: max-content;
margin: 6px 0;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-type {
padding: 0;
background: none;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-type .task-filter-sort-move {
padding: 0 4px 6px 4px;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-type .task-filter-sort-move svg {
fill: var(--task-filter-sort-svg, #979797);
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case .favorite-item {
padding: 5px;
margin-top: 3px;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-operator {
margin-top: 0;
z-index: 0;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value {
position: relative;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value input {
font-size: 13px;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-number {
margin: 4px 0 4px 12px;
min-width: 11px !important;
text-align: center;
border-radius: 10px;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-close {
vertical-align: middle;
margin: 6px 0 6px 13px;
padding-left: 0 !important;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green:before,
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red:before {
content: '';
position: absolute;
top: -4px;
bottom: -3px;
left: 10px;
right: 74px;
background: none;
border-radius: 6px;
z-index: 0;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green:before {
background-color: var(--usually-field-edit-state-info-bg, #badbbd);
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red:before {
background-color: var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .task-filter-case.zero-case-add-more .chzn-single {
color: var(--core-dropdown-text, #9c9c9c);
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .container-add .block-add {
position: relative;
display: flex;
width: max-content;
height: 17px;
margin: 18px 12px 12px 14px;
cursor: pointer;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .container-add .block-add .icon-plus {
margin-right: 6px;
z-index: 0;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .container-add .block-add .icon-plus svg {
width: 16px;
height: 16px;
fill: #62A70A;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .container-add .block-add .fakelink-dashed {
color: #5881B8;
border-bottom: none;
padding-left: 2px;
z-index: 0;
}
.filter-condition-component .task-filter-cases-container .task-filter-cases .container-add .block-add:hover:before {
content: "";
position: absolute;
top: -5px;
bottom: -4px;
left: -8px;
right: -10px;
background: var(--task-filter-block-add-hover, #d1d1d18f);
border-radius: 5px;
z-index: 0;
}
.filter-condition-component .task-filter-logic-container {
background: none;
}
.filter-condition-component .task-filter-logic-container .task-filter-label {
padding: 10px 7px 20px 10px;
}
.filter-condition-component .task-filter-logic {
width: 100%;
}
.filter-condition-component .task-filter-logic .task-filter-logic-wrapper {
display: block;
}
.filter-condition-component .task-filter-logic .task-filter-logic-wrapper .label-filter-logic {
font-size: 12px;
color: var(--task-card-action-normal-author, #a7a7a7);
padding-bottom: 6px;
}
.filter-condition-component .task-filter-logic .task-filter-logic-wrapper input {
width: calc(100% - 40px);
max-width: 780px;
}
.filter-condition-component .task-filter-logic.marker-green input {
border-radius: 1px;
box-shadow: 0 0 6px -1px var(--usually-field-edit-state-info-bg, #badbbd);
}
.filter-condition-component .task-filter-logic.marker-red input {
border-radius: 1px;
box-shadow: 0 0 6px -1px var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.filter-condition-component.empty-cases .task-filter-cases .task-filter-case .task-filter-case-value,
.filter-condition-component.empty-cases .task-filter-cases .task-filter-case .task-filter-sort-move svg,
.filter-condition-component.empty-cases .task-filter-cases .task-filter-case .task-filter-case-number,
.filter-condition-component.empty-cases .task-filter-cases .task-filter-case .task-filter-case-menu-for-item,
.filter-condition-component.empty-cases .task-filter-cases .task-filter-case .task-filter-case-close,
.filter-condition-component.empty-cases .task-filter-cases .task-filter-case .task-filter-case-operator {
display: none !important;
}
.filter-condition-component.empty-cases .task-filter-cases .container-add {
display: none !important;
}
.filter-condition-component.empty-cases .task-filter-logic-container {
display: none !important;
}
.filter-condition-component.empty-cases .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green:before,
.filter-condition-component.empty-cases .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red:before {
right: -5px;
}
.filter-condition-component.faster-filter .container-add,
.filter-condition-component.faster-filter .task-filter-logic-container,
.filter-condition-component.faster-filter .task-filter-case-menu-for-item,
.filter-condition-component.faster-filter .task-filter-sort-move {
display: none !important;
}
.filter-condition-component.faster-filter .task-filter-case-number {
opacity: 0;
}
.filter-condition-component.faster-filter .task-filter-cases .task-filter-case.empty-case .task-filter-case-number,
.filter-condition-component.faster-filter .task-filter-cases .task-filter-case.empty-case .task-filter-case-close {
display: none !important;
}
.filter-condition-component.new-style .task-filter-cases-container .task-filter-cases .task-filter-case {
margin: 5px 0 8px 0;
}
.filter-condition-component.new-style .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-type {
height: auto;
}
.filter-condition-component.new-style .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-type-2 {
height: auto;
padding: 0 0 0 10px;
background: none;
}
.filter-condition-component.new-style .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-operator select {
padding: 7px;
height: 31px;
}
.filter-condition-component.new-style .task-filter-cases-container .task-filter-cases .task-filter-case select {
padding: 8px;
box-shadow: 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 5px;
border: none;
}
.filter-condition-component.new-style .task-filter-cases-container .task-filter-cases .task-filter-case input.text-box {
padding: 8px;
box-shadow: 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 5px;
border-bottom: none;
}
.filter-condition-component.new-style .chzn-container {
padding: 3px;
box-shadow: 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 5px;
border-bottom: none;
}
.filter-condition-component.new-style .chzn-container:not(.chzn-container-multi) {
height: 25px;
}
.filter-condition-component.new-style .chzn-container .chzn-single {
border-bottom: none;
}
.filter-condition-component.new-style .chzn-drop {
padding: 10px 4px;
box-shadow: 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 5px;
}
.filter-condition-component.new-style .chzn-drop .chzn-search .chzn-search-border {
padding: 4px;
box-shadow: 0 0 0 1px var(--ddl-menu-separator, #c4c4c4);
border-radius: 3px;
border: none;
margin: 0 7px;
}
.filter-condition-component.new-style .chzn-drop .chzn-search .chzn-search-border .svg-icon-16px {
display: none;
}
.filter-condition-modern-component {
/*
&:has(> .task-filter-cases-container + .task-filter-logic-container) > .task-filter-cases-container:first-child {
border-radius: 6px 6px 0 0;
}
&:has(> .task-filter-cases-container + .task-filter-logic-container) > .task-filter-logic-container:last-child {
border-radius: 0 0 6px 6px;
}
*/
/* чтобы в IE/старом Edge не показывалась своя стрелка */
/**
* это блок, который был .new-style
* .new-style мы убрали и немного кастомизируем под модальное окно
*/
}
.filter-condition-modern-component * {
box-sizing: border-box;
}
.filter-condition-modern-component .task-filter-cases-container,
.filter-condition-modern-component .task-filter-logic-container {
margin-right: 20px;
background-color: var(--gray-modal-background, #ebebeb);
margin-bottom: 5px;
}
.filter-condition-modern-component .task-filter-cases-container {
padding: 15px 8px;
}
.filter-condition-modern-component .task-filter-logic-container {
padding: 7px 8px;
}
.filter-condition-modern-component > .task-filter-cases-container {
border-radius: 6px;
}
.filter-condition-modern-component > .task-filter-cases-container.task-filter-cases-container_round {
border-radius: 6px;
}
.filter-condition-modern-component:not(.empty-cases) > .task-filter-cases-container {
border-radius: 6px 6px 0 0;
}
.filter-condition-modern-component:not(.empty-cases) > .task-filter-logic-container {
border-radius: 0 0 6px 6px;
}
.filter-condition-modern-component:not(.faster-filter) > .task-filter-cases-container {
padding-top: 0;
padding-bottom: 0;
background-color: transparent;
}
.filter-condition-modern-component:not(.faster-filter) > .task-filter-logic-container {
border-radius: 6px;
}
.filter-condition-modern-component:not(.faster-filter) .task-filter-cases-container .task-filter-cases {
width: 100%;
}
.filter-condition-modern-component:not(.faster-filter) .task-filter-cases-container .task-filter-cases .task-filter-case {
width: 100%;
margin: 0;
padding: 7px 0;
background-color: var(--gray-modal-background, #ebebeb);
border-radius: 6px;
box-shadow: -8px 0 0 var(--gray-modal-background, #ebebeb), 8px 0 0 var(--gray-modal-background, #ebebeb);
}
.filter-condition-modern-component:not(.faster-filter) .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-number {
background-color: var(--gray-modal-background, #ebebeb);
}
.filter-condition-modern-component:not(.faster-filter) .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines .task-filter-case-number {
top: 13px;
}
.filter-condition-modern-component:not(.faster-filter) .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green:before,
.filter-condition-modern-component:not(.faster-filter) .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red:before {
content: none;
}
.filter-condition-modern-component:not(.faster-filter) .task-filter-cases-container .task-filter-cases .task-filter-case + .task-filter-case {
margin-top: 5px;
}
.filter-condition-modern-component:not(.faster-filter) .task-filter-cases-container .task-filter-cases .container-add {
margin-top: 5px;
background-color: var(--gray-modal-background, #ebebeb);
border-radius: 6px;
box-shadow: -8px 0 0 var(--gray-modal-background, #ebebeb), 8px 0 0 var(--gray-modal-background, #ebebeb);
}
.filter-condition-modern-component:not(.faster-filter) .task-filter-cases-container .task-filter-cases .container-add .block-add {
margin-top: 9px;
margin-bottom: 9px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases {
margin-left: 0;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-line-break {
display: none;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-type-only .task-filter-case-type select {
width: 600px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-type-only .task-filter-case-type .chzn-container {
width: 600px !important;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines {
flex-wrap: wrap;
row-gap: 0;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines .task-filter-case-line-break {
display: block;
flex: 0 0 100%;
height: 0;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines:not(.task-filter-case-2-type-controls) .task-filter-case-type select {
width: 427px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines:not(.task-filter-case-2-type-controls) .task-filter-case-type .chzn-container {
width: 471px !important;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines .task-filter-case-value {
flex: 0 1 auto;
width: auto;
max-width: calc(100% - 95px);
margin-top: 7px;
margin-left: 20px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines .task-filter-case-value select.task-filter-case-value-date {
width: 260px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-2-type-controls .task-filter-case-type-2 select {
width: 260px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-2-type-controls .task-filter-case-type-2 .chzn-container {
width: 260px !important;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines .task-filter-case-number {
top: 9px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-wide-value .task-filter-case-value {
display: flex;
align-items: center;
width: 600px;
max-width: calc(100% - 95px);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-wide-value .task-filter-case-value > select {
width: 100%;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-wide-value .task-filter-case-value > .chzn-container {
flex: 1 1 auto;
min-width: 0;
width: 100% !important;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-wide-value .task-filter-case-value > .handbook-select-data-button {
flex: 0 0 auto;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-wide-value .task-filter-case-compare-fields {
width: 100%;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-wide-value .task-filter-case-compare-fields .chzn-container,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-wide-value .task-filter-case-compare-fields .input-icon-wrapper {
flex: 1 1 0;
min-width: 0;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-wide-value .task-filter-case-compare-fields .chzn-container {
width: auto !important;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-wide-value .task-filter-case-compare-fields .compare-fields-operator {
flex: 0 0 60px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-wide-value .task-filter-case-compare-fields .task-filter-case-operator-fields-compare {
flex: 0 0 68px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines.task-filter-case-wide-value .task-filter-case-compare-fields .input-icon-wrapper .compare-fields-2 {
width: 100%;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines .task-filter-case-close {
margin-top: 7px;
margin-bottom: 0;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-two-lines .task-filter-case-menu-for-item {
margin-top: 7px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-type {
height: unset;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-type select {
width: 390px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-type .task-filter-sort-move {
width: 15px;
padding: 6px 5px;
height: unset;
vertical-align: middle;
margin-left: -5px;
margin-right: 10px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-type .task-filter-sort-move svg {
width: 5px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .chzn-container.modern-design {
font-size: 14px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .chzn-container.modern-design.chzn-container-single {
height: 32px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .chzn-container.modern-design .chzn-single {
height: 30px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .chzn-container.modern-design .chzn-single .chzn-select-icon-wrap .chzn-triangle-down {
margin-top: 7px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .chzn-container.modern-design.chzn-container-multi {
min-height: 32px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .chzn-container.modern-design.chzn-container-multi .chzn-choices {
min-height: 30px;
padding: 5px 0 5px 15px;
row-gap: 4px;
font-size: 14px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .chzn-container.modern-design.chzn-container-multi .chzn-choices .search-choice {
height: 20px;
margin: 0 5px 0 0;
padding-top: 3px;
padding-bottom: 3px;
font-size: 14px;
line-height: 14px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .chzn-container.modern-design.chzn-container-multi .chzn-choices .search-field input {
height: 20px;
margin: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case select.text-box,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case input.text-box {
height: 32px;
font-size: 14px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .favorite-item {
width: 26px;
height: 26px;
margin-top: 0;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-operator {
margin-left: 12px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-operator-fields-compare > select,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-operator > select {
border: 1px solid var(--grey-list-border, #dedede);
border-radius: 6px;
width: 68px;
text-align: center;
text-align-last: center;
padding: 5px 30px 6px 6px !important;
color: var(--Theme-colors-BlueSteel, #5881B8);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green:before,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red:before {
top: -2px;
bottom: -2px;
left: 18px;
right: 73px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .marker-red .task-filter-case-operator > select {
background-color: var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .marker-green .task-filter-case-operator > select {
background-color: var(--usually-field-edit-state-info-bg, #badbbd);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-close {
display: inline-block;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-close:hover .svg-icon-stroke.red {
stroke: var(--fakelink-dashed-red, #bbbbbb);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .svg-icon-stroke.red {
stroke: var(--gray-input-border, #bbbbbb);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-number {
position: absolute;
left: -5px;
margin: 0;
color: var(--gray-dark-icon, #626262);
background-color: var(--gray-modal-background, #ebebeb);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value {
min-width: 0;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value > select,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value > input,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value > .chzn-container {
max-width: 100%;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value select {
padding-right: 26px !important;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value .text-box {
border: 1px solid var(--grey-list-border, #dedede);
border-radius: 6px;
padding: 6px 14px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value input.task-filter-case-value-certday-from,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value input.task-filter-case-value-certday-to,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value input.task-filter-case-value-period {
width: 54px;
padding: 6px 5px;
text-align: center;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value .task-filter-case-week-day {
width: 125px;
padding-left: 6px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value input.task-filter-case-value-date[type=text] {
width: 98px;
padding: 6px 5px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-value .handbook-select-data-button {
user-select: none;
padding: 0 2px 0 2px;
font-size: 16px;
outline: 0;
background: none;
border: none;
box-shadow: 0 0 0 1px var(--task-card-action-normal-author, #a6a6a6);
border-radius: 2px;
cursor: pointer;
color: var(--task-card-action-normal-author, #a6a6a6);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red .task-filter-case-type .chzn-container,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red .task-filter-case-type-2 .chzn-container,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red .task-filter-case-operator > select,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red .task-filter-case-value .chzn-container,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red .task-filter-case-value .text-box {
box-shadow: 0 0 5px -1px var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red .task-filter-case-operator .text-box,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-red .task-filter-case-value .text-box {
border-color: var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green .task-filter-case-type .chzn-container,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green .task-filter-case-type-2 .chzn-container,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green .task-filter-case-operator > select,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green .task-filter-case-value .chzn-container,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green .task-filter-case-value .text-box {
box-shadow: 0 0 5px -1px var(--usually-field-edit-state-info-bg, #badbbd);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green .task-filter-case-operator .text-box,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.marker-green .task-filter-case-value .text-box {
border-color: var(--usually-field-edit-state-info-bg, #badbbd);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case.task-filter-case-2-type-controls .task-filter-case-type .chzn-container {
width: 295px !important;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-type-2 {
background: none;
height: unset;
padding: 0 0 0 6px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-type-2 select {
width: 165px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-compare-fields {
display: flex;
align-items: center;
gap: 10px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-compare-fields .compare-fields-1,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-compare-fields .compare-fields-2 {
width: 200px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-compare-fields .compare-fields-operator {
width: 60px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-compare-fields .input-icon-wrapper {
position: relative;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-compare-fields .input-icon-wrapper input.has-icon {
padding-right: 25px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-compare-fields .input-icon-wrapper .input-icon-block {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 25px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding-right: 5px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-compare-fields .input-icon-wrapper .input-icon-block .svg-icon-stroke svg {
stroke: var(--gray-input-border, #bbbbbb);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-compare-fields .input-icon-wrapper .input-icon-block:hover .svg-icon-stroke svg {
stroke: var(--activeButton, #0fabdd);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-close,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-menu-for-item,
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case .task-filter-case-test-result {
flex-shrink: 0;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .container-add .block-add {
margin-left: 28px;
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .container-add .block-add .icon-plus svg {
width: 11px;
height: 11px;
stroke: var(--Theme-colors-BlueSteel, #5881B8);
}
.filter-condition-modern-component .task-filter-cases-container .task-filter-cases .placeholder-wrapper .placeholder {
height: 32px !important;
}
.filter-condition-modern-component .task-filter-logic {
border-radius: 8px;
}
.filter-condition-modern-component .task-filter-logic .task-filter-logic-wrapper {
border: 1px solid var(--grey-list-border, #dedede);
border-radius: 6px;
padding: 0;
overflow: hidden;
}
.filter-condition-modern-component .task-filter-logic .task-filter-logic-wrapper .label-filter-logic {
padding: 10px 15px 0;
background-color: var(--white-black, #fff);
}
.filter-condition-modern-component .task-filter-logic .task-filter-logic-wrapper input {
padding: 3px 15px 11px;
width: 100%;
max-width: 100%;
border: none;
color: var(--Theme-colors-BlueSteel, #5881B8);
font-size: 15px;
}
.trigger-create .filter-condition-modern-component .task-filter-logic .task-filter-logic-wrapper input {
width: 100%;
}
.filter-condition-modern-component .task-filter-logic .task-filter-logic-note {
border-top: 1px solid var(--grey-list-border, #dedede);
padding: 7px 15px 4px;
background-color: rgba(136, 144, 155, 0.25);
color: #4b4b4b;
font-size: 12px;
}
.filter-condition-modern-component .task-filter-logic.marker-green input,
.filter-condition-modern-component .task-filter-logic.marker-red input {
box-shadow: unset;
}
.filter-condition-modern-component .task-filter-logic.marker-green {
box-shadow: 0 0 6px -1px var(--usually-field-edit-state-info-bg, #badbbd);
}
.filter-condition-modern-component .task-filter-logic.marker-green .task-filter-logic-wrapper {
border-color: var(--usually-field-edit-state-info-bg, #badbbd);
}
.filter-condition-modern-component .task-filter-logic.marker-green .task-filter-logic-note {
border-top-color: var(--usually-field-edit-state-info-bg, #badbbd);
}
.filter-condition-modern-component .task-filter-logic.marker-red {
box-shadow: 0 0 6px -1px var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.filter-condition-modern-component .task-filter-logic.marker-red .task-filter-logic-wrapper {
border-color: var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.filter-condition-modern-component .task-filter-logic.marker-red .task-filter-logic-note {
border-top-color: var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.filter-condition-modern-component select.text-box {
/* сбрасываем нативную стрелку */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/**
* через currentColor мы менять цвет иконки не можем
* поэтому используем две иконки разных цветов для тем
*/
background-image: var(--icon-select);
background-repeat: no-repeat;
background-position: right 0.65rem center;
background-size: 1rem 1rem;
}
.filter-condition-modern-component select.text-box::-ms-expand {
display: none;
}
.filter-condition-modern-component.faster-filter .task-filter-cases-container {
background-color: unset;
margin: 0;
padding: 0;
}
.filter-condition-modern-component.faster-filter .task-filter-cases-container .task-filter-cases {
margin-left: -14px;
}
.g-popup-win-scroll.common-filter-settings-dialog {
scrollbar-gutter: stable both-edges;
}
.common-filter-win-block-rc .right-block {
display: flex;
flex-direction: column;
width: 100%;
}
.common-filter-win-block-rc .right-block .filter-settings-title-rc {
width: 710px;
margin: 30px 30px 0 30px;
text-overflow: ellipsis;
}
.common-filter-win-block-rc .right-block .filter-settings-title-rc .top-text {
font-size: 13px;
color: var(--common-filter-top-text, #A3A3A3);
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.common-filter-win-block-rc .right-block .filter-settings-title-rc .title-text {
display: inline;
font-size: 22px;
color: var(--common-filter-title-text, #444444);
cursor: pointer;
word-break: break-all;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.common-filter-win-block-rc .right-block .filter-settings-title-rc .title-text:hover {
border-bottom: 1px dashed var(--common-filter-title-text, #444444);
}
.common-filter-win-block-rc .right-block .filter-settings-title-rc .title-input input {
width: 330px;
padding: 0 5px;
margin-left: -5px;
margin-top: 0;
font-size: 22px;
color: var(--common-filter-title-text, #444444);
border: none;
outline: none;
background-color: var(--white-black, #fff);
}
.common-filter-win-block-rc .right-block .bottom-panel-target {
margin-top: auto;
}
.common-filter-win-block-rc .right-block .chzn-container:not(.chzn-container-active) .chzn-drop {
display: none;
}
.common-filter-win-block-rc .right-block .separator-settings-group {
position: relative;
margin: 20px 32px 20px 0;
padding: 8px;
border-radius: 3px;
background-color: var(--grey-list-border, #DFDFDF);
font-size: 15px;
font-weight: 600;
color: var(--setting-columns-text, #525252);
}
.common-filter-win-block-rc .right-block .separator-settings-group:first-letter {
text-transform: uppercase;
}
.common-filter-win-block-rc .right-block .separator-settings-group .checkbox {
position: absolute;
top: 0;
right: 0;
padding: 0 10px;
}
.common-filter-win-block-rc .right-block .filter-testing-target {
opacity: 0;
visibility: hidden;
height: 0;
transition: 0.3s;
}
.common-filter-win-block-rc .right-block .filter-testing-target.show {
visibility: visible;
opacity: 1;
height: 145px;
}
.common-filter-win-block-rc .right-block .switcher-wrapper-rc .switcher {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
align-items: center;
height: 58px;
border-radius: 6px;
padding: 0 0 0 14px;
}
.common-filter-win-block-rc .right-block .switcher-wrapper-rc .switcher a.help-link {
margin: 0 14px 0 0;
}
.common-filter-win-block-rc .right-block .switcher-wrapper-rc .switcher a.help-link svg {
stroke: #bbbbbb;
}
.add-btn-rc.container-add .block-add {
position: relative;
display: flex;
width: max-content;
height: 17px;
margin: 12px 12px 12px 0;
cursor: pointer;
}
.add-btn-rc.container-add .block-add .icon-plus {
margin-right: 6px;
/*z-index: 1;*/
}
.add-btn-rc.container-add .block-add .icon-plus svg {
width: 16px;
height: 16px;
fill: #62A70A;
}
.add-btn-rc.container-add .block-add .fakelink-dashed {
color: #5881B8;
border-bottom: none;
padding-left: 2px;
/*z-index: 1;*/
}
.add-btn-rc.container-add .block-add:hover:before {
content: "";
position: absolute;
top: -7px;
bottom: -6px;
left: -8px;
right: -10px;
background: var(--task-filter-block-add-hover, #d1d1d18f);
border-radius: 5px;
z-index: 0;
}
.filter-settings-access-rc {
margin: 0 0 30px 30px;
}
.filter-settings-access-rc .toggle-list-title {
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 15px;
margin-right: 25px;
border-bottom: 1px dashed #B4B4B4;
color: #474747;
font-size: 18px;
font-weight: bold;
}
.filter-settings-access-rc .select-users {
margin-top: 10px;
transition: 0.2s;
max-height: 0;
opacity: 0;
visibility: hidden;
}
.filter-settings-access-rc .select-users.show {
max-height: 500px;
opacity: 1;
visibility: visible;
}
.filter-settings-access-rc .filter-settings-common-param-rc:not(:first-child) {
margin-top: 10px;
}
.filter-settings-access-rc .access-text-access {
color: grey;
font-size: 15px;
}
.filter-settings-automatic-operations-rc {
margin: 9px 30px 30px 30px;
}
.filter-settings-automatic-operations-rc .common-block-container:not(:first-child) {
margin-top: 14px;
}
.filter-settings-automatic-operations-rc .common-block-container .trigger-block-title {
padding: 6px 0;
margin-bottom: 4px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.filter-settings-automatic-operations-rc .common-block-container .trigger-block-title .expand-trigger-img-ico,
.filter-settings-automatic-operations-rc .common-block-container .trigger-block-title .close-trigger-img-ico {
display: block;
}
.filter-settings-automatic-operations-rc .common-block-container .filter-settings-automatic-operations-move-actions-block .checkbox-rows-container .checkbox-row {
background-color: var(--white-black);
padding: 12px 16px;
border: 1px solid var(--grey-list-border);
}
.filter-settings-automatic-operations-rc .common-block-container .filter-settings-automatic-operations-move-actions-block .checkbox-rows-container .checkbox-row:not(:only-child):first-child {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.filter-settings-automatic-operations-rc .common-block-container .filter-settings-automatic-operations-move-actions-block .checkbox-rows-container .checkbox-row:not(:only-child):not(:last-child) {
border-bottom: none;
}
.filter-settings-automatic-operations-rc .common-block-container .filter-settings-automatic-operations-move-actions-block .checkbox-rows-container .checkbox-row:not(:only-child):last-child {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.filter-settings-automatic-operations-rc .common-block-container .filter-settings-automatic-operations-move-actions-block .checkbox-rows-container .checkbox-row:only-child {
border-radius: 15px;
}
.filter-settings-automatic-operations-rc .common-block-container .filter-settings-automatic-operations-actions-loading-block .trigger-block-action-separator,
.filter-settings-automatic-operations-rc .common-block-container .filter-settings-automatic-operations-actions-loading-block .expand-trigger-img-ico {
display: none;
}
.filter-settings-calendar-view-rc {
margin: 20px 0 30px 30px;
}
.filter-settings-calendar-view-rc .separator-settings-group {
margin: 15px 32px 15px 14px;
}
.filter-settings-calendar-view-rc .data-view-list .data-view-item {
display: flex;
margin: 5px 0 10px 0;
}
.filter-settings-calendar-view-rc .data-view-list .data-view-item .item-type {
z-index: 1;
}
.filter-settings-calendar-view-rc .data-view-list .data-view-item .item-color,
.filter-settings-calendar-view-rc .data-view-list .data-view-item .item-value {
position: relative;
margin-left: 20px;
}
.filter-settings-calendar-view-rc .data-view-list .data-view-item .item-remove {
margin: 4px 4px 4px 12px;
cursor: pointer;
}
.filter-settings-calendar-view-rc .data-view-list .data-view-item .item-remove svg {
vertical-align: middle;
stroke: #C4C4C4;
fill: none;
width: 16px;
height: 16px;
}
.filter-settings-calendar-view-rc .data-view-list .data-view-item .item-remove:hover svg {
stroke: red;
}
.filter-settings-calendar-view-rc .data-view-list .data-view-item .item-select {
display: flex;
position: relative;
}
.filter-settings-calendar-view-rc .data-view-list .data-view-item .item-select:before {
content: '';
position: absolute;
top: -4px;
bottom: -3px;
left: -4px;
right: -4px;
background: 0;
border-radius: 6px;
z-index: 0;
}
.filter-settings-calendar-view-rc .data-view-list .data-view-item .item-select.marker-green:before {
background-color: var(--usually-field-edit-state-info-bg, #badbbd);
}
.filter-settings-calendar-view-rc .data-view-list .data-view-item .item-select.marker-red:before {
background-color: var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.filter-settings-calendar-view-rc .container-add {
padding-top: 1px;
}
.filter-settings-calendar-view-rc .params-column {
display: flex;
flex-direction: column;
margin: 0 50px 20px 0;
min-width: 330px;
}
.filter-settings-calendar-view-rc .params-column .filter-settings-common-param-rc {
margin: 0 50px 0 0;
}
.filter-settings-calendar-view-rc .params-row {
display: flex;
margin: 0 0 20px 0;
}
.filter-settings-calendar-view-rc .params-row .filter-settings-common-param-rc {
margin-right: auto;
}
.filter-settings-card-rc {
margin: 20px 0 30px 30px;
}
.filter-settings-card-rc .separator-settings-group {
margin: 15px 32px 15px 14px;
}
.filter-settings-card-rc .params-column {
display: flex;
flex-direction: column;
margin: 0 50px 0 0;
min-width: 330px;
}
.filter-settings-card-rc .params-column .filter-settings-common-param-rc {
margin: 10px 50px 10px 0;
}
.filter-settings-card-rc .params-row {
display: flex;
margin: 0 0 30px 0;
}
.filter-settings-card-rc .params-row .filter-settings-common-param-rc {
margin-right: auto;
}
.filter-settings-card-rc .filter-settings-card-preview-target {
width: 300px;
margin-bottom: 20px;
}
.filter-settings-card-rc .filter-settings-card-params-target {
width: 100%;
margin-left: -17px;
}
.filter-settings-card-rc .panel-operation-enable {
display: flex;
}
.filter-settings-card-rc .panel-operation-enable .show-action-panel-target {
margin: 30px 0 20px 20px;
}
.filter-settings-common-rc {
margin: 15px 0 30px 30px;
}
.filter-settings-common-rc .separator-settings-group {
margin: 15px 32px 15px 0;
}
.filter-settings-common-rc .filter-params .params-row {
display: flex;
}
.filter-settings-common-rc .filter-params .params-row .filter-settings-common-param-rc {
margin: 0 50px 20px 0;
}
.filter-settings-common-rc .filter-testing-target.show {
margin-top: 20px;
}
.filter-settings-common-rc .filter-settings-selection-parameters-rc .separator-settings-group {
margin: 20px 20px 20px 0;
}
.filter-settings-common-param-rc {
display: flex;
flex-direction: column;
}
.filter-settings-common-param-rc .label {
height: 14px;
color: #A3A3A3;
padding-bottom: 8px;
font-size: 12px;
}
.filter-settings-display-data-rc {
margin: 20px 0 30px 30px;
}
.filter-settings-display-data-rc .separator-settings-group {
margin: 15px 32px 15px 14px;
}
.filter-settings-display-data-rc .analytic-list .analytic-item {
display: flex;
margin-bottom: 15px;
}
.filter-settings-display-data-rc .analytic-list .analytic-item .remove-analytic-item {
margin: 4px 12px;
cursor: pointer;
}
.filter-settings-display-data-rc .analytic-list .analytic-item .remove-analytic-item svg {
vertical-align: middle;
stroke: #C4C4C4;
fill: none;
width: 16px;
height: 16px;
}
.filter-settings-display-data-rc .analytic-list .analytic-item .remove-analytic-item:hover svg {
stroke: red;
}
.filter-settings-display-data-rc .schedule-fields-rows {
margin-left: -16px;
}
.filter-settings-display-data-rc .schedule-fields-rows .schedule-fields-row {
display: flex;
margin-bottom: 15px;
width: fit-content;
}
.filter-settings-display-data-rc .schedule-fields-rows .schedule-fields-row .palette-control-target {
margin: 0 0 0 12px;
}
.filter-settings-display-data-rc .schedule-fields-rows .schedule-fields-row .drag-icon {
padding: 4px 0 0 0;
}
.filter-settings-display-data-rc .schedule-fields-rows .schedule-fields-row .drag-icon svg {
width: 16px;
height: 16px;
fill: #a7a7a7;
}
.filter-settings-display-data-rc .schedule-fields-rows .schedule-fields-row .remove-schedule-row {
margin: 4px 4px 4px 12px;
cursor: pointer;
}
.filter-settings-display-data-rc .schedule-fields-rows .schedule-fields-row .remove-schedule-row svg {
vertical-align: middle;
stroke: #C4C4C4;
fill: none;
width: 16px;
height: 16px;
}
.filter-settings-display-data-rc .schedule-fields-rows .schedule-fields-row .remove-schedule-row:hover svg {
stroke: red;
}
.filter-settings-display-data-rc .schedule-fields-rows .schedule-fields-row.draggable {
pointer-events: none;
box-shadow: inset 6px 0 0 0 #f58220;
border-right: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat;
height: 25px;
}
.filter-settings-display-data-rc .schedule-fields-rows .schedule-fields-row.draggable > * {
display: none;
}
.filter-settings-display-data-rc .params-column {
display: flex;
flex-direction: column;
margin: 0 50px 20px 0;
min-width: 330px;
}
.filter-settings-display-data-rc .params-column .filter-settings-common-param-rc {
margin: 0 50px 0 0;
}
.filter-settings-display-data-rc .params-row {
display: flex;
margin: 0 0 20px 0;
}
.filter-settings-display-data-rc .params-row .filter-settings-common-param-rc {
margin-right: auto;
}
.filter-settings-display-data-rc .fake-draggable {
position: absolute;
padding: 0 !important;
background-color: transparent !important;
}
.filter-settings-display-data-rc .fake-draggable .palette-control-target {
display: none;
}
.filter-settings-integration-rc {
margin: 20px 30px 30px 30px;
}
.filter-settings-integration-rc .params-row {
display: flex;
margin: 0 0 30px 0;
}
.filter-settings-integration-rc .params-column {
display: flex;
flex-direction: column;
margin: 0 50px 0 0;
min-width: 330px;
}
.filter-settings-integration-rc .params-column.calendar {
margin: 0;
}
.filter-settings-integration-rc .filter-settings-common-param-rc {
margin-bottom: 15px;
}
.filter-settings-integration-rc .integration-calendar-settings-rc {
display: flex;
flex-direction: column;
}
.filter-settings-integration-rc .settings-integration-row-rc {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
gap: 16px;
margin: 0 0 16px 0;
padding: 16px 16px 20px 16px;
box-shadow: 0px 1px 3px 0px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
border-radius: 6px;
background-color: var(--white-black, #fff);
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__label {
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: var(--gray-dark-icon, #626262);
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__view:empty {
margin: auto;
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__view {
width: 757px;
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__view .object-edit-field-base .label {
font-size: 12px;
font-weight: 400;
color: var(--core-dropdown-text, #9C9C9C);
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__view .sync-options {
padding: 10px 0 10px 0;
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__button {
display: flex;
padding: 8px 16px;
min-width: 160px;
justify-content: center;
align-items: center;
gap: 10px;
font-size: 14px;
background-color: var(--activeSlider, #5f3899);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
border: none;
color: var(--white-black, #ffffff);
border-radius: 6px;
cursor: pointer;
outline: none;
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__button:not(.disable-btn):active {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__button.disable-btn {
background: #a8a7ab !important;
pointer-events: none;
cursor: default;
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__button.inactive-btn {
background: #f5f5f5 !important;
color: #949494;
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__button:hover {
box-shadow: inset 0 0 0 1px #00000052;
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__value-selector {
margin: 20px 0 20px 0;
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__value-selector .value-selector__items {
border-radius: 18px;
font-size: 12px;
width: fit-content;
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__value-selector .value-selector__items .value-selector__item {
border-radius: 18px;
flex: unset;
}
.filter-settings-integration-rc .settings-integration-row-rc .settings-integration-row__value-selector.disabled {
pointer-events: none;
cursor: default;
}
.filter-settings-kanban-view-rc {
margin: 20px 0 30px 30px;
}
.filter-settings-kanban-view-rc .separator-settings-group {
margin: 15px 32px 15px 14px;
}
.filter-settings-kanban-view-rc .fields-rows {
margin-left: -16px;
padding: 15px 0 0 15px;
}
.filter-settings-kanban-view-rc .fields-rows:empty {
padding: 3px 0 0 15px;
}
.filter-settings-kanban-view-rc .fields-rows .fields-row {
display: flex;
margin-bottom: 15px;
width: fit-content;
}
.filter-settings-kanban-view-rc .fields-rows .fields-row .palette-control-target {
margin: 0 0 0 12px;
}
.filter-settings-kanban-view-rc .fields-rows .fields-row .palette-control-target .select-color.select-color__v2 {
width: 26px;
height: 26px;
}
.filter-settings-kanban-view-rc .fields-rows .fields-row .drag-icon {
padding: 4px 0 0 0;
}
.filter-settings-kanban-view-rc .fields-rows .fields-row .drag-icon svg {
width: 16px;
height: 16px;
fill: #a7a7a7;
}
.filter-settings-kanban-view-rc .fields-rows .fields-row .remove-row {
margin: 4px 4px 4px 12px;
cursor: pointer;
}
.filter-settings-kanban-view-rc .fields-rows .fields-row .remove-row svg {
vertical-align: middle;
stroke: #C4C4C4;
fill: none;
width: 16px;
height: 16px;
}
.filter-settings-kanban-view-rc .fields-rows .fields-row .remove-row:hover svg {
stroke: red;
}
.filter-settings-kanban-view-rc .fields-rows .fields-row.draggable {
pointer-events: none;
box-shadow: inset 6px 0 0 0 #f58220;
border-right: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat;
height: 25px;
}
.filter-settings-kanban-view-rc .fields-rows .fields-row.draggable > * {
display: none;
}
.filter-settings-kanban-view-rc .container-add {
padding-left: 15px;
}
.filter-settings-kanban-view-rc .params-column {
display: flex;
flex-direction: column;
margin: 0 50px 20px 0;
min-width: 330px;
}
.filter-settings-kanban-view-rc .params-column .filter-settings-common-param-rc {
margin: 0 50px 0 0;
}
.filter-settings-kanban-view-rc .params-row {
display: flex;
margin: 0 0 20px 0;
}
.filter-settings-kanban-view-rc .params-row .filter-settings-common-param-rc {
margin-right: auto;
}
.filter-settings-kanban-view-rc .fake-draggable {
position: absolute;
padding: 0 !important;
background-color: transparent !important;
}
.filter-settings-kanban-view-rc .fake-draggable .palette-control-target {
display: none;
}
.filter-settings-kanban-view-rc .params-period-by-type {
margin-top: 15px;
}
.filter-settings-kanban-view-rc .params-period-by-type .show-empty-groups-target {
padding: 6px 0 6px 0;
}
.filter-settings-operation-panel-data-rc {
margin: 20px 0 30px 30px;
}
.filter-settings-operation-panel-data-rc .separator-settings-group {
margin: 15px 32px 15px 14px;
}
.filter-settings-operation-panel-data-rc .params-column {
display: flex;
flex-direction: column;
margin: 0 50px 0 0;
min-width: 330px;
}
.filter-settings-operation-panel-data-rc .params-column .filter-settings-common-param-rc {
margin: 10px 50px 10px 0;
}
.filter-settings-operation-panel-data-rc .params-row {
display: flex;
margin: 0 0 30px 0;
}
.filter-settings-operation-panel-data-rc .params-row .filter-settings-common-param-rc {
margin-right: auto;
}
.filter-settings-planner-chronic-appearance-rc {
margin: 20px 0 30px 30px;
}
.filter-settings-planner-chronic-appearance-rc .separator-settings-group {
margin: 20px 32px 20px 0;
}
.filter-settings-planner-chronic-appearance-rc .filter-params .params-row {
display: flex;
}
.filter-settings-planner-chronic-appearance-rc .filter-params .params-row .filter-settings-common-param-rc {
margin: 10px 50px 10px 0;
}
.filter-settings-planner-list-appearance-and-event-rc {
margin: 20px 0 30px 30px;
}
.filter-settings-planner-list-appearance-and-event-rc .separator-settings-group {
margin: 30px 32px 30px 0;
}
.filter-settings-planner-list-appearance-and-event-rc .filter-params .params-row {
display: flex;
}
.filter-settings-planner-list-appearance-and-event-rc .filter-params .params-row .filter-settings-common-param-rc {
margin: 10px 50px 10px 0;
}
.filter-settings-planner-list-appearance-and-event-rc .params-list {
width: 100%;
padding-right: 30px;
}
.filter-settings-planner-list-appearance-and-event-rc .params-list .params-item {
font-size: 14px;
}
.filter-settings-planner-list-appearance-and-event-rc .params-list .params-item td {
border-bottom: 1px solid var(--task-checklist-employer-border, #DCDCDC);
}
.filter-settings-planner-list-appearance-and-event-rc .params-list .params-item td.label {
padding: 25px 0;
color: var(--grey-label, #838282);
}
.filter-settings-planner-list-appearance-and-event-rc .params-list .params-item:last-child td {
border-bottom: none;
}
.filter-settings-appearance-rc {
margin: 15px 0 30px 30px;
}
.filter-settings-appearance-rc .separator-settings-group {
margin: 30px 0;
}
.filter-settings-appearance-rc .filter-params .params-row {
display: flex;
}
.filter-settings-appearance-rc .filter-params .params-row .filter-settings-common-param-rc {
margin-right: auto;
}
.filter-settings-appearance-rc .filter-params .params-column {
display: flex;
flex-direction: column;
margin: 0 50px 0 0;
min-width: 330px;
}
.filter-settings-appearance-rc .filter-params .params-column .filter-settings-common-param-rc {
margin: 10px 0;
}
.filter-settings-appearance-rc .filter-params .params-column .block-on-panel-target {
padding-top: 30px;
}
.filter-settings-selection-parameters-rc .separator-settings-group {
margin: 15px 32px 15px 14px;
}
.filter-settings-selection-parameters-rc .filter-params .params-row {
display: flex;
margin: 0 0 30px 0;
}
.filter-settings-selection-parameters-rc .filter-params .params-row .filter-settings-common-param-rc {
margin-right: auto;
}
.filter-settings-selection-parameters-rc .filter-params .params-column {
display: flex;
flex-direction: column;
min-width: 330px;
}
.filter-settings-selection-parameters-rc .filter-params .params-column.sort {
margin-right: 30px;
}
.filter-settings-selection-parameters-rc .filter-params .params-column .filter-settings-common-param-rc {
margin: 10px 0;
}
.filter-settings-selection-parameters-rc .filter-condition-target {
min-height: 47px;
width: 100%;
max-width: 820px;
}
.filter-settings-selection-parameters-rc .filter-condition-target .filter-condition-modern-component .task-filter-cases-container .task-filter-cases {
width: 100%;
min-width: 0;
}
.filter-settings-selection-parameters-rc .filter-condition-target .filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case {
width: 100%;
}
.filter-settings-selection-parameters-rc .remove-current-sort {
margin-left: 10px;
vertical-align: middle;
cursor: pointer;
}
.filter-settings-selection-parameters-rc .remove-current-sort svg {
width: 16px;
height: 16px;
vertical-align: middle;
fill: none !important;
stroke: #a9a9a9;
}
.filter-settings-selection-parameters-rc .remove-current-sort:hover svg {
stroke: var(--task-deadline-dead, #fd0000);
}
.filter-settings-selection-parameters-rc .control-groupby {
width: max-content;
border-radius: 1px;
}
.filter-settings-selection-parameters-rc .control-groupby.marker-green {
box-shadow: 0 0 0 4px var(--usually-field-edit-state-info-bg, #badbbd);
}
.filter-settings-selection-parameters-rc .control-groupby.marker-red {
box-shadow: 0 0 0 4px var(--usually-field-edit-state-info-red-bg, #f2b3b3);
}
.filter-settings-summary-block-rc {
margin: 20px 0 30px 30px;
}
.filter-settings-summary-block-rc .params-row {
margin-bottom: 30px;
}
.filter-settings-summary-block-rc .params-row .params-column {
flex: 1;
}
.filter-settings-summary-block-rc .params-row.block-1 {
display: flex;
}
.filter-settings-summary-block-rc .params-row.block-1 .filter-settings-common-param-rc {
margin-bottom: 20px;
}
.filter-settings-summary-block-rc .params-row.block-1 .filter-settings-common-param-rc select {
width: 340px;
}
.filter-settings-summary-block-rc .params-row.block-1 .filter-settings-common-param-rc input {
width: 330px;
}
.filter-settings-summary-block-rc .summary-settings {
transition: 0.3s;
visibility: hidden;
opacity: 0;
}
.filter-settings-summary-block-rc .summary-settings.open {
visibility: visible;
opacity: 1;
}
.filter-settings-summary-block-preview-target {
margin-top: 15px;
}
.filter-settings-summary-block-preview-rc {
width: 300px;
border-radius: 6px;
overflow: auto;
}
.filter-settings-summary-block-preview-rc .head {
display: flex;
height: 28px;
background-color: #BD1F61;
}
.filter-settings-summary-block-preview-rc .head .icon {
color: #ffffff;
}
.filter-settings-summary-block-preview-rc .head .icon svg {
fill: currentColor;
}
.filter-settings-summary-block-preview-rc .head .icon.drag {
margin: 7px 8px;
}
.filter-settings-summary-block-preview-rc .head .icon.drag svg {
width: 6px;
height: 14px;
}
.filter-settings-summary-block-preview-rc .head .icon.back {
margin: auto 0 auto auto;
}
.filter-settings-summary-block-preview-rc .head .icon.back svg {
width: 7px;
height: 12px;
}
.filter-settings-summary-block-preview-rc .head .icon.dots {
margin: 6px 7px;
}
.filter-settings-summary-block-preview-rc .head .icon.dots svg {
width: 16px;
height: 12px;
transform: rotate(90deg);
}
.filter-settings-summary-block-preview-rc .head .title {
color: #ffffff;
margin: auto 0;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
height: 20px;
}
.filter-settings-summary-block-preview-rc .body {
min-height: 39px;
padding: 4px 7px 5px 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
color: #ffffff;
background-color: #da709c;
}
.filter-settings-summary-block-preview-rc .body .text {
margin: 0 3px 0 auto;
}
.filter-settings-summary-block-preview-rc .body .text.prefix_b {
font-size: 11px;
}
.filter-settings-summary-block-preview-rc .body .text.value {
font-size: 14px;
}
.filter-settings-summary-block-limit-rc {
transition: 0.3s;
padding-left: 1px;
height: 90px;
overflow: hidden;
visibility: hidden;
opacity: 0;
}
.filter-settings-summary-block-limit-rc.show {
visibility: visible;
opacity: 1;
}
.filter-settings-summary-block-limit-rc .block-set-color-max {
display: flex;
height: 28px;
padding: 5px 0;
}
.filter-settings-summary-block-limit-rc .block-set-color-max .text {
padding: 4px 0;
font-size: 15px;
}
.filter-settings-summary-block-limit-rc .block-set-color-max .text.t1 {
max-width: 460px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.filter-settings-summary-block-limit-rc .block-set-color-max select {
margin-left: 5px;
height: 27px;
}
.filter-settings-summary-block-limit-rc .block-set-color-max input {
width: 70px;
height: 16px;
margin: 0 5px;
}
.filter-settings-summary-block-limit-rc .block-set-color-max .palette-control-target {
margin-left: 5px;
}
.filter-testing-rc {
display: flex;
margin: 0 35px 0 0;
background: var(--mindmap-menu-item-disabled, #DFDFDF);
border-radius: 6px;
}
.filter-testing-rc .container {
display: flex;
height: inherit;
margin: 0 auto;
}
.filter-testing-rc .container .icon {
padding: 20px 35px 20px 0;
}
.filter-testing-rc .container .icon svg {
width: 100px;
}
.filter-testing-rc .container .control-block {
display: flex;
flex-direction: column;
}
.filter-testing-rc .container .control-block .block {
display: flex;
flex-direction: column;
margin: auto 0;
}
.filter-testing-rc .container .control-block .block .label {
padding: 0 0 10px 0;
color: var(--switcher-with-label-box-item, #A3A3A3);
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.filter-testing-rc .container .control-block .block .select {
display: flex;
flex-direction: row;
}
.filter-testing-rc .container .control-block .block .select .chosen {
margin-top: 3px;
}
.filter-testing-rc .container .control-block .block .select button {
margin-left: 10px;
padding: 9px 12px;
transition: all 150ms ease-in-out;
background: var(--white-black, #ffffff);
border: none;
border-radius: 4px;
outline: none;
cursor: pointer;
line-height: 0.9em;
font-size: 14px;
color: var(--white-black, #ffffff);
box-shadow: inset 0 0 0 2px transparent;
}
.filter-testing-rc .container .control-block .block .select button:hover {
box-shadow: inset 0 0 0 1px var(--dialog-btn-hover-shadow, #00000052);
}
.filter-testing-rc .container .control-block .block .select button.disable {
pointer-events: none;
background: var(--core-dropdown-text, #9c9c9c) !important;
cursor: default;
}
.integration-settings-control-2-rc,
.integration-settings-control-rc {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.integration-settings-control-2-rc.integration-settings-control-rc,
.integration-settings-control-rc.integration-settings-control-rc {
width: 100%;
}
.integration-settings-control-2-rc .select-integration,
.integration-settings-control-rc .select-integration {
margin-right: 15px;
}
.integration-settings-control-2-rc .select-integration select,
.integration-settings-control-rc .select-integration select {
width: 100%;
}
.integration-settings-control-2-rc button,
.integration-settings-control-rc button {
padding: 5px 10px 5px 10px;
margin: 0;
min-width: 160px;
font-size: 14px;
background-color: var(--activeSlider, #5f3899);
border: none;
color: var(--white-black, #ffffff);
border-radius: 3px;
cursor: pointer;
outline: none;
}
.integration-settings-control-2-rc button:not(.disable-btn):active,
.integration-settings-control-rc button:not(.disable-btn):active {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
.integration-settings-control-2-rc button.disable-btn,
.integration-settings-control-rc button.disable-btn {
background: #a8a7ab !important;
pointer-events: none;
cursor: default;
}
.integration-settings-control-2-rc .select-info {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-right: 15px;
}
.integration-settings-control-2-rc .select-info .container {
padding: 5px;
background: var(--integration-settings-control-container-bg, #E4E4E4);
border: 1px solid var(--integration-settings-control-container-border, #CECECE);
border-radius: 5px;
}
.integration-settings-control-2-rc .select-info .container a {
cursor: pointer;
}
.integration-settings-control-2-rc .select-info.is-sync .container {
background: var(--integration-settings-control-sync, #D9F9CA);
}
.microcard-editor-rc .params-list .params-item {
display: flex;
}
.microcard-editor-rc .params-list .params-item .td {
padding: 5px 0;
margin-top: auto;
margin-bottom: auto;
}
.microcard-editor-rc .params-list .params-item .td .drag-icon svg {
width: 16px;
height: 16px;
fill: #a7a7a7;
}
.microcard-editor-rc .params-list .params-item .td .select-type {
width: 300px;
}
.microcard-editor-rc .params-list .params-item .td .remove-icon svg {
width: 16px;
height: 16px;
stroke: #a9a9a9;
fill: none;
}
.microcard-editor-rc .params-list .params-item .td .remove-icon:hover svg {
stroke: red;
fill: none;
}
.microcard-editor-rc .params-list .params-item .td.col_0 {
width: 18px;
}
.microcard-editor-rc .params-list .params-item .td.col_1 {
width: 300px;
}
.microcard-editor-rc .params-list .params-item .td.col_2 {
min-width: 62px;
}
.microcard-editor-rc .params-list .params-item .td.col_3 {
min-width: 60px;
}
.microcard-editor-rc .params-list .params-item .td.col_4 {
min-width: 60px;
}
.microcard-editor-rc .params-list .params-item .td.col_5 {
min-width: 60px;
}
.microcard-editor-rc .params-list .params-item .td.col_6 {
min-width: 120px;
}
.microcard-editor-rc .params-list .params-item .td.col_7 {
width: 30px;
}
.microcard-editor-rc .params-list .params-item.draggable {
pointer-events: none;
box-shadow: inset 5px 0 0 0 #f58220;
border-right: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat;
height: 44px;
z-index: 100;
}
.microcard-editor-rc .params-list .params-item.draggable .td {
display: none !important;
}
.microcard-editor-rc .params-list .params-item:not(.head) .small {
display: flex;
}
.microcard-editor-rc .params-list .params-item:not(.head) .small > * {
margin-left: auto;
margin-right: auto;
}
.microcard-editor-rc .params-list .params-item.head .td {
overflow: hidden;
text-overflow: ellipsis;
}
.microcard-editor-rc .params-list .params-item.head .td.small {
padding-left: 4px;
padding-right: 4px;
text-align: center;
}
.microcard-editor-rc .params-list .container-add .block-add {
margin-left: 18px;
}
.microcard-editor-rc .fake-draggable {
position: absolute;
padding: 0 !important;
background-color: #ffffff !important;
box-shadow: 0 0 1px 0 #000;
}
.microcard-preview-rc .label {
margin: 10px 0;
color: var(--new-field-name-input, #5F5F5F);
}
.microcard-preview-rc .block {
position: relative;
width: 280px;
padding: 10px 10px 0 10px;
background-color: var(--white-black, white);
border-radius: 4px;
box-shadow: 0 1px 0 0 var(--task-card-action-shadow, #bbb);
}
.microcard-preview-rc .block .dl-task-actions.preview:not(.top-position) {
margin: 0 0 -10px -8px;
}
.operation-panel-editor-rc {
display: flex;
}
.operation-panel-editor-rc .list-action-label {
color: #5F5F5F;
}
.operation-panel-editor-rc .list-action-label.preview {
padding: 0 0 10px 0;
}
.operation-panel-editor-rc .list-action-label.edit {
padding: 0 0 10px 20px;
}
.operation-panel-editor-rc .list-action-edit {
width: 300px;
margin-left: -18px;
}
.operation-panel-editor-rc .list-action-edit .item-action {
display: flex;
margin-bottom: 15px;
}
.operation-panel-editor-rc .list-action-edit .item-action .item-drag {
margin: 5px 3px 5px 0;
}
.operation-panel-editor-rc .list-action-edit .item-action .item-drag svg {
width: 16px;
height: 16px;
fill: #a7a7a7;
}
.operation-panel-editor-rc .list-action-edit .item-action select {
width: 230px;
}
.operation-panel-editor-rc .list-action-edit .item-action .item-remove {
margin: 5px 10px;
cursor: pointer;
}
.operation-panel-editor-rc .list-action-edit .item-action .item-remove svg {
width: 16px;
height: 16px;
stroke: #a7a7a7;
fill: none;
}
.operation-panel-editor-rc .list-action-edit .item-action .item-remove:hover svg {
stroke: red;
}
.operation-panel-editor-rc .list-action-edit .item-action.draggable {
pointer-events: none;
box-shadow: inset 5px 0 0 0 #f58220;
border-right: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
border-top: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
border-bottom: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat;
height: 27px;
}
.operation-panel-editor-rc .list-action-edit .item-action.draggable > * {
display: none;
}
.operation-panel-editor-rc .list-action-edit .item-action.draggable > * svg {
fill: transparent !important;
}
.operation-panel-editor-rc .list-action-edit .container-add {
margin-left: 19px;
}
.operation-panel-editor-rc .list-action-preview {
margin-left: 60px;
}
.operation-panel-editor-rc .list-action-preview .list-action-preview-container {
width: 250px;
padding: 10px;
background-color: var(--white-black, #ffffff);
border: 1px solid var(--task-card-checklist-item-hover, #E0E0E0);
border-radius: 6px;
}
.operation-panel-editor-rc .list-action-preview .list-action-preview-container .action-item {
display: flex;
padding: 10px 0;
}
.operation-panel-editor-rc .list-action-preview .list-action-preview-container .action-item .icon {
width: 16px;
height: 16px;
padding: 0 16px 0 10px;
fill: none;
stroke: var(--gray-dark-icon, #a9a9a9);
}
.operation-panel-editor-rc .list-action-preview .list-action-preview-container .action-item .text {
color: var(--black-white, #6c6c6c);
}
.operation-panel-editor-rc .fake-draggable {
position: absolute;
background-color: var(--white-black, #ffffff);
box-shadow: 0 0 1px 0 var(--black-white, #000);
}
.palette-control-rc {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: relative;
}
.palette-control-rc .select-color {
width: 32px;
height: 32px;
border-radius: 100%;
transition: 0.5s;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
}
.palette-control-rc .select-color__v2 {
text-transform: none;
line-height: 32px;
cursor: default;
}
.palette-control-rc .select-color__v2.pointer {
cursor: pointer;
}
.palette-control-rc .select-color__v2:hover {
box-shadow: none;
}
.palette-control-rc .select-color.pointer:hover {
box-shadow: 0 0 0 1px #0095ff;
}
.palette-control-rc .select-color--square {
border-radius: 3px;
}
.palette-control-rc .select-color__with-icon {
border-radius: 6px;
padding: 3px;
}
.palette-control-rc .select-color__with-icon .icon {
position: relative;
height: 100%;
width: 100%;
}
.palette-control-rc .select-color__with-icon .icon svg {
position: absolute;
inset: 0;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
height: 100%;
}
.palette-control-rc.edit .select-color.pointer {
box-shadow: 0 0 0 1px #0095ff;
}
.palette-control-rc.edit .list-color {
display: block;
}
.palette-control-rc-list-color .list-color {
position: absolute;
top: 0;
left: 0;
max-width: 280px;
padding: 5px;
background: var(--gray-modal-background, #ebebeb);
box-shadow: 0 0 5px 0 var(--ddl-menu-switch-after, #a4a4a4);
border-radius: 5px;
z-index: 1000;
}
.palette-control-rc-list-color .list-color .item-color {
width: 18px;
height: 18px;
float: left;
margin: 3px;
border-radius: 100%;
cursor: pointer;
}
.palette-control-rc-list-color .list-color .item-color svg {
width: 10px;
height: 10px;
padding: 4px;
fill: var(--white-black, #ffffff);
}
.palette-control-rc-list-color .list-color .item-color:hover {
box-shadow: 0 0 0 1px #0095ff;
}
.palette-control-rc-list-color .list-color__v2 {
display: grid;
grid-template-columns: repeat(auto-fill, 32px);
gap: 8px;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: auto !important;
max-width: 200px;
width: 100% !important;
border-radius: 8px;
background: var(--white-black, #FFF);
padding: 12px;
-webkit-box-shadow: 0 0 7px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
-moz-box-shadow: 0 0 7px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
-o-box-shadow: 0 0 7px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
box-shadow: 0 0 7px 0 var(--chzn-box-shadow, rgba(0, 0, 0, 0.15));
}
.palette-control-rc-list-color .list-color__v2 .item-color {
width: 30px;
height: 30px;
margin: 0;
}
.palette-control-rc-list-color .list-color__v2 .item-color .text {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
width: 100%;
height: 100%;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
line-height: 32px;
}
.palette-control-rc-list-color .list-color__v2 .item-color svg {
padding: 11px 8.5px;
width: 15px;
}
.palette-control-rc-list-color .list-color__v2 .more-colors-btn {
display: inline-block;
font-size: 14px;
color: var(--td-first-child, #808080);
text-align: center;
width: 100%;
border-radius: 44px;
border: 1px solid var(--grey-list-border, #DEDEDE);
padding: 6.5px 0 8.5px;
margin: 12px 0 4px;
cursor: pointer;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
grid-column: 1/6;
}
.palette-control-rc-list-color .list-color__v2 .more-colors-btn:hover {
background: var(--date-picker-bg, #F5F5F5);
}
.palette-control-rc-list-color .list-color__v2.more-color {
max-width: 640px;
}
.palette-control-rc-list-color .list-color__v2.more-color .more-colors-btn {
grid-column: 1 / 17;
}
.palette-control-rc-list-color .list-color__v2.more-color-mid {
max-width: 600px;
}
.palette-control-rc-list-color .list-color__v2.more-color-mid .more-colors-btn {
grid-column: 1 / 16;
}
.palette-control-rc-list-color .list-color__mindmap {
padding: 14px 14px;
background-color: #ffffff;
display: grid;
grid-template-columns: repeat(4, 40px);
gap: 12px;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.palette-control-rc-list-color .list-color__mindmap .item-color {
width: 40px;
height: 40px;
margin: 0;
}
.palette-control-rc-list-color .list-color__mindmap .item-color:nth-child(4n + 1) {
width: 38px;
height: 38px;
}
.palette-control-rc-list-color .list-color__mindmap .item-color:nth-child(4n + 1):hover {
border-color: #777b87;
box-shadow: unset;
}
.palette-control-rc-list-color .list-color__mindmap .item-color:first-of-type {
border: 1px solid #E3E6EE;
}
.palette-control-rc-list-color .list-color__mindmap .item-color:first-of-type svg {
fill: #E3E6EE;
}
.palette-control-rc-list-color .list-color__mindmap .item-color:nth-child(5) {
border: 1px solid #F4EC8C;
}
.palette-control-rc-list-color .list-color__mindmap .item-color:nth-child(9) {
border: 1px solid #D3ECA0;
}
.palette-control-rc-list-color .list-color__mindmap .item-color:nth-child(13) {
border: 1px solid #ECCBD7;
}
.palette-control-rc-list-color .list-color__mindmap .item-color:nth-child(17) {
border: 1px solid #C2E6F5;
}
.palette-control-rc-list-color .list-color__mindmap .item-color svg {
width: 18px;
height: 18px;
padding: 11px;
}
.palette-control-rc-list-color .list-color__mindmap .item-color:hover {
box-shadow: 0 0 0 1px #777b87;
}
.toggle-list-rc .group-toggle-item {
display: flex;
margin: 5px 0;
}
.toggle-list-rc .group-toggle-item .radio-btn {
width: 20px;
height: 20px;
margin: 6px 6px 6px 0;
background-color: var(--toggle-switcher-bg, #ffffff);
border-radius: 15px;
box-shadow: inset 0 0 0 1px var(--gray-light-border, #bfbfbf);
cursor: pointer;
transition: 0.1s;
}
.toggle-list-rc .group-toggle-item .radio-btn.active {
box-shadow: inset 0 0 0 4px var(--activeSlider);
}
.toggle-list-rc .group-toggle-item .text {
padding: 7px 0;
font-size: 14px;
}
.toggle-list-rc .special-settings {
margin: 20px 0;
}
.tbl-new-action .td-group-name-label,
.tbl-new-action .td-group-avatar-label {
width: 125px;
vertical-align: middle;
padding-top: 15px;
}
.tbl-new-action .td-group-name-input,
.tbl-new-action .td-group-avatar-input,
.tbl-new-action .td-group-users-input,
.tbl-new-action .td-group-btns-input {
padding-top: 15px;
}
.tbl-new-action .td-group-name-input label {
color: #838383;
}
.tbl-new-action .td-group-name-input input {
width: 100%;
font-size: 22px;
box-sizing: border-box;
display: inline-block;
}
.tbl-new-action .td-group-name-input input[type="checkbox"] {
width: auto;
}
.tbl-new-action .td-group-avatar-input {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.tbl-new-action .td-group-avatar-input .wrapper {
min-width: 40px;
min-height: 40px;
max-width: 120px;
max-height: 120px;
}
.tbl-new-action .td-group-avatar-input .avatar-size-text {
font-size: 7pt;
color: #777;
}
.handbook-item-add-dialog {
width: 750px;
}
.handbook-item-add-dialog .task-card-main-fields > tbody > tr:first-child > td,
.handbook-item-add-dialog .task-card-main-fields > tbody > tr > td {
border-color: transparent;
}
.handbook-item-add-dialog .handbook-item-add-parent .handbook-item-add-parent-value.td-value {
padding: 7px 0;
}
.handbook-item-add-dialog .handbook-item-add-field .handbook-item-add-field-input.td-value {
padding: 7px 0;
}
.handbook-item-add-dialog.fullwidth {
width: 100%;
}
.handbook-item-add-dialog .text-box {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.handbook-item-add-dialog .tbl-card .td-item,
.handbook-item-add-dialog .tbl-card .td-value {
padding-left: 0;
padding-right: 0;
}
.handbook-item-add-dialog-header {
font-size: 14pt;
}
.handbook-item-add-dialog-header-small {
font-size: 8pt;
color: #8d8d8d;
padding-bottom: 15px;
}
.handbook-item-add-parent {
font-size: 9pt;
}
.handbook-item-add-fields {
font-size: 9pt;
}
.handbook-item-add-fields .handbook-item-add-field-input input.text-box {
padding: 3px 7px;
}
.handbook-item-add-fields .handbook-item-add-field-input select.text-box {
height: 23px;
}
.handbook-item-add-fields .handbook-item-add-field-input-string input.text-box,
.handbook-item-add-fields .handbook-item-add-field-input-number input.text-box {
width: 730px;
}
.handbook-item-add-fields .handbook-item-add-field-input-date input.text-box {
width: 70px;
}
.handbook-item-add-fields .handbook-item-add-field-input-checkbox label {
padding-left: 5px;
}
.handbook-item-add-fields .handbook-item-add-field-input-list select.text-box {
width: 750px;
}
.handbook-item-add-fields .handbook-item-add-field-input-handbook select.text-box {
width: 725px;
}
.handbook-item-add-fields .handbook-item-add-field-input-text-rich {
padding-top: 30px;
}
.handbook-item-add-field-input .task-attachment-del {
display: inline-block;
}
.handbook-item-add-field-input-files-block {
margin-bottom: 10px;
}
.hbset-record {
border-bottom: 1px dashed;
text-decoration: none;
white-space: normal;
display: inline;
}
.ckeditor-handbook-data-item {
border-bottom: 1px dashed;
display: inline !important;
text-decoration: none !important;
padding-left: 1px;
position: relative;
white-space: normal !important;
overflow: visible !important;
}
.b-task-description-main .ckeditor-handbook-data-item,
.table-actions .ckeditor-handbook-data-item,
.handbook-item-view-dialog .ckeditor-handbook-data-item {
margin-left: 22px;
}
.b-task-description-main .ckeditor-handbook-data-item:before,
.table-actions .ckeditor-handbook-data-item:before,
.handbook-item-view-dialog .ckeditor-handbook-data-item:before {
border-bottom: none;
content: url("/img/svgHandbookItem.svg");
position: absolute;
left: -19px;
top: 3px;
width: 14px;
}
.hda-item {
display: flex;
flex: 1;
padding-top: 10px;
padding-bottom: 7px;
}
.hda-item .hda-item-avatar {
width: 40px;
height: 40px;
padding-left: 10px;
}
.hda-item .hda-item-avatar .hda-item-avatar-pic {
border-radius: 3px;
}
.hda-item .hda-item-data {
width: 100%;
padding-left: 10px;
display: flex;
justify-content: center;
flex-direction: column;
}
.hda-item .hda-item-name {
font-size: 11pt;
line-height: 12pt;
}
.hda-item .hda-item-description {
font-size: 8pt;
color: var(--file-viewer-separator-text, #7b7b7b);
}
.tr-task-active .hda-item .hda-item-description {
color: var(--white-black, #FFFFFF);
}
.hda-column-text-btn {
display: inline-block;
cursor: pointer;
}
.hda-column-row-icon {
padding-left: 5px;
}
.hda-add-permission-wr {
padding-bottom: 9px;
padding-top: 9px;
}
.hda-add-permission-wr .hda-add-permission {
font-size: 14px;
color: var(--link-color-gray, #9d9d9d);
cursor: pointer;
}
.hda-add-permission-wr .hda-add-permission .hda-permission-icon-status {
vertical-align: middle;
margin-bottom: 2px;
margin-right: 7px;
}
.hda-add-permission-wr .hda-add-permission .hda-permission-icon-status svg {
fill: var(--gray-ico, #a9a9a9);
width: 16px;
height: 16px;
font-size: 0;
display: inline-block;
}
.hda-add-permission-wr .hda-add-permission.has-permission {
color: #4573B1;
}
.hda-add-permission-wr .hda-add-permission.has-permission .hda-permission-icon-status svg {
fill: #00864b;
}
.hda-rows-list.hda-two-tables-wrapper {
display: flex;
align-items: flex-start;
overflow: hidden;
gap: 16px;
width: 100%;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-name {
position: relative;
flex: 0 1 auto;
width: fit-content;
min-width: 0;
max-width: 640px;
overflow: hidden;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-name .hda-table-name-resize-handle {
position: absolute;
top: 0;
right: -4px;
width: 8px;
height: 100%;
cursor: col-resize;
z-index: 2;
background: transparent;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-name .hda-table-name-resize-handle:hover,
.hda-rows-list.hda-two-tables-wrapper .hda-table-name .hda-table-name-resize-handle:active {
background: var(--link-color, #4573B1);
opacity: 0.3;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-name .table-view-rc__wrapper {
width: 100%;
max-width: 100%;
overflow: hidden;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-name .tr-head .td-head {
height: 129px;
vertical-align: bottom;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-name .table-view-rc {
width: 100% !important;
max-width: 100%;
table-layout: fixed;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-name .td-task-name {
max-width: 100%;
min-width: 0;
width: auto;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-name .td-task-name .log-top-text,
.hda-rows-list.hda-two-tables-wrapper .hda-table-name .td-task-name .td-project-name-link {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-access {
flex: 0 0 165px;
width: 165px;
min-width: 165px;
max-width: 165px;
}
.hda-rows-list.hda-two-tables-wrapper .hda-tables-scroll {
flex: 1 1 0;
min-width: 0;
display: flex;
align-items: flex-start;
gap: 16px;
overflow-x: auto;
overflow-y: hidden;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-fields {
flex: 1 1 auto;
min-width: 0;
overflow: visible;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-fields .table-view-rc__wrapper,
.hda-rows-list.hda-two-tables-wrapper .hda-table-fields .table-view-rc {
width: auto;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-fields .table-view-rc__wrapper {
width: 100%;
overflow: visible;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-fields .table-view-rc {
width: auto;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-fields .td-head.hda-column,
.hda-rows-list.hda-two-tables-wrapper .hda-table-fields .td-item.hda-column {
max-width: 85px;
}
.hda-rows-list.hda-two-tables-wrapper .hda-table-fields .hda-column-filler {
max-width: none;
cursor: default;
pointer-events: none;
}
.hda-rows-list.hda-two-tables-wrapper.hda-vertical-columns .hda-tables-scroll {
flex: 1 1 0;
}
.hda-rows-list.hda-two-tables-wrapper.hda-vertical-columns .hda-table-access {
flex: 0 0 165px;
}
.hda-rows-list .td-head,
.hda-rows-list .td-item {
height: 38px;
min-height: 38px;
box-sizing: border-box;
}
.hda-rows-list .tr-head .td-head {
padding-top: 8px;
padding-bottom: 8px;
}
.hda-rows-list .tr-head .td-head .hda-icon-btn-visible,
.hda-rows-list .tr-head .td-head .hda-icon-btn-mass-action,
.hda-rows-list .tr-head .td-head .hda-icon-btn {
margin-bottom: 0;
}
.hda-rows-list .td-item.hda-column {
border-top: 1px solid transparent;
}
.hda-rows-list .hda-empty-parent-row-cell {
border-left: none !important;
}
.hda-rows-list .td-head.hda-column {
height: auto;
padding-top: 8px;
padding-bottom: 8px;
}
.hda-rows-list .td-head.hda-column .hda-column-name-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
height: 113px;
min-height: 113px;
justify-content: flex-end;
}
.hda-rows-list .td-head.hda-column .hda-column-text-btn {
writing-mode: vertical-rl;
transform: rotate(180deg);
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
.hda-rows-list .td-task-name {
display: flex;
max-width: 232px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hda-rows-list .td-task-name .log-top-text,
.hda-rows-list .td-task-name .td-task-name-link {
overflow: hidden;
text-overflow: ellipsis;
display: block;
white-space: nowrap;
}
.hda-rows-list .td-accessrow-up,
.hda-rows-list .td-accessrow-group {
cursor: pointer;
}
.hda-rows-list .accessible .td-task-name {
color: var(--text-color, #000);
border-top: 1px solid transparent;
}
.hda-rows-list .accessible .td-accessrow-group .td-task-name-link {
color: #4573B1;
}
.hda-rows-list .td-task-name-link.has-items {
color: #4573B1;
}
.hda-rows-list .td-group-name {
font-size: 14px;
font-weight: bold;
}
.hda-rows-list .hda-icon-btn-visible.visible svg {
visibility: visible;
}
.hda-rows-list .hda-icon-btn-visible.visible svg .svg-part-lamp-top {
fill: #FFC107;
}
.hda-rows-list .hda-icon-btn-mass-action.allow svg,
.hda-rows-list .hda-icon-btn.allow svg {
fill: #00864b;
visibility: visible;
}
.hda-rows-list .perma-hidden .hda-icon-btn.allow svg {
visibility: hidden;
}
.hda-rows-list .hda-tr-head .td-head,
.hda-rows-list .tr-head .td-head {
white-space: normal;
padding-bottom: 7px;
padding-top: 7px;
}
.hda-rows-list .hda-tr-head .td-head.hda-column,
.hda-rows-list .tr-head .td-head.hda-column {
text-align: center;
}
.hda-rows-list .hda-tr-head .td-head .hda-icon-btn-mass-action svg,
.hda-rows-list .tr-head .td-head .hda-icon-btn-mass-action svg {
visibility: visible;
}
.hda-rows-list .tr-common-item:hover .perma-hidden .hda-icon-btn svg,
.hda-rows-list .hda-tr-head:hover .perma-hidden .hda-icon-btn svg,
.hda-rows-list .tr-common-item:hover .hda-icon-btn:not(.allow) svg,
.hda-rows-list .hda-tr-head:hover .hda-icon-btn:not(.allow) svg {
visibility: visible;
fill: var(--gray-ico, #a9a9a9);
}
.hda-rows-list .tr-common-item:hover .hda-icon-btn-visible:not(.visible) svg,
.hda-rows-list .hda-tr-head:hover .hda-icon-btn-visible:not(.visible) svg {
visibility: visible;
}
.hda-rows-list .tr-common-item:hover .hda-icon-btn-visible:not(.visible) svg .svg-part-lamp-top,
.hda-rows-list .hda-tr-head:hover .hda-icon-btn-visible:not(.visible) svg .svg-part-lamp-top {
fill: var(--gray-ico, #a9a9a9);
}
.hda-rows-list .tr-common-item .hda-icon-btn-mass-action:not(.allow),
.hda-rows-list .hda-tr-head .hda-icon-btn-mass-action:not(.allow) {
visibility: visible;
fill: var(--gray-ico, #a9a9a9);
}
.hda-rows-list .td-group-name-ro {
font-size: 18px;
font-weight: bold;
padding-top: 52px;
padding-bottom: 13px;
height: auto;
}
.hda-rows-list .hda-ro-row .td-item {
padding-bottom: 10px;
padding-top: 10px;
font-size: 15px;
}
.hda-rows-list .hda-ro-row.allow:not(.perma-hidden) .hda-big-icon-btn svg {
fill: #00864b;
}
.hda-rows-list .hda-big-icon-btn {
width: 24px;
height: 24px;
cursor: pointer;
}
.hda-rows-list .hda-big-icon-btn svg {
width: 24px;
height: 24px;
fill: var(--gray-ico, #a9a9a9);
}
.hda-icon-btn,
.hda-icon-btn-visible,
.hda-icon-btn-mass-action {
width: 16px;
height: 16px;
clear: both;
margin: 0 auto;
cursor: pointer;
}
.hda-icon-btn svg,
.hda-icon-btn-visible svg,
.hda-icon-btn-mass-action svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
visibility: hidden;
}
.tbl-quick-actions-wrapper {
visibility: hidden;
margin-left: 15px;
border-right: 1px solid var(--file-viewer-canvas-no-active-btn-bg, #D4D4D4);
white-space: nowrap;
cursor: pointer;
display: inline-flex;
justify-content: center;
flex-direction: column;
width: 90px;
background: var(--white-black, #fff);
}
.handbook-select-dialog {
width: 400px;
}
.handbook-select-dialog-header {
font-size: 14pt;
}
.handbook-select-dialog-header-small {
font-size: 8pt;
color: #8d8d8d;
padding-bottom: 15px;
}
.handbook-select-dialog-search input.text-box {
width: 386px;
padding: 7px;
}
.handbook-select-dialog-table {
border: 1px solid #CCCCCC;
height: 275px;
margin: 10px 0;
width: 398px;
padding-top: 7px;
overflow-y: auto;
overflow-x: hidden;
}
.handbook-select-dialog-table > table {
width: 100%;
font-size: 9pt;
}
.handbook-select-dialog-tr td {
padding: 4px 0;
}
.handbook-select-dialog-tr td:first-child {
width: 30px;
padding-left: 15px;
}
.handbook-select-dialog-buttons-right {
float: right;
}
.handbook-select-dialog-ajax {
background: #eee;
border: 1px solid #ccc;
width: 185px;
padding: 15px;
text-align: center;
color: #747474;
font-size: 10.5pt;
position: absolute;
margin-top: 100px;
margin-left: 90px;
display: none;
}
.handbook-select-handbook {
display: none;
margin-bottom: 5px;
}
.handbook-select-handbook select {
width: 407px;
}
.handbook-deps-list .contact-item {
display: flex;
}
.handbook-deps-list .contact-item .contact-item-file-ico {
width: 40px;
height: 40px;
}
.handbook-deps-list .contact-item .contact-item-data {
width: 100%;
padding-left: 7px;
}
.handbook-deps-list .contact-item .contact-item-clients {
color: #979797;
font-size: 8pt;
margin-left: 10px;
display: inline-block;
vertical-align: top;
margin-top: 2px;
max-width: 110px;
overflow: hidden;
text-overflow: ellipsis;
}
.handbook-deps-list .contact-item .contact-item-name {
max-width: 180px;
display: inline-block;
vertical-align: top;
}
.handbook-deps-list .contact-item .contact-item-description {
font-size: 8pt;
color: #7b7b7b;
padding-top: 6px;
}
.button-menu-rc {
position: fixed;
display: flex;
border-radius: 5px;
box-shadow: 0 0 7px var(--popup-shadow);
z-index: 100;
}
.button-menu-rc .menu_items {
padding: 11px 0;
border-radius: inherit;
background: var(--main-menu-popup-bg, #ffffff);
z-index: 1;
}
.button-menu-rc .menu_items .menu_items__empty-text {
padding: 8px 13px;
font-size: 14px;
color: #9c9c9c;
}
.button-menu-rc .menu_items .menu_items__item {
display: flex;
align-items: center;
height: 24px;
padding: 8px 13px;
text-align: left;
font-size: 14px;
color: var(--black-white, #000);
cursor: pointer;
}
.button-menu-rc .menu_items .menu_items__item:hover {
background: var(--gray-inner, #eee);
}
.button-menu-rc .menu_items .menu_items__item .menu_items__item__icon {
width: 16px;
height: 16px;
margin-right: 9px;
display: flex;
align-items: center;
}
.button-menu-rc .menu_items .menu_items__item .menu_items__item__icon svg {
width: inherit;
height: inherit;
stroke: #88909B;
}
.button-menu-rc .menu_items .menu_items__item .menu_items__item__icon .right {
margin-left: 25px;
}
.button-menu-rc .menu_items .menu_items__item .menu_items__item__text {
white-space: nowrap;
}
.button-menu-rc .arrow {
position: absolute;
display: block;
width: 14px;
height: 14px;
bottom: -6px;
background: var(--main-menu-popup-bg, #ffffff);
transform: rotateZ(45deg);
box-shadow: 0 0 7px var(--popup-shadow);
z-index: 1;
}
.button-menu-rc.top .arrow {
top: -6px;
}
.dialog-bottom-panel-button-rc {
height: 70px;
background-color: var(--grey-list-border, #dfdfdf);
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.dialog-bottom-panel-button-rc .buttons-list {
display: flex;
float: right;
height: 100%;
margin-right: 20px;
column-gap: 10px;
align-items: center;
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn {
/*** button style **/
height: 32px;
padding: 0.65em 1.3em 0.7em;
transition: all 150ms ease-in-out;
background: var(--white-black, #ffffff);
color: var(--task-card-action-gray-btn, #949494);
box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
border: none;
border-radius: 4px;
outline: none;
cursor: pointer;
line-height: 0.9em;
font-size: 14px;
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn:hover {
box-shadow: inset 0 0 0 1px var(--dialog-btn-hover-shadow, #00000052);
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn:not([data-type="btn3"]):not([disabled]):active {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn[data-type="btn1-color-from-theme"] {
background: var(--activeButton, #0fabdd);
color: var(--activeButtonElements, var(--white-black, #ffffff));
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn[data-type="btn1-color-from-theme"]:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn[data-type="btn2"] {
background: var(--deleteButton, #0fabdd);
color: var(--activeButtonElements, var(--white-black, #ffffff));
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn[data-type="btn2"]:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn[data-type="btn3"] {
background: transparent;
box-shadow: none;
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn[data-type="btn3"]:hover {
box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn[data-id="skip"] {
background: var(--toggle-switcher-bg, #ACACAC);
color: var(--white-black, #fff);
border-radius: 6px;
padding: 0.65em 2.3em 0.7em;
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn[data-id="select"] {
padding: 0.65em 2.7em 0.7em;
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn[data-id="declining"] {
color: var(--white-black, #ffffff);
background: #DD0000;
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn[disabled] {
opacity: 0.5;
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn .icon svg {
width: 16px;
height: 16px;
fill: var(--gray-dark-icon, #626262);
stroke: none;
}
.dialog-bottom-panel-button-rc .buttons-list button.dialog-btn .icon.stroke svg {
stroke: var(--gray-dark-icon, #626262);
fill: none;
}
.dialog-bottom-panel-button-rc .buttons-list .other-button {
width: 30px;
height: 32px;
display: flex;
background: var(--white-black, #ffffff);
border-radius: 4px;
box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
border: 0;
cursor: pointer;
}
.dialog-bottom-panel-button-rc .buttons-list .other-button:hover {
box-shadow: inset 0 0 0 1px var(--dialog-btn-hover-shadow, #00000052);
}
.dialog-bottom-panel-button-rc .buttons-list .other-button svg {
margin: auto;
fill: var(--task-card-action-gray-btn, #949494);
}
button[data-id="select"] {
transition: all 150ms ease-in-out;
}
button[data-id="select"]:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2)) !important;
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2)) !important;
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2)) !important;
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2)) !important;
}
.list-for-panel-layout-rc {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.list-for-panel-layout-rc .title {
font-size: 24px;
color: var(--chzn-text, #444444);
margin-bottom: 15px;
}
.list-for-panel-layout-rc .table {
width: 100%;
margin-top: 15px;
border-top: 1px solid var(--task-checklist-employer-border, #dcdcdc);
}
.list-for-panel-layout-rc .table .header,
.list-for-panel-layout-rc .table .table-row {
padding: 10px 0 10px 10px;
}
.list-for-panel-layout-rc .table .header .table-column,
.list-for-panel-layout-rc .table .table-row .table-column {
padding: 10px;
border-bottom: 1px solid var(--task-checklist-employer-border, #dcdcdc);
}
.list-for-panel-layout-rc .table .header .table-column.drag,
.list-for-panel-layout-rc .table .table-row .table-column.drag {
width: 6px;
padding-top: 7px;
}
.list-for-panel-layout-rc .table .header .table-column.drag svg,
.list-for-panel-layout-rc .table .table-row .table-column.drag svg {
width: 6px;
fill: var(--task-card-action-normal-author, #A7A7A7);
vertical-align: middle;
}
.list-for-panel-layout-rc .table .header .table-column.btn-trash,
.list-for-panel-layout-rc .table .table-row .table-column.btn-trash {
width: 20px;
}
.list-for-panel-layout-rc .table .header .table-column.btn-trash span,
.list-for-panel-layout-rc .table .table-row .table-column.btn-trash span {
cursor: pointer;
pointer-events: auto;
}
.list-for-panel-layout-rc .table .header .table-column.btn-trash span svg,
.list-for-panel-layout-rc .table .table-row .table-column.btn-trash span svg {
stroke: var(--task-card-action-normal-author, #A7A7A7);
fill: none;
width: 14px;
}
.list-for-panel-layout-rc .table .header .table-column.btn-trash span:hover svg,
.list-for-panel-layout-rc .table .table-row .table-column.btn-trash span:hover svg {
stroke: red;
}
.list-for-panel-layout-rc .table .header .table-column {
color: var(--black-white, #000);
font-weight: 600;
}
.list-for-panel-layout-rc .table .table-row {
cursor: pointer;
}
.list-for-panel-layout-rc .table .table-row .table-column {
color: gray;
}
.list-for-panel-layout-rc .table .table-row:hover {
background-color: var(--grey-dark-hover, #F1F1F1);
}
.list-for-panel-layout-rc .table .table-row.active {
background-color: var(--list-for-panel-row-active-bg, #53586C);
pointer-events: none;
}
.list-for-panel-layout-rc .table .table-row.active .table-column {
color: var(--white-black, #ffffff);
}
.list-for-panel-layout-rc .table .table-row.active .table-column svg {
fill: var(--white-black, #ffffff);
}
.list-for-panel-layout-rc .table .table-row.active .table-column.drag {
pointer-events: auto;
}
.list-for-panel-layout-rc .table .table-row.active .table-column.btn-trash svg {
stroke: var(--white-black, #ffffff);
fill: none;
width: 14px;
}
.list-for-panel-layout-rc .table .table-row.draggable {
pointer-events: none;
box-shadow: inset 6px -1px 0 0 #f58220;
border-right: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
border-top: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
border-bottom: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat;
height: 20px;
}
.list-for-panel-layout-rc .table .table-row.draggable .table-column {
color: transparent !important;
}
.list-for-panel-layout-rc .table .table-row.draggable .table-column svg {
fill: transparent !important;
}
.list-for-panel-layout-rc .fake-draggable {
position: absolute;
padding: 0 !important;
background-color: var(--white-black, #ffffff) !important;
box-shadow: 0 0 1px 0 var(--black-white, #000);
z-index: 1;
}
.list-for-panel-layout-rc .td-input {
border: none;
outline: none;
background: transparent;
box-shadow: none;
color: inherit;
font: inherit;
padding: 0;
margin: 0;
width: 100%;
}
.rounded-tabs-container .rounded-tabs-list {
display: flex;
gap: 24px;
}
.rounded-tabs-container .rounded-tabs-list .rounded-tab {
display: flex;
flex-direction: column;
gap: 2px;
padding: 0 4px;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.rounded-tabs-container .rounded-tabs-list .rounded-tab:hover {
padding: 0;
}
.rounded-tabs-container .rounded-tabs-list .rounded-tab:hover .rounded-tabs-text {
padding: 2px 4px;
background-color: var(--file-upload-ubloaded-block, #EAEAEA);
border-radius: 3px;
}
.rounded-tabs-container .rounded-tabs-list .rounded-tab.active .rounded-tabs-underline {
background-color: var(--activeFilter, #00864b);
}
.rounded-tabs-container .rounded-tabs-list .rounded-tab .rounded-tabs-text {
font-size: 13px;
text-transform: uppercase;
color: var(--gray-dark-icon, #626262);
transition: all 0.2s ease-in-out;
padding: 2px 0;
}
.rounded-tabs-container .rounded-tabs-list .rounded-tab .rounded-tabs-underline {
height: 5px;
width: 100%;
border-radius: 3px;
}
.status-rule-panel .rounded-tabs-container .rounded-tabs-list {
flex-wrap: wrap;
gap: 5px 24px;
}
.select-field-and-number-rc .label-com {
color: #878887;
padding-bottom: 10px;
}
.select-field-and-number-rc .field-list .field {
display: flex;
flex-direction: row;
height: 60px;
}
.select-field-and-number-rc .field-list .field .item-settings.col_0 {
display: flex;
flex: 28;
}
.select-field-and-number-rc .field-list .field .item-settings.col_0 .usually-switcher-rc {
margin: auto 0 auto 0;
}
.select-field-and-number-rc .field-list .field .item-settings.col_1 {
flex: 150;
width: 224px;
}
.select-field-and-number-rc .field-list .field .item-settings.col_2 {
flex: 50;
margin-left: 20px;
width: 62px;
}
.select-field-and-number-rc .field-list .field:not(:first-child) .usually-field-input-v2-rc .label {
font-size: 0;
}
.tabs-panel-layout .tabs-list {
display: flex;
border-bottom: 1px solid var(--gray-input-border, #bbb);
}
.tabs-panel-layout .tabs-list .tab {
cursor: pointer;
}
.tabs-panel-layout .tabs-list .tab .text {
padding: 5px 10px 5px 10px;
transition: 0.2s;
font-size: 13px;
text-transform: uppercase;
text-align: center;
color: var(--grey-group-text, #6c6c6c);
border-color: #00864b;
border-bottom: 6px solid transparent;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.tabs-panel-layout .tabs-list .tab.active .text {
padding: 5px 0 5px 0;
margin: 0 10px;
border-color: var(--activeFilter, #00864b);
}
.tabs-panel-layout .tabs-list .tab.active:hover .text {
margin: 0;
padding: 5px 10px;
}
.tabs-panel-layout .tabs-list .tab:hover .text {
box-shadow: inset 0 0 0 20px var(--tabs-panel-tab-hover, #e5e5e5);
}
.tabs-panel-layout .tabs-list .tab:not(:first-child) {
margin-left: 35px;
}
.tabs-panel-layout .tabs-list .tab.red-blink:not(.active) .text {
animation: red-blink 2s infinite;
}
.tabs-panel-layout .container {
display: flex;
}
.tabs-panel-layout .container .tab-content {
width: 0;
height: 0;
overflow: hidden;
transition: 0.3s;
visibility: hidden;
opacity: 0;
}
.tabs-panel-layout .container .tab-content.active {
width: 100%;
height: 100%;
visibility: visible;
overflow: visible;
opacity: 1;
}
.tabs-panel-layout.not-anim .container .tab-content {
transition: 0s;
}
@keyframes red-blink {
0% {
box-shadow: inset 0 0 0 20px transparent;
}
50% {
box-shadow: inset 0 0 0 20px #ff110026;
}
100% {
box-shadow: inset 0 0 0 20px transparent;
}
}
.add-field-controller-block-rc {
display: flex;
height: 60px;
}
.add-field-controller-block-rc .btn-add-new-field {
display: flex;
width: max-content;
height: 17px;
margin: auto 35px auto 0;
cursor: pointer;
}
.add-field-controller-block-rc .btn-add-new-field .btn-icon svg {
width: 16px;
height: 16px;
fill: #82c03b;
}
.add-field-controller-block-rc .btn-add-new-field .btn-text {
margin-left: 10px;
color: #4573B1;
}
.add-field-controller-block-rc .btn-add-new-field .btn-text:hover {
color: var(--task-status-color, #25BB69);
}
.add-field-controller-block-rc .btn-add-new-field-control {
margin: auto 10px;
}
.add-field-controller-block-rc .btn-add-new-field-control .new-field-name-input {
position: relative;
padding: 6px;
padding-right: 25px;
border: 1px solid var(--task-checklist-employer-border, #dcdcdc);
border-radius: 6px;
}
.add-field-controller-block-rc .btn-add-new-field-control .new-field-name-input input {
width: 270px;
color: var(--new-field-name-input, #5e5e5e);
border: none;
outline: none;
font-size: 13px;
background-color: var(--background-color-light-gray, #f7f7f7);
}
.add-field-controller-block-rc .btn-add-new-field-control .new-field-name-input .btn-clear-input {
position: absolute;
top: 6px;
right: 6px;
cursor: pointer;
}
.add-field-controller-block-rc .btn-add-new-field-control .new-field-name-input .btn-clear-input svg {
width: 16px;
height: 16px;
stroke: var(--task-card-action-normal-author, #a7a7a7);
}
.add-field-controller-block-rc .btn-add-new-field-control .new-field-name-submit {
height: 29px;
margin-left: 10px;
background-color: #0087ff;
color: var(--white-black, #ffffff);
border: none;
padding: 5px 10px;
border-radius: 3px;
font-size: 14px;
outline: none;
cursor: pointer;
}
.list-editor-rc .list-values {
width: 100%;
margin: 20px 0;
}
.list-editor-rc .list-values thead td {
padding-bottom: 10px;
color: gray;
font-size: 12px;
}
.list-editor-rc .list-values thead td.color {
text-align: center;
}
.list-editor-rc .list-values td:nth-of-type(2) {
padding-right: 20px;
}
.list-editor-rc .list-values .item-value {
margin-bottom: 10px;
}
.list-editor-rc .list-values .item-value .item-drag {
padding-top: 8px;
padding-right: 5px;
}
.list-editor-rc .list-values .item-value .item-drag svg {
width: 14px;
height: 14px;
fill: var(--task-card-action-normal-author, #a7a7a7);
}
.list-editor-rc .list-values .item-value input {
width: 100%;
padding: 5px;
font-size: 15px;
outline: none;
background: none;
border: none;
border-bottom: 1px solid var(--task-checklist-employer-border, #dcdcdc);
}
.list-editor-rc .list-values .item-value input.red {
box-shadow: 0 3px 0 0 #d30000;
}
.list-editor-rc .list-values .item-value .item-remove {
width: 24px;
height: 24px;
cursor: pointer;
}
.list-editor-rc .list-values .item-value .item-remove svg {
width: 16px;
height: 16px;
padding: 5px;
stroke: var(--task-card-action-normal-author, #a7a7a7);
fill: none;
}
.list-editor-rc .list-values .item-value .item-remove:hover svg {
stroke: red;
}
.list-editor-rc .list-values .item-value.draggable {
pointer-events: none;
box-shadow: inset 5px 0 0 0 #f58220;
border-right: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
border-top: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
border-bottom: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat;
height: 26px;
}
.list-editor-rc .list-values .item-value.draggable > * {
color: transparent !important;
}
.list-editor-rc .list-values .item-value.draggable > * svg {
fill: transparent !important;
}
.list-editor-rc .list-values .item-value .palette-control {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
position: relative;
width: max-content;
}
.list-editor-rc .list-values .item-value .palette-control__background {
margin: 0 32px 3px 25px;
}
.list-editor-rc .list-values .item-value .palette-control .label-background,
.list-editor-rc .list-values .item-value .palette-control .label-color {
position: absolute;
min-height: 14px;
font-size: 12px;
color: var(--default-gray, gray);
text-align: center;
white-space: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: -39px;
max-width: 70px;
width: inherit;
padding: 0;
}
.list-editor-rc .add-items-btn {
display: flex;
width: fit-content;
margin-left: 20px;
}
.list-editor-rc .add-items-btn .plus-icon {
margin-right: 3px;
}
.list-editor-rc .add-items-btn .plus-icon svg {
width: 16px;
height: 16px;
fill: #82c03b;
}
.list-editor-rc .add-items-btn .plus-text {
color: #5881b8;
padding-left: 2px;
border-bottom: 1px dotted #5881b8;
cursor: pointer;
}
.list-editor-rc .fake-draggable {
position: absolute;
background-color: var(--white-black, #ffffff);
box-shadow: 0 0 1px 0 var(--black-white, #000);
z-index: 100;
}
.usually-field-rc {
min-height: 46px;
box-shadow: 0 1px 0 0 var(--task-checklist-employer-border, #dcdcdc);
overflow: hidden;
}
.usually-field-rc:hover {
box-shadow: 0 3px 0 0 #3ba3d0;
}
.usually-field-rc:hover .label {
color: #3ba3d0;
}
.usually-field-rc .label {
min-height: 14px;
margin-bottom: 3px;
font-size: 12px;
transition: 0.3s;
color: var(--default-gray, gray);
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-field-rc .val {
font-size: 15px;
transition: 0.3s;
cursor: pointer;
}
.usually-field-rc .val .value {
padding: 5px 0;
cursor: pointer;
}
.usually-field-rc .val .edit {
display: none;
}
.usually-field-rc.disable .val .value {
color: var(--task-edit-checklist-text, #8c8c8c);
}
.usually-field-rc.edit-state .val .value {
display: none;
}
.usually-field-rc.edit-state .val .edit {
display: block;
}
.usually-field-rc.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
background: none;
border: none;
}
.usually-field-rc.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.usually-field-rc.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.usually-field-rc.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.usually-field-rc.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.usually-field-rc.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.usually-field-rc.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.usually-field-rc.edit-state .val .edit .handbook-data-control-react-wrapper-target {
position: relative;
}
.usually-field-rc.edit-state .val .edit .handbook-data-control-react-wrapper-target .handbook-select-data-button.v-mid {
position: absolute;
top: 3px;
right: 2px;
font-size: 16px;
outline: none;
border: none;
background: none;
box-shadow: 0 0 0 1px var(--task-card-action-normal-author, #a6a6a6);
border-radius: 2px;
cursor: pointer;
color: var(--black-white, #000);
}
.usually-field-rc.edit-state .val .edit .composite-input-label-select {
display: flex;
padding: 5px 0 0 0;
}
.usually-field-rc.edit-state .val .edit .composite-input-label-select .control-value {
height: 18px;
outline: none;
}
.usually-field-rc.edit-state .val .edit .composite-input-label-select .control-value.input {
text-align: center;
color: var(--usually-field-composite-input-label, #858585);
border-bottom: 1px solid var(--planner-file-control-svg, #b8b8b8);
}
.usually-field-rc.edit-state .val .edit .composite-input-label-select .control-value.span {
flex: 1;
padding-left: 5px;
}
.usually-field-rc.edit-state .val .edit .composite-input-label-select .control-value.select {
color: var(--usually-field-composite-input-label, #858585);
padding: 0 5px;
cursor: pointer;
}
.usually-field-rc.edit-state .val .edit select {
cursor: pointer;
}
.usually-field-rc:not(.edit-state).empty:not(.edit-state) .label {
padding-top: 20px;
font-size: 15px;
cursor: pointer;
}
.usually-field-rc:not(.edit-state).empty:not(.edit-state) .val {
height: 0;
padding: 0;
}
.usually-field-rc:not(.edit-state).empty:not(.edit-state) .val .value {
display: none;
}
.usually-field-rc.red {
box-shadow: 0 3px 0 0 #d30000 !important;
}
.usually-field-rc.red .label {
color: #d30000 !important;
}
.usually-field-inputselect {
display: flex;
}
.usually-field-inputselect > .control {
flex: 50%;
}
.usually-field-inputselect > .control:first-child {
margin-right: 8px;
}
.usually-field-inputselect > .control:not(:first-child) {
margin-left: 8px;
}
.usually-field-date-v2-rc {
height: 46px;
box-shadow: 0 1px 0 0 var(--task-checklist-employer-border, #dcdcdc);
}
.usually-field-date-v2-rc:hover {
box-shadow: 0 3px 0 0 #3ba3d0;
}
.usually-field-date-v2-rc:hover .label {
color: #3ba3d0;
}
.usually-field-date-v2-rc .label {
min-height: 14px;
margin-bottom: 3px;
font-size: 12px;
transition: 0.3s;
color: gray;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-field-date-v2-rc .val {
font-size: 15px;
transition: 0.3s;
cursor: pointer;
}
.usually-field-date-v2-rc .val .value {
padding: 5px 0;
cursor: pointer;
}
.usually-field-date-v2-rc .val .edit {
display: none;
}
.usually-field-date-v2-rc.disable .val .value {
color: var(--task-edit-checklist-text, #8c8c8c);
}
.usually-field-date-v2-rc.edit-state .val .value {
display: none;
}
.usually-field-date-v2-rc.edit-state .val .edit {
display: flex;
position: relative;
}
.usually-field-date-v2-rc.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
background: none;
border: none;
}
.usually-field-date-v2-rc.edit-state .val .edit input {
width: 100%;
height: 16px;
padding: 6px 0;
font-size: 15px;
background: none;
border: none;
outline: none;
}
.usually-field-date-v2-rc.edit-state .val .edit .timepicker {
position: absolute;
top: 26px;
}
.usually-field-date-v2-rc.edit-state .val .edit .timepicker .time-picker-container {
padding: 10px;
border: 1px solid var(--gray-light, #c1c1c1);
}
.usually-field-date-v2-rc:not(.edit-state).empty:not(.edit-state) .label {
padding-top: 20px;
font-size: 15px;
cursor: pointer;
}
.usually-field-date-v2-rc:not(.edit-state).empty:not(.edit-state) .val {
height: 0;
padding: 0;
}
.usually-field-date-v2-rc:not(.edit-state).empty:not(.edit-state) .val .value {
display: none;
}
.handbook-edit-dialog-fieldsettring-rc .edit-state .val .timepicker {
z-index: 10;
}
.usually-field-file-v2-rc {
min-height: 46px;
box-shadow: 0 1px 0 0 var(--task-checklist-employer-border, #dcdcdc);
overflow: hidden;
}
.usually-field-file-v2-rc:hover {
box-shadow: 0 3px 0 0 #3ba3d0;
}
.usually-field-file-v2-rc:hover .label {
color: #3ba3d0;
}
.usually-field-file-v2-rc .label {
min-height: 14px;
margin-bottom: 3px;
font-size: 12px;
transition: 0.3s;
color: gray;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-field-file-v2-rc .val {
font-size: 15px;
transition: 0.3s;
cursor: pointer;
}
.usually-field-file-v2-rc .val .value {
padding: 5px 0;
cursor: pointer;
}
.usually-field-file-v2-rc .val .edit {
display: none;
}
.usually-field-file-v2-rc.disable .val .value {
color: var(--task-edit-checklist-text, #8c8c8c);
}
.usually-field-file-v2-rc.edit-state .val .value {
display: none;
}
.usually-field-file-v2-rc.edit-state .val .edit {
display: block;
}
.usually-field-file-v2-rc.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
}
.usually-field-file-v2-rc.edit-state .val .edit select {
cursor: pointer;
}
.usually-field-file-v2-rc:not(.edit-state).empty:not(.edit-state) .label {
padding-top: 20px;
font-size: 15px;
cursor: pointer;
}
.usually-field-file-v2-rc:not(.edit-state).empty:not(.edit-state) .val {
height: 0;
padding: 0;
}
.usually-field-file-v2-rc:not(.edit-state).empty:not(.edit-state) .val .value {
display: none;
}
.usually-field-textarea-v2-rc {
min-height: 46px;
box-shadow: 0 1px 0 0 var(--task-checklist-employer-border, #dcdcdc);
}
.usually-field-textarea-v2-rc:hover {
box-shadow: 0 3px 0 0 #3ba3d0;
}
.usually-field-textarea-v2-rc:hover .label {
color: #3ba3d0;
}
.usually-field-textarea-v2-rc .label {
min-height: 14px;
margin-bottom: 3px;
font-size: 12px;
transition: 0.3s;
color: gray;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-field-textarea-v2-rc .val {
font-size: 15px;
transition: 0.3s;
cursor: pointer;
}
.usually-field-textarea-v2-rc .val .value {
padding: 5px 0;
cursor: pointer;
word-break: break-word;
}
.usually-field-textarea-v2-rc .val .edit {
display: none;
}
.usually-field-textarea-v2-rc.disable .val .value {
color: var(--task-edit-checklist-text, #8c8c8c);
}
.usually-field-textarea-v2-rc.edit-state .val .value {
display: none;
}
.usually-field-textarea-v2-rc.edit-state .val .edit {
display: block;
}
.usually-field-textarea-v2-rc.edit-state .val .edit .info-block {
min-height: 18px;
padding: 5px 5px;
margin: 0px -4px -1px -4px;
border-radius: 5px 5px 0 0;
background: var(--usually-field-edit-state-info-bg, #badbbd);
color: var(--grey-group-text, #6c6c6c);
opacity: 1;
visibility: visible;
animation: expand 0.3s ease-in-out;
}
.usually-field-textarea-v2-rc.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
}
.usually-field-textarea-v2-rc.edit-state .val .edit select {
cursor: pointer;
}
.usually-field-textarea-v2-rc.edit-state .val .edit[color="green"] textarea {
box-shadow: 0 0 0 4px var(--usually-field-edit-state-info-bg, #badbbd);
border-radius: 3px;
}
.usually-field-textarea-v2-rc.edit-state .val .edit[color="red"] textarea {
box-shadow: 0 0 0 4px var(--usually-field-edit-state-info-red-bg, #f2b3b3);
border-radius: 3px;
}
.usually-field-textarea-v2-rc.edit-state .val .edit[color="red"] .info-block {
background: var(--usually-field-edit-state-info-red-bg, #f2b3b3);
color: var(--black-white, #000);
padding-left: 13px;
}
.usually-field-textarea-v2-rc.edit-state .val .edit[color="red"] .info-block .highlight {
background: #ff0000;
text-decoration: underline;
}
@keyframes expand {
from {
opacity: 0;
visibility: hidden;
}
}
.usually-field-textarea-v2-rc:not(.edit-state).empty:not(.edit-state) .label {
padding-top: 20px;
font-size: 15px;
cursor: pointer;
}
.usually-field-textarea-v2-rc:not(.edit-state).empty:not(.edit-state) .val {
height: 0;
padding: 0;
}
.usually-field-textarea-v2-rc:not(.edit-state).empty:not(.edit-state) .val .value {
display: none;
}
.usually-switcher-rc.right .enabled-panel {
flex-direction: row-reverse;
}
.usually-switcher-rc.right .enabled-panel .enabled-panel-text {
margin: 0 auto 0 0;
font-size: 14px;
}
.usually-switcher-rc .enabled-panel {
display: flex;
flex-direction: row;
padding: 10px 0;
}
.usually-switcher-rc .enabled-panel .enabled-panel-text {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
margin: 0;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch {
align-items: center;
display: flex;
width: 32px;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch:not(.not-label) {
padding: 0 10px 0 0px;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher {
width: 32px;
height: 16px;
background: var(--toggle-switcher-bg, #acacac);
border-radius: 10px;
display: inline-block;
cursor: pointer;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher .ts-blt {
position: relative;
display: flex;
width: 20px;
height: 20px;
border-radius: 50%;
background: #ffc000;
top: -2px;
left: -1px;
box-shadow: 0 1px 0 0px var(--usually-switcher-toggle-switcher-shadow, rgba(0, 0, 0, 0.35));
transition: left 0.25s ease-in;
align-items: center;
justify-content: center;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher .ts-blt span {
font-size: 0;
line-height: 0;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher .ts-blt .ts-blt-opened {
display: none;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher .ts-blt svg {
width: 10px;
height: 10px;
fill: var(--white-black, #fff);
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.enabled .ts-blt {
background: #00864b;
left: 13px;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.enabled .ts-blt .ts-blt-opened {
display: block;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.enabled .ts-blt .ts-blt-locked {
display: none;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.enabled:not(.lock) .ts-blt {
background: var(--activeSlider);
color: var(--activeButtonElements);
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.enable-disable .ts-blt {
background: #00864b;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.enable-disable:not(.enabled) .ts-blt {
background: var(--toggle-switcher-lock, #828282);
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.left-right .ts-blt {
background: #00864b;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.left-right .ts-blt .ts-blt-opened {
display: block;
transform: rotate(0deg);
transition: 0.25s;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.left-right .ts-blt .ts-blt-locked {
display: block;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.left-right.enabled .ts-blt {
background: #00864b;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.left-right.enabled .ts-blt .ts-blt-opened {
display: block;
transform: rotate(180deg);
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.lock {
pointer-events: none;
}
.usually-switcher-rc .enabled-panel .enabled-panel-switch .toggle-switcher.lock .ts-blt {
background: var(--switcher-with-label-box-item, #a3a3a3);
}
.usually-switcher-rc .enabled-panel[data-mode][data-mode="align"] .toggle-switcher .ts-blt-opened {
display: block;
}
.usually-switcher-rc .enabled-panel[data-mode][data-mode="align"] .toggle-switcher svg {
transition: 0.3s;
}
.usually-switcher-rc .enabled-panel[data-mode][data-mode="align"] .toggle-switcher.enabled .ts-blt {
background: #00864b;
}
.usually-switcher-rc .enabled-panel[data-mode][data-mode="align"] .toggle-switcher.enabled svg {
transform: rotate(180deg);
}
.switcher-wrapper-rc .switcher {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
height: 58px;
border-radius: 6px;
padding: 0 0 0 14px;
}
.switcher-wrapper-rc .switcher.small-height {
height: 44px;
}
.usually-switcher-rc-v2 {
display: flex;
white-space: pre;
overflow: hidden;
}
.usually-switcher-rc-v2.right .enabled-panel {
flex-direction: row-reverse;
justify-content: flex-end;
margin-left: 0;
margin-right: auto;
}
.usually-switcher-rc-v2.right .enabled-panel .enabled-panel-text {
margin: 0;
font-size: 14px;
}
.usually-switcher-rc-v2.allow-word-wrap {
white-space: unset;
}
.usually-switcher-rc-v2.disable-padding .enabled-panel {
padding: 0;
}
.usually-switcher-rc-v2:not(.right) .enabled-panel .enabled-panel-switch:not(.not-label) {
padding: 0 0 0 10px;
}
.usually-switcher-rc-v2 .enabled-panel {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 0;
margin-left: auto;
margin-right: 0;
overflow: hidden;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-text {
display: flex;
padding-right: 10px;
overflow: hidden;
text-overflow: ellipsis;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
margin: 0;
color: var(--Dark-colors-GrayDim);
cursor: pointer;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-text .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-text .icon-required {
width: 8px;
height: 8px;
margin-left: 3px;
cursor: pointer;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-text .icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch {
align-items: center;
display: flex;
width: 36px;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch:not(.not-label) {
padding: 0 10px 0 0px;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher {
position: relative;
width: 36px;
height: 20px;
background: var(--gray-light-border, #BEBEBE);
border-radius: 10px;
display: inline-block;
cursor: pointer;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher .ts-blt {
position: relative;
display: flex;
width: 16px;
height: 16px;
border-radius: 50%;
background: #ffc000;
top: 2px;
left: 2px;
box-shadow: none;
transition: left 0.25s ease-in;
align-items: center;
justify-content: center;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher .ts-blt .close-field-icon {
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher .ts-blt .close-field-icon svg {
width: 10px;
height: 10px;
stroke: var(--activeSlider);
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher .ts-circle {
opacity: 1;
transition: all 800ms ease;
position: absolute;
border: 1px solid var(--ddl-menu-switch-after, #A4A4A4);
width: 4px;
height: 4px;
right: 8px;
top: 7px;
border-radius: 50%;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher .ts-line {
opacity: 0;
position: absolute;
height: 6px;
width: 1px;
background: var(--white-black, #fff);
color: var(--white-black, #fff);
left: 10px;
top: 7.3px;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher.enabled {
background: var(--activeSlider);
color: var(--activeButtonElements);
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher.enabled .ts-blt {
background: var(--green, #00864b);
left: 18px;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher.enabled .ts-blt .ts-blt-opened {
display: block;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher.enabled .ts-blt .ts-blt-locked {
display: none;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher.enabled .ts-circle {
opacity: 0;
transition: none;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher.enabled .ts-line {
opacity: 1;
transition: all 300ms ease;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher.enable-disable .ts-blt {
background: var(--white-black, #FFFFFF);
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher.enable-disable:not(.enabled) .ts-blt {
background: var(--white-black, #FFFFFF);
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher.enable-disable:not(.enabled) .ts-blt .close-field-icon svg {
stroke: #88909B;
}
.usually-switcher-rc-v2 .enabled-panel .enabled-panel-switch .toggle-switcher.lock {
pointer-events: none;
}
.usually-switcher-rc-v2.lock .enabled-panel .enabled-panel-text {
cursor: default;
}
.usually-switcher-with-label-rc.style-trigger-create {
font-size: 14px;
}
.usually-switcher-with-label-rc .box {
display: flex;
align-items: center;
position: relative;
width: max-content;
height: 18px;
padding: 7px 0;
border-radius: 18px;
background-color: var(--switcher-with-label-box-bg, #CBCBCB);
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-switcher-with-label-rc .box .item {
display: flex;
align-items: center;
height: 32px;
padding: 0 10px;
font-size: 14px;
color: var(--switcher-with-label-box-item, #A3A3A3);
cursor: pointer;
}
.usually-switcher-with-label-rc .box .select {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
bottom: 0;
padding: 0 12px;
overflow: hidden;
white-space: nowrap;
background-color: #71aa15;
border-radius: 18px;
color: var(--white-black, #ffffff);
box-shadow: 0 1px 5px 0 #00000059;
transition: 0.15s;
cursor: default;
}
.usually-switcher-with-label-rc.style-v2 .box {
overflow: hidden;
background-color: var(--white-black, #ffffff);
border: 4px solid var(--white-black, #ffffff);
padding: 3px 0;
box-shadow: 0 0 0 1px var(--time-type-switcher-border, #d0d0d0);
text-transform: uppercase;
}
.usually-switcher-with-label-rc.style-v2 .box .item {
padding: 0 12px;
font-size: 12px;
}
.usually-switcher-with-label-rc.style-v2 .box .select {
font-size: 12px;
padding: 0 12px;
box-shadow: none;
}
.usually-switcher-with-label-rc .usually-switcher-active-text {
transition: 0.05s;
}
.usually-switcher-with-label-two-rc .box {
position: relative;
width: 210px;
overflow: hidden;
height: 18px;
padding: 7px 0;
background-color: var(--time-type-switcher-bg, #ffffff);
color: var(--time-type-switcher-text, #000000);
border-radius: 18px;
box-shadow: 0 0 0 1px var(--time-type-switcher-border, #d0d0d0);
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-switcher-with-label-two-rc .box .items {
position: absolute;
display: flex;
width: 210px;
height: 18px;
}
.usually-switcher-with-label-two-rc .box .items .item {
width: 0;
opacity: 0;
text-align: center;
font-size: 14px;
transition: all 150ms cubic-bezier(0.07, 0.7, 0.97, 0.43);
overflow: hidden;
transform: scale(0.6);
}
.usually-switcher-with-label-two-rc .box .items .item.active {
width: inherit;
opacity: 1;
transform: scale(1);
}
.usually-switcher-with-label-two-rc .box .arrow {
position: absolute;
top: 0;
height: 32px;
border-radius: 18px;
background-color: var(--time-type-switcher-bg, #ffffff);
cursor: pointer;
}
.usually-switcher-with-label-two-rc .box .arrow svg {
width: 16px;
height: 16px;
padding: 8px;
fill: var(--gray-ico, #a9a9a9);
}
.usually-switcher-with-label-two-rc .box .arrow.left {
left: 0;
}
.usually-switcher-with-label-two-rc .box .arrow.right {
right: 0;
}
.usually-switcher-list-rc .list {
padding: 10px 0;
overflow: auto;
}
.usually-switcher-list-rc .list .item {
padding: 6px 18px;
margin: 3px;
float: left;
border-radius: 15px;
background-color: var(--switcher-with-label-box-bg, #CBCBCB);
color: var(--switcher-with-label-box-item, #A3A3A3);
transition: 0.15s;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-switcher-list-rc .list .item.active {
background-color: #71AA15;
color: var(--white-black, #ffffff);
cursor: default;
}
.usually-switcher-list-rc .list .dots {
display: flex;
width: 18px;
height: 18px;
padding: 6px;
background-color: var(--switcher-with-label-box-bg, #cbcbcb);
border-radius: 15px;
margin: 3px;
float: left;
cursor: pointer;
}
.usually-switcher-list-rc .list .dots svg {
width: 12px;
height: 12px;
margin: auto;
transform: rotate(90deg);
fill: var(--white-black, #ffffff);
}
.Hint-target {
position: absolute;
z-index: 900;
}
.hint-block-rc {
border-radius: 6px;
width: 295px;
background: #D6F1D9;
box-shadow: 0px 1px 3px 0px rgba(156, 156, 156, 0.25);
display: inline-flex;
padding: 12px 8px;
justify-content: center;
align-items: center;
gap: 10px;
position: relative;
margin-bottom: 10px;
}
.hint-block-rc .hint-block-rc__box {
color: var(--Dark-colors-GrayDark, #343434);
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.hint-block-rc .hint-block-rc__spin {
width: 16px;
height: 16px;
transform: rotate(-45deg);
position: absolute;
bottom: -6.314px;
background: #d6f1d9;
}
.usually-field-ckeditor-v2-rc {
min-height: 46px;
box-shadow: 0 1px 0 0 var(--task-checklist-employer-border, #dcdcdc);
}
.usually-field-ckeditor-v2-rc:not(.disable):hover {
box-shadow: 0 3px 0 0 #3ba3d0;
}
.usually-field-ckeditor-v2-rc:not(.disable):hover .label {
color: #3ba3d0;
}
.usually-field-ckeditor-v2-rc .label {
min-height: 14px;
margin-bottom: 3px;
font-size: 12px;
transition: 0.3s;
color: gray;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-field-ckeditor-v2-rc .val {
font-size: 15px;
transition: 0.3s;
overflow: hidden;
cursor: pointer;
}
.usually-field-ckeditor-v2-rc .val .value {
padding: 5px 0;
cursor: pointer;
}
.usually-field-ckeditor-v2-rc .val .edit {
display: none;
}
.usually-field-ckeditor-v2-rc.disable .val .value {
color: var(--task-edit-checklist-text, #8c8c8c);
}
.usually-field-ckeditor-v2-rc.edit-state .val .value {
display: none;
}
.usually-field-ckeditor-v2-rc.edit-state .val .edit {
display: block;
}
.usually-field-ckeditor-v2-rc.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
}
.usually-field-ckeditor-v2-rc.edit-state .val .edit input {
background: transparent;
border: none !important;
}
.usually-field-ckeditor-v2-rc:not(.edit-state).empty:not(.edit-state) .label {
padding-top: 20px;
font-size: 15px;
cursor: pointer;
}
.usually-field-ckeditor-v2-rc:not(.edit-state).empty:not(.edit-state) .val {
height: 0;
padding: 0;
}
.usually-field-ckeditor-v2-rc:not(.edit-state).empty:not(.edit-state) .val .value {
display: none;
}
.usually-field-employed-v2-rc {
height: 46px;
box-shadow: 0 1px 0 0 var(--task-checklist-employer-border, #dcdcdc);
}
.usually-field-employed-v2-rc:not(.disable):hover {
box-shadow: 0 3px 0 0 #3ba3d0;
}
.usually-field-employed-v2-rc:not(.disable):hover .label {
color: #3ba3d0;
}
.usually-field-employed-v2-rc .label {
min-height: 14px;
margin-bottom: 3px;
font-size: 12px;
transition: 0.3s;
color: gray;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-field-employed-v2-rc .val {
font-size: 15px;
transition: 0.3s;
cursor: pointer;
}
.usually-field-employed-v2-rc.disable .val .value {
color: var(--usually-field-disable-value, #8c8c8c);
}
.usually-field-employed-v2-rc.multiple {
height: unset;
min-height: 46px;
}
.usually-field-employed-v2-rc .val .edit {
display: block;
}
.usually-field-employed-v2-rc .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
}
.usually-field-employed-v2-rc .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.usually-field-employed-v2-rc .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.usually-field-employed-v2-rc .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.usually-field-employed-v2-rc .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.usually-field-employed-v2-rc .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.usually-field-employed-v2-rc .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.usually-field-employed-v2-rc .val .edit select {
background: transparent;
border: none !important;
}
.usually-field-employed-v2-rc .val .edit .handbook-data-control-react-wrapper-target {
position: relative;
}
.usually-field-employed-v2-rc .val .edit .handbook-data-control-react-wrapper-target .handbook-select-data-button.v-mid {
position: absolute;
top: 3px;
right: 2px;
font-size: 16px;
outline: none;
border: none;
background: none;
box-shadow: 0 0 0 1px var(--task-card-action-normal-author, #a6a6a6);
border-radius: 2px;
cursor: pointer;
}
.usually-field-handbook-row-v2-rc {
height: 46px;
box-shadow: 0 1px 0 0 var(--task-checklist-employer-border, #dcdcdc);
}
.usually-field-handbook-row-v2-rc:not(.disable):hover {
box-shadow: 0 3px 0 0 #3ba3d0;
}
.usually-field-handbook-row-v2-rc:not(.disable):hover .label {
color: #3ba3d0;
}
.usually-field-handbook-row-v2-rc .label {
min-height: 14px;
margin-bottom: 3px;
font-size: 12px;
transition: 0.3s;
color: gray;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-field-handbook-row-v2-rc .val {
font-size: 15px;
transition: 0.3s;
cursor: pointer;
}
.usually-field-handbook-row-v2-rc.disable .val .value {
color: var(--task-edit-checklist-text, #8c8c8c);
}
.usually-field-handbook-row-v2-rc.multiple {
height: unset;
min-height: 46px;
}
.usually-field-handbook-row-v2-rc .val .edit {
display: block;
}
.usually-field-handbook-row-v2-rc .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
}
.usually-field-handbook-row-v2-rc .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.usually-field-handbook-row-v2-rc .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.usually-field-handbook-row-v2-rc .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.usually-field-handbook-row-v2-rc .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.usually-field-handbook-row-v2-rc .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.usually-field-handbook-row-v2-rc .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.usually-field-handbook-row-v2-rc .val .edit select {
background: transparent;
border: none !important;
}
.usually-field-handbook-row-v2-rc .val .edit .handbook-data-control-react-wrapper-target {
position: relative;
}
.usually-field-handbook-row-v2-rc .val .edit .handbook-data-control-react-wrapper-target .handbook-select-data-button.v-mid {
position: absolute;
top: 3px;
right: 2px;
font-size: 16px;
outline: none;
border: none;
background: none;
box-shadow: 0 0 0 1px var(--task-card-action-normal-author, #a6a6a6);
border-radius: 2px;
cursor: pointer;
color: var(--black-white, #000);
}
.usually-field-input-v2-rc {
height: 46px;
box-shadow: 0 1px 0 0 var(--task-checklist-employer-border, #dcdcdc);
}
.usually-field-input-v2-rc:not(.disable):hover {
box-shadow: 0 3px 0 0 #3ba3d0;
}
.usually-field-input-v2-rc:not(.disable):hover .label {
color: #3ba3d0;
}
.usually-field-input-v2-rc .label {
min-height: 14px;
margin-bottom: 3px;
font-size: 12px;
transition: 0.3s;
color: gray;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-field-input-v2-rc .val {
font-size: 15px;
transition: 0.3s;
overflow: hidden;
cursor: pointer;
}
.usually-field-input-v2-rc .val .value {
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
padding: 5px 0;
cursor: pointer;
}
.usually-field-input-v2-rc .val .edit {
display: none;
}
.usually-field-input-v2-rc.disable .val .value {
color: var(--task-edit-checklist-text, #8c8c8c);
}
.usually-field-input-v2-rc.edit-state .val {
height: 28px;
}
.usually-field-input-v2-rc.edit-state .val .value {
display: none;
}
.usually-field-input-v2-rc.edit-state .val .edit {
display: block;
}
.usually-field-input-v2-rc.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
}
.usually-field-input-v2-rc.edit-state .val .edit input {
background: transparent;
border: none !important;
}
.usually-field-input-v2-rc:not(.edit-state).empty:not(.edit-state) .label {
padding-top: 20px;
font-size: 15px;
cursor: pointer;
}
.usually-field-input-v2-rc:not(.edit-state).empty:not(.edit-state) .val {
height: 0;
padding: 0;
}
.usually-field-input-v2-rc:not(.edit-state).empty:not(.edit-state) .val .value {
display: none;
}
.usually-field-input-v2-rc.red {
box-shadow: 0 3px 0 0 #d30000 !important;
}
.usually-field-input-v2-rc.red .label {
color: #d30000 !important;
}
.usually-field-select-multiple-v2-rc {
min-height: 46px;
box-shadow: 0 1px 0 0 var(--task-checklist-employer-border, #dcdcdc);
overflow: hidden;
}
.usually-field-select-multiple-v2-rc:not(.disable):hover {
box-shadow: 0 3px 0 0 #3ba3d0;
}
.usually-field-select-multiple-v2-rc:not(.disable):hover .label {
color: #3ba3d0;
}
.usually-field-select-multiple-v2-rc .label {
min-height: 14px;
margin-bottom: 3px;
font-size: 12px;
transition: 0.3s;
color: var(--default-gray, gray);
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-field-select-multiple-v2-rc .val {
font-size: 15px;
transition: 0.3s;
cursor: pointer;
}
.usually-field-select-multiple-v2-rc .val .value {
padding: 5px 0;
cursor: pointer;
}
.usually-field-select-multiple-v2-rc .val .edit {
display: none;
}
.usually-field-select-multiple-v2-rc.disable .val .value {
color: var(--usually-field-disable-value, #8c8c8c);
}
.usually-field-select-multiple-v2-rc.edit-state.visible-select {
overflow: visible;
}
.usually-field-select-multiple-v2-rc.edit-state .val {
height: 28px;
}
.usually-field-select-multiple-v2-rc.edit-state .val .value {
display: none;
}
.usually-field-select-multiple-v2-rc.edit-state .val .edit {
display: block;
}
.usually-field-select-multiple-v2-rc.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
}
.usually-field-select-multiple-v2-rc.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.usually-field-select-multiple-v2-rc.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 2;
}
.usually-field-select-multiple-v2-rc.edit-state .val .edit .chzn-container.chzn-container-multi .chzn-drop {
width: 100% !important;
}
.usually-field-select-multiple-v2-rc.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.usually-field-select-multiple-v2-rc.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.usually-field-select-multiple-v2-rc.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.usually-field-select-multiple-v2-rc.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.usually-field-select-multiple-v2-rc.edit-state .val .edit select {
background: transparent;
border: none !important;
}
.usually-field-select-multiple-v2-rc:not(.edit-state) {
overflow: hidden;
}
.usually-field-select-multiple-v2-rc:not(.edit-state).empty:not(.edit-state) .label {
padding-top: 20px;
font-size: 15px;
cursor: pointer;
}
.usually-field-select-multiple-v2-rc:not(.edit-state).empty:not(.edit-state) .val {
height: 0;
padding: 0;
}
.usually-field-select-multiple-v2-rc:not(.edit-state).empty:not(.edit-state) .val .value {
display: none;
}
.usually-field-select-multiple-v2-rc.red {
box-shadow: 0 3px 0 0 #d30000 !important;
}
.usually-field-select-multiple-v2-rc.red .label {
color: #d30000 !important;
}
.usually-field-select-v2-rc {
height: 46px;
box-shadow: 0 1px 0 0 var(--task-checklist-employer-border, #dcdcdc);
overflow: hidden;
}
.usually-field-select-v2-rc:not(.disable):hover {
box-shadow: 0 3px 0 0 #3ba3d0;
}
.usually-field-select-v2-rc:not(.disable):hover .label {
color: #3ba3d0;
}
.usually-field-select-v2-rc .label {
min-height: 14px;
margin-bottom: 3px;
font-size: 12px;
transition: 0.3s;
color: gray;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.usually-field-select-v2-rc .val {
font-size: 15px;
transition: 0.3s;
cursor: pointer;
}
.usually-field-select-v2-rc .val .value {
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
padding: 5px 0;
cursor: pointer;
}
.usually-field-select-v2-rc .val .edit {
display: none;
}
.usually-field-select-v2-rc.disable .val .value {
color: var(--task-edit-checklist-text, #8c8c8c);
}
.usually-field-select-v2-rc.edit-state.visible-select {
overflow: visible;
}
.usually-field-select-v2-rc.edit-state .val {
height: 28px;
}
.usually-field-select-v2-rc.edit-state .val .value {
display: none;
}
.usually-field-select-v2-rc.edit-state .val .edit {
display: block;
}
.usually-field-select-v2-rc.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
}
.usually-field-select-v2-rc.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.usually-field-select-v2-rc.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.usually-field-select-v2-rc.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.usually-field-select-v2-rc.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.usually-field-select-v2-rc.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.usually-field-select-v2-rc.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.usually-field-select-v2-rc.edit-state .val .edit select {
background: transparent;
border: none !important;
}
.usually-field-select-v2-rc:not(.edit-state) {
overflow: hidden;
}
.usually-field-select-v2-rc:not(.edit-state).empty:not(.edit-state) .label {
padding-top: 20px;
font-size: 15px;
cursor: pointer;
}
.usually-field-select-v2-rc:not(.edit-state).empty:not(.edit-state) .val {
height: 0;
padding: 0;
}
.usually-field-select-v2-rc:not(.edit-state).empty:not(.edit-state) .val .value {
display: none;
}
.usually-field-select-v2-rc.red {
box-shadow: 0 3px 0 0 #d30000 !important;
}
.usually-field-select-v2-rc.red .label {
color: #d30000 !important;
}
.handbook-edit-dialog-fieldsettring-rc {
height: 100%;
}
.handbook-edit-dialog-fieldsettring-rc .title {
display: flex;
flex-direction: column;
height: auto;
padding: 20px 20px 10px 20px;
}
.handbook-edit-dialog-fieldsettring-rc .title .title-path {
font-size: 13px;
color: var(--common-filter-top-text, #A3A3A3);
}
.handbook-edit-dialog-fieldsettring-rc .title .title-text {
font-size: 24px;
padding-top: 3px;
color: var(--common-filter-title-text, #444444);
}
.handbook-edit-dialog-fieldsettring-rc .field-type {
height: 60px;
margin-bottom: 10px;
position: relative;
}
.handbook-edit-dialog-fieldsettring-rc .field-type .field-type-icon-help {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.handbook-edit-dialog-fieldsettring-rc .field-type .field-type-icon-help svg {
fill: #82c03b;
width: 16px;
height: 16px;
}
.handbook-edit-dialog-fieldsettring-rc .field-type .field-type-text {
padding-bottom: 10px;
color: gray;
font-size: 12px;
}
.handbook-edit-dialog-fieldsettring-rc .field-type .field-type-block {
display: flex;
}
.handbook-edit-dialog-fieldsettring-rc .field-type .field-type-block .field-type-icon {
padding: 4px 12px;
}
.handbook-edit-dialog-fieldsettring-rc .field-type .field-type-block .field-type-icon svg {
fill: var(--schedule-dayname, #B4B4B4);
}
.handbook-edit-dialog-fieldsettring-rc .field-type .field-type-block .field-type-select {
width: 100%;
}
.handbook-edit-dialog-fieldsettring-rc .field-type .field-type-block .field-type-select select {
width: 100%;
}
.handbook-edit-dialog-fieldsettring-rc .fields {
height: calc(100% - 90px);
margin-bottom: 20px;
padding: 10px 20px 0 20px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--orgtree-add-user-list-border, #c6c6c6) transparent;
}
.handbook-edit-dialog-fieldsettring-rc .fields .usually-field-rc {
margin-bottom: 20px;
}
.handbook-edit-dialog-fieldsettring-rc .fields .list-editor-target {
margin: 30px 10px;
}
.handbook-edit-dialog-fieldsettring-rc .fields .additional-fields {
transition: 0.2s;
max-height: 0;
visibility: hidden;
opacity: 0;
/*** попытка испааравить баг в сафари **/
/*** **/
}
.handbook-edit-dialog-fieldsettring-rc .fields .additional-fields.show {
padding: 10px 0;
visibility: visible;
max-height: 60px;
opacity: 1;
}
.handbook-edit-dialog-fieldsettring-rc .fields .additional-fields:not(.show) > * {
margin: 0 !important;
}
.handbook-edit-dialog-fieldsettring-rc .fields .field-target {
margin-bottom: 20px;
}
.handbook-edit-dialog .top-button-block {
display: flex;
width: auto;
height: 55px;
padding-top: 5px;
padding-right: 35px;
padding-left: 10px;
}
.handbook-edit-dialog .top-button-block .btn {
margin: auto auto auto 10px;
height: 26px !important;
background: #acacac;
border: 0;
color: #fff;
border-radius: 3px;
padding: 6px;
margin-right: 5px;
outline: 0;
outline: none;
cursor: pointer;
}
.handbook-edit-dialog .top-button-block .btn:hover {
background-color: #636363;
}
.handbook-edit-dialog .title-block {
display: flex;
flex-direction: column;
width: auto;
padding: 20px 35px 5px 20px;
}
.handbook-edit-dialog .title-block .title-text {
font-size: 24px;
color: var(--chzn-text, #444444);
}
.handbook-edit-dialog .title-block .title-path {
padding-bottom: 4px;
color: var(--core-dropdown-text, #9c9c9c);
}
.handbook-edit-dialog .common-description-block {
width: 330px;
margin: 15px 20px;
}
.handbook-edit-dialog .common-description-block .field-item-target {
margin-bottom: 15px;
}
.handbook-edit-dialog .rc_list-for-panel-layout-target {
margin: 60px 20px 0 20px;
}
.handbook-edit-dialog .scroll-block {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-thumb, #d8d9dc) transparent;
}
.panel-layout-handbook-edit .handbook-edit-fieldsetting-target {
height: 100%;
background-color: var(--gray-modal-background, #EBEBEB);
}
.panel-layout-handbook-edit.page-layout-container {
height: calc(100% - 70px);
}
.panel-layout-handbook-edit.page-layout-container .page-layout-block-resizer {
pointer-events: none;
cursor: default;
}
.handbook-field {
border: 1px solid #bbb;
background: #fff;
border-radius: 10px;
margin: 15px 0;
min-width: 500px;
font-size: 9pt;
color: #838383;
line-height: 1.7;
display: flex;
}
.handbook-field .handbook-field-move {
background: #f6f6f6;
cursor: pointer;
width: 32px;
border-radius: 10px 0 0 10px;
display: flex;
}
.handbook-field .handbook-field-move .svg-icon-wr {
vertical-align: top;
width: 9px;
height: 25px;
margin: auto;
}
.handbook-field .handbook-field-move .svg-icon-wr svg {
width: 9px;
height: 25px;
fill: #a9a9a9;
}
.handbook-field .handbook-field-form-body {
width: 100%;
padding: 10px 0 0 28px;
}
.handbook-field .handbook-field-del-wr {
width: 22px;
}
.handbook-field .handbook-field-del {
cursor: pointer;
height: 21px;
width: 20px;
display: none;
}
.handbook-field .tr-enum input.item-value {
width: 213px;
margin: 10px 5px 0 0;
}
.handbook-field .tr-enum .svg-icon-remove {
margin-top: 15px;
cursor: pointer;
vertical-align: top;
}
.handbook-field .tr-enum .ui-add-value {
vertical-align: top;
margin-top: 3px;
}
.handbook-field .tr-enum .block-list-value-item {
vertical-align: top;
margin: 17px 0 0 0;
display: inline-block;
cursor: pointer;
}
.handbook-field .tr-enum .placeholder-wrapper {
height: 38px;
}
.handbook-field .tr-enum .placeholder-wrapper .placeholder.check-list-move-shadow {
height: 28px;
background-color: white;
position: relative;
top: 8px;
}
.handbook-field.custom-field-not-created .custom-field-name {
color: red;
}
.mobile .handbook-field .handbook-field-del,
.handbook-field:hover .handbook-field-del {
display: flex;
justify-content: center;
align-items: center;
}
.handbook-field > table {
margin-right: 15px;
}
.handbook-field > table > tbody > tr > td:last-child {
padding-left: 10px;
}
.handbook-field .handbook-field-handbook {
width: 150px;
}
.handbook-field .handbook-field-list {
width: 145px;
}
.handbook-field .handbook-field-flags-tr td {
line-height: 1.7;
}
.handbook-field .handbook-field-flags-tr input {
vertical-align: bottom;
margin-bottom: 4px;
}
.handbook-item-tbl .td-label {
vertical-align: top;
}
.handbook-item-tbl .handbook-data-custom-value-edit .text-box,
.handbook-item-tbl .handbook-item-add-field-input .text-box {
line-height: inherit;
margin-top: 0;
box-sizing: border-box;
}
.handbook-item-tbl .td-field-value-editable.td-field-value-editable-active {
padding-top: 6px;
padding-bottom: 6px;
}
.handbook-item-tbl .handbook-data-copy-clipboard {
display: none;
}
.handbook-item-tbl .handbook-data-item-insertdata {
cursor: pointer;
}
.handbook-item-tbl .tr-item-active .handbook-data-copy-clipboard {
display: block;
cursor: pointer;
}
.handbook-item-tbl .td-value.richtext img {
max-width: 100%;
}
.popup-handbook-card .g-popup-win-scroll-content-header-description a {
color: #9c9c9c;
}
.handbook-card-container .b-green-block {
padding: 18px 15px 10px 25px;
}
.handbook-card-container .b-main-block {
padding-top: 6px;
}
.directory-entry-field__container {
padding: 16px 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.directory-entry-field__container.right-panel {
padding: 0;
}
.handbook-card-container .b-main-block.baron_container,
.handbook-list-container.scroll-list .b-main-block.baron_container {
overflow: visible;
}
.handbook-card-container .b-green-block,
.handbook-list-container.scroll-list .b-green-block {
display: flex;
}
.handbook-list-container.tasks-container-small .b-before-green-block {
max-width: 550px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.handbook-list-container .tbl-list .td-task-name {
padding-left: 8px;
}
.handbook-list-container .b-green-block > div:first-child,
.page-layout-handbook-list .b-green-block > div:first-child {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
float: none;
}
.cardmenu.handbook-filter-list.page-layout-block {
background: var(--menu);
border-right: none;
}
.cardmenu.handbook-filter-list.page-layout-block .page-layout-block-resizer {
display: none;
}
.cardmenu.handbook-filter-list .b-before-green-block,
.cardmenu.handbook-filter-list .b-green-block {
display: none;
}
.cardmenu.handbook-filter-list .b-main-block.hfl-container {
margin-right: 6px;
padding-left: 0;
padding-right: 0;
}
.handbook-list-item-icon,
.handbook-list-item-icon-fake {
cursor: pointer;
}
.handbook-tbl-list .td-item.td-item {
font-size: 11pt;
}
.handbook-tbl-list.tbl-list .td-item a[href]:hover,
.handbook-tbl-list .td-item a:hover {
text-decoration: none;
}
.handbook-tbl-list.tbl-list .handbook-group.tbl-list .td-item-icon,
.handbook-tbl-list.tbl-list .handbook-item.tbl-list .td-item-icon,
.tbl-list_handbook.tbl-list .td-item-icon,
.handbook-tbl-list.tbl-list .handbook-group.tbl-list .td-task-name,
.handbook-tbl-list.tbl-list .handbook-item.tbl-list .td-task-name,
.tbl-list_handbook.tbl-list .td-task-name {
cursor: pointer;
}
.handbook-tbl-list.tbl-list .handbook-group .handbook-data-item .iconset-16px-handbook-item,
.handbook-tbl-list.tbl-list .handbook-item .handbook-data-item .iconset-16px-handbook-item,
.tbl-list_handbook .handbook-data-item .iconset-16px-handbook-item {
visibility: hidden;
}
.handbook-tbl-list.tbl-list .handbook-group .handbook-data-item.tbl-glittered .iconset-16px-handbook-item,
.handbook-tbl-list.tbl-list .handbook-item .handbook-data-item.tbl-glittered .iconset-16px-handbook-item,
.tbl-list_handbook .handbook-data-item.tbl-glittered .iconset-16px-handbook-item {
visibility: visible;
}
.handbook-tbl-list.tbl-list .handbook-group .td-head-cbx,
.handbook-tbl-list.tbl-list .handbook-item .td-head-cbx,
.tbl-list_handbook .td-head-cbx {
width: 33px;
}
.path-handbook {
padding: 15px 0 0 25px;
color: #9c9c9c;
}
.path-handbook a {
color: #9c9c9c;
text-decoration: none;
}
.path-handbook a:hover {
text-decoration: underline;
}
.page-layout-handbook-list .b-main-block-content,
.handbook-list-container .b-main-block-content {
position: relative;
padding-right: unset;
}
.page-layout-handbook-list .b-main-block-content .tooltip-actions,
.handbook-list-container .b-main-block-content .tooltip-actions {
margin: 22px 19px 20px 25px;
}
.handbook-filter-menu {
display: flex;
align-items: center;
height: 30px;
background: var(--white-black, #ffffff);
border-radius: 15px;
border: 1px solid var(--grey-list-border, #dedede);
position: absolute;
z-index: 2;
right: 16px;
overflow: hidden;
}
.handbook-filter-menu .menu-icon-and-text-container {
display: inline-flex;
cursor: pointer;
align-items: center;
}
.handbook-filter-menu .menu-icon-and-text-container:hover {
background: var(--main-menu-popup-bg-hover, #eee);
}
.handbook-filter-menu .menu-icon {
width: 10px;
height: 10px;
border-radius: 2px;
margin: 10px 2px 10px 10px;
}
.handbook-filter-menu .menu-text {
font-size: 13px;
padding: 0 6px;
box-sizing: border-box;
user-select: none;
max-width: 195px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--task-card-title-text, #4B4B4B);
line-height: 1.2;
}
.classic-font .handbook-filter-menu .menu-text {
margin-top: 1px;
}
.handbook-filter-menu .b-ddl-menu-selected-arrow {
padding: 7px;
height: 16px;
}
.handbook-filter-menu .menu-indicator {
border-left: 1px solid var(--grey-list-border, #dedede);
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
}
.handbook-filter-menu .menu-indicator:hover {
background: var(--main-menu-popup-bg-hover, #eee);
}
.handbook-filter-menu .menu-indicator .b-ddl-menu-selected-arrow svg {
fill: var(--task-card-title-text, #4B4B4B);
}
.handbook-filter-menu .left-menu-add-filter__wr {
color: var(--grey-action-list, #808080);
stroke: var(--grey-action-list, #808080);
}
.handbook-filter-menu .left-menu-add-filter__wr:hover {
background: var(--date-picker-bg, #F5F5F5);
}
.handbook-dialog-wrapper {
width: 90%;
width: calc(100% - 40px);
min-width: 750px;
}
.handbook-dialog-wrapper .g-popup-win-scroll-content-main.handbook-dialog {
display: block;
max-width: none;
padding: 0;
overflow-y: hidden;
}
.g-popup-win-scroll-content-main.layout-inside {
display: block;
padding: 0;
overflow-y: hidden;
}
.hb-edit-container {
width: 655px;
min-height: 230px;
}
.handbook-item-view-dialog {
width: 750px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
padding-top: 20px;
}
.handbook-item-view-dialog.fullwidth {
width: 100%;
}
.handbook-item-view-dialog .directory-entry-field__container {
padding: 0;
}
.handbook-item-view-dialog-header {
font-size: 14pt;
}
.handbook-item-view-dialog-header-small {
font-size: 8pt;
color: #8d8d8d;
padding-bottom: 15px;
}
.handbook-item-view-dialog-buttons-right {
float: right;
padding-bottom: 5px;
}
.handbook-item-view-fields {
font-size: 9pt;
}
.handbook-item-view-fields .handbook-item-view-field .handbook-item-view-field-label {
color: #777;
padding: 10px 0 5px;
}
.handbook-item-view-fields .handbook-item-view-field .handbook-item-view-field-value {
border-bottom: 1px dashed #CCCCCC;
padding-bottom: 10px;
}
.handbook-item-view-fields .handbook-item-view-field:last-child .handbook-item-view-field-value {
border-bottom: none;
}
.handbook-item-view-fields .handbook-item-view-field .handbook-item-view-field-value label {
padding-left: 5px;
}
.handbook-item-view-fields .handbook-item-view-field .handbook-item-view-field-required {
color: #FF0000;
display: inline-block;
margin-top: -2px;
padding-left: 3px;
vertical-align: top;
}
.handbook-item-view-dialog-ajax {
background: #eee;
border: 1px solid #ccc;
padding: 15px;
text-align: center;
color: #747474;
font-size: 10.5pt;
}
.handbook-item-view-dialog-buttons {
padding-top: 25px;
}
.handbook-item-view-dialog-buttons .btn {
margin-right: 5px;
}
input.btn.ui-button.handbook-item-view-dialog-buttons-edit {
display: none;
}
.handbook-data-custom-value-text {
overflow-x: auto;
}
/* CSS styles in this file are need for proper Baron work */
.baron_wrapper {
position: relative;
overflow: hidden;
}
.baron_scroller {
height: 100%;
overflow-y: scroll;
z-index: 0;
}
.baron_scroller.baron_vertical_scroll_only {
overflow-x: hidden;
}
.baron_scroller::-webkit-scrollbar {
/* Preventing webkit bug of horizontal scrolling */
width: 0;
}
.baron_scroller__bar {
/* The bar. You should define width, right and background */
position: absolute;
z-index: 1;
right: 3px;
width: 6px;
background: var(--gray-inner, #eee);
border: 1px solid var(--baron-scroller-bar-border, #dadada);
border-radius: 2px;
}
.baron_container {
/* Data wrapper */
overflow: hidden;
/* For possible margin collapse removing */
}
.baron_header {
height: 36px;
}
.baron_header__title {
width: 100%;
height: 36px;
/* Must be same as header */
margin: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* For padding and border, if exist */
background: #999;
}
.baron_header__title_state_fixed {
position: absolute;
z-index: 1;
/* Removing flicker effect */
}
.modern-scroller-bar {
z-index: 11;
border: none;
border-radius: 3px;
width: 6px;
margin: 1px;
cursor: pointer;
background-color: var(--scrollbar-thumb, #d8d9dc);
-webkit-transition: background-color 200ms ease;
-moz-transition: background-color 200ms ease;
-o-transition: background-color 200ms ease;
-ms-transition: background-color 200ms ease;
transition: background-color 200ms ease;
}
.modern-scroller-bar:hover {
background-color: var(--gray-input-border, #bbbbbb);
}
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer {
overflow: hidden;
position: relative;
outline: none !important;
}
.jspPane {
position: absolute;
outline: none !important;
}
.jspScrollable {
outline: none !important;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 6px;
height: 100%;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 6px;
}
.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
position: relative;
}
.jspDrag {
background: var(--gray-inner, #eee);
border: 1px solid var(--baron-scroller-bar-border, #dadada);
border-radius: 2px;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled {
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow {
height: 16px;
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
margin: 0 -3px 0 0;
}
.log-record {
padding: 25px 10px;
display: flex;
flex: 1 0;
font-size: 14px;
}
.classic-font .log-record {
font-size: 12px;
}
.log-record:hover {
background-color: var(--planner-schedule-fake-tbl-border, #e6e6e6);
}
.log-record .log-user-ava {
padding-right: 30px;
}
.log-record .log-body {
width: 100%;
}
.log-record .log-body .log-head {
color: var(--grey-action-list, #7F7F7F);
padding-bottom: 4px;
padding-top: 1px;
}
.log-record .log-body .log-details {
display: none;
}
.log-record .log-body .log-details .log-details-row {
padding-top: 1em;
}
.log-record .log-body .log-details-data-arrow {
display: inline-block;
width: 10px;
height: 5px;
margin-bottom: 2px;
}
.log-record .log-body .log-details-data-arrow svg {
fill: var(--white, #000);
}
.entity-log-container .td-task-name {
cursor: auto;
}
.entity-log-container .td-task-name .td-task-name-link {
font-size: 13px;
}
.entity-log-container .tr-item:hover {
background: var(--task-checklist-employer-border, #e6e6e6);
}
.trigger-log-list tr:not(.tr-common-item-header) {
height: 42px;
}
.trigger-log-list tr:not(.tr-common-item-header) td {
padding: 5px 10px;
}
.trigger-log-list .td-head-qe-2 {
min-width: unset;
}
.log-picker {
padding: 10px 0 50px 0;
}
.log-empty-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
flex: 1;
padding: 5px 20px 20px;
margin-top: 10px;
background: var(--white-black, #FFFFFF);
border: 1px solid var(--gray-inner, #EEEEEE);
box-sizing: border-box;
border-radius: 6px;
height: 100%;
}
.log-empty-block .container {
text-align: center;
margin: auto;
}
.log-empty-block .container .svg-empty-block {
background-image: url("/img/empty/svgEmpty02.svg");
width: 220px;
height: 220px;
background-repeat: no-repeat;
background-position: center;
margin: auto;
opacity: var(--emptyIconOpacity, 1);
}
.log-empty-block .container .api-tokens-text-add {
margin: 0;
padding: 15px;
color: var(--task-card-title-text, #4B4B4B);
font-size: 14pt;
text-align: center;
}
.log-data {
display: none;
}
.log-data__name:not(:first-child) {
margin-top: 20px;
}
.log-data .svg-icon {
margin-right: 4px;
}
.statistics-unit {
margin-bottom: 20px;
}
.statistics-unit.statistics-time {
margin-top: 5px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.statistics-unit.statistics-time .statistics-time-label {
font-size: 14px;
align-self: center;
}
.statistics-unit.statistics-chart {
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 300px;
background: var(--white-black, #fff);
border-radius: 12px;
box-shadow: 0 1px 4px 0 var(--dashboard-block-shadow, rgba(156, 156, 156, 0.3));
}
.statistics-unit.statistics-chart .chart-loader {
width: 64px;
height: 64px;
}
.statistics-unit.statistics-chart .chart-body {
display: none;
width: 100%;
height: 100%;
}
.statistics-unit.statistics-chart .chart-body circle {
cursor: pointer;
}
.statistics-unit.statistics-chart .chart-empty {
padding-top: 40px;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
align-items: center;
}
.statistics-unit.statistics-chart .chart-empty .empty-chart-text {
font-size: 18px;
}
.statistics-unit.statistics-chart .chart-empty .svg-icon img {
width: 64px;
height: 64px;
}
.statistics-unit.filter-label {
padding-top: 12px;
display: inline-flex;
align-items: center;
gap: 10px;
}
.statistics-unit.filter-label .date-filter-container {
display: none;
padding-top: 7px;
}
.statistics-unit.filter-label .date-filter-container .date-filter-bar {
display: inline-flex;
align-items: center;
padding: 4px 4px 4px 12px;
border-radius: 16px;
}
.statistics-unit.filter-label .date-filter-container .date-filter-bar .svg-icon {
line-height: 0;
}
.statistics-unit.filter-label .date-filter-container .date-filter-bar .close {
cursor: pointer;
padding: 6px;
border-radius: 10px;
}
.statistics-unit.filter-label .date-filter-container .date-filter-bar .close:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.statistics-unit.filter-label .date-filter-container .date-filter-bar .filter-text {
font-size: 13px;
color: var(--white-black, #fff);
padding: 0 6px;
}
.statistics-unit .automation-label {
font-size: 26px;
color: var(--task-card-title-text, #4b4b4b);
display: flex;
align-items: center;
gap: 7px;
}
.statistics-unit .automation-label .automations-limit {
font-size: 16px;
color: #9c9c9c;
}
.automation-statistics-tbl ~ .log-empty-block .td-head-qe-2 {
min-width: unset;
}
.automation-statistics-tbl ~ .log-empty-block .container .api-tokens-text-add {
padding: 16px 0 0 0;
}
.automation-statistics-tbl .main-field {
font-size: 15px;
}
.handbook-log-list .log-body {
width: calc(100% - 70px);
overflow: hidden;
}
.handbook-log-list .log-details-row {
word-break: break-word;
}
.canvas-container {
height: 100%;
width: calc(100% - 16px);
top: 0;
justify-content: center;
align-items: center;
z-index: 10;
border-radius: 6px;
overflow: hidden;
position: relative;
box-sizing: border-box;
margin-left: 8px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-user-select: none;
}
.canvas-container:not(.billing-block) {
border: 1px solid var(--task-action-rem-border, #DDDDDD);
-webkit-box-shadow: 0 1px 2px var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 2px var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 2px var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 2px var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
}
.canvas-container canvas {
z-index: 1;
background: var(--white-black, #f7f7f7);
width: 800px;
height: 800px;
touch-action: none;
overscroll-behavior: none;
}
.canvas-container .card-title-editor-container {
position: absolute;
z-index: 10;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
-webkit-font-smoothing: antialiased;
font-kerning: auto;
letter-spacing: 0px;
transform-origin: left top;
font-size: 16px;
line-height: 24px;
}
.canvas-container .card-title-editor {
overflow: hidden;
min-width: 30px;
max-width: 100%;
white-space: normal;
outline: none;
max-height: 100%;
}
.canvas-container .card-title-editor p {
white-space: pre-wrap;
overflow-wrap: break-word;
}
.canvas-container .mindmap-block-editing-by {
display: none;
user-select: none;
align-items: center;
margin-left: auto;
position: absolute;
top: 5px;
right: 10px;
z-index: 2;
}
.canvas-container .mindmap-block-editing-by .mindmap-block-editor-img {
margin-left: 5px;
font-size: 0;
}
.canvas-container .canvas-color-picker-container {
position: absolute;
}
.canvas-container .canvas-restore-version {
display: flex;
position: absolute;
background-color: var(--confirm-win-head-bg, #4B4B4B);
z-index: 2;
padding: 5px 18px 9px 23px;
bottom: 32px;
border-radius: 6px;
user-select: none;
font-size: 14px;
}
.canvas-container .canvas-version-from {
height: 16px;
color: var(--white-black, #ffffff);
padding: 2px;
}
.canvas-container .canvas-version-recover-btn {
margin-left: 20px;
height: 16px;
color: var(--gray-input-border, #bbbbbb);
padding: 2px;
cursor: pointer;
}
.canvas-container .canvas-version-recover-btn:hover {
color: var(--white-black, #ffffff);
}
.classic-font .canvas-restore-version {
padding: 7px 18px 7px 23px;
}
.planner-mindmap:not(.mindmap-editable) .mindmap-menu-item,
.planner-mindmap:not(.mindmap-editable) .mindmap-right-menu {
display: none;
}
.planner-mindmap.mindmap-editable .mindmap-right-menu {
margin: 0 5px 0 auto;
cursor: pointer;
display: flex;
align-items: center;
}
.planner-mindmap.mindmap-editable .mindmap-right-menu .b-ddl-menu-selected-arrow {
padding: 2px;
height: 16px;
border-radius: 6px;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
}
.planner-mindmap.mindmap-editable .mindmap-right-menu .b-ddl-menu-selected-arrow svg {
stroke: none;
fill: var(--white-black, #ffffff) !important;
}
.planner-mindmap.mindmap-editable .mindmap-right-menu .b-ddl-menu-selected-arrow:hover {
background-color: var(--workspace-scroll-items-bg, rgba(255, 255, 255, 0.25));
}
.mindmap-existing-select-container {
margin-top: 25px;
}
.mindmap-existing-select-container .task-into-chosen {
width: 100%;
}
.canvas-container.mindmap-create-new-text {
cursor: url("/img/createText-Thin.cur") 16 16, auto;
}
.canvas-container.mindmap-create-new-existing {
cursor: crosshair;
}
.canvas-container.mindmap-create-new-section {
cursor: crosshair;
}
.mindmap-fullscreen {
position: absolute;
top: 46px;
left: 0;
z-index: 1;
}
.mindmap-fullscreen .canvas-container {
border: unset;
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
-o-box-shadow: unset;
box-shadow: unset;
border-radius: unset;
}
.mindmap-fullscreen .mindmap-search {
display: block;
position: absolute;
top: 15px;
left: 20px;
width: 224px;
z-index: 2;
}
.mindmap-fullscreen .mindmap-search .rc-header-search__search-icon svg {
stroke: var(--gray-input-border, #bbb);
}
.mindmap-fullscreen .mindmap-search .rc-header-search__close-icon svg {
stroke: var(--default-gray, #808080);
}
.mindmap-fullscreen .mindmap-toolbar {
top: 55px;
left: 20px;
}
.mindmap-fullscreen canvas {
height: 100%;
width: 100%;
}
.mindmap-fullscreen .destroy-button {
top: 10px;
right: 10px;
position: absolute;
display: flex;
z-index: 10;
cursor: pointer;
}
.mindmap-fullscreen .destroy-button:hover .svg-icon-24px {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.mindmap-toolbar {
display: flex;
height: 48px;
box-sizing: border-box;
padding: 12px;
position: absolute;
background: var(--black, white);
border-radius: 6px;
gap: 8px;
top: 15px;
left: 15px;
box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, #9c9c9c40);
z-index: 2;
align-items: center;
}
.mindmap-toolbar .mindmap-menu-item {
cursor: pointer;
}
.mindmap-toolbar .mindmap-menu-item i {
stroke: var(--Dark-colors-GrayWet);
padding: 4px;
border-radius: 4px;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
}
.mindmap-toolbar .mindmap-menu-item i:hover {
background-color: var(--date-picker-bg, #F5F5F5);
}
.mindmap-toolbar .mindmap-menu-item.active i {
background-color: var(--date-picker-bg, #F5F5F5);
}
.mindmap-toolbar .mindmap-menu-item.disabled {
pointer-events: none;
}
.mindmap-toolbar .mindmap-menu-item.disabled i {
stroke: var(--mindmap-menu-item-disabled, #DEDEDE);
}
.mindmap-toolbar .mindmap-add-existing-block.disabled .b-ddl-menu-selected-arrow.b-ddl-menu-selected-arrow-svg svg {
stroke: var(--mindmap-menu-item-disabled, #DEDEDE);
}
.mindmap-toolbar .mindmap-toolbar-delimiter {
height: 16px;
border-right: 1px solid var(--mindmap-menu-item-disabled, #DEDEDE);
}
.mindmap-shape-picker {
position: absolute;
z-index: 25;
padding: 12px;
background: var(--black, white);
border-radius: 6px;
box-shadow: 0 8px 32px 0 var(--dialog-win-dates-header-panel-shadow, #9c9c9c40);
}
.mindmap-shape-picker_expanded {
width: auto;
}
.mindmap-shape-picker__preview {
display: flex;
align-items: center;
min-height: 24px;
padding: 0;
}
.mindmap-shape-picker__preview-section {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 8px;
}
.mindmap-shape-picker__preview-section .mindmap-shape-picker__divider {
margin: 0;
}
.mindmap-shape-picker__divider {
height: 1px;
margin: 8px 0 4px;
background: var(--grey-dark-hover);
}
.mindmap-shape-picker__grid {
display: grid;
grid-template-columns: repeat(3, 24px);
gap: 4px;
}
.mindmap-shape-picker__item {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
padding: 4px;
box-sizing: border-box;
cursor: pointer;
background: transparent;
border: none;
border-radius: 4px;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
stroke: var(--Dark-colors-GrayWet);
}
.mindmap-shape-picker__item .mindmap-shape-picker__icon {
display: flex;
align-items: center;
justify-content: center;
}
.mindmap-shape-picker__item:hover {
background-color: var(--date-picker-bg, #F5F5F5);
}
.mindmap-shape-picker__item_active {
background-color: var(--react-select-focus);
box-shadow: inset 1px 1px 2px 0 rgba(166, 192, 231, 0.5);
stroke: var(--Theme-colors-BlueSteel);
}
.mindmap-shape-picker__footer {
padding: 0;
color: var(--default-gray);
font-size: 14px;
line-height: 18px;
text-align: center;
user-select: none;
cursor: pointer;
}
.canvas-align-block {
display: flex;
flex-direction: column;
z-index: 25;
padding: 5px;
background: var(--black, white);
border-radius: 5px;
box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, #9c9c9c40);
gap: 8px;
}
.canvas-align-block .canvas-align-row {
display: flex;
gap: 8px;
}
.canvas-align-block .align-item {
box-sizing: border-box;
padding: 4px;
font-size: 0;
cursor: pointer;
border-radius: 4px;
}
.canvas-align-block .align-item:hover {
background-color: var(--date-picker-bg, #F5F5F5);
}
.canvas-align-block .align-item svg {
stroke: var(--task-card-header-eye, #4B4B4B);
}
.nps-survey-rc__container .popup-container {
position: fixed;
top: 80px;
right: 60px;
z-index: 1000;
max-width: 536px;
animation: fade-in-scale 0.3s ease-out;
}
.nps-survey-rc__container.closing .popup-container {
animation: slide-out-right 0.3s ease-out forwards;
}
.nps-survey-rc__container .popup-content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 54px 40px 48px;
position: relative;
background: var(--nps-survey-background);
-webkit-box-shadow: 0 0 32px 0 rgba(137, 71, 140, 0.15);
-moz-box-shadow: 0 0 32px 0 rgba(137, 71, 140, 0.15);
-o-box-shadow: 0 0 32px 0 rgba(137, 71, 140, 0.15);
box-shadow: 0 0 32px 0 rgba(137, 71, 140, 0.15);
border-radius: 8px;
color: #4B4B4B;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.nps-survey-rc__container .close-popup {
position: absolute;
top: 16px;
right: 16px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 12px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
color: var(--gray-dark-icon, #88909B);
}
.nps-survey-rc__container .close-popup .ask-later {
font-size: 12px;
cursor: pointer;
}
.nps-survey-rc__container .close-popup .ask-later:hover {
text-decoration: underline;
}
.nps-survey-rc__container .close-popup .close-btn {
cursor: pointer;
stroke: var(--gray-dark-icon, #BBBBBB);
}
.nps-survey-rc__container .close-popup .close-btn:hover {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead);
}
.nps-survey-rc__container .popup-title {
text-align: center;
margin: 0;
font-size: 22px;
color: var(--task-card-title-text);
font-weight: 700;
position: relative;
}
.nps-survey-rc__container .popup-description {
text-align: center;
font-size: 16px;
margin: 24px 0;
color: var(--task-card-title-text);
}
.nps-survey-rc__container .rating-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
margin-bottom: 24px;
}
.nps-survey-rc__container .rating-btn-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 6px;
}
.nps-survey-rc__container .rating-btn-wr__item {
width: 36px;
height: 36px;
border-radius: 8px;
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
justify-content: center;
background: var(--white-black);
-webkit-box-shadow: 0 1px 3px 0 var(--multiValueDelSetString, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--multiValueDelSetString, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--multiValueDelSetString, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--multiValueDelSetString, rgba(156, 156, 156, 0.25));
cursor: pointer;
color: var(--text-color);
font-size: 16px;
}
.nps-survey-rc__container .rating-btn-wr__item:not(.active) {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.nps-survey-rc__container .rating-btn-wr__item.active {
background: linear-gradient(227deg, #FFA4A4 0%, #7631FF 100.74%);
color: #ffffff;
}
.nps-survey-rc__container .rating-btn-wr__item:hover:not(.active) {
background: linear-gradient(227deg, rgba(255, 164, 164, 0.4) 0%, rgba(118, 49, 255, 0.4) 100.74%);
}
.nps-survey-rc__container .rating-label-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
justify-content: space-between;
width: 100%;
color: var(--default-gray);
font-size: 12px;
}
.nps-survey-rc__container .action-btn {
padding: 8px 16px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.nps-survey-rc__container .action-btn.primary {
background-color: #007bff;
color: #fff;
}
.nps-survey-rc__container .action-btn.secondary {
background-color: #6c757d;
color: #fff;
}
.nps-survey-rc__container .comment-section {
animation: slide-down 0.3s ease-out;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 100%;
gap: 24px;
}
.nps-survey-rc__container .comment-input-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
height: auto;
min-height: 78px;
padding: 0 0 0 16px;
border: 1px solid var(--gray-border);
border-radius: 6px;
background-color: var(--white-black);
transition: border linear 0.15s, box-shadow linear 0.15s;
width: 100%;
box-sizing: border-box;
}
.nps-survey-rc__container .comment-input-wr .comment-label {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
transition: 0.15s;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
color: var(--core-dropdown-text);
}
.nps-survey-rc__container .comment-input-wr .comment-input-edit-view {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-direction: row;
column-gap: 8px;
width: 100%;
margin-top: 28px;
font-size: 15px;
cursor: pointer;
}
.nps-survey-rc__container .comment-input-wr .comment-input-edit {
flex: 1;
max-width: 100%;
}
.nps-survey-rc__container .comment-input-wr .comment-input-edit-textarea {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.nps-survey-rc__container .comment-input-wr textarea {
padding: 4px 0 4px 0;
font-size: 15px !important;
outline: none;
background: none;
border: none;
resize: none;
width: 100%;
box-sizing: border-box;
line-height: 1.4;
color: var(--gray-dark-icon);
max-height: 176px;
overflow: auto;
}
.nps-survey-rc__container .submit-button {
border-radius: 6px;
background: var(--nps-survey-btn);
color: var(--right-panel-icons);
border: none;
padding: 8px 16px;
cursor: pointer;
font-size: 14px;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms ease;
-o-transition: background 250ms ease;
-ms-transition: background 250ms ease;
transition: background 250ms ease;
position: relative;
z-index: 0;
line-height: 16px;
}
.nps-survey-rc__container .submit-button:hover::before {
opacity: 1;
}
.nps-survey-rc__container .submit-button:before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--nps-survey-btn-hover);
z-index: -1;
opacity: 0;
transition: opacity 0.25s linear;
border-radius: 6px;
}
.nps-survey-rc__container .thank-you {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
justify-content: center;
gap: 40px;
animation: fade-in 0.3s ease-in;
height: 341px;
width: 450px;
}
.nps-survey-rc__container .thank-you__icon {
width: 140px;
height: 140px;
}
.nps-survey-rc__container .thank-you__text {
font-size: 22px;
font-weight: 700;
color: var(--task-card-title-text, #4B4B4B);
}
@keyframes fade-in {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes slide-out-right {
from {
opacity: 1;
transform: translateX(0);
}
to {
opacity: 0;
transform: translateX(50px);
}
}
@keyframes slide-down {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fade-in-scale {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
.drag-container-rc {
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
/*&.show-panel-action:not(.draggable) {
.grid-field-panel {
pointer-events: auto;
opacity: 1;
height: 34px;
}
.field-box {
// общий класс для всех полей (в основном используется для получения html поля, не стоит вешать на него стили необдумано !!!)
.object-edit-common-field,
.object-edit-field-base ,
.object-edit-field-base-small {// обнуляем бордер так как у панели свои закругления
border-bottom-left-radius: 0!important;
border-bottom-right-radius: 0!important;
}
}
}
*/
}
.drag-container-rc .drag {
position: absolute;
display: flex;
align-items: center;
height: 100%;
top: 0;
left: -6px;
z-index: 36;
visibility: hidden;
pointer-events: none;
}
@media (max-width: 820px) {
.drag-container-rc .drag {
visibility: visible;
pointer-events: auto;
}
}
.drag-container-rc .drag svg {
padding: 8px 0;
border-radius: 6px;
width: 12px;
height: 12px;
fill: var(--ddl-menu-separator, #C4C4C4);
background-color: var(--white-black, #ffffff);
box-shadow: 0 0 4px 0 var(--task-list-focus-shadow, #0000001a);
cursor: grab;
}
.drag-container-rc.disable-resizing .field-box .resize-block {
display: none !important;
pointer-events: none !important;
}
.drag-container-rc .field-box {
position: relative;
}
.drag-container-rc .field-box .resize-block {
position: absolute;
top: 1px;
bottom: 0;
right: 0;
width: 5px;
background-color: var(--resize-block-color);
opacity: 0.18;
border-radius: 0 15px 15px 0;
display: none;
pointer-events: none;
}
.drag-container-rc .field-box .grid-panel-dots,
.drag-container-rc .field-box .dots {
pointer-events: auto !important;
}
.drag-container-rc .field-box .grid-panel-dots svg,
.drag-container-rc .field-box .dots svg {
stroke: none !important;
fill: var(--file-viewer-canvas-btn-shadow, #bbbbbb) !important;
}
.drag-container-rc .field-box .grid-panel-dots:hover svg,
.drag-container-rc .field-box .dots:hover svg {
stroke: none !important;
fill: var(--activeButton, #0fabdd) !important;
}
.drag-container-rc:hover .drag {
visibility: visible;
pointer-events: auto;
}
.drag-container-rc.draggable {
pointer-events: none;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat;
min-height: 56px;
border-radius: 6px;
}
.drag-container-rc.draggable .drag,
.drag-container-rc.draggable .field-box {
opacity: 0.5;
pointer-events: none;
}
.drag-container-rc.fake-draggable {
position: fixed;
pointer-events: none;
transition: 0.2s width;
z-index: 999;
opacity: 0.9;
}
.drag-container-rc.fake-draggable .drag {
visibility: visible;
}
.drag-container-rc .grid-field-panel {
background: var(--white-black, #ffffff);
width: 100%;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 0 0 6px 6px;
margin-top: -1px;
transition: 0.2s;
z-index: 26;
pointer-events: none;
opacity: 0;
height: 0;
}
.drag-container-rc .grid-field-panel .grid-field-panel__actions {
display: flex;
align-items: center;
column-gap: 10px;
width: fit-content;
height: inherit;
margin-left: auto;
margin-right: 15px;
}
.drag-container-rc .grid-field-panel .grid-field-panel__actions .grid-field-panel__actions__item {
cursor: pointer;
}
.drag-container-rc .grid-field-panel .grid-field-panel__actions .grid-field-panel__actions__item svg {
display: block;
width: 16px;
height: 16px;
fill: none;
stroke: var(--file-viewer-canvas-btn-shadow, #bbbbbb);
}
.drag-container-rc .grid-field-panel .grid-field-panel__actions .grid-field-panel__actions__item.active[datatype="required"] svg {
stroke: red;
}
.drag-container-rc .grid-field-panel .grid-field-panel__actions .grid-field-panel__actions__item.active[datatype="change-font-size"] svg {
stroke: var(--activeButton, #0fabdd);
}
.drag-container-rc .grid-field-panel .grid-field-panel__actions .grid-field-panel__actions__item:hover[datatype="remove"] svg {
stroke: red;
}
.drag-container-rc.resizing {
z-index: 37;
}
.drag-container-rc.resizing .object-edit-field-ckeditor {
pointer-events: none;
}
.drag-container-rc:hover .resize-block,
.drag-container-rc.resizing .resize-block {
display: block;
pointer-events: auto;
cursor: ew-resize;
}
.ew-resize-important * {
cursor: ew-resize !important;
}
.ew-resize-important .object-edit-win-location-field .field-target.empty {
pointer-events: none;
}
.ew-grab-important * {
cursor: grabbing !important;
}
.ns-resize-important * {
cursor: ns-resize !important;
}
.file-block-v1-rc {
position: relative;
display: flex;
flex-direction: column;
background-color: var(--grey-dark-hover, #F2F2F2);
border-radius: 6px;
text-decoration: none;
}
.file-block-v1-rc:hover {
text-decoration: none;
}
.file-block-v1-rc__loader {
position: absolute;
left: 0;
top: 0;
height: 5px;
min-width: 0%;
max-width: 100%;
background: #1ABE72;
border-top-right-radius: inherit;
border-top-left-radius: inherit;
}
.file-block-v1-rc.is-loading .file-block-v1-rc__loader {
border-top-right-radius: 0;
}
.file-block-v1-rc__preview {
flex: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 98px;
min-height: 98px;
padding: 8px;
opacity: 1;
transition: 0.3s;
}
.file-block-v1-rc__preview img {
pointer-events: none;
}
.file-block-v1-rc__preview__file-type {
position: absolute;
bottom: 6px;
right: -6px;
display: flex;
}
.file-block-v1-rc__preview__file-type img {
width: 32px;
height: 32px;
}
.file-block-v1-rc__preview__img-box {
display: flex;
align-items: center;
justify-items: center;
}
.file-block-v1-rc__preview__img-box > img {
max-width: 100%;
max-height: 98px;
border-radius: 4px;
}
.file-block-v1-rc__preview__archive,
.file-block-v1-rc__preview__unknow,
.file-block-v1-rc__preview__video,
.file-block-v1-rc__preview__audio {
display: flex;
justify-content: center;
cursor: pointer;
position: relative;
text-align: center;
box-sizing: border-box;
width: 100%;
height: 100%;
align-items: center;
border-radius: 4px;
}
.file-block-v1-rc__preview__archive img,
.file-block-v1-rc__preview__unknow img,
.file-block-v1-rc__preview__video img,
.file-block-v1-rc__preview__audio img {
min-width: auto !important;
min-height: auto !important;
width: 64px;
height: 64px;
}
.file-block-v1-rc__info {
display: flex;
flex-direction: row;
align-items: center;
column-gap: 8px;
padding: 0 8px 10px 8px;
}
.file-block-v1-rc__info__name {
display: flex;
justify-content: start;
flex: 1;
overflow: hidden;
font-size: 12px;
color: var(--text-color, #343434);
}
.file-block-v1-rc__info__name__title {
justify-content: end;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.file-block-v1-rc__info__actions {
display: flex;
column-gap: 8px;
flex: none;
}
.file-block-v1-rc__info__actions__icon {
position: relative;
width: 16px;
height: 16px;
color: var(--core-dropdown-text, #9c9c9c);
cursor: pointer;
}
.file-block-v1-rc__info__actions__icon svg {
position: absolute;
width: inherit;
height: inherit;
fill: currentColor;
stroke: none;
z-index: 1;
}
.file-block-v1-rc__info__actions__icon.stroke svg {
fill: none;
stroke: currentColor;
}
.file-block-v1-rc__info__actions__icon:hover {
color: var(--activeButton, #0fabdd);
text-decoration: underline;
}
.file-block-v1-rc__info__actions__icon:hover[icon-type="dots"]:before {
content: '';
position: absolute;
background: var(--file-upload-ubloaded-block, #eaeaea);
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border-radius: 6px;
}
.file-block-v1-rc__actions-icons {
position: absolute;
top: 8px;
left: 8px;
display: flex;
column-gap: 8px;
transition: 0.15s;
opacity: 0;
pointer-events: none;
z-index: 1;
}
.file-block-v1-rc__actions-icons__icon {
padding: 4px;
color: var(--black-white, white) !important;
background: var(--file-upload-file-arrow-block, rgba(52, 52, 52, 0.2));
border-radius: 4px;
cursor: pointer;
}
.file-block-v1-rc__actions-icons__icon svg {
display: flex;
width: 12px;
height: 12px;
fill: currentColor;
stroke: none;
z-index: 1;
}
.file-block-v1-rc__actions-icons__icon.stroke svg {
fill: none;
stroke: currentColor;
}
.file-block-v1-rc__actions-icons__icon:hover {
color: white !important;
background: var(--file-upload-file-arrow-block-hover, rgba(52, 52, 52, 0.5));
}
.file-block-v1-rc.is-touch-device .file-block-v1-rc__actions-icons {
opacity: 1;
pointer-events: auto;
}
.file-block-v1-rc:hover .file-block-v1-rc__actions-icons {
opacity: 1;
pointer-events: auto;
}
.file-block-v1-rc.v-min .file-block-v1-rc__info {
padding: 0 8px 6px 8px;
}
.file-block-v1-rc.v-min .file-block-v1-rc__preview {
min-height: 72px;
height: 64px;
padding: 4px;
}
.file-block-v1-rc.v-min .file-block-v1-rc__preview__unknow,
.file-block-v1-rc.v-min .file-block-v1-rc__preview__archive,
.file-block-v1-rc.v-min .file-block-v1-rc__preview__video,
.file-block-v1-rc.v-min .file-block-v1-rc__preview__audio {
width: 100%;
height: 40px;
margin: 0 12px;
}
.file-block-v1-rc.v-min .file-block-v1-rc__preview__unknow img,
.file-block-v1-rc.v-min .file-block-v1-rc__preview__archive img,
.file-block-v1-rc.v-min .file-block-v1-rc__preview__video img,
.file-block-v1-rc.v-min .file-block-v1-rc__preview__audio img {
min-width: auto !important;
min-height: auto !important;
width: 40px;
height: 40px;
}
.file-block-v1-rc.v-min .file-block-v1-rc__preview__img-box img {
max-width: 100%;
max-height: 64px;
}
.file-block-v1-rc.v-min .file-block-v1-rc__preview__file-type svg {
width: 28px;
height: 28px;
}
.file-block-v1-rc.v-min .file-block-v1-rc__actions-icons {
top: 4px;
left: 4px;
}
.file-block-v1-rc.v-big {
width: 210px;
}
.file-block-v1-rc.v-big .file-block-v1-rc__preview {
min-height: 100px;
height: auto;
padding: 8px;
}
.file-block-v1-rc.v-big .file-block-v1-rc__preview__unknow,
.file-block-v1-rc.v-big .file-block-v1-rc__preview__archive,
.file-block-v1-rc.v-big .file-block-v1-rc__preview__video,
.file-block-v1-rc.v-big .file-block-v1-rc__preview__audio {
width: 100%;
margin: 0 12px;
}
.file-block-v1-rc.v-big .file-block-v1-rc__preview__unknow img,
.file-block-v1-rc.v-big .file-block-v1-rc__preview__archive img,
.file-block-v1-rc.v-big .file-block-v1-rc__preview__video img,
.file-block-v1-rc.v-big .file-block-v1-rc__preview__audio img {
min-width: auto !important;
min-height: auto !important;
width: 64px;
height: 64px;
}
.file-block-v1-rc.v-big .file-block-v1-rc__preview__img-box img {
max-width: 100%;
max-height: 200px;
}
.object-edit-analytics-rc {
cursor: pointer;
}
.object-edit-analytics-rc__box {
position: relative;
display: flex;
align-items: center;
margin: 0 16px 0 0;
}
.object-edit-analytics-rc__box__list {
display: flex;
flex-wrap: wrap;
column-gap: 4px;
row-gap: 4px;
width: 100%;
margin: 8px 0;
overflow: hidden;
}
.object-edit-analytics-rc__box__list__item {
padding: 4px 8px;
min-height: 28px;
border-radius: 4px;
border: none;
font-size: 14px;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
background: var(--object-edit-analytics, rgba(222, 235, 255, 0.66));
color: #4573b1;
transition: 0.15s;
}
.object-edit-analytics-rc__box__list:hover .object-edit-analytics-rc__box__list__item {
background: var(--edit-win-attach-item-hover, #deebff);
}
.object-edit-common-field-style {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
}
.object-edit-common-field-style .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-common-field-style .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-common-field-style .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-common-field-style .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-common-field-style:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-common-field-style .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-common-field-style .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-common-field-style .val .edit {
flex: 1;
}
.object-edit-common-field-style .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-common-field-style .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-common-field-style.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-common-field-style.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-common-field-style.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-common-field-style.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-common-field-style.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-common-field-style.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-common-field-style.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-common-field-style.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-common-field-style.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-common-field-style.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-common-field-style.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-common-field-style.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-common-field-style:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-common-field-style:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-common-field-style:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-common-field-array-style {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
height: auto;
min-height: 58px;
}
.object-edit-common-field-array-style .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-common-field-array-style .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-common-field-array-style .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-common-field-array-style .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-common-field-array-style:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-common-field-array-style .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-common-field-array-style .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-common-field-array-style .val .edit {
flex: 1;
}
.object-edit-common-field-array-style .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-common-field-array-style .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-common-field-array-style.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-common-field-array-style.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-common-field-array-style.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-common-field-array-style.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-common-field-array-style.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-common-field-array-style.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-common-field-array-style.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-common-field-array-style.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-common-field-array-style.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-common-field-array-style.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-common-field-array-style.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-common-field-array-style.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-common-field-array-style:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-common-field-array-style:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-common-field-array-style:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-common-field-array-style .val .value {
white-space: normal;
color: #5881B8;
cursor: pointer;
}
.object-edit-common-field-array-style .val .edit {
width: 100%;
}
.object-edit-common-field-array-style.empty {
height: 58px;
}
.object-edit-field-attach-view-rc {
display: flex;
min-height: 58px;
background: var(--white-black, #ffffff);
border: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 6px;
position: relative;
}
.object-edit-field-attach-view-rc__box {
display: flex;
flex-direction: row;
flex: 1;
padding-left: 16px;
column-gap: 8px;
overflow: hidden;
}
.object-edit-field-attach-view-rc__box .object-edit-field-attach-view-text-rc {
margin: auto 0;
}
.object-edit-field-attach-view-rc.is-disabled {
pointer-events: none !important;
/* * {
color: #9c9c9c !important;
}*/
/*.object-edit-field-attach-view-icon-rc.stroke svg {
stroke: #9c9c9c !important;
}*/
/*.object-edit-field-attach-view-icon-rc:not(.stroke) svg {
fill: #9c9c9c !important;
}*/
}
.object-edit-field-attach-view-rc.is-disabled .object-edit-field-attach-view-rc__action-icons {
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-attach-view-rc__action-icons {
position: absolute;
display: flex;
column-gap: 10px;
top: 7px;
right: 9px;
background: var(--white-black, white);
padding: 0 0 0 6px;
border-radius: 6px;
}
.object-edit-field-attach-view-rc.hover-label:not(.is-disabled):hover .object-edit-field-attach-view-text-rc.hover {
color: var(--activeButton, #0fabdd);
cursor: pointer;
}
.object-edit-field-attach-view-rc.hover-label:not(.is-disabled):hover .object-edit-field-attach-view-view-text-required-rc.use-hover .object-edit-field-attach-view-view-text-required-rc__box__text {
color: var(--activeButton, #0fabdd);
cursor: pointer;
}
.object-edit-field-attach-view-rc.field-is-drag-file * {
pointer-events: none;
}
.object-edit-field-attach-view-rc .close-field-icon {
position: absolute;
stroke: var(--core-dropdown-text, #9C9C9C);
border-radius: 12px;
border: 1px solid var(--grey-list-border, #DEDEDE);
background: var(--white-black, #ffffff);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 3px;
left: -11px;
top: 50%;
transform: translateY(-50%);
}
.object-edit-field-attach-view-rc .close-field-icon svg {
width: 14px;
height: 14px;
}
.object-edit-field-attach-view-icon-rc {
display: flex;
align-items: center;
color: var(--activeButton, #1abe72);
}
.object-edit-field-attach-view-icon-rc svg {
width: 16px;
height: 16px;
fill: currentColor;
stroke: none;
}
.object-edit-field-attach-view-icon-rc.stroke svg {
fill: none;
stroke: currentColor;
}
.object-edit-field-attach-view-text-rc {
color: var(--gray-dark-icon, #626262);
font-size: 15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.object-edit-field-attach-view-text-rc.auto-h {
white-space: normal;
padding: 8px 0;
}
.object-edit-field-attach-view-text-rc.blue {
color: #4573b1;
}
.object-edit-field-attach-view-text-rc.hover:hover {
color: var(--activeButton, #0fabdd);
cursor: pointer;
}
.object-edit-field-attach-action-icon-rc {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
color: var(--gray-input-border, #bbbbbb);
}
.object-edit-field-attach-action-icon-rc svg {
position: absolute;
stroke: currentColor;
fill: none;
width: 16px;
height: 16px;
}
.object-edit-field-attach-action-icon-rc.hide {
display: none;
}
.object-edit-field-attach-action-icon-rc:not(.no-hover):hover:not(.no-stroke) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-attach-action-icon-rc:not(.no-hover):hover.dots:before {
content: '';
position: absolute;
background: var(--file-viewer-canvas-email-bg, #efefef);
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border-radius: 6px;
}
.object-edit-field-attach-view-view-text-required-rc {
display: flex;
padding-right: 14px;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-attach-view-view-text-required-rc__box {
display: flex;
margin: auto 0;
overflow: hidden;
}
.object-edit-field-attach-view-view-text-required-rc__box__text {
color: var(--gray-dark-icon, #626262);
font-size: 15px;
text-overflow: ellipsis;
overflow: hidden;
}
.object-edit-field-attach-view-view-text-required-rc__box__marker {
width: 8px;
height: 8px;
margin-left: 3px;
cursor: pointer;
z-index: 1;
}
.object-edit-field-attach-view-view-text-required-rc__box__marker svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-avatar {
display: flex;
justify-content: center;
}
.object-edit-field-avatar .img-wrapper {
position: relative;
display: flex;
padding: 8px;
border: 1px dashed var(--core-dropdown-text, #9c9c9c);
}
.object-edit-field-avatar .img-wrapper .change-img-background {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
top: 8px;
bottom: 8px;
right: 8px;
left: 8px;
cursor: pointer;
}
.object-edit-field-avatar .img-wrapper .change-img-background .change-img-button {
padding: 6px;
display: none;
background: var(--dialog-box-shadow);
border-radius: 50%;
}
.object-edit-field-avatar .img-wrapper .change-img-background .change-img-button svg {
fill: white;
width: 16px;
height: 16px;
}
.object-edit-field-avatar .img-wrapper:not(.is-disable):hover .change-img-background,
.object-edit-field-avatar .img-wrapper:not(.is-disable).is-focus .change-img-background {
background: var(--win-pointer-shadow, #00000060);
}
.object-edit-field-avatar .img-wrapper:not(.is-disable):hover .change-img-background .change-img-button,
.object-edit-field-avatar .img-wrapper:not(.is-disable).is-focus .change-img-background .change-img-button {
display: flex;
}
.object-edit-field-avatar .img-wrapper .upload-loader {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.object-edit-field-avatar .img-wrapper.is-loading .change-img-background {
background: var(--win-pointer-shadow, #00000060);
}
.object-edit-field-avatar .img-wrapper.is-loading .upload-loader {
display: flex;
}
.object-edit-field-base {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
min-height: 58px;
padding: 0 0 0 16px;
border: 1px solid var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
}
.object-edit-field-base.is-loading {
overflow: hidden;
pointer-events: none;
}
.object-edit-field-base.is-loading:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
transform: translateX(-100%);
background: linear-gradient(90deg, #ffffff80, #dedede7a, #ffffff80);
animation: linear 1s infinite running object-edit-field-base-loading;
z-index: 0;
}
.object-edit-field-base.is-loading .label,
.object-edit-field-base.is-loading .action-icons,
.object-edit-field-base.is-loading .view {
z-index: 1;
}
@keyframes object-edit-field-base-loading {
100% {
transform: translateX(100%);
}
}
.object-edit-field-base .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 15px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-base .label .label__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
margin-right: 4px;
flex-shrink: 0;
vertical-align: middle;
}
.object-edit-field-base .label .label__icon svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.object-edit-field-base .label .label__icon-required {
flex: none;
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-base .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-base .label .label__text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-base:not(.not-highlight-label):hover .label {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-base.is-disabled:hover .label {
color: #626262;
}
.object-edit-field-base .view {
display: flex;
flex-direction: row;
column-gap: 8px;
width: 100%;
margin-top: 24px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-base .view .img {
flex: none;
width: 24px;
height: 24px;
margin-top: 4px;
}
.object-edit-field-base .view .view__value {
display: flex;
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.object-edit-field-base .view .view__value .view__value__icons {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 3px 7px 0 7px;
}
.object-edit-field-base .view .view__value .object-edit-field-link-wrapper {
cursor: pointer;
padding-right: 10px;
overflow: hidden;
white-space: nowrap;
}
.object-edit-field-base .view .view__value .object-edit-field-link-wrapper:hover .ObjectEditFieldBase__view__value__text {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-base .view .view__edit {
flex: 1;
max-width: 100%;
}
.object-edit-field-base .view .view__edit .control-value {
width: 100%;
box-sizing: border-box;
line-height: 1.4;
color: var(--gray-dark-icon, #626262);
background: none;
padding-left: 0;
font-size: 15px;
}
.object-edit-field-base .view .view__edit input.control-value {
padding: 6px 0 4px 0;
outline: none;
background: none;
border: none;
}
.object-edit-field-base .view .view__edit select.control-value {
background: transparent;
border: none !important;
}
.object-edit-field-base .view .view__edit textarea.control-value {
padding: 6px 0 4px 0;
outline: none;
background: none;
border: none;
resize: none;
}
.object-edit-field-base .action-icons {
position: absolute;
display: flex;
column-gap: 10px;
top: 7px;
right: 9px;
}
.object-edit-field-base .action-icons .action-icons__icon {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
color: var(--gray-input-border, #bbbbbb);
}
.object-edit-field-base .action-icons .action-icons__icon.hide {
display: none;
}
.object-edit-field-base .action-icons .action-icons__icon svg {
position: absolute;
stroke: currentColor;
fill: none;
width: inherit;
height: inherit;
}
.object-edit-field-base .action-icons .action-icons__icon.no-stroke {
color: var(--gray-input-border, #bbbbbb);
}
.object-edit-field-base .action-icons .action-icons__icon.no-stroke svg {
stroke: none;
fill: currentColor;
}
.object-edit-field-base .action-icons .action-icons__icon:not(.disable-hover-color):hover:not(.no-stroke) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-base .action-icons .action-icons__icon:not(.disable-hover-color):hover.no-stroke {
color: var(--activeButton);
}
.object-edit-field-base .action-icons .action-icons__icon:not(.disable-hover-color):hover.dots:before {
content: '';
position: absolute;
background: var(--gray-inner, #efefef);
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border-radius: 6px;
}
.object-edit-field-base .action-icons .action-icons__icon.hide {
display: none;
}
.object-edit-field-base .action-icons .action-icons__icon.dots {
pointer-events: auto;
}
.object-edit-field-base.is-disabled *:not(.action-icons__icon):not(.action-icons__icon svg):not(.action-icons__icon path):not(.action-icons__icon line):not(.object-edit-field-link-wrapper *) {
cursor: default;
}
.object-edit-field-base.is-empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
padding: 0;
margin: auto 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-base.is-empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-base.is-empty .view {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-base.is-focused {
box-shadow: 0 0 5px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf);
border: 1px solid var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-base.enable-increase-font .view {
margin-top: 22px;
}
.object-edit-field-base.enable-increase-font .view .view__value .ObjectEditFieldBase__view__value__text {
padding: 4px 0 4px 0;
font-size: 20px !important;
}
.object-edit-field-base.enable-increase-font .view .view__edit input.control-value,
.object-edit-field-base.enable-increase-font .view .view__edit textarea.control-value {
padding: 4px 0 4px 0;
font-size: 20px !important;
}
.object-edit-field-base.use-as-text-view {
background: var(--white-black, #fff) !important;
cursor: default !important;
}
.object-edit-field-base.use-as-text-view .ObjectEditFieldBase__view__value__text {
cursor: default !important;
}
.object-edit-field-base.value-text-highlight .ObjectEditFieldBase__view__value__text {
color: #5881B8;
/* Deleted value must override highlight color */
}
.object-edit-field-base.value-text-highlight .ObjectEditFieldBase__view__value__text.rc-object-edit-field--deleted {
color: var(--rc-danger-text, #d93025);
}
.object-edit-field-base.clickable-label .label__text {
cursor: pointer;
}
.object-edit-field-base.border-dashed {
border-style: dashed;
}
.object-edit-field-base .close-field-icon {
position: absolute;
stroke: var(--core-dropdown-text, #9C9C9C);
border-radius: 12px;
border: 1px solid var(--grey-list-border, #DEDEDE);
background: var(--white-black, #ffffff);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 3px;
left: -11px;
top: 50%;
transform: translateY(-50%);
}
.object-edit-field-base .close-field-icon svg {
width: 14px;
height: 14px;
}
.ObjectEditFieldBase__view__value__icons__icon {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.ObjectEditFieldBase__view__value__icons__icon svg {
stroke: #bbbbbb;
fill: none;
height: 16px;
width: 16px;
}
.ObjectEditFieldBase__view__value__text {
display: block;
width: 100%;
padding: 6px 0 4px 0;
color: var(--gray-dark-icon, #626262);
min-height: 18px;
font-size: 15px;
white-space: inherit;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.4;
text-align: left;
outline: none;
border: none;
cursor: pointer;
}
.ObjectEditFieldBase__view__value__text .is-painted-value {
border-radius: 4px;
padding: 0 8px;
white-space: inherit;
overflow: hidden;
text-overflow: ellipsis;
width: fit-content;
}
.ObjectEditFieldBase__view__value__icons_wrapper {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 3px 7px 0 7px;
}
.object-edit-field-no-base .action-icons {
position: absolute;
display: flex;
column-gap: 10px;
top: 7px;
right: 9px;
}
.object-edit-field-no-base .action-icons .action-icons__icon {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
color: #bbbbbb;
}
.object-edit-field-no-base .action-icons .action-icons__icon.hide {
display: none;
}
.object-edit-field-no-base .action-icons .action-icons__icon svg {
position: absolute;
stroke: currentColor;
fill: none;
width: inherit;
height: inherit;
}
.object-edit-field-no-base .action-icons .action-icons__icon.no-stroke svg {
stroke: none;
fill: currentColor;
}
.object-edit-field-no-base .action-icons .action-icons__icon:not(.disable-hover-color):hover:not(.no-stroke) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-no-base .action-icons .action-icons__icon:not(.disable-hover-color):hover.no-stroke svg {
fill: var(--activeButton);
}
.object-edit-field-no-base .action-icons .action-icons__icon:not(.disable-hover-color):hover.dots:before {
content: '';
position: absolute;
background: var(--gray-inner, #efefef);
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border-radius: 6px;
}
.object-edit-field-no-base .action-icons .action-icons__icon.hide {
display: none;
}
.object-edit-field-base-small {
display: flex;
flex-direction: column;
position: relative;
min-height: 40px;
height: 40px;
justify-content: center;
padding: 0 0 0 16px;
border: 1px solid var(--grey-list-border, #dedede);
transition: border linear 0.15s, box-shadow linear 0.15s;
border-radius: 6px;
background-color: var(--white-black, #fff);
}
.object-edit-field-base-small__view {
display: flex;
flex-direction: row;
column-gap: 8px;
width: 100%;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-base-small__view .img {
flex: none;
width: 24px;
height: 24px;
margin-top: 4px;
}
.object-edit-field-base-small__view__value {
display: flex;
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--gray-dark-icon);
}
.object-edit-field-base-small__view__value__icons {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px 0 7px;
}
.object-edit-field-base-small__view__value__icons__icon {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-base-small__view__value__icons__icon svg {
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
width: 16px;
height: 16px;
}
.object-edit-field-base-small__view__edit {
flex: 1;
max-width: 100%;
}
.object-edit-field-base-small__view__edit .control-value {
width: 100%;
box-sizing: border-box;
color: var(--gray-dark-icon, #626262);
background: none;
padding-left: 0;
font-size: 15px;
}
.object-edit-field-base-small__view__edit .control-value::placeholder {
color: var(--gray-input-border);
}
.object-edit-field-base-small__view__edit input.control-value {
padding: 10px 0 10px 0;
outline: none;
background: none;
border: none;
}
.object-edit-field-base-small__view__edit select.control-value {
background: transparent;
border: none !important;
}
.object-edit-field-base-small__view__edit textarea.control-value {
padding: 6px 0 4px 0;
outline: none;
background: none;
border: none;
resize: none;
}
.object-edit-field-base-small_edit {
border: 1px solid var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
box-shadow: 0 0 5px var(--edit-win-switcher-wr-shadow-1, #c8c8c880);
}
.object-edit-field-base-small.is-disabled {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-base-small.is-disabled * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-base-small.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-base-small.enable-increase-font .view {
margin-top: 22px;
}
.object-edit-field-base-small.enable-increase-font .view .object-edit-field-base-small__view__value .ObjectEditFieldSmall__view__value__text {
padding: 4px 0 4px 0;
font-size: 20px !important;
}
.object-edit-field-base-small.enable-increase-font .view .view__edit input.control-value,
.object-edit-field-base-small.enable-increase-font .view .view__edit textarea.control-value {
padding: 4px 0 4px 0;
font-size: 20px !important;
}
.object-edit-field-base-small.use-as-text-view {
background: var(--confirm-win-head, #f5f5f5) !important;
cursor: default !important;
}
.object-edit-field-base-small.use-as-text-view .ObjectEditFieldSmall__view__value__text {
cursor: default !important;
}
.object-edit-field-base-small.value-text-highlight .ObjectEditFieldSmall__view__value__text {
color: #5881B8;
/* Deleted value must override highlight color */
}
.object-edit-field-base-small.value-text-highlight .ObjectEditFieldSmall__view__value__text.rc-object-edit-field--deleted {
color: var(--rc-danger-text, #d93025);
}
.object-edit-field-base-small .action-icons {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 8px;
margin: 0 8px 0 0;
align-items: center;
}
.object-edit-field-base-small .action-icons__icon {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
color: var(--gray-input-border, #bbbbbb);
}
.object-edit-field-base-small .action-icons__icon svg {
position: absolute;
stroke: currentColor;
fill: none;
width: inherit;
height: inherit;
}
.object-edit-field-base-small .action-icons__icon:not(.disable-hover-color):hover:not(.no-stroke) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-base-small .action-icons__icon:not(.disable-hover-color):hover.no-stroke {
color: var(--activeButton);
}
.object-edit-field-base-small .action-icons.hide {
display: none;
}
.ObjectEditFieldSmall__view__value__text {
display: block;
width: 100%;
padding: 10px 0 10px 0;
color: var(--gray-dark-icon, #626262);
min-height: 18px;
font-size: 15px;
white-space: inherit;
overflow: hidden;
text-overflow: ellipsis;
outline: none;
border: none;
cursor: pointer;
}
.ObjectEditFieldSmall__view__value__text .is-painted-value {
border-radius: 4px;
padding: 1px 8px 2px;
white-space: inherit;
overflow: hidden;
text-overflow: ellipsis;
width: fit-content;
}
.object-edit-field-bottom-panel-rc.is-open-panel .object-edit-field-bottom-panel-rc__wrapper-box .object-edit-common-field,
.object-edit-field-bottom-panel-rc.is-open-panel .object-edit-field-bottom-panel-rc__wrapper-box .switcher-wrapper-rc .switcher,
.object-edit-field-bottom-panel-rc.is-open-panel .object-edit-field-bottom-panel-rc__wrapper-box .object-edit-field-base,
.object-edit-field-bottom-panel-rc.is-open-panel .object-edit-field-bottom-panel-rc__wrapper-box .object-edit-field-base-small {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.object-edit-field-bottom-panel-rc__box {
background: var(--white-black, #ffffff);
width: 100%;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 0 0 6px 6px;
margin-top: -1px;
transition: 0.2s;
z-index: 26;
pointer-events: none;
opacity: 0;
height: 0;
}
.object-edit-field-bottom-panel-rc__box__icons {
display: flex;
align-items: center;
column-gap: 10px;
width: fit-content;
height: inherit;
margin-left: auto;
margin-right: 15px;
}
.object-edit-field-bottom-panel-rc__box__icons__icon {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
color: var(--gray-input-border, #bbbbbb);
cursor: pointer;
}
.object-edit-field-bottom-panel-rc__box__icons__icon svg {
position: relative;
z-index: 1;
display: block;
width: 16px;
height: 16px;
fill: currentColor;
stroke: none;
}
.object-edit-field-bottom-panel-rc__box__icons__icon.is-stroke svg {
fill: none;
stroke: currentColor;
}
.object-edit-field-bottom-panel-rc__box__icons__icon:hover {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-bottom-panel-rc__box__icons__icon:hover:before {
content: '';
position: absolute;
z-index: 0;
background: var(--gray-inner, #efefef);
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border-radius: 6px;
}
.object-edit-field-bottom-panel-rc.is-open-panel > .object-edit-field-bottom-panel-rc__box {
pointer-events: auto;
opacity: 1;
height: 34px;
}
.rc-object-edit-field-choose-custom-field__wrapper {
width: 100%;
}
.object-edit-field-chosen {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
}
.object-edit-field-chosen .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-chosen .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-chosen .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-chosen .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-chosen:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-chosen .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-chosen .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-chosen .val .edit {
flex: 1;
}
.object-edit-field-chosen .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-chosen .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-chosen.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-chosen.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-chosen.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-chosen.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-chosen.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-chosen.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-chosen.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-chosen.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-chosen.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-chosen.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-chosen.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-chosen.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-chosen:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-chosen:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-chosen:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-chosen .val .value {
color: #5881B8;
}
.object-edit-field-chosen-multi {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
height: auto;
min-height: 58px;
}
.object-edit-field-chosen-multi .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-chosen-multi .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-chosen-multi .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-chosen-multi .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-chosen-multi:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-chosen-multi .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-chosen-multi .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-chosen-multi .val .edit {
flex: 1;
}
.object-edit-field-chosen-multi .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-chosen-multi .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-chosen-multi.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-chosen-multi.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-chosen-multi.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-chosen-multi.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-chosen-multi.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-chosen-multi.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-chosen-multi.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-chosen-multi.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-chosen-multi.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-chosen-multi.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-chosen-multi.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-chosen-multi.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-chosen-multi:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-chosen-multi:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-chosen-multi:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-chosen-multi .val .value {
white-space: normal;
color: #5881B8;
cursor: pointer;
}
.object-edit-field-chosen-multi .val .edit {
width: 100%;
}
.object-edit-field-chosen-multi.empty {
height: 58px;
}
.object-edit-field-select-client-list-control {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
}
.object-edit-field-select-client-list-control .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-select-client-list-control .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-select-client-list-control .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-select-client-list-control .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-select-client-list-control:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-select-client-list-control .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-select-client-list-control .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select-client-list-control .val .edit {
flex: 1;
}
.object-edit-field-select-client-list-control .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-select-client-list-control .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-select-client-list-control.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-select-client-list-control.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-select-client-list-control.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select-client-list-control.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-select-client-list-control.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-select-client-list-control.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-select-client-list-control.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-select-client-list-control.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-select-client-list-control.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-select-client-list-control.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-select-client-list-control.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-select-client-list-control.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select-client-list-control:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select-client-list-control:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-select-client-list-control:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-select-client-list-control .edit .chzn-container {
width: 100%;
}
.object-edit-field-date-period {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
min-height: 58px;
height: auto;
}
.object-edit-field-date-period .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-date-period .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-date-period .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-date-period .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-date-period:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-date-period .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-date-period .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-date-period .val .edit {
flex: 1;
}
.object-edit-field-date-period .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-date-period .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-date-period.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-date-period.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-date-period.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-date-period.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-date-period.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-date-period.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-date-period.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-date-period.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-date-period.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-date-period.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-date-period.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-date-period.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-date-period:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-date-period:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-date-period:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-date-period .val .value {
white-space: normal;
color: #5881B8;
cursor: pointer;
}
.object-edit-field-date-time .timepicker,
.object-edit-field-date .timepicker,
.object-edit-field-time .timepicker {
position: absolute;
width: 150px;
height: 150px;
box-shadow: 0 0 0 1px var(--baron-scroller-bar-border, #dbdbdb);
z-index: 999;
}
.object-edit-field-date-time .timepicker .time-picker-container,
.object-edit-field-date .timepicker .time-picker-container,
.object-edit-field-time .timepicker .time-picker-container {
padding: 10px;
}
.object-edit-field-date-time .container {
display: flex;
column-gap: 4px;
}
.object-edit-field-date-time .container .val {
display: flex;
align-items: center;
}
.object-edit-field-date-time .container .val.date {
width: 87px;
flex: none;
}
.object-edit-field-date-time .container .val.time {
width: 70px;
flex: none;
}
.object-edit-field-date-time-period .container {
display: flex;
column-gap: 4px;
}
.object-edit-field-date-time-period .container .val {
display: flex;
align-items: center;
}
.object-edit-field-date-time-period .container .val.date {
width: 87px;
flex: none;
}
.object-edit-field-date-time-period .container .val.time-period {
padding: 0 8px 0 0;
flex: none;
}
.object-edit-field-time-period__edit-box {
display: flex;
column-gap: 4px;
}
.object-edit-field-time-period__edit-box .control-value {
width: fit-content !important;
padding: 6px 0 6px 0 !important;
}
.object-edit-field-handbook-row {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
}
.object-edit-field-handbook-row .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-handbook-row .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-handbook-row .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-handbook-row .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-handbook-row:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-handbook-row .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-handbook-row .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-handbook-row .val .edit {
flex: 1;
}
.object-edit-field-handbook-row .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-handbook-row .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-handbook-row.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-handbook-row.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-handbook-row.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-handbook-row.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-handbook-row.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-handbook-row.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-handbook-row.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-handbook-row.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-handbook-row.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-handbook-row.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-handbook-row.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-handbook-row.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-handbook-row:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-handbook-row:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-handbook-row:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-handbook-row .val .edit .chzn-container {
width: calc(100% - 25px);
}
.object-edit-field-handbook-row .val .edit .handbook-data-control-react-wrapper-target {
position: relative;
}
.object-edit-field-handbook-row .val .edit .handbook-data-control-react-wrapper-target .handbook-select-data-button.v-mid {
position: absolute;
top: 3px;
right: 2px;
font-size: 16px;
outline: none;
border: none;
background: none;
box-shadow: 0 0 0 1px var(--gray-input-border, #bbb);
color: var(--gray-input-border, #bbb);
border-radius: 2px;
cursor: pointer;
}
.object-edit-field-handbook-row-array {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
height: auto;
min-height: 58px;
}
.object-edit-field-handbook-row-array .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-handbook-row-array .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-handbook-row-array .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-handbook-row-array .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-handbook-row-array:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-handbook-row-array .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-handbook-row-array .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-handbook-row-array .val .edit {
flex: 1;
}
.object-edit-field-handbook-row-array .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-handbook-row-array .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-handbook-row-array.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-handbook-row-array.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-handbook-row-array.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-handbook-row-array.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-handbook-row-array.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-handbook-row-array.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-handbook-row-array.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-handbook-row-array.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-handbook-row-array.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-handbook-row-array.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-handbook-row-array.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-handbook-row-array.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-handbook-row-array:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-handbook-row-array:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-handbook-row-array:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-handbook-row-array .val .value {
white-space: normal;
color: #5881B8;
cursor: pointer;
}
.object-edit-field-handbook-row-array .val .edit {
width: 100%;
}
.object-edit-field-handbook-row-array.empty {
height: 58px;
}
.object-edit-field-handbook-row-array .edit .chzn-container {
width: calc(100% - 25px);
}
.object-edit-field-handbook-row-array .edit .handbook-data-control-react-wrapper-target {
position: relative;
}
.object-edit-field-handbook-row-array .edit .handbook-data-control-react-wrapper-target .handbook-select-data-button.v-mid {
position: absolute;
top: 3px;
right: 2px;
font-size: 16px;
outline: none;
border: none;
background: none;
box-shadow: 0 0 0 1px var(--notice-channel-small-text, #a6a6a6);
border-radius: 2px;
cursor: pointer;
}
.object-edit-field-input .object-edit-field-base,
.object-edit-field-input .object-edit-field-base-small {
padding: 0 6px 0 16px;
}
.object-edit-field-location {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
min-width: 0;
margin-right: 16px;
margin-bottom: 10px;
}
.object-edit-field-location__input-anchor {
position: relative;
width: 100%;
z-index: 2;
}
.object-edit-field-location .yandex-suggest-dropdown,
.object-edit-field-location .two-gis-suggest-dropdown,
.object-edit-field-location .tomtom-suggest-dropdown,
.object-edit-field-location .geoapify-suggest-dropdown,
.object-edit-field-location .mapbox-suggest-dropdown {
top: calc(100% + 4px);
right: auto;
max-width: none;
border: 1px solid var(--grey-list-border, #dedede);
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.object-edit-field-location .yandex-suggest-dropdown .suggest-item.is-active,
.object-edit-field-location .two-gis-suggest-dropdown .suggest-item.is-active,
.object-edit-field-location .tomtom-suggest-dropdown .suggest-item.is-active,
.object-edit-field-location .geoapify-suggest-dropdown .suggest-item.is-active,
.object-edit-field-location .mapbox-suggest-dropdown .suggest-item.is-active {
background-color: var(--main-menu-popup-bg-hover);
}
.object-edit-field-location .map-container {
position: relative;
z-index: 1;
min-width: 0;
height: 90px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
border-radius: 6px;
overflow: hidden;
}
.object-edit-field-location .map-container.error {
height: auto;
}
.object-edit-field-password {
position: relative;
}
.object-edit-field-password .object-edit-field-base:not(.is-empty) {
justify-content: center;
padding-right: 50px;
}
.object-edit-field-password .object-edit-field-base:not(.is-empty) .label {
display: none;
}
.object-edit-field-password .object-edit-field-base:not(.is-empty) .view {
margin-top: 0;
}
.object-edit-field-password .svg-icon-stroke.svg-eye {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 13px;
cursor: pointer;
stroke: var(--gray-input-border, #bbbbbb);
opacity: 0.6;
}
.object-edit-phone-multi__box {
display: flex;
flex-direction: column;
}
.object-edit-phone-multi__box__column {
flex: 1;
width: 50%;
}
.object-edit-phone-multi__box__column:not(:first-child) {
margin-left: -2px;
}
.object-edit-phone-multi__box__row {
display: flex;
flex-direction: row;
}
.object-edit-phone-multi__box__view-box {
display: flex;
width: 100%;
}
.object-edit-phone-multi__box__edit-box {
display: flex;
width: 100%;
}
.object-edit-phone-multi .remove-icon:hover svg {
stroke: red;
}
.object-edit-phone-multi .object-edit-field-phone-multi-item-rc:not(:first-child) {
margin-top: -1px;
}
.object-edit-field-select-project-list-control {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
}
.object-edit-field-select-project-list-control .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-select-project-list-control .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-select-project-list-control .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-select-project-list-control .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-select-project-list-control:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-select-project-list-control .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-select-project-list-control .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select-project-list-control .val .edit {
flex: 1;
}
.object-edit-field-select-project-list-control .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-select-project-list-control .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-select-project-list-control.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-select-project-list-control.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-select-project-list-control.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select-project-list-control.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-select-project-list-control.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-select-project-list-control.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-select-project-list-control.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-select-project-list-control.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-select-project-list-control.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-select-project-list-control.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-select-project-list-control.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-select-project-list-control.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select-project-list-control:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select-project-list-control:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-select-project-list-control:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-select-project-list-control .val .value {
color: #5881B8;
}
.object-edit-field-select-project-list-control .edit .chzn-container {
width: 100%;
}
.object-edit-field-select {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
}
.object-edit-field-select .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-select .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-select .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-select .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-select:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-select .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-select .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select .val .edit {
flex: 1;
}
.object-edit-field-select .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-select .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-select.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-select.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-select.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-select.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-select.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-select.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-select.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-select.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-select.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-select.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-select.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-select:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-select .val .value {
color: #5881B8;
}
.object-edit-field-select-buttons__edit {
padding-right: 16px;
}
.object-edit-field-select-buttons__edit .btn-list {
display: flex;
flex-wrap: wrap;
column-gap: 5px;
row-gap: 5px;
padding: 8px 0 12px 0;
}
.object-edit-field-select-buttons__edit .btn-list .btn-val {
padding: 6px 10px;
line-height: 0.9em;
font-size: 14px;
text-align: left;
color: var(--black-white, #000);
border: none;
border-radius: 4px;
outline: none;
background: none;
box-shadow: inset 0 0 0 1px var(--task-edit-btn-val-shadow, #00000033);
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
}
.object-edit-field-select-buttons__edit.is-disable .btn-val {
background: var(--resize-overlay, #cccccc) !important;
color: var(--white-black, #ffffff) !important;
border: none !important;
pointer-events: none !important;
cursor: default !important;
}
.object-edit-field-select-employed-array {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
height: auto;
min-height: 58px;
}
.object-edit-field-select-employed-array .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-select-employed-array .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-select-employed-array .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-select-employed-array .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-select-employed-array:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-select-employed-array .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-select-employed-array .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select-employed-array .val .edit {
flex: 1;
}
.object-edit-field-select-employed-array .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-select-employed-array .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-select-employed-array.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-select-employed-array.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-select-employed-array.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select-employed-array.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-select-employed-array.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-select-employed-array.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-select-employed-array.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-select-employed-array.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-select-employed-array.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-select-employed-array.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-select-employed-array.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-select-employed-array.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select-employed-array:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select-employed-array:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-select-employed-array:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-select-employed-array .val .value {
white-space: normal;
color: #5881B8;
cursor: pointer;
}
.object-edit-field-select-employed-array .val .edit {
width: 100%;
}
.object-edit-field-select-employed-array.empty {
height: 58px;
}
.object-edit-field-select-employed-array .val .edit .chzn-container {
width: 100%;
}
.object-edit-field-select-employed-array .val .edit .chzn-container.chzn-container-multi {
padding: 0 !important;
}
.object-edit-table-chosen {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
height: 36px;
min-height: 36px;
box-shadow: none;
background-color: unset;
}
.object-edit-table-chosen .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-table-chosen .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-table-chosen .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-table-chosen .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-table-chosen:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-table-chosen .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-table-chosen .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-table-chosen .val .edit {
flex: 1;
}
.object-edit-table-chosen .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-table-chosen .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-table-chosen.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-table-chosen.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-table-chosen.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-table-chosen.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-table-chosen.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-table-chosen.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-table-chosen.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-table-chosen.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-table-chosen.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-table-chosen.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-table-chosen.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-table-chosen.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-table-chosen:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-table-chosen:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-table-chosen:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-table-chosen .val {
margin: 0;
padding: 0;
height: 36px;
}
.object-edit-table-chosen:not(.edit-state).empty .label {
color: var(--task-card-title-text, #4B4B4B);
line-height: 36px;
}
.object-edit-table-chosen .label {
transition: unset;
}
.object-edit-field-textarea {
display: flex;
margin: 0 16px 0 0;
}
.object-edit-field-textarea-small-with-send-button {
position: relative;
}
.object-edit-field-textarea-small-with-send-button .object-edit-field-base-small__view__edit textarea.control-value {
padding-bottom: 36px;
}
.object-edit-field-textarea-bottom-panel {
position: absolute;
bottom: 8px;
right: 8px;
}
.object-edit-field-textarea-bottom-panel i {
background-color: var(--activeButton, #00864b);
padding: 6px 16px;
border-radius: 6px;
display: block;
stroke: var(--white-black, #fff);
cursor: pointer;
}
.object-edit-field-ckeditor {
margin: 6px 16px 6px 0;
}
.object-edit-field-ckeditor .dynamic-block-task-desc-style svg {
width: 16px;
height: 16px;
fill: none;
cursor: pointer;
stroke: var(--task-card-title-text, #4b4b4b);
}
.object-edit-field-ckeditor .planfix-ckeditor-element {
box-shadow: none;
border: none;
}
.object-edit-field-ckeditor .cke_top {
margin-bottom: 6px;
border: none;
}
.object-edit-field-select-with-avatar {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
height: 70px;
}
.object-edit-field-select-with-avatar .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-select-with-avatar .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-select-with-avatar .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-select-with-avatar .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-select-with-avatar:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-select-with-avatar .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-select-with-avatar .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select-with-avatar .val .edit {
flex: 1;
}
.object-edit-field-select-with-avatar .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-select-with-avatar .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-select-with-avatar.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-select-with-avatar.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-select-with-avatar.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select-with-avatar.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-select-with-avatar.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-select-with-avatar.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-select-with-avatar.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-select-with-avatar.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-select-with-avatar.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-select-with-avatar.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-select-with-avatar.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-select-with-avatar.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select-with-avatar:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select-with-avatar:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-select-with-avatar:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-select-with-avatar .val {
display: flex;
padding: 8px 0;
}
.object-edit-field-select-with-avatar .val > .user-avatar-img {
flex: none;
width: 24px;
height: 24px;
margin-top: 2px;
margin-right: 8px;
}
.object-edit-field-select-with-avatar .val .value {
flex: 1;
color: #5881B8;
cursor: pointer;
}
.object-edit-field-select-with-avatar .val .edit {
flex: 1;
}
.object-edit-field-select-task-list-control {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
}
.object-edit-field-select-task-list-control .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-select-task-list-control .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-select-task-list-control .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-select-task-list-control .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-select-task-list-control:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-select-task-list-control .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-select-task-list-control .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select-task-list-control .val .edit {
flex: 1;
}
.object-edit-field-select-task-list-control .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-select-task-list-control .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-select-task-list-control.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-select-task-list-control.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-select-task-list-control.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select-task-list-control.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-select-task-list-control.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-select-task-list-control.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-select-task-list-control.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-select-task-list-control.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-select-task-list-control.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-select-task-list-control.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-select-task-list-control.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-select-task-list-control.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-select-task-list-control:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-select-task-list-control:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-select-task-list-control:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-select-task-list-control .val .value {
color: #5881B8;
}
.object-edit-field-select-task-list-control .edit .chzn-container {
width: 100%;
}
.object-edit-field-task-parent-controller-array {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
height: auto;
min-height: 58px;
}
.object-edit-field-task-parent-controller-array .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-task-parent-controller-array .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-task-parent-controller-array .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-task-parent-controller-array .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-task-parent-controller-array:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-task-parent-controller-array .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-task-parent-controller-array .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-task-parent-controller-array .val .edit {
flex: 1;
}
.object-edit-field-task-parent-controller-array .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-task-parent-controller-array .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-task-parent-controller-array.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-task-parent-controller-array.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-task-parent-controller-array.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-task-parent-controller-array.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-task-parent-controller-array.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-task-parent-controller-array.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-task-parent-controller-array.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-task-parent-controller-array.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-task-parent-controller-array.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-task-parent-controller-array.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-task-parent-controller-array.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-task-parent-controller-array.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-task-parent-controller-array:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-task-parent-controller-array:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-task-parent-controller-array:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-task-parent-controller-array .val .value {
white-space: normal;
color: #5881B8;
cursor: pointer;
}
.object-edit-field-task-parent-controller-array .val .edit {
width: 100%;
}
.object-edit-field-task-parent-controller-array.empty {
height: 58px;
}
.object-edit-field-task-parent-controller-array .edit .chzn-container {
width: 100%;
}
.object-edit-field-text-view {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
min-height: 58px;
height: auto;
background: var(--date-picker-bg, #f5f5f5);
}
.object-edit-field-text-view .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-field-text-view .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-field-text-view .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-field-text-view .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-field-text-view:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-field-text-view .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-field-text-view .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-text-view .val .edit {
flex: 1;
}
.object-edit-field-text-view .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-field-text-view .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-field-text-view.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-field-text-view.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-field-text-view.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-text-view.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-field-text-view.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-field-text-view.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-field-text-view.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-field-text-view.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-field-text-view.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-field-text-view.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-field-text-view.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-field-text-view.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-field-text-view:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-field-text-view:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-field-text-view:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-field-text-view .val .value {
white-space: normal;
}
.object-edit-field-tooltip {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 6px;
border: 1px var(--white-black, #FFFFFFFF) dotted;
transition: 0.2s;
min-height: 58px;
box-sizing: border-box;
}
.object-edit-field-tooltip table td {
border: 1px solid currentColor !important;
}
.object-edit-field-tooltip__wrapper {
position: relative;
border: 0 dashed;
margin-bottom: -2px;
}
.object-edit-field-tooltip__wrapper--open {
margin-bottom: 0;
}
.object-edit-field-tooltip__wrapper .object-edit-field-bottom-panel-rc__box {
box-shadow: none;
width: calc(100% - 2px);
}
.object-edit-field-tooltip__wrapper .object-edit-field-bottom-panel-rc__box .object-edit-field-bottom-panel-rc__box__icons__icon:hover:before {
background: var(--tooltip-hover-background);
}
.object-edit-field-tooltip__content {
display: flex;
flex-direction: column;
padding: 8px 0 8px 13px;
font-size: 14px;
flex-grow: 1;
}
.object-edit-field-tooltip__title {
font-size: 12px;
text-align: left;
}
.object-edit-field-tooltip__text {
display: flex;
flex-direction: column;
padding-right: 13px;
justify-content: center;
flex-grow: 1;
overflow: hidden;
overflow-wrap: anywhere;
word-break: break-word;
}
.object-edit-field-tooltip__before {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 1px;
width: 7px;
border-radius: 6px 0 0 6px;
transition: 0.5s;
z-index: 1;
}
.object-edit-field-tooltip__header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 3px;
}
.object-edit-field-tooltip .action-icons {
position: absolute;
top: 7px;
right: 9px;
}
.object-edit-field-tooltip .action-icons__icon {
cursor: pointer;
}
.object-edit-field-tooltip .action-icons__icon:hover:before {
content: '';
position: absolute;
background: var(--tooltip-hover-background);
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border-radius: 6px;
}
.object-edit-field-tooltip .action-icons svg {
stroke: none !important;
}
.is-open-panel .object-edit-field-tooltip {
border-radius: 6px 6px 0 0;
}
.is-open-panel .object-edit-field-tooltip__before {
bottom: 0;
}
.object-edit-file-attach {
display: flex;
height: 58px;
margin: auto 0;
padding: 0 14px;
background-color: var(--white-black, #fff);
border-radius: 6px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
cursor: pointer;
}
.object-edit-file-attach .label-field {
align-self: center;
padding: 0;
font-size: 15px;
color: gray;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-file-attach .container {
display: flex;
min-width: 140px;
margin: auto auto auto 0;
gap: 8px;
}
.object-edit-file-attach .container .icon {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 16px;
height: 16px;
color: var(--activeButton, #1abe72);
}
.object-edit-file-attach .container .icon svg {
width: 16px;
height: 16px;
margin: auto;
stroke: var(--white-black, white);
}
.object-edit-file-attach .container .icon-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.object-edit-file-attach .container .icon-block .icon-empty {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
width: 16px;
height: 16px;
}
.object-edit-file-attach .container .icon-block .icon-empty svg {
width: 16px;
height: 16px;
margin: auto;
}
.object-edit-file-attach .container .icon-block .count {
display: flex;
justify-content: center;
width: fit-content;
height: fit-content;
margin-top: -6px;
padding: 0 4px 1px 4px;
font-size: 10px;
background: var(--activeSlider);
color: white;
border-radius: 4px;
}
.object-edit-file-attach .container .label-attach {
display: flex;
margin-right: 5px;
align-self: center;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-file-attach .container .label-attach .icon-required {
flex: none;
width: 8px;
height: 8px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-file-attach .container .label-attach .icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-file-attach .container .label-attach .label-text {
text-overflow: ellipsis;
overflow: hidden;
}
.object-edit-file-attach:hover {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-file-attach.disable {
pointer-events: none !important;
background: var(--date-picker-bg, #f5f5f5) !important;
}
.object-edit-file-attach.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-files-rc .object-edit-files-rc__box {
display: grid;
padding: 16px 16px 16px 0;
gap: 12px;
}
.object-edit-files-rc.field-is-drag-file * {
pointer-events: none;
}
.object-edit-photo-uploader {
display: flex;
flex-direction: column;
position: relative;
height: 58px;
padding: 0 0 0 16px;
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
background-color: var(--white-black, #fff);
transition: border linear 0.15s, box-shadow linear 0.15s;
height: auto;
}
.object-edit-photo-uploader .label {
display: flex;
position: absolute;
width: calc(100% - 20px);
min-height: 12px;
top: 11px;
left: 16px;
right: 16px;
line-height: 14px;
color: var(--core-dropdown-text, #9c9c9c);
transition: 0.15s;
font-size: 12px;
/*** для .usually-field-inputselect **/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/*** **/
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.object-edit-photo-uploader .label .label-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.object-edit-photo-uploader .label .label__icon-required {
width: 6px;
height: 6px;
margin-left: 3px;
cursor: pointer;
}
.object-edit-photo-uploader .label .label__icon-required svg {
vertical-align: text-top;
width: inherit;
height: inherit;
fill: red;
}
.object-edit-photo-uploader:hover .label:not(.not-highlight) {
color: var(--activeButton, #0fabdd);
}
.object-edit-photo-uploader .val {
display: flex;
margin-top: 24px;
padding-bottom: 3px;
font-size: 15px;
cursor: pointer;
}
.object-edit-photo-uploader .val .value {
flex: 1;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0 6px 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-photo-uploader .val .edit {
flex: 1;
}
.object-edit-photo-uploader .val .select-marker {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.object-edit-photo-uploader .val .select-marker svg {
transform: rotate(90deg);
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
height: 12px;
width: 12px;
}
.object-edit-photo-uploader.disable {
pointer-events: none !important;
background: var(--confirm-win-head, #f5f5f5) !important;
}
.object-edit-photo-uploader.disable * {
color: var(--core-dropdown-text, #9c9c9c) !important;
}
.object-edit-photo-uploader.edit-state:not(.always-editable) {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-photo-uploader.edit-state .val .edit .control-value {
width: 100%;
box-sizing: border-box;
padding-left: 0;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-photo-uploader.edit-state .val .edit .chzn-container {
font-size: 15px;
background-color: transparent;
border: none;
}
.object-edit-photo-uploader.edit-state .val .edit .chzn-container.chzn-container-multi {
background: var(--white-black, #ffffff);
padding: 0 0 0 5px;
z-index: 1;
}
.object-edit-photo-uploader.edit-state .val .edit .chzn-container .chzn-single {
background: none;
border: none;
padding: 4px 0;
}
.object-edit-photo-uploader.edit-state .val .edit .chzn-container .chzn-choices {
padding-left: 0;
}
.object-edit-photo-uploader.edit-state .val .edit .chzn-container .chzn-triangle-down {
display: none;
}
.object-edit-photo-uploader.edit-state .val .edit .chzn-container .chzn-inner-ico-container {
background: none;
}
.object-edit-photo-uploader.edit-state .val .edit select {
color: var(--gray-dark-icon, #626262);
background: transparent;
border: none !important;
}
.object-edit-photo-uploader.is-focused {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
}
.object-edit-photo-uploader:not(.edit-state).empty .label {
width: auto;
top: 0;
bottom: 0;
line-height: 58px;
font-size: 15px;
padding: 0;
margin: auto 0;
color: var(--gray-dark-icon, #626262);
cursor: pointer;
}
.object-edit-photo-uploader:not(.edit-state).empty .label .label__icon-required {
width: 8px;
height: 8px;
}
.object-edit-photo-uploader:not(.edit-state).empty .val {
visibility: hidden;
pointer-events: none;
}
.object-edit-photo-uploader .label {
pointer-events: none;
}
.object-edit-photo-uploader .val {
display: flex;
justify-content: space-between;
padding: 8px 0;
cursor: default;
}
.object-edit-photo-uploader .val .view-img-data {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
overflow: hidden;
column-gap: 10px;
}
.object-edit-photo-uploader .val .view-img-data .photo-img {
flex: none;
width: 48px;
height: 48px;
}
.object-edit-photo-uploader .val .view-img-data .img-name {
align-self: center;
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
.object-edit-photo-uploader .val .photo-uploader {
display: flex;
align-items: center;
column-gap: 10px;
}
.object-edit-photo-uploader .val .photo-uploader .btn {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
align-items: center;
height: 36px;
column-gap: 10px;
padding: 0 14px;
margin-right: 16px;
font-size: 15px;
background: var(--planner-calendar-wrapper-month-shadow, #E8E8E8);
border: none;
border-radius: 6px;
outline: none;
cursor: pointer;
}
.object-edit-photo-uploader .val .photo-uploader .btn svg {
stroke: #118FAB;
fill: none;
}
.object-edit-photo-uploader .val .photo-uploader .btn:hover {
background: var(--subscription-period-end-gradient, #d6d6d6);
}
.object-edit-photo-uploader .val .photo-uploader .btn.uploader {
background: var(--activeButton, #0fabdd);
color: var(--activeButtonElements, var(--white-black, #ffffff));
}
.object-edit-reminders-rc {
cursor: pointer;
}
.object-edit-reminders-rc__list {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 6px;
row-gap: 4px;
padding: 6px 0 4px 0;
font-size: 15px;
color: #4573b1;
transition: 0.15s;
overflow: hidden;
}
.object-edit-reminders-rc__list__item {
white-space: break-spaces;
overflow: hidden;
cursor: pointer;
transition: 0.15s;
}
.object-edit-reminders-rc__list__item__text {
text-overflow: ellipsis;
overflow: hidden;
}
.object-edit-reminders-rc__list__item:hover {
color: var(--activeButton, #0fabdd);
}
.task-edit-checklist-rc {
position: relative;
background-color: var(--white-black, #fff);
border-radius: 6px;
border: 1px solid var(--grey-list-border, #DEDEDE);
padding: 0 14px 14px 14px;
}
.task-edit-checklist-rc.is-closed {
padding-bottom: 0;
}
.task-edit-checklist-rc .checklist__header {
position: relative;
display: flex;
column-gap: 10px;
align-items: center;
height: 38px;
margin: 10px 0;
cursor: pointer;
}
.task-edit-checklist-rc .checklist__header .checklist__icon {
height: 18px;
}
.task-edit-checklist-rc .checklist__header .checklist__icon svg {
width: 18px;
height: 18px;
stroke: #58BFB3;
}
.task-edit-checklist-rc .checklist__header .checklist__arrow svg {
width: 10px;
height: 10px;
fill: var(--black-white, #000000);
}
.task-edit-checklist-rc .checklist__header .checklist__text {
font-size: 15px;
color: #5881B8;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
}
.task-edit-checklist-rc .checklist__header .checklist__text__count {
vertical-align: text-top;
padding: 0 0 0 3px;
font-size: 10px;
color: var(--task-edit-checklist-text, #8C8C8C);
}
.task-edit-checklist-rc:hover {
border-color: var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf);
}
.task-edit-checklist-rc .checklist__box {
display: flex;
flex-direction: column;
row-gap: 6px;
margin: -10px 0 0 0;
padding-bottom: 10px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item {
display: flex;
align-items: center;
column-gap: 10px;
min-height: 28px;
padding: 0 0 0 8px;
border-radius: 5px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box {
display: flex;
width: 100%;
font-size: 13px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit {
flex: 1;
margin-left: -5px;
background: var(--white-black, #ffffff);
box-shadow: 0 0 0 1px var(--grey-list-border, #dfdfdf);
border-radius: 6px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit .checkmark__value-box__edit__box {
padding-left: 5px;
display: flex;
column-gap: 10px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit .checkmark__value-box__edit__box .checkmark__value-box__edit__box__input {
width: 100%;
min-height: 16px;
padding: 5px;
margin-left: -5px;
word-break: break-word;
background: none;
resize: none;
border: none;
outline: none;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit .checkmark__value-box__edit__separator {
margin: 0;
border-bottom: 1px solid var(--grey-list-border, #dfdfdf);
border-top: none;
border-left: none;
border-right: none;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit .checkmark__value-box__edit__edit-workers {
display: flex;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit .checkmark__value-box__edit__edit-workers .svg-icon-16px {
margin: auto 6px auto 6px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit .checkmark__value-box__edit__edit-workers .checkmark__value-box__edit__workers {
flex: 1;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit .checkmark__value-box__edit__edit-workers .checkmark__value-box__edit__workers .chzn-container {
width: 100% !important;
background: none;
border-bottom: none;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit .checkmark__value-box__edit__edit-workers .checkmark__value-box__edit__workers .chzn-container .chzn-choices {
padding-left: 0;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit .checkmark__value-box__edit__edit-workers .checkmark__value-box__edit__workers .chzn-container.search-results-empty .chzn-drop {
display: none;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__before-view .checkmark__value-box__urgent {
margin-right: 5px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__before-view .checkmark__value-box__urgent svg {
vertical-align: middle;
fill: red;
width: 16px;
height: 16px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__before-view .checkmark__value-box__dates .checkmark__value-box__dates__date {
font-size: 8pt;
font-weight: bold;
margin-right: 5px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__preview,
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__preview-link {
flex: 1;
padding: 5px 5px 5px 0;
word-break: break-word;
cursor: text;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__preview .checkmark__value-box__preview__workers,
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__preview-link .checkmark__value-box__preview__workers {
display: inline-block;
color: var(--task-edit-checkmark-value-box-workers, #a2a2a2);
font-size: 8pt;
margin-left: 10px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__preview.checkmark__value-box__preview-link,
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__preview-link.checkmark__value-box__preview-link {
color: #4573b1;
font-weight: bold;
cursor: text;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__actions,
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit__box__actions {
display: flex;
margin-left: auto;
column-gap: 10px;
margin-right: 5px;
align-items: start;
margin-top: 5px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__actions .svg-icon-16px,
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit__box__actions .svg-icon-16px {
cursor: pointer;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__actions .svg-icon-16px:hover.svg-icon-stroke svg,
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit__box__actions .svg-icon-16px:hover.svg-icon-stroke svg {
stroke: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__actions .svg-icon-16px:hover:not(.svg-icon-stroke) svg,
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__value-box .checkmark__value-box__edit__box__actions .svg-icon-16px:hover:not(.svg-icon-stroke) svg {
fill: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.task-edit-checklist-rc .checklist__box .checklist__box__item:not(:hover):not(.is-touch-device) .checkmark__value-box .checkmark__value-box__actions {
visibility: hidden;
pointer-events: none;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__drag {
display: flex;
width: 8px;
flex-direction: row;
justify-content: flex-end;
cursor: grab;
align-self: start;
margin-top: 7px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__drag svg {
visibility: hidden;
pointer-events: none;
width: 14px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
}
.task-edit-checklist-rc .checklist__box .checklist__box__item label.checkmark__checkbox {
display: flex;
align-self: start;
margin-top: 6px;
cursor: pointer;
/* Checked */
/* Disabled */
}
.task-edit-checklist-rc .checklist__box .checklist__box__item label.checkmark__checkbox .checkmark__checkbox__input {
position: absolute;
display: none;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item label.checkmark__checkbox .checkmark__checkbox__input + .checkmark__checkbox__box {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 15px;
box-shadow: inset 0 0 0 1px var(--gray-light-border, #bebebe);
}
.task-edit-checklist-rc .checklist__box .checklist__box__item label.checkmark__checkbox .checkmark__checkbox__input + .checkmark__checkbox__box .checkmark__checkbox__active-svg {
display: none;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item label.checkmark__checkbox .checkmark__checkbox__input + .checkmark__checkbox__box .checkmark__checkbox__active-svg svg {
width: 16px;
height: 16px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item label.checkmark__checkbox .checkmark__checkbox__input + .checkmark__checkbox__box .checkmark__checkbox__active-svg svg .cls-checkmark-v {
fill: #1abe72;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item label.checkmark__checkbox .checkmark__checkbox__input + .checkmark__checkbox__box .checkmark__checkbox__active-svg svg .cls-checkmark-circle {
fill: var(--white-black, #ffffff);
stroke: var(--gray-light-border, #bebebe);
}
.task-edit-checklist-rc .checklist__box .checklist__box__item label.checkmark__checkbox .checkmark__checkbox__input + .checkmark__checkbox__box:hover .checkmark__checkbox__active-svg {
display: block;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item label.checkmark__checkbox .checkmark__checkbox__input:checked + .checkmark__checkbox__box .checkmark__checkbox__active-svg {
display: block;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item label.checkmark__checkbox .checkmark__checkbox__input:checked + .checkmark__checkbox__box .checkmark__checkbox__active-svg svg .cls-checkmark-v {
fill: var(--white-black, #ffffff);
}
.task-edit-checklist-rc .checklist__box .checklist__box__item label.checkmark__checkbox .checkmark__checkbox__input:checked + .checkmark__checkbox__box .checkmark__checkbox__active-svg svg .cls-checkmark-circle {
fill: #1abe72;
stroke: #1abe72;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__arrow {
align-self: start;
margin-top: 6px;
cursor: pointer;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item .checkmark__arrow svg {
width: 10px;
height: 10px;
fill: var(--black-white, #000000);
}
.task-edit-checklist-rc .checklist__box .checklist__box__item:not(.is-edit).is-open-menu,
.task-edit-checklist-rc .checklist__box .checklist__box__item:not(.is-edit):hover {
background: var(--task-edit-checklist-hover, #ebebeb8a);
}
.task-edit-checklist-rc .checklist__box .checklist__box__item:not(.is-edit).is-open-menu .checkmark__drag svg,
.task-edit-checklist-rc .checklist__box .checklist__box__item:not(.is-edit):hover .checkmark__drag svg {
visibility: visible;
pointer-events: auto;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item.is-done .checkmark__value-box .checkmark__value-box__preview,
.task-edit-checklist-rc .checklist__box .checklist__box__item.is-done .checkmark__value-box .checkmark__value-box__preview-link {
text-decoration: line-through;
color: var(--link-color-gray, #9D9D9D);
}
.task-edit-checklist-rc .checklist__box .checklist__box__item.is-done .checkmark__value-box .checkmark__value-box__preview a,
.task-edit-checklist-rc .checklist__box .checklist__box__item.is-done .checkmark__value-box .checkmark__value-box__preview-link a {
text-decoration: line-through;
color: var(--link-color-gray, #9D9D9D);
pointer-events: none;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item.draggable {
pointer-events: none;
box-shadow: inset 5px 0 0 0 #f58220;
border-right: 1px solid var(--task-card-star, #d1d1d1);
border-top: 1px solid var(--task-card-star, #d1d1d1);
border-bottom: 1px solid var(--task-card-star, #d1d1d1);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat;
height: 27px;
border-radius: 5px;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item.draggable > * {
display: none !important;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item.draggable > * svg {
fill: transparent !important;
stroke: transparent !important;
}
.task-edit-checklist-rc .checklist__box .checklist__box__item.fake-draggable {
position: absolute;
background-color: var(--white-black, #ffffff);
box-shadow: 0 0 1px 0 var(--black-white, #000);
z-index: 100;
}
.task-edit-checklist-rc .object-edit-checklist-add-block {
min-height: 28px;
margin: 0 0 0 18px;
padding: 0 0 0 26px;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box {
display: flex;
flex-direction: row;
align-items: center;
column-gap: 10px;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__icon {
display: flex;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__icon svg {
width: 16px;
height: 16px;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__icon svg .cls-checkmark-circle {
fill: var(--white-black, #ffffff);
stroke: var(--gray-light-border, #bebebe);
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__icon svg .cls-checkmark-v {
display: none;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box {
display: flex;
flex-direction: column;
width: 100%;
margin-left: -5px;
box-shadow: 0 1px 0 0 var(--task-action-rem-border, #dcdcdc);
border-radius: 0;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box .checklist-add__box__value-box__edit {
display: flex;
flex: 1;
padding: 3px 5px;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box .checklist-add__box__value-box__edit textarea {
width: 100%;
border: none;
outline: none;
resize: none;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box .checklist-add__box__value-box__edit textarea::placeholder {
color: var(--checkElement-add-placeholder, #c0c0c0);
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box .checkmark__value-box__edit__edit__separator {
margin: 0;
border-bottom: 1px solid var(--grey-list-border, #dfdfdf);
border-top: none;
border-left: none;
border-right: none;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box .checkmark__value-box__edit__edit-workers {
display: flex;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box .checkmark__value-box__edit__edit-workers .svg-icon-16px {
margin: auto 6px auto 6px;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box .checkmark__value-box__edit__edit-workers .checkmark__value-box__edit__workers {
flex: 1;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box .checkmark__value-box__edit__edit-workers .checkmark__value-box__edit__workers .chzn-container {
width: 100% !important;
background: none;
border-bottom: none;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box .checkmark__value-box__edit__edit-workers .checkmark__value-box__edit__workers .chzn-container .chzn-choices {
padding-left: 0;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box .checkmark__value-box__edit__edit-workers .checkmark__value-box__edit__workers .chzn-container.search-results-empty .chzn-drop {
display: none;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box__actions {
display: flex;
column-gap: 10px;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box__actions .svg-icon-16px {
cursor: pointer;
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box__actions .svg-icon-16px:hover.svg-icon-stroke svg {
stroke: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__box .checklist-add__box__value-box__actions .svg-icon-16px:hover:not(.svg-icon-stroke) svg {
fill: var(--task-edit-checkmark-value-box-svg, #5a5a5a);
}
.task-edit-checklist-rc .object-edit-checklist-add-block .checklist-add__workers-edit {
margin-top: 10px;
}
.task-edit-checklist-rc .object-edit-checklist-add-block.is-edit .checklist-add__box .checklist-add__box__value-box {
border-radius: 6px;
box-shadow: 0 0 0 1px var(--task-action-rem-border, #dcdcdc);
}
.new-look-switch-rc .container {
width: 100%;
display: flex;
min-height: 57px;
background: linear-gradient(90deg, var(--move-micro-card-shadow, rgba(0, 0, 0, 0.5)) 25.37%, rgba(0, 0, 0, 0) 81.06%), #7010BC;
border-radius: 6px;
overflow: hidden;
}
.new-look-switch-rc .container .marker {
width: 8px;
flex: none;
background: #FF6B00;
}
.new-look-switch-rc .container .icon {
align-self: center;
padding: 0 16px 0 20px;
}
.new-look-switch-rc .container .icon svg {
vertical-align: middle;
stroke: var(--white-black, #ffffff);
width: 28px;
height: 28px;
}
.new-look-switch-rc .container .text {
width: 100%;
align-self: center;
white-space: pre-line;
color: var(--white-black, #ffffff);
font-size: 14px;
}
.new-look-switch-rc .container .button {
align-self: center;
height: 32px;
margin: 0 12px;
padding: 0 16px;
background: #FF6B00;
color: var(--white-black, #ffffff);
border-radius: 6px;
border: none;
font-size: 14px;
font-weight: 400;
cursor: pointer;
}
.drag-container-rc:hover .object-edit-attach,
.drag-container-rc.resizing .object-edit-attach {
border-color: var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf);
}
.object-edit-attach {
position: relative;
height: 58px;
display: flex;
margin: auto 0;
border-radius: 6px;
border: 1px solid transparent;
cursor: pointer;
}
.object-edit-attach .container {
display: flex;
margin: auto 0;
}
.object-edit-attach .container .icon {
display: flex;
width: 22px;
height: 22px;
padding: 4px;
margin-right: 10px;
margin-left: 16px;
background: var(--activeSlider, #118FAB);
border-radius: 5px;
}
.object-edit-attach .container .icon svg {
width: 16px;
height: 16px;
margin: auto;
stroke: var(--white-black, white);
}
.object-edit-attach .container .label {
margin-right: 5px;
align-self: center;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.object-edit-attach.disable .container .icon {
background: var(--gray-light-border, #bebebe);
}
.object-edit-attach-block {
margin-top: 10px;
background-color: var(--white-black, white);
border-radius: 6px;
border: 1px dashed var(--grey-list-border, #dedede);
}
.object-edit-attach-block .attach-item-block {
position: relative;
display: flex;
align-items: center;
min-height: 58px;
padding: 0 24px 0 14px;
}
.object-edit-attach-block .attach-item-block .icon {
vertical-align: sub;
}
.object-edit-attach-block .attach-item-block .text {
padding: 10px 0;
margin-left: 10px;
font-size: 15px;
color: #4573b1;
transition: 0.15s;
}
.object-edit-attach-block .attach-item-block .action-buttons {
margin: 0 10px 0 auto;
}
.object-edit-attach-block .attach-item-block .action-buttons .action-buttons__item {
cursor: pointer;
}
.object-edit-attach-block .attach-item-block .action-buttons .action-buttons__item svg {
width: 16px;
height: 16px;
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
}
.object-edit-attach-block .attach-item-block .action-buttons .action-buttons__item:hover svg {
stroke: red;
}
.object-edit-attach-block .attach-item-block .btn-attach-item-list {
display: flex;
flex-wrap: wrap;
column-gap: 4px;
row-gap: 4px;
padding: 10px 0;
overflow: hidden;
}
.object-edit-attach-block .attach-item-block .btn-attach-item-list__item {
padding: 0 8px;
min-height: 28px;
border-radius: 4px;
border: none;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
}
.object-edit-attach-block .attach-item-block:not(:last-child) {
border-bottom: 1px dashed var(--grey-list-border, #dedede);
}
.object-edit-attach-block .attach-item-block[data-type="files"] {
cursor: pointer;
}
.object-edit-attach-block .attach-item-block[data-type="files"] .icon svg {
stroke: #9bc6ff;
}
.object-edit-attach-block .attach-item-block[data-type="files"]:hover .text {
color: var(--activeButton, #0fabdd);
}
.object-edit-attach-block .attach-item-block[data-type="reminders"] .icon svg {
stroke: #ffc000;
}
.object-edit-attach-block .attach-item-block[data-type="reminders"] .reminder-item {
transition: 0.15s;
}
.object-edit-attach-block .attach-item-block[data-type="reminders"] .reminder-item:hover {
color: var(--activeButton, #0fabdd);
}
.object-edit-attach-block .attach-item-block[data-type="analytics"] {
cursor: pointer;
}
.object-edit-attach-block .attach-item-block[data-type="analytics"] .icon svg {
stroke: #9bc6ff;
}
.object-edit-attach-block .attach-item-block[data-type="analytics"] .btn-attach-item-list {
margin-left: 8px;
}
.object-edit-attach-block .attach-item-block[data-type="analytics"] .btn-attach-item-list__item {
cursor: pointer;
background: var(--object-edit-analytics, rgba(222, 235, 255, 0.66));
color: #4573b1;
transition: 0.15s;
}
.object-edit-attach-block .attach-item-block[data-type="analytics"]:hover .btn-attach-item-list__item {
background: var(--edit-win-attach-item-hover, #deebff);
}
.object-edit-attach-block .attach-item-block[data-type="periodicity"] {
cursor: pointer;
padding: 0 6px 0 14px;
}
.object-edit-attach-block .attach-item-block[data-type="periodicity"] .icon svg {
stroke: #82c03b;
}
.object-edit-attach-block .attach-item-block[data-type="periodicity"]:hover .text {
color: var(--activeButton, #0fabdd);
}
.object-edit-attach-block .attach-item-block[data-type="reminders"] {
cursor: default;
}
.object-edit-attach-block .attach-item-block[data-type="reminders"] .text {
display: flex;
flex-wrap: wrap;
column-gap: 6px;
row-gap: 4px;
}
.object-edit-attach-block .attach-item-block[data-type="reminders"] .text .reminder-item {
white-space: nowrap;
cursor: pointer;
}
.object-edit-attach-block .attach-item-block .action-icons {
position: absolute;
display: flex;
column-gap: 10px;
top: 7px;
right: 9px;
}
.object-edit-attach-block .attach-item-block .action-icons .action-icons__item {
width: 16px;
height: 16px;
cursor: pointer;
}
.object-edit-attach-block .attach-item-block .action-icons .action-icons__item svg {
position: absolute;
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
width: 16px;
height: 16px;
}
.object-edit-attach-block .attach-item-block .action-icons .action-icons__item:hover svg {
stroke: var(--activeButton, #0fabdd);
}
.object-edit-attach-block .attach-item-block .action-icons .action-icons__item.no-stroke svg {
stroke: none;
fill: var(--gray-input-border, #bbbbbb);
}
.object-edit-attach-block .attach-item-block .action-icons .action-icons__item.no-stroke:hover svg {
fill: var(--activeButton, #0fabdd);
}
.object-edit-attach-block.is-hide {
display: none;
}
.ObjectEdit__TopControlPanel-rc {
position: relative;
display: flex;
flex-direction: row;
}
.ObjectEdit__TopControlPanel-rc:before {
display: block;
content: '';
position: absolute;
background: var(--white-black, white);
left: 0;
right: 0;
height: 50%;
border-bottom: 1px solid var(--gray-border, #e2e2e2);
z-index: 0;
}
.ObjectEdit__TopControlPanel-rc .items {
display: flex;
flex-direction: row;
column-gap: 15px;
height: inherit;
margin-left: 16px;
z-index: 1;
}
.ObjectEdit__TopControlPanel-rc .items__item {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background: var(--white-black, white);
border-radius: 15px;
box-shadow: 0 0 0 1px var(--gray-border, #e2e2e2);
transition: 0.15s;
cursor: pointer;
}
.ObjectEdit__TopControlPanel-rc .items__item__box {
display: flex;
flex-direction: row;
column-gap: 4px;
}
.ObjectEdit__TopControlPanel-rc .items__item__box__icon {
width: 14px;
height: 14px;
}
.ObjectEdit__TopControlPanel-rc .items__item__box__icon svg {
width: inherit;
height: inherit;
}
.ObjectEdit__TopControlPanel-rc .items__item__box__icon:not(.stroke) svg {
fill: var(--gray-dark-icon, #626262);
stroke: none;
}
.ObjectEdit__TopControlPanel-rc .items__item__box__icon.stroke svg {
stroke: var(--gray-dark-icon, #626262);
fill: none;
}
.ObjectEdit__TopControlPanel-rc .items__item:hover {
background: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
}
.ObjectEdit__TopControlPanel-rc .items__item.active {
background-color: var(--activeButton, #898989);
box-shadow: none;
}
.ObjectEdit__TopControlPanel-rc .items__item.active .items__item__box__icon:not(.stroke) svg {
fill: var(--activeButtonElements, #fff);
stroke: none;
}
.ObjectEdit__TopControlPanel-rc .items__item.active .items__item__box__icon svg {
stroke: var(--activeButtonElements);
fill: none;
}
.ObjectEdit__TopControlPanel-rc .search {
position: relative;
display: flex;
align-items: center;
width: 220px;
height: 30px;
border-radius: 15px;
margin: auto 20px auto auto;
box-shadow: 0 0 0 1px var(--gray-border, #e2e2e2);
background: var(--white-black, white);
transition: 0.15s;
z-index: 1;
}
.ObjectEdit__TopControlPanel-rc .search:not(.rolled-up) {
z-index: 101;
}
.ObjectEdit__TopControlPanel-rc .search.rolled-up {
width: 30px;
cursor: pointer;
}
.ObjectEdit__TopControlPanel-rc .search.rolled-up:hover {
background: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
}
.ObjectEdit__TopControlPanel-rc .search__icon {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
}
.ObjectEdit__TopControlPanel-rc .search__icon svg {
width: 14px;
height: 14px;
stroke: var(--gray-dark-icon, #626262);
fill: none;
}
.ObjectEdit__TopControlPanel-rc .search__input-wrapper {
flex: 1;
display: flex;
transition: 0.15s;
}
.ObjectEdit__TopControlPanel-rc .search__input-wrapper__input {
width: 100%;
padding: 0;
font-size: 12px;
line-height: 1;
border: none;
outline: none;
background: none;
}
.ObjectEdit__TopControlPanel-rc .search__close {
display: flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
cursor: pointer;
}
.ObjectEdit__TopControlPanel-rc .search__close svg {
width: 12px;
height: 12px;
stroke: var(--core-dropdown-text, #9c9c9c);
fill: none;
}
.ObjectEdit__TopControlPanel-rc .search__result-list {
position: absolute;
top: 36px;
right: 0;
z-index: 100;
}
.object-edit-win-block {
padding: 0;
}
.object-edit-win-block .title-block {
display: flex;
align-items: center;
padding: 20px 24px;
background: var(--white-black, white);
border-bottom: 1px solid var(--grey-list-border, #DEDEDE);
}
.object-edit-win-block .title-block .title-block__text {
color: var(--popup-win-header, #747474);
font-size: 22px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 700px;
min-height: 30px;
}
.object-edit-win-block .title-block .TaskEditWinTitleBlock,
.object-edit-win-block .title-block .ContactEditWinTitleBlock {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.object-edit-win-block .title-block .TaskEditWinTitleBlock__title,
.object-edit-win-block .title-block .ContactEditWinTitleBlock__title {
display: flex;
column-gap: 6px;
align-items: center;
cursor: pointer;
}
.object-edit-win-block .title-block .TaskEditWinTitleBlock__title.active .title-block__text,
.object-edit-win-block .title-block .ContactEditWinTitleBlock__title.active .title-block__text {
color: var(--activeButton);
}
.object-edit-win-block .title-block .TaskEditWinTitleBlock__title .arrow svg,
.object-edit-win-block .title-block .ContactEditWinTitleBlock__title .arrow svg {
fill: var(--activeButton);
width: 8px;
height: 8px;
}
.object-edit-win-block .title-block .TaskEditWinTitleBlock__title:hover:last-child .title-block__text,
.object-edit-win-block .title-block .ContactEditWinTitleBlock__title:hover:last-child .title-block__text {
color: var(--activeButton);
}
.object-edit-win-block .title-block .TaskEditWinTitleBlock.show-template [datatype="object"],
.object-edit-win-block .title-block .ContactEditWinTitleBlock.show-template [datatype="object"] {
pointer-events: none;
}
.object-edit-win-block .title-block .TaskEditWinTitleBlock__context-menu,
.object-edit-win-block .title-block .ContactEditWinTitleBlock__context-menu {
position: absolute;
top: 32px;
z-index: 100;
}
.object-edit-win-block .title-block .TaskEditWinTitleBlock.draggable,
.object-edit-win-block .title-block .ContactEditWinTitleBlock.draggable {
pointer-events: all;
}
.object-edit-win-block .title-block .TaskEditWinTitleBlock.draggable .draggable-block,
.object-edit-win-block .title-block .ContactEditWinTitleBlock.draggable .draggable-block {
cursor: grabbing;
}
.object-edit-win-block .title-block .DirectoryEntryTitleBlock {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 3px;
}
.object-edit-win-block .title-block .DirectoryEntryTitleBlock .sub-title-block {
font-size: 13px;
color: #9C9C9C;
overflow: hidden;
word-break: break-all;
}
.object-edit-win-block .title-block .DirectoryEntryTitleBlock .sub-title-block a {
color: #9C9C9C;
}
.object-edit-win-block .header-buttons-selector .value-selector {
margin: 15px 0 0px 20px;
text-transform: uppercase;
}
.object-edit-win-block .switcher-wrapper-rc .switcher {
display: flex;
align-items: center;
height: 58px;
border-radius: 6px;
padding: 0 0 0 14px;
}
.object-edit-win-block .switcher-wrapper-rc .switcher a.help-link {
margin: 0 14px 0 0;
}
.object-edit-win-block .switcher-wrapper-rc .switcher a.help-link svg {
stroke: var(--gray-input-border, #bbbbbb);
}
.object-edit-win-block .switcher-wrapper-rc.is-focus {
box-shadow: 0 0 8px var(--edit-win-switcher-wr-shadow-1, #c8c8c8cf), 0 0 0 1px var(--edit-win-switcher-wr-shadow-2, #c8c8c8);
border-radius: 6px;
}
.object-edit-win-block .bottom-panel-target {
margin-top: 20px;
}
.object-edit-win-block .bottom-panel-target > div {
border-radius: 0 0 8px 8px;
}
.object-edit-win-block .quick-response-handbook {
margin-bottom: 6px;
}
.object-edit-win-block .quick-response-handbook-field {
margin-top: 16px;
margin-bottom: 6px;
}
.object-edit-win-block .win-action-icons {
position: absolute;
top: 10px;
right: 35px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 8px;
}
.object-edit-win-block .win-action-icons__icon {
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
cursor: pointer;
}
.object-edit-win-block .win-action-icons__icon svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
stroke: none;
}
.object-edit-win-block .win-action-icons__icon.stroke svg {
stroke: var(--gray-ico, #a9a9a9);
fill: none;
}
.object-edit-win-block .win-action-icons__icon.hover:hover svg {
stroke: var(--activeButton, #0fabdd);
}
.object-edit-win-block .change-field-values-fields-wrapper .change-field-values-item {
margin-bottom: 10px;
position: relative;
}
.switcher-wrapper-rc {
position: relative;
}
.object-edit-win-location-field {
display: flex;
flex-direction: column;
row-gap: 10px;
}
.object-edit-win-location-field .static-top-panel {
display: flex;
flex-direction: column;
row-gap: 10px;
}
.object-edit-win-location-field .custom-panel,
.object-edit-win-location-field .static-panel {
display: flex;
flex-direction: column;
row-gap: 10px;
}
.object-edit-win-location-field .panel {
display: flex;
flex-direction: column;
row-gap: 15px;
}
.object-edit-win-location-field .panel .panel-title {
position: relative;
display: flex;
margin: 20px 0 12px 0;
border-radius: 6px;
background: none;
font-size: 15px;
font-weight: 600;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.object-edit-win-location-field .panel .panel-title .background-template {
visibility: hidden;
position: absolute;
top: -10px;
bottom: -10px;
right: -4px;
left: -4px;
background: var(--gray-modal-background, #EBEBEB);
border-radius: 6px;
cursor: pointer;
}
.object-edit-win-location-field .panel .panel-title .title {
position: relative;
margin: 0 auto 0 0;
font-size: 16px;
color: var(--task-card-title-text, #4B4B4B);
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
}
.object-edit-win-location-field .panel .panel-title .action-buttons {
position: relative;
display: flex;
column-gap: 10px;
align-items: center;
margin: 0 0 0 14px;
}
.object-edit-win-location-field .panel .panel-title .action-buttons .action-buttons__item {
width: 16px;
height: 16px;
cursor: pointer;
}
.object-edit-win-location-field .panel .panel-title .action-buttons .action-buttons__item svg {
width: 16px;
height: 16px;
stroke: var(--gray-input-border, #bbb);
fill: none;
}
.object-edit-win-location-field .panel .panel-title .action-buttons .action-buttons__item:hover svg {
stroke: var(--activeButton, #0fabdd);
}
.object-edit-win-location-field .panel .panel-title .panel-title__icon {
flex: none;
position: relative;
display: flex;
align-self: center;
align-items: center;
width: 20px;
height: 20px;
}
.object-edit-win-location-field .panel .panel-title .panel-title__icon .panel-title__icon__collapse.arrow {
cursor: pointer;
}
.object-edit-win-location-field .panel .panel-title .panel-title__icon .panel-title__icon__collapse.arrow svg {
width: 10px;
height: 10px;
fill: var(--task-card-title-text, #4B4B4B);
transition: 0.2s;
transform: rotate(270deg);
}
.object-edit-win-location-field .panel .panel-title .panel-title__icon .panel-title__icon__collapse.settings {
display: flex;
cursor: pointer;
}
.object-edit-win-location-field .panel .panel-title .panel-title__icon .panel-title__icon__collapse.settings svg {
width: 14px;
height: 14px;
stroke: var(--confirm-win-head-bg, #4B4B4B);
fill: none;
transition: 0.2s;
}
.object-edit-win-location-field .panel .panel-title .panel-title__icon .panel-title__icon__collapse.point {
cursor: pointer;
}
.object-edit-win-location-field .panel .panel-title .panel-title__icon .panel-title__icon__collapse.point svg {
width: 10px;
height: 10px;
fill: var(--task-card-title-text, #4B4B4B);
stroke: var(--task-card-title-text, #4B4B4B);
stroke-width: 6px;
}
.object-edit-win-location-field .panel .panel-title .panel-title__icon .drag {
display: none;
top: 0;
z-index: 36;
}
.object-edit-win-location-field .panel .panel-title .panel-title__icon .drag svg {
padding: 8px 0;
border-radius: 6px;
width: 12px;
height: 12px;
fill: var(--ddl-menu-separator, #C4C4C4);
background-color: var(--white-black, #ffffff);
box-shadow: 0 0 4px 0 var(--task-list-focus-shadow, #0000001a);
cursor: grab;
}
@media (max-width: 820px) {
.object-edit-win-location-field .panel .panel-title .panel-title__icon .drag {
visibility: visible;
pointer-events: auto;
}
}
.object-edit-win-location-field .panel .panel-title.fake-draggable {
position: fixed;
pointer-events: none;
z-index: 26;
}
.object-edit-win-location-field .panel .panel-title.fake-draggable .panel-title__icon__collapse {
display: none;
}
.object-edit-win-location-field .panel .panel-title.fake-draggable .drag {
display: flex;
}
.object-edit-win-location-field .panel .panel-title:hover .background-template,
.object-edit-win-location-field .panel .panel-title.fake-draggable .background-template {
visibility: visible;
}
.object-edit-win-location-field .panel .panel-container {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
}
.object-edit-win-location-field .panel .panel-container .fields {
display: grid;
flex-direction: column;
column-gap: 20px;
grid-template-columns: 1fr;
}
.object-edit-win-location-field .panel .panel-container .fields .field-target {
position: relative;
min-height: 58px;
transition: 0.01s width;
}
.object-edit-win-location-field .panel .panel-container .fields .field-target.highlight-field {
box-shadow: 0 0 8px var(--activeButton), 0 0 0 1px var(--activeButton);
border-radius: 6px;
}
.object-edit-win-location-field .panel .panel-container .fields .field-target.highlight-field-error {
box-shadow: 0 0 8px var(--error-bg);
border-radius: 6px;
}
.object-edit-win-location-field .panel .panel-container .fields .field-target.highlight-field-error .object-edit-field-base {
border-color: var(--error-red);
}
.object-edit-win-location-field .panel .panel-container .fields .field-target.empty {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-radius: 6px;
background: none;
cursor: pointer;
}
.object-edit-win-location-field .panel .panel-container .fields .field-target.empty .add-icon {
display: none;
margin: auto;
}
.object-edit-win-location-field .panel .panel-container .fields .field-target.empty:hover {
background: var(--object-edit-win-empty-cell, #d3d3d338);
}
.object-edit-win-location-field .panel .panel-container .fields .field-target.empty:hover .add-icon {
display: flex;
}
.object-edit-win-location-field .panel .panel-container .fields .field-target.empty.not-created-field {
cursor: default;
}
.object-edit-win-location-field .panel .panel-container .fields .field-target.empty.not-created-field:hover {
background: var(--object-edit-win-empty-cell, #d3d3d338);
}
.object-edit-win-location-field .panel .panel-container .fields .field-target .add-container {
width: 100%;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.object-edit-win-location-field .panel .panel-container.is-edit-field-pos .fields .field-target.empty {
background: var(--object-edit-win-empty-cell, #d3d3d338);
pointer-events: auto;
min-height: 58px;
}
.object-edit-win-location-field .panel .panel-container.is-edit-field-pos .fields .field-target.empty .add-icon {
display: none !important;
}
.object-edit-win-location-field .panel .panel-container.is-edit-field-pos .fields .field-target.empty.drag-target-temp {
background: var(--object-edit-win-empty-cell-hover, #7e7e7e38);
cursor: pointer;
}
.object-edit-win-location-field .panel .panel-container.is-edit-field-pos .fields .field-target .add-container {
width: 100%;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.object-edit-win-location-field .panel .panel-container.is-edit-field-pos .disable-create-new-line:hover .line {
background: var(--grey-list-border, #dedede);
}
.object-edit-win-location-field .panel .panel-container.is-edit-field-pos .add-line-block-target {
height: 0;
padding: 0;
transition: height 0.3s ease, padding 0.3s ease;
}
.object-edit-win-location-field .panel .panel-container.is-edit-field-pos .add-line-block-target.active {
min-height: 0;
height: 68px;
padding: 5px 0;
}
.object-edit-win-location-field .panel .panel-container.is-edit-field-pos .add-line-block-target.active .gap-block {
position: relative;
display: flex;
gap: 20px;
top: 0;
height: 100%;
width: 100%;
transition: height 0.3s ease-out;
}
.object-edit-win-location-field .panel .panel-container.is-edit-field-pos .add-line-block-target.active .gap-block .line {
height: 0;
background: transparent;
}
.object-edit-win-location-field .panel .panel-container.is-edit-field-pos .add-line-block-target.active .gap-block__buttons {
display: none;
}
.object-edit-win-location-field .panel .panel-container.is-edit-field-pos .add-line-block-target.active .gap-block svg {
display: none;
}
.object-edit-win-location-field .panel .panel-container > .add-line-block-target .gap-block {
top: -10px;
}
.object-edit-win-location-field .panel .panel-container > .add-line-block-target .gap-block.is-show-add-active-line {
margin-top: 0 !important;
margin-bottom: 10px !important;
}
.object-edit-win-location-field .panel .panel-container .gap-block {
position: absolute;
height: 4px;
margin: 2px 0;
padding: 2px 0;
border-radius: 6px;
transition: 0.2s;
cursor: pointer;
display: flex;
left: 0;
right: 0;
padding-left: inherit;
}
.object-edit-win-location-field .panel .panel-container .gap-block .line {
width: 100%;
height: 3px;
border-radius: 6px;
}
.object-edit-win-location-field .panel .panel-container .gap-block:hover .line,
.object-edit-win-location-field .panel .panel-container .gap-block.drag-target-temp .line,
.object-edit-win-location-field .panel .panel-container .gap-block.is-visible-line .line {
background: var(--grey-list-border, #dedede);
}
.object-edit-win-location-field .panel .panel-container .gap-block:hover .gap-block__buttons,
.object-edit-win-location-field .panel .panel-container .gap-block.drag-target-temp .gap-block__buttons,
.object-edit-win-location-field .panel .panel-container .gap-block.is-visible-line .gap-block__buttons {
pointer-events: auto !important;
}
.object-edit-win-location-field .panel .panel-container .gap-block:hover .gap-block__buttons .gap-block__buttons__item,
.object-edit-win-location-field .panel .panel-container .gap-block.drag-target-temp .gap-block__buttons .gap-block__buttons__item,
.object-edit-win-location-field .panel .panel-container .gap-block.is-visible-line .gap-block__buttons .gap-block__buttons__item {
transform: scale(1);
}
.object-edit-win-location-field .panel .panel-container .gap-block.is-show-add-active-line {
position: static;
display: flex;
column-gap: 20px;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
background: none;
}
.object-edit-win-location-field .panel .panel-container .gap-block.disable-create-new-line .line {
background-color: rgba(0, 0, 0, 0);
cursor: default;
}
.object-edit-win-location-field .panel .panel-container .gap-block.disable-create-new-line .gap-block__buttons {
display: none;
}
.object-edit-win-location-field .panel .panel-container .gap-block .field-target.empty {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: 60px;
background: var(--object-edit-win-empty-cell, #d3d3d338);
border-radius: 6px;
}
.object-edit-win-location-field .panel .panel-container .gap-block .field-target.empty:hover,
.object-edit-win-location-field .panel .panel-container .gap-block .field-target.empty.drag-target-temp {
background: var(--object-edit-win-empty-cell-hover, #7e7e7e38);
}
.object-edit-win-location-field .panel .panel-container .gap-block .field-target.empty.not-created-field {
cursor: default;
}
.object-edit-win-location-field .panel .panel-container .gap-block .field-target.empty.not-created-field:hover {
background: var(--object-edit-win-empty-cell, #d3d3d338);
}
.object-edit-win-location-field .panel .panel-container .gap-block .field-target.empty .add-icon {
display: flex;
margin: auto;
}
.object-edit-win-location-field .panel .panel-container .gap-block .field-target.empty .add-container {
width: 100%;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.object-edit-win-location-field .panel .panel-container .gap-block .gap-block__buttons {
position: absolute;
top: -16px;
right: 15px;
column-gap: 15px;
z-index: 1;
display: flex;
pointer-events: none;
}
.object-edit-win-location-field .panel .panel-container .gap-block .gap-block__buttons .gap-block__buttons__item {
display: flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
background: var(--white-black, #ffffff);
box-shadow: 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 20px;
transition: 0.2s;
transform: scale(0);
}
.object-edit-win-location-field .panel .panel-container .gap-block .gap-block__buttons .gap-block__buttons__item svg {
width: 16px;
height: 16px;
stroke: var(--gray-dark-icon, #626262);
}
.object-edit-win-location-field .panel .panel-container .gap-block .gap-block__buttons .gap-block__buttons__item:hover {
background-color: var(--date-picker-bg, #f5f5f5);
}
.object-edit-win-location-field .panel .panel-container .gap-block .gap-block__buttons .gap-block__buttons__item.active {
background-color: var(--activeButton, #898989);
box-shadow: none;
}
.object-edit-win-location-field .panel .panel-container .gap-block .gap-block__buttons .gap-block__buttons__item.active svg {
stroke: var(--activeButtonElements, #fff);
fill: none;
}
.object-edit-win-location-field .panel .panel-container .gap-block__fields-empty {
width: 100%;
display: flex;
gap: 20px;
}
.object-edit-win-location-field .panel.collapsed .panel-title .panel-title__icon__collapse.arrow svg {
transform: rotate(180deg);
}
.object-edit-win-location-field .panel.collapsed .panel-container {
display: none;
pointer-events: none;
}
.object-edit-win-location-field .panel.draggable {
pointer-events: none;
box-shadow: inset 5px 0 0 0 #f58220;
height: 41px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat;
border-radius: 3px;
}
.object-edit-win-location-field .panel.draggable .panel-title:not(.fake-draggable),
.object-edit-win-location-field .panel.draggable .panel-container * {
transition: none !important;
visibility: hidden;
}
.object-edit-win-location-field .panel:not(.disable-grid-edit) .panel-title:hover .panel-title__icon .drag {
display: flex;
}
.object-edit-win-location-field .panel:not(.disable-grid-edit) .panel-title:hover .panel-title__icon .panel-title__icon__collapse {
display: none;
}
.object-edit-win-location-field .panel.highlight-field .background-template {
visibility: visible;
box-shadow: 0 0 8px var(--activeButton), 0 0 0 1px var(--activeButton);
border-radius: 6px;
}
.object-edit-win-location-field .panel.highlight-field-error .background-template {
visibility: visible;
box-shadow: 0 0 8px rgba(255, 0, 0, 0.65), 0 0 0 1px #ff0000;
border-radius: 6px;
}
.object-edit-win-location-field.is-edit-panel-pos .panel-container,
.object-edit-win-location-field.is-edit-panel-pos .panel-title {
pointer-events: none;
}
.object-edit-win-location-field.is-edit-panel-pos .panel-empty-cell {
background: var(--object-edit-win-empty-cell, #d3d3d338);
border-radius: 6px;
}
.object-edit-win-location-field.is-edit-panel-pos .panel-empty-cell:hover,
.object-edit-win-location-field.is-edit-panel-pos .panel-empty-cell.drag-target-temp {
background: var(--object-edit-win-empty-cell-hover, #7e7e7e38);
}
.object-edit-win-location-field.disable-grid-edit .field-target.empty {
pointer-events: none;
}
.object-edit-win-location-field.disable-pointer-event .field-target:not(.empty) {
pointer-events: none;
}
.object-edit-win-location-field.disable-pointer-event .add-line-block-target .gap-block {
display: none;
}
.object-edit-common-field .action-icons {
position: absolute;
display: flex;
column-gap: 10px;
top: 7px;
right: 9px;
}
.object-edit-common-field .action-icons .icon,
.object-edit-common-field .action-icons .action-icons__icon {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
}
.object-edit-common-field .action-icons .icon svg,
.object-edit-common-field .action-icons .action-icons__icon svg {
position: absolute;
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
width: 16px;
height: 16px;
}
.object-edit-common-field .action-icons .icon.no-stroke svg,
.object-edit-common-field .action-icons .action-icons__icon.no-stroke svg {
stroke: none;
fill: var(--activeButton);
}
.object-edit-common-field .action-icons .icon:not(.no-hover):hover:not(.no-stroke) svg,
.object-edit-common-field .action-icons .action-icons__icon:not(.no-hover):hover:not(.no-stroke) svg {
stroke: var(--activeButton, #0fabdd);
}
.object-edit-common-field .action-icons .icon:not(.no-hover):hover.dots:before,
.object-edit-common-field .action-icons .action-icons__icon:not(.no-hover):hover.dots:before {
content: '';
position: absolute;
background: var(--gray-inner, #efefef);
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border-radius: 6px;
}
.object-edit-common-field .action-icons .icon.hide,
.object-edit-common-field .action-icons .action-icons__icon.hide {
display: none;
}
.g-popup-win-scroll-content-wr .g-popup-win-scroll-content.object-edit-win {
border-radius: 8px;
}
.g-popup-win-scroll-content-wr .g-popup-win-scroll-content.object-edit-win .g-popup-win-scroll-content-main {
border-radius: 8px;
}
.g-popup-win-scroll-content-wr .g-popup-win-scroll-content.object-edit-win .g-popup-win-scroll-content-main .title-block {
border-radius: 8px 8px 0 0;
cursor: pointer;
}
.g-popup-win-scroll-content-wr .g-popup-win-scroll-content.object-edit-win.ui-draggable-dragging {
cursor: grabbing !important;
}
.object-edit-win-block.chosen-new-style .chzn-drop {
padding: 10px 4px;
box-shadow: 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 5px;
min-width: 100%;
}
.object-edit-win-block.chosen-new-style .chzn-drop .chzn-search .chzn-search-border {
padding: 4px;
box-shadow: 0 0 0 1px var(--ddl-menu-separator, #c4c4c4);
border-radius: 3px;
border: none;
margin: 0 7px;
}
.object-edit-win-block.chosen-new-style .chzn-drop .chzn-search .chzn-search-border .svg-icon-16px {
display: none;
}
.object-edit-box-with-fields {
position: absolute;
min-width: 340px;
max-width: 530px;
padding: 8px 10px 8px 18px;
z-index: 100;
background: var(--white-black, #fff);
box-shadow: 0 0 7px var(--popup-shadow);
border-radius: 8px;
}
.object-edit-box-with-fields .header {
display: flex;
height: 40px;
}
.object-edit-box-with-fields .header .search {
display: flex;
align-items: center;
flex: 1;
max-width: 220px;
height: 24px;
margin: auto auto auto 0;
box-shadow: 0 0 0 1px var(--grey-list-border, #DEDEDE);
border-radius: 15px;
}
.object-edit-box-with-fields .header .search .search__icon {
flex: none;
display: inline-block;
padding: 0 4px 0 6px;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.object-edit-box-with-fields .header .search .search__icon svg {
stroke: var(--gray-input-border, #bbbbbb);
}
.object-edit-box-with-fields .header .search input {
flex: 1;
font-size: 13px;
background: none;
border: none;
outline: none;
}
.object-edit-box-with-fields .header .search__close {
flex: none;
display: flex;
width: 12px;
height: 12px;
margin: 0 12px 0 auto;
cursor: pointer;
}
.object-edit-box-with-fields .header .search__close svg {
stroke: var(--core-dropdown-text, #9c9c9c);
fill: none;
}
.object-edit-box-with-fields .header .actions {
display: flex;
margin-right: 5px;
column-gap: 10px;
}
.object-edit-box-with-fields .header .actions .actions__icon {
margin: auto 0;
cursor: pointer;
}
.object-edit-box-with-fields .header .actions .actions__icon svg {
stroke: var(--gray-ico, #bbbbbb);
}
.object-edit-box-with-fields .header .actions .actions__icon:hover svg {
stroke: var(--activeSlider, #1abe72);
}
.object-edit-box-with-fields .header .close-icon {
display: flex;
align-items: center;
margin-left: 6px;
cursor: pointer;
}
.object-edit-box-with-fields .header .close-icon svg {
width: 16px;
height: 16px;
stroke: var(--gray-ico, #a9a9a9);
fill: none;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.object-edit-box-with-fields .header .close-icon:hover svg {
stroke: var(--task-deadline-dead, #fd0000);
transform: rotateZ(-90deg);
}
.object-edit-box-with-fields .body-fields {
height: 300px;
margin: 10px 0;
overflow-y: scroll;
}
.object-edit-box-with-fields .body-fields .body-fields__group {
font-size: 15px;
}
.object-edit-box-with-fields .body-fields .body-fields__group .body-fields__group__title {
margin: 6px 0;
font-weight: 600;
}
.object-edit-box-with-fields .body-fields .body-fields__group .body-fields__group__field-item {
display: flex;
column-gap: 8px;
padding: 8px;
border-radius: 8px;
cursor: pointer;
}
.object-edit-box-with-fields .body-fields .body-fields__group .body-fields__group__field-item .body-fields__group__field-item__icon {
display: flex;
align-items: center;
}
.object-edit-box-with-fields .body-fields .body-fields__group .body-fields__group__field-item .body-fields__group__field-item__icon svg {
fill: var(--gray-input-border, #bbbbbb);
width: 16px;
height: 16px;
}
.object-edit-box-with-fields .body-fields .body-fields__group .body-fields__group__field-item .body-fields__group__field-item__icon.svg-icon-stroke svg {
fill: none;
stroke: var(--gray-input-border, #bbbbbb);
}
.object-edit-box-with-fields .body-fields .body-fields__group .body-fields__group__field-item .body-fields__group__field-item__icon.highlight svg {
fill: var(--activeSlider, #1abe72);
}
.object-edit-box-with-fields .body-fields .body-fields__group .body-fields__group__field-item .body-fields__group__field-item__icon.highlight.svg-icon-stroke svg {
fill: none;
stroke: var(--activeSlider, #1abe72);
}
.object-edit-box-with-fields .body-fields .body-fields__group .body-fields__group__field-item.is-active,
.object-edit-box-with-fields .body-fields .body-fields__group .body-fields__group__field-item:hover {
background: var(--object-edit-box-field-item-active, #e1e1e187);
}
.object-edit-box-with-fields .body-fields .body-fields__panel-title {
margin-bottom: 10px;
color: var(--gray-dark-icon, #626262);
font-size: 15px;
font-weight: 600;
}
.task-template-edit-use-template-rc {
display: flex;
}
.task-template-edit-use-template-rc > div {
flex: 1;
}
.task-template-edit-use-template-rc > div:not(:first-child) {
margin-left: 20px;
}
.tooltip-rc {
position: relative;
padding: 10px 15px 10px 15px;
margin-left: 2px;
text-align: left;
background: var(--checklist-keyboard-help-bg);
border: 1px dashed var(--gray-input-border);
box-sizing: border-box;
border-radius: 6px;
font-size: 14px;
line-height: 18px;
color: var(--tooltip-actions-color);
}
.tooltip-rc:after {
content: '';
display: block;
position: absolute;
background: var(--tooltip-actions-after);
border-radius: 6px 0 0 6px;
width: 8px;
left: -2px;
bottom: 0;
top: -1px;
height: calc(100% + 1.5px);
}
.tooltip-rc a {
color: #1B7FE8;
}
.background-operation-progress {
pointer-events: none;
}
.background-operation-progress .bar {
background: #1abe72;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
.background-operation-progress.bottom .bar {
top: auto;
bottom: 0;
}
.background-operation-progress .peg {
display: block;
position: absolute;
right: 0;
width: 5px;
height: 100%;
box-shadow: 0 0 10px #82c03b, 0 0 5px #82c03b;
opacity: 1;
}
.background-operation-progress-host {
position: relative;
overflow: hidden;
}
.task-card-header-additional-panel > .header-line-separator {
position: relative;
}
.task-card-header-additional-panel > .header-line-separator > .b-green-block-progress.background-operation-progress-host {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
height: 2px;
padding: 0;
pointer-events: none;
margin: 0 10px 0 25px;
}
.task-card-header-additional-panel > .header-line-separator > .b-green-block-progress.background-operation-progress-host .bar {
top: 0;
}
@media print {
.background-operation-progress {
visibility: hidden !important;
}
}
.b-block-progress-wrapper {
position: relative;
margin-top: -9px;
height: 6px;
margin-bottom: 3px;
}
.color-picker-current {
position: relative;
display: inline-block;
width: 100px;
height: 18px;
cursor: pointer;
}
.color-picker-current.outlined {
outline: #bbb solid 1px;
}
.color-picker-current:after {
display: block;
position: absolute;
content: '';
right: 8px;
top: 34%;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: #ffffff transparent transparent transparent;
}
.color-picker-current.outlined:after {
border-color: #bbb transparent transparent transparent;
}
.color-picker-picker {
border: 1px solid #bbb;
margin-top: 8px;
padding: 4px;
width: 570px;
line-height: 1;
}
.color-picker-picker span {
display: inline-block;
width: 21px;
height: 21px;
vertical-align: top;
margin-bottom: 1px;
cursor: pointer;
}
.color-picker-picker .selected-colorPicker-color {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.color-picker-picker .selected-colorPicker-color span {
background: #ffffff;
width: 10px;
height: 10px;
border-radius: 50%;
}
.color-circle {
border: 1px solid #9094a4;
width: 10px;
height: 10px;
display: inline-block;
vertical-align: top;
margin-top: 1px;
border-radius: 10px;
}
/* ColorPickerNew.ts */
.color-picker {
position: relative;
display: grid;
}
.color-picker .label {
margin: 0 0 5px 0;
font-size: 13px;
color: #838383;
}
.color-picker .edit-button {
width: 30px;
height: 30px;
display: inline-block;
border-radius: 100%;
transition: 0.5s;
cursor: pointer;
}
.color-picker .edit-button:hover {
box-shadow: 0 0 0 1px #0095ff !important;
}
.color-picker .popup {
display: none;
position: absolute;
width: max-content;
max-width: 265px;
padding: 5px;
background: #ebebeb;
box-shadow: 0 0 5px 0 #a4a4a4;
border-radius: 5px;
z-index: 1000;
}
.color-picker .popup .item {
width: 18px;
height: 18px;
float: left;
margin: 3px;
border-radius: 100%;
cursor: pointer;
}
.color-picker .popup .item:hover {
box-shadow: 0 0 0 1px #0095ff !important;
}
.color-picker .popup .item svg {
width: 10px;
height: 10px;
padding: 4px;
}
.common-checkbox {
cursor: pointer;
}
.common-checkbox .container.svg1 {
width: 20px;
height: 20px;
border: 1px solid var(--task-dates-input-shadow, #b1b1b1);
border-radius: 3px;
}
.common-checkbox .container.svg1 svg {
width: 12px;
height: 12px;
margin-top: 3px;
margin-left: 4px;
fill: #71AA15;
}
.common-checkbox.ccb-active .container svg {
display: block;
}
.common-checkbox:not(.ccb-active) .container svg {
display: none;
}
.common-checkbox.ccb-disabled {
pointer-events: none;
}
.common-checkbox.ccb-disabled .container {
border: 1px solid var(--orgtree-add-user-list-border, #c5c5c5);
}
.common-checkbox.ccb-disabled .container svg {
fill: var(--orgtree-add-user-list-border, #c5c5c5);
}
.tbl-other-common-dialog td {
padding-bottom: 25px;
font-size: 9pt;
}
.tbl-other-common-dialog td:first-child {
color: #7a7a7a;
}
.common-scroll-container {
-ms-overflow-style: none;
scrollbar-color: var(--baron-scroller-bar-border, #dadada) var(--white-black, white);
scrollbar-width: thin;
}
.common-scroll-container ::-webkit-scrollbar-corner {
background-color: var(--background-color-light-gray, #fff);
}
.common-scroll-container:not(:hover) {
scrollbar-color: transparent var(--white-black, white);
}
.common-scroll-container:not(:hover)::-webkit-scrollbar-thumb {
background: transparent;
border: 1px solid transparent;
}
.common-scroll-container .common-scroll {
overflow: hidden;
}
.common-scroll-container.has-vertical-scroll {
overflow-y: auto;
}
.common-scroll-container.has-horizontal-scroll {
overflow-x: auto;
}
.common-scroll-container::-webkit-scrollbar {
height: 7px;
width: 7px;
}
.common-scroll-container {
scrollbar-color: var(--baron-scroller-bar-border, #dadada) var(--background-color-light-gray, white);
}
.common-scroll-container:not(:hover) {
scrollbar-color: transparent var(--background-color-light-gray, white);
}
.common-scroll-container.no-scroll .common-scroll {
overflow: unset;
}
.common-scroll-container.no-scroll.has-vertical-scroll {
overflow-y: unset;
}
.common-scroll-container.no-scroll.has-horizontal-scroll {
overflow-x: unset;
}
/*
scroll background color ->
.scroll-container {
FireFox -> scrollbar-color: white;
webkit -> &::-webkit-scrollbar {
background-color: white;
}
&::webkit-scrollbar-track ???
}
=============================
scroll thumb styling ->
.scroll-container {
&::-webkit-scrollbar-thumb {
background: transparent;
border: 1px solid transparent;
}
}
=============================
thumb width ->
FireFox -> scrollbar-width: thin;
webkit -> &::-webkit-scrollbar {
width: 7px;
}
*/
.g-overlay-win {
height: 100%;
width: 100%;
position: fixed;
overflow: hidden;
left: 0;
top: 0;
z-index: 50;
}
.tr-actions-body .g-overlay-win {
display: none !important;
}
.confirm-win {
background-color: var(--confirm-win-back, rgba(0, 0, 0, 0.5));
}
.confirm-win .confirm-win-body {
box-sizing: border-box;
border-radius: 8px;
width: 800px;
max-height: 800px;
background: var(--confirm-win-background, #F7F7F7);
margin: 50vh auto;
margin: 50svh auto;
transform: translate(0, -50%);
box-shadow: 2px 2px 30px var(--confirm-win-shadow, rgba(0, 0, 0, 0.24));
}
.confirm-win .confirm-win-body.timezone {
background: var(--confirm-win-background, #F2F2F2);
}
.confirm-win .confirm-win-body.timezone .confirm-win-content .content-text {
border: none;
background: transparent;
padding-bottom: 0;
overflow: unset;
margin-top: 22px;
}
.confirm-win .confirm-win-body.timezone .confirm-win-content .content-text .text-container {
padding-bottom: 0;
overflow: unset;
}
.confirm-win .confirm-win-body.timezone .confirm-win-content .content-text .default-focus.time-zone {
width: 416px;
text-align: left;
}
.confirm-win .confirm-win-body.timezone .confirm-win-content .content-text .default-focus.time-zone .white-wrapper-rc.small-height {
margin-top: 16px;
}
.confirm-win .confirm-win-body.timezone .confirm-win-content .content-text .default-focus.time-zone .white-wrapper-rc.small-height .label-text {
font-size: 15px;
}
.confirm-win .confirm-win-body.timezone .confirm-win-content .content-text .space-around-col {
display: none;
}
.confirm-win .confirm-win-body.confirm-win-red .confirm-win-head {
background-color: #FE5A5A;
}
.confirm-win .confirm-win-body.confirm-win-billing-limit {
max-height: 90vh;
overflow: auto;
scrollbar-width: none;
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content {
padding: 62px 58px;
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content .content-wrapper .tbl-list .tr-head .td-head {
font-size: 15px;
height: 44px;
background-color: var(--background-color-light-gray, #EAEAEA);
color: var(--black-white, #000);
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content .content-wrapper .tbl-list .tr-head .td-head:first-child {
text-align: left;
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content .content-wrapper .tbl-list .tr-item .td-item {
font-size: 15px;
height: 44px;
text-align: left;
background-color: var(--white-black, #fff);
color: var(--black-white, #000);
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content .content-wrapper .tbl-list .tr-item .td-item.over-limit {
color: #FE5A5A;
font-weight: 700;
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content .content-wrapper .tbl-list .tr-item .td-item.l-center {
text-align: center;
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content .content-wrapper .tbl-list.add-resources .tr-item:first-child .td-item {
border-top: 1px solid #e2e2e2;
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content .content-wrapper .tbl-list.add-resources .tr-item:first-child .td-item:first-child {
border-top-left-radius: 12px;
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content .content-wrapper .tbl-list.add-resources .tr-item:first-child .td-item:last-child {
border-top-right-radius: 12px;
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content .content-wrapper .content-title {
margin: 0 0 24px;
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content .content-wrapper .content-title.second {
margin-top: 36px;
}
.confirm-win .confirm-win-body.confirm-win-billing-limit .confirm-win-content .content-buttons .btn-main:not(:last-child) {
margin-right: 16px;
}
.confirm-win .confirm-win-body .confirm-win-head {
background: var(--confirm-win-head-bg, #4B4B4B);
color: var(--confirm-win-head, #F5F5F5);
border-radius: 8px 8px 0 0;
font-size: 15px;
padding: 16px;
min-height: 18px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.confirm-win .confirm-win-body .confirm-win-head .destroy-button {
width: 16px;
height: 16px;
cursor: pointer;
}
.confirm-win .confirm-win-body .confirm-win-head .destroy-button:hover .svg-icon-16px {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.confirm-win .confirm-win-body .confirm-win-content {
padding: 76px 60px 68px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
font-size: 22px;
word-break: break-word;
}
.confirm-win .confirm-win-body .confirm-win-content .content-svg i img {
width: 185px;
height: 208px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-title {
font-weight: 700;
color: var(--confirm-win-head-bg, #4B4B4B);
margin-top: 51px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.confirm-win .confirm-win-body .confirm-win-content .content-title span {
color: var(--activeButton);
}
.confirm-win .confirm-win-body .confirm-win-content .content-text {
box-sizing: border-box;
margin-top: 48px;
max-width: calc(100% - 106px);
font-size: 18px;
line-height: 120%;
font-weight: 400;
color: var(--gray-dark-icon, #626262);
border-radius: 12px;
border: 1px solid var(--confirm-win-content-border, #d9d9d9);
max-height: 181px;
padding: 10px 5px;
background: var(--confirm-win-content-bg, #fff);
overflow: hidden;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container {
box-sizing: border-box;
display: flex;
max-height: 161px;
overflow-y: auto;
overflow-x: hidden;
padding: 8px 0;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container .space-around-col {
padding: 0;
flex-grow: 1;
flex-shrink: 100;
width: 55px;
min-width: 17px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container ul {
box-sizing: border-box;
text-align: left;
padding: 0;
margin: 0;
list-style-position: inside;
font-size: 16px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container ul li {
text-overflow: ellipsis;
white-space: nowrap;
overflow-x: hidden;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container ul li div {
white-space: normal;
font-style: italic;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container ul:not(.chzn-results) li:not(:last-child) {
margin-bottom: 14px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container > ul,
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container > div {
flex-grow: 20;
width: unset;
max-width: 94%;
height: 100%;
flex-shrink: 1;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container > ul.missing-resources-list p,
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container > div.missing-resources-list p {
margin-top: 14px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container > ul.access-text,
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container > div.access-text {
padding-top: 2px;
font-size: 14px;
line-height: normal;
max-height: 80px;
overflow-y: scroll;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container .timezone p.chosen-label {
margin-top: 1px;
margin-bottom: 10px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container .timezone .chzn-container {
margin-bottom: 10px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container .timezone .chzn-container a {
font-size: 14px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .text-container .timezone .dont-ask-again {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 5px;
font-size: 14px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text .content-input-field {
padding: 16px 20px 26px 13px;
width: 77%;
margin: 0 auto;
}
.confirm-win .confirm-win-body .confirm-win-content .confirm-win-text-box {
margin-top: 20px;
box-sizing: border-box;
padding: 4px 13px 2px;
font-size: 16px;
color: var(--confirm-win-text-box, #b4b4b4);
outline: none;
text-align: center;
border-color: var(--confirm-win-text-box-bg, #c4c4c4);
border-style: solid;
border-width: 0 0 1px 0;
}
.confirm-win .confirm-win-body .confirm-win-content .confirm-win-text-box:focus {
padding-bottom: 0;
border-bottom-width: 3px;
border-bottom-color: #81c562;
background: var(--confirm-win-text-box-bg-focus, #f6f6f6);
color: var(--black-white, #000000);
}
.confirm-win .confirm-win-body .confirm-win-content .content-buttons {
margin-top: 23px;
text-align: center;
}
.confirm-win .confirm-win-body .confirm-win-content .content-buttons .partner-program-button-container {
display: inline-block;
}
.confirm-win .confirm-win-body .confirm-win-content .content-buttons .partner-program-button {
display: inline-flex;
margin: 0 10px 8px 0;
}
.confirm-win .confirm-win-body .confirm-win-content .content-buttons .btn-main {
margin: 0 0 8px 0;
}
.confirm-win .confirm-win-body .confirm-win-content .content-buttons .btn-main:not(:last-child) {
margin-right: 10px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-buttons .focus {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
text-decoration: none;
}
.confirm-win .confirm-win-body:not(.confirm-win-scroller) .confirm-win-content .text-container ul:not(.chzn-results) {
list-style-type: none;
}
.confirm-win .confirm-win-body:not(.confirm-win-scroller) .confirm-win-content .text-container ul:not(.chzn-results) li {
position: relative;
padding-left: 11px;
}
.confirm-win .confirm-win-body:not(.confirm-win-scroller) .confirm-win-content .text-container ul:not(.chzn-results) li::before {
display: inline-block;
position: absolute;
left: 0;
top: calc(50% - 1px);
content: '';
-webkit-border-radius: 50%;
border-radius: 50%;
height: 3px;
width: 3px;
background-color: var(--gray-dark-icon, #626262);
}
.confirm-win .confirm-win-body.win-empty-text .confirm-win-content {
padding-bottom: 132px;
}
.confirm-win .confirm-win-body.win-empty-text .confirm-win-content .content-title {
-webkit-line-clamp: 8;
}
.confirm-win .confirm-win-small-text {
display: grid;
grid-template-columns: 35px auto;
grid-gap: 10px;
align-items: center;
}
.confirm-win .confirm-win-small-text label {
cursor: pointer;
line-height: 1;
}
.confirm-win .confirm-win-scroller.confirm-win-body {
max-height: 870px;
}
.confirm-win .confirm-win-scroller .confirm-win-content .content-text {
max-height: 251px;
padding: 10px 5px;
overflow-y: hidden;
}
.confirm-win .confirm-win-scroller .confirm-win-content .content-text .text-container {
max-height: 231px;
}
.confirm-win .confirm-win-scroller .confirm-win-content .content-text .text-container ul {
list-style: none;
color: var(--support-center-text, #4F4F4F);
overflow-y: auto;
font-size: 14px;
}
.confirm-win .confirm-win-scroller .confirm-win-content .content-text .text-container ul li {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.confirm-win .confirm-win-scroller .confirm-win-content .content-text .text-container ul li div {
max-width: 600px;
margin-top: 5px;
text-align: left;
}
.confirm-win .confirm-win-scroller .confirm-win-content .content-text .text-container ul li:not(:last-child) {
margin-bottom: 5px;
}
.confirm-win .confirm-win-scroller .confirm-win-content .content-text .text-container.error-win-text {
font-size: 14px;
}
.confirm-win .confirm-win-scroller .confirm-win-content .content-text .text-container.error-win-text .long-error-win-inner-text {
margin: 0 0 20px 0;
}
.confirm-win .error-win-body .confirm-win-head {
background: #FE5A5A;
}
.confirm-win.confirm-win-progress .confirm-win-body .confirm-win-content {
padding: 62px 58px 74px;
}
.confirm-win.confirm-win-progress .confirm-win-body .confirm-win-content .content-title {
margin-top: 36px;
}
.confirm-win.confirm-win-progress .confirm-win-body .confirm-win-content .content-text {
margin-top: 0;
padding: 0;
background: unset;
border: unset;
font-style: italic;
}
.confirm-win.confirm-win-progress .confirm-win-body .confirm-win-content .content-svg {
width: 100px;
height: 100px;
}
@media screen and (max-width: 1600px) {
.confirm-win .confirm-win-body .confirm-win-content {
padding: 62px 60px 54px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-title {
margin-top: 37px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-text {
margin-top: 36px;
}
.confirm-win .confirm-win-body .confirm-win-content .content-buttons {
margin-top: 11px;
}
}
.has-custom-resizer {
position: relative;
}
.has-custom-resizer .resizer {
position: absolute;
top: -5px;
height: 9px;
width: 100%;
cursor: n-resize;
}
.has-custom-resizer .resizer .icon-resizer {
background: var(--task-card-add-action-borded, #eaeaea);
display: flex;
border: 1px solid var(--task-card-add-action-borded, #eaeaea);
height: 7px;
width: 22px;
margin-left: calc(50% - 11px);
border-radius: 5px;
align-items: center;
justify-content: space-evenly;
}
.has-custom-resizer .resizer .icon-resizer span {
height: 2px;
width: 2px;
background: var(--task-card-resizer, #979797);
}
.has-custom-resizer .resizer .icon-resizer span:first-child {
margin-left: 2px;
}
.has-custom-resizer .resizer .icon-resizer span:last-child {
margin-right: 2px;
}
.has-custom-resizer .resized-by-user {
max-height: 50vh;
min-height: 21px;
}
.date-selector {
margin: 14px 0 0 8px;
}
.date-selector__input {
height: 18px;
width: 10ch;
border: 1px solid var(--grey-list-border, #dedede);
border-radius: 17px;
display: flex;
padding: 7px;
font-size: 13px;
outline: none;
background-color: var(--white-black, #fff);
text-align: center;
}
.confirm-dialog {
min-width: 300px;
font-size: 9pt;
}
.confirm-dialog-header {
color: #5a5a5a;
font-size: 11pt;
padding-bottom: 10px;
}
.confirm-dialog-text {
background: #fed8d8;
color: #BE0000;
font-size: 10pt;
line-height: 1.4;
padding: 20px 40px;
text-align: center;
}
.confirm-dialog-large {
font-size: 14pt;
}
.confirm-dialog-buttons {
text-align: center;
padding-top: 15px;
padding-bottom: 10px;
}
.confirm-dialog-buttons-ok {
margin-right: 7px;
}
.g-popup-win-pointer {
background: none repeat scroll 0 0 var(--white-black, #FFFFFF);
border: none;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 5px var(--dialog-box-shadow-ultralight);
padding: 10px;
max-width: 350px;
}
.g-popup-win-pointer .g-popup-win-pointer-close {
float: right;
}
.g-popup-win-pointer .g-popup-win-pointer-pointer {
display: block;
height: 20px;
overflow: hidden;
position: absolute;
width: 60px;
z-index: 1;
}
.g-popup-win-pointer .g-popup-win-pointer-pointer::after {
background: none repeat scroll 0 0 var(--white-black, #FFFFFF);
box-shadow: 0 1px 5px var(--dialog-box-shadow-ultralight);
border: none;
height: 20px;
margin: 0px 10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 20px;
content: '';
display: block;
}
.g-popup-win-pointer.g-popup-win-pointer-fit-window .g-popup-win-pointer-pointer::after {
display: none;
}
.g-popup-win-pointer.g-popup-win-pointer-bottom-left.micro-card .g-popup-win-pointer-pointer::after,
.g-popup-win-pointer.g-popup-win-pointer-bottom-right.micro-card .g-popup-win-pointer-pointer::after {
background: var(--white-black, #ffffff);
}
.g-popup-win-pointer.g-popup-win-pointer-bottom-left .g-popup-win-pointer-pointer {
bottom: 0;
left: 0;
margin-bottom: -20px;
margin-left: 30px;
}
.g-popup-win-pointer.g-popup-win-pointer-bottom-left .g-popup-win-pointer-pointer::after {
margin-top: -15px;
}
.g-popup-win-pointer.g-popup-win-pointer-bottom-right .g-popup-win-pointer-pointer {
bottom: 0;
right: 0;
margin-bottom: -20px;
margin-right: 30px;
}
.g-popup-win-pointer.g-popup-win-pointer-bottom-right .g-popup-win-pointer-pointer::after {
margin-top: -15px;
}
.g-popup-win-pointer.g-popup-win-pointer-top-left .g-popup-win-pointer-pointer {
top: 0;
left: 0;
margin-top: -20px;
margin-left: 30px;
}
.g-popup-win-pointer.g-popup-win-pointer-top-left .g-popup-win-pointer-pointer::after {
margin-top: 15px;
}
.g-popup-win-pointer.g-popup-win-pointer-top-right .g-popup-win-pointer-pointer {
top: 0;
right: 0;
margin-top: -20px;
margin-right: 30px;
}
.g-popup-win-pointer.g-popup-win-pointer-top-right .g-popup-win-pointer-pointer::after {
margin-top: 15px;
}
.g-popup-win-pointer.g-popup-win-pointer-left-top .g-popup-win-pointer-pointer {
top: 0;
left: 0;
height: 60px;
width: 20px;
margin-left: -20px;
margin-top: 10px;
}
.g-popup-win-pointer.g-popup-win-pointer-left-top .g-popup-win-pointer-pointer::after {
margin-left: 15px;
margin-top: 15px;
}
.g-popup-win-pointer.g-popup-win-pointer-left-bottom .g-popup-win-pointer-pointer {
bottom: 0;
left: 0;
height: 60px;
width: 20px;
margin-left: -20px;
margin-bottom: 10px;
}
.g-popup-win-pointer.g-popup-win-pointer-left-bottom .g-popup-win-pointer-pointer::after {
margin-left: 15px;
margin-top: 15px;
}
.g-popup-win-pointer.g-popup-win-pointer-right-top .g-popup-win-pointer-pointer {
top: 0;
right: 0;
height: 60px;
width: 20px;
margin-right: -20px;
margin-top: 10px;
}
.g-popup-win-pointer.g-popup-win-pointer-right-top .g-popup-win-pointer-pointer::after {
margin-left: -18px;
margin-top: 15px;
}
.g-popup-win-pointer.g-popup-win-pointer-right-bottom .g-popup-win-pointer-pointer {
bottom: 0;
right: 0;
height: 60px;
width: 20px;
margin-right: -20px;
margin-bottom: 10px;
}
.g-popup-win-pointer.g-popup-win-pointer-right-bottom .g-popup-win-pointer-pointer::after {
margin-left: -18px;
margin-top: 15px;
}
.g-popup-win-pointer .g-popup-win-pointer-close {
cursor: pointer;
}
.g-popup-win-pointer .g-popup-win-pointer-close:hover .iconset-16px-close {
background-position: 0 -80px;
}
.g-popup-win-pointer .g-popup-win-pointer-close:hover .svg-icon-16px.gray {
stroke: var(--task-deadline-dead, #fd0000);
}
.g-popup-win-pointer .g-popup-win-pointer-context-body {
font-size: 12px;
color: var(--chosen-multi-search-input, #676767);
line-height: 1.5;
}
.g-popup-win-pointer .g-popup-win-pointer-context-title {
font-size: 14px;
font-weight: bold;
color: var(--chosen-multi-search-input, #676767);
padding-bottom: 5px;
}
.g-popup-win-pointer .g-popup-win-pointer-context-title-text {
padding: 5px 10px;
display: inline-block;
}
.g-popup-win-pointer .g-popup-win-pointer-context-title:before {
content: '';
display: inline-block;
background: url('/img/header-logo.png') no-repeat;
height: 25px;
width: 25px;
vertical-align: top;
}
.g-popup-gray {
position: absolute;
background: #737373;
color: #fff;
padding: 12px;
font-size: 8pt;
z-index: 10;
}
.g-popup-gray::after {
content: "";
display: block;
height: 10px;
width: 10px;
margin-bottom: -5px;
margin-right: 10px;
bottom: 0;
right: 0;
position: absolute;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: #737373;
}
.g-popup-gray.g-popup-gray-bottom-right::after {
margin-bottom: -5px;
margin-right: 10px;
bottom: 0;
right: 0;
}
.g-popup-gray.g-popup-gray-bottom-left::after {
margin-bottom: -5px;
margin-left: 10px;
bottom: 0;
left: 0;
}
.g-popup-gray.g-popup-gray-top-left::after {
margin-top: -5px;
margin-left: 10px;
top: 0;
left: 0;
}
.g-popup-gray.g-popup-gray-top-right::after {
margin-top: -5px;
margin-left: 10px;
top: 0;
right: 0;
}
.g-popup-gray-button {
display: inline-block;
padding: 1px 3px;
border-radius: 4px;
background: #333333;
cursor: pointer;
}
.g-popup-gray-close {
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
display: flex;
width: 16px;
height: 16px;
justify-content: center;
align-items: center;
}
.g-popup-button {
display: inline-block;
font-size: 14px;
line-height: 0.9em;
padding: 0.65em 1.3em 0.7em;
border-radius: 4px;
cursor: pointer;
}
.g-popup-button.classic {
color: #dc1010;
background: white;
margin: 0 0 0 10px;
}
.g-popup-button.modern {
margin: 10px 0 0 0;
color: white;
background: #dc1010;
}
.g-popup-win-scroll {
height: auto;
left: 0;
min-height: 100%;
position: fixed;
right: 0;
top: 0;
z-index: 25;
background-color: var(--dialog-box-shadow);
text-align: center;
overflow: auto;
}
@supports not selector(::-webkit-scrollbar) {
.g-popup-win-scroll {
scrollbar-color: var(--scrollbar-thumb, #d2d2d2) var(--white-black, white);
}
}
.g-popup-win-scroll.source-text-win .g-popup-win-scroll-content-main {
word-break: break-word;
}
.g-popup-win-scroll .g-popup-win-scroll-content-wr {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main,
.g-popup-win-scroll .g-popup-win-scroll-content-left {
display: inline-block;
vertical-align: top;
}
.g-popup-win-scroll .g-popup-win-scroll-content-main {
min-width: 500px;
max-width: 750px;
padding: 15px 20px 30px;
}
.g-popup-win-scroll .buttons-panel {
padding: 16px;
text-align: right;
font-size: 14px;
background-color: var(--viewer-file-container, #dfdfdf);
}
.g-popup-win-scroll .buttons-panel .dialog-btn-wrapper {
padding: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content-left {
padding: 15px 0 30px;
min-width: 300px;
border-bottom: 1px solid var(--integration-settings-control-container-bg, #E4E4E4);
border-right: 1px solid var(--integration-settings-control-container-bg, #E4E4E4);
background-color: var(--white-black, #fff);
position: fixed;
margin: 20px 0;
box-shadow: 0 0 20px 0 var(--dialog-box-shadow);
z-index: 0;
text-align: left;
display: block;
}
.g-popup-win-scroll .analitic-dialog-wrapper .g-popup-win-scroll-content-main,
.g-popup-win-scroll .planner-dialog-wrapper .g-popup-win-scroll-content-main {
display: block;
max-width: none;
padding-bottom: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content {
margin: 20px auto 0;
background-color: var(--white-black, #fff);
display: inline-block;
box-shadow: 0 0 20px 0 var(--dialog-box-shadow);
text-align: left;
position: relative;
z-index: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content-workspace {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: max-content;
}
.g-popup-win-scroll .g-popup-win-scroll-content-workspace .g-popup-win-scroll-content-main {
padding: 15px 20px 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content.g-popup-win-scroll-content-left-shown {
left: 150px;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-btn {
float: right;
cursor: pointer;
margin-left: 7px;
}
.g-popup-win-scroll .g-popup-win-scroll-content .destroy-button:hover .iconset-16px-close {
background-position: 0 -80px;
}
.g-popup-win-scroll .g-popup-win-scroll-content .destroy-button:hover .svg-icon-16px.gray {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.g-popup-win-scroll .g-popup-win-scroll-content .hint-item-label {
vertical-align: bottom;
pointer-events: none;
background: none repeat scroll 0 0 var(--help-container-nenu-label, #737373);
color: var(--white-black, #ffffff);
cursor: pointer;
display: none;
font-size: 8pt;
right: 70px;
margin-top: -5px;
padding: 7px;
position: absolute;
white-space: nowrap;
z-index: 11;
}
.g-popup-win-scroll .g-popup-win-scroll-content .hint-item-label::after {
background: none repeat scroll 0 0 var(--help-container-nenu-label, #737373);
content: "";
display: block;
height: 10px;
right: -5px;
top: 8px;
position: absolute;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
}
.g-popup-win-scroll .g-popup-win-scroll-content .test-button:hover .svg-icon-16px.gray > svg {
stroke: var(--activeFilter);
}
.g-popup-win-scroll .g-popup-win-scroll-content .test-button:hover .hint-item-label {
display: block;
}
.g-popup-win-scroll .g-popup-win-scroll-content .test-button.test-button-active .svg-icon-16px.gray > svg {
stroke: var(--activeFilter);
}
.g-popup-win-scroll .g-popup-win-scroll-content .minimize-button:hover .svg-icon-16px.gray {
fill: var(--gray-dark-icon, #626262);
}
.g-popup-win-scroll .g-popup-win-scroll-content .link-button i {
-webkit-transition: stroke 200ms ease-in-out;
-moz-transition: stroke 200ms ease-in-out;
-o-transition: stroke 200ms ease-in-out;
-ms-transition: stroke 200ms ease-in-out;
transition: stroke 200ms ease-in-out;
}
.g-popup-win-scroll .g-popup-win-scroll-content .link-button i.gray {
stroke: var(--gray-ico, #a9a9a9);
}
.g-popup-win-scroll .g-popup-win-scroll-content .link-button i.gray:hover {
stroke: var(--green, #00864b);
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-content-header-description {
font-size: 13px;
color: var(--popup-win-header-description, #8d8d8d);
padding-top: 10px;
overflow: hidden;
word-break: break-all;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-content-header-description.desc-bottom {
padding-top: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-content-header-description + .g-popup-win-scroll-content-header {
padding-top: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-content-header {
color: var(--popup-win-header, #747474);
font-size: 22px;
padding-bottom: 15px;
padding-top: 10px;
cursor: move;
border-bottom: 1px solid var(--grey-list-border, #DEDEDE);
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-content-header.center {
text-align: center;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-content-header.desc-bottom {
padding-bottom: 0;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-testing {
background: var(--gray-modal-background, #ebebeb);
margin: -15px -20px;
padding: 15px 20px 40px;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-testing .g-popup-win-scroll-testing-header {
color: var(--popup-win-header, #747474);
font-size: 22px;
padding-bottom: 15px;
padding-top: 10px;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-testing .g-popup-win-scroll-testing-body {
border: 4px solid var(--gray-ico, #a9a9a9);
height: 180px;
display: flex;
align-items: center;
justify-content: center;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-testing .g-popup-win-scroll-testing-body .g-popup-win-scroll-testing-pic {
background-image: url("/img/svg/svgFlasksPic.svg");
height: 70px;
width: 70px;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-testing .g-popup-win-scroll-testing-body .g-popup-win-scroll-testing-content {
margin-left: 25px;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-testing .g-popup-win-scroll-testing-body .g-popup-win-scroll-testing-content .g-popup-win-scroll-testing-label {
padding-bottom: 15px;
font-size: 14px;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-testing .g-popup-win-scroll-testing-body .g-popup-win-scroll-testing-content .g-popup-win-scroll-testing-ctrl-and-btn {
display: flex;
}
.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-scroll-testing .g-popup-win-scroll-testing-body .g-popup-win-scroll-testing-content .g-popup-win-scroll-testing-ctrl-and-btn .g-popup-win-scroll-testing-btn {
margin-left: 18px;
}
.g-popup-win-scroll.planner-for-task-dates {
z-index: 27;
}
.g-popup-win-scroll.planner-for-task-dates .planner-list-quick-add {
cursor: pointer;
padding: 4px 11px;
}
.g-popup-win-scroll.planner-for-task-dates .planner-list-quick-add .planner-list-new-task-fake {
display: block;
width: 100%;
line-height: 20px;
color: var(--planner-quick-add-placeholder, #b3b3b3);
}
.g-popup-win-scroll.planner-for-task-dates .planner-block-list-h-tail .planner-block-right-menu {
display: none !important;
}
.g-popup-win-scroll.planner-for-task-dates .planner-block-list-h-tail .planner-block-collapse-ico {
padding-right: 15px;
}
.file-viewer-dialog-shown .body-container {
position: absolute;
width: 100%;
}
.g-popup-win-min {
position: fixed;
bottom: 0;
right: 70px;
z-index: 25;
padding: 13px 0 0;
}
.g-popup-win-min-container {
border: 1px solid transparent;
border-top-left-radius: 15px;
background: var(--integration-win-summary, #484848);
font-size: 14px;
color: var(--white-black, #fff);
padding: 13px 15px 11px 15px;
width: 300px;
cursor: pointer;
position: relative;
}
.g-popup-win-min-container:hover {
border-color: var(--popup-win-min-border-hover, #222);
}
.g-popup-win-min-container:hover .g-popup-win-min-close {
display: block;
}
.g-popup-win-min.g-popup-win-min-secondary {
display: none;
padding: 0 0 5px;
}
.g-popup-win-min.g-popup-win-min-secondary .g-popup-win-min-container {
border-top-left-radius: 0;
font-size: 12px;
padding-top: 10px;
padding-bottom: 8px;
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-1 .g-popup-win-min-container:hover {
border-color: var(--popup-win-min-secodary-border, #505050);
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-1 .g-popup-win-min-container {
background: var(--chosen-icon-active, #757575);
transition-delay: 0.35s;
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-2 .g-popup-win-min-container:hover {
border-color: var(--chosen-icon-active, #757575);
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-2 .g-popup-win-min-container {
background: var(--g-popup-win-min-container-bg, #9a9a9a);
transition-delay: 0.27s;
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-3 .g-popup-win-min-container:hover {
border-color: var(--g-popup-win-min-container-bg, #9a9a9a);
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-3 .g-popup-win-min-container {
background: var(--g-popup-win-min-secondary-3, #bdbdbd);
transition-delay: 0.23s;
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-4 .g-popup-win-min-container:hover {
border-color: var(--g-popup-win-min-container-bg, #9a9a9a);
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-4 .g-popup-win-min-container {
background: var(--planner-file-control-border, #cdcdcd);
transition-delay: 0.18s;
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-5 .g-popup-win-min-container:hover {
border-color: var(--g-popup-win-min-container-bg, #9a9a9a);
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-5 .g-popup-win-min-container {
background: var(--subscription-period-end-gradient, #d6d6d6);
transition-delay: 0.13s;
}
.g-popup-win-min.g-popup-win-min-secondary-animate.g-popup-win-min-secondary-1 .g-popup-win-min-container {
transition-delay: 0.13s;
}
.g-popup-win-min.g-popup-win-min-secondary-animate.g-popup-win-min-secondary-2 .g-popup-win-min-container {
transition-delay: 0.18s;
}
.g-popup-win-min.g-popup-win-min-secondary-animate.g-popup-win-min-secondary-3 .g-popup-win-min-container {
transition-delay: 0.23s;
}
.g-popup-win-min.g-popup-win-min-secondary-animate.g-popup-win-min-secondary-4 .g-popup-win-min-container {
transition-delay: 0.27s;
}
.g-popup-win-min.g-popup-win-min-secondary-animate.g-popup-win-min-secondary-5 .g-popup-win-min-container {
transition-delay: 0.35s;
}
.g-popup-win-min-text {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 270px;
vertical-align: top;
}
.g-popup-win-min-secondary .g-popup-win-min-text {
max-width: 300px;
}
.g-popup-win-min-counter {
position: absolute;
display: block;
right: -7px;
top: -7px;
border: 2px solid var(--white-black, #fff);
border-radius: 20px;
width: 20px;
height: 20px;
text-align: center;
box-sizing: border-box;
font-size: 10px;
padding-top: 2px;
vertical-align: top;
background: var(--popup-win-min-counter-bg, #484848);
}
.g-popup-win-min-close {
display: none;
position: absolute;
right: -7px;
top: -7px;
border: 2px solid var(--white-black, #fff);
border-radius: 20px;
width: 20px;
height: 20px;
text-align: center;
box-sizing: border-box;
font-size: 10px;
padding-top: 2px;
vertical-align: top;
background: var(--popup-win-min-counter-bg, #484848);
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-active {
display: block;
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-active .g-popup-win-min-container {
opacity: 0;
transform: scale(0.7);
transition: transform 0.1s, opacity 0.1s;
will-change: transform, opacity;
}
.g-popup-win-min.g-popup-win-min-secondary.g-popup-win-min-secondary-animate .g-popup-win-min-container {
transform: scale(1);
opacity: 1;
}
.time-zone {
width: 500px;
margin: auto;
}
.time-zone .td-item {
font-size: 14px;
line-height: 1.4em;
color: var(--grey-label, #838383);
margin-bottom: 20px;
}
.time-zone select {
width: 100%;
}
.time-zone .dialog-btn-wrapper {
text-align: center;
}
.time-zone .dialog-btn-wrapper .btn-main {
width: 310px;
height: 35px;
padding: 11px 10px 12px;
margin: 0;
}
.time-zone .dialog-btn-wrapper .btn-main:not(:first-child) {
margin-top: 17px;
}
.tr-task-bottom .btn-dots-menu {
margin-left: 10px;
}
.tr-task-bottom .btn-dots-menu .b-ddl-menu-selected-arrow {
padding: 0;
}
.tr-task-bottom .btn-dots-menu .b-ddl-menu-selected-arrow .three-horizontal-dots-container {
display: inline-block;
vertical-align: middle;
margin-top: -2px;
height: 31px;
background: var(--white-black, #ffffff) !important;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.tr-task-bottom .btn-dots-menu .b-ddl-menu-selected-arrow .three-horizontal-dots-container .three-horizontal-dots svg path {
fill: var(--task-card-add-action-svg-path, #808080);
}
.tr-task-bottom .btn-dots-menu .b-ddl-menu-selected-arrow .three-horizontal-dots-container:hover {
-webkit-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
-moz-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
-o-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
}
.g-popup-win-scroll-content-main.color-default {
background-color: var(--background-color-default, #f2f2f2);
}
.g-popup-win-scroll-content-main.color-light-gray {
background-color: var(--background-color-light-gray, #f7f7f7);
}
.g-popup-win-scroll-content-main.color-white {
background-color: var(--white-black, #ffffff);
}
.dark-theme .g-popup-win-scroll-content-main {
border: 1px solid var(--grey-list-border);
}
.g-popup-win-scroll-content-main.disable-standard-style {
padding: 0;
}
.g-popup-win-scroll-content-main.disable-standard-style .g-popup-win-progress {
display: none;
}
.g-popup-win-scroll-content-main.disable-standard-style .g-popup-win-btn {
position: absolute;
top: 10px;
right: 10px;
}
.change-owner-win {
max-width: 656px;
box-sizing: border-box;
}
.g-popup-win-scroll.three-part-win .g-popup-win-scroll-content-wr {
min-height: 100vh;
min-height: 100dvh;
display: inline-flex;
flex-direction: column;
justify-content: center;
}
.g-popup-win-scroll.three-part-win .g-popup-win-scroll-content {
margin: 20px auto;
border-radius: 12px;
}
.g-popup-win-scroll.three-part-win .g-popup-win-scroll-content .g-popup-win-scroll-content-main {
padding: 0;
border-radius: 12px;
}
.g-popup-win-scroll.three-part-win .g-popup-win-scroll-content .g-popup-win-scroll-content-main .g-popup-win-btn.destroy-button {
padding: 16px;
}
.g-popup-win-scroll.three-part-win .g-popup-win-scroll-content .g-popup-win-scroll-content-main .g-popup-win-scroll-content-header {
padding: 24px;
background-color: var(--white-black, #fff);
font-size: 22px;
color: var(--gray-dark-icon, #626262);
border-radius: 12px 12px 0 0;
}
.g-popup-win-scroll.three-part-win .g-popup-win-scroll-content .g-popup-win-scroll-content-main .g-popup-win-progress {
display: none;
}
.g-popup-win-scroll.three-part-win .g-popup-win-scroll-content .g-popup-win-scroll-content-main .win-body-container {
background-color: var(--confirm-win-head, #f5f5f5);
border-radius: 0 0 12px 12px;
}
.g-popup-win-scroll.three-part-win .g-popup-win-scroll-content .g-popup-win-scroll-content-main .win-body-container .win-content {
padding: 32px 24px;
}
.g-popup-win-scroll.three-part-win .g-popup-win-scroll-content .g-popup-win-scroll-content-main .win-body-container .win-footer {
padding: 16px 24px;
background-color: var(--grey-list-border, #dedede);
border-radius: 0 0 12px 12px;
}
.g-popup-win-scroll.three-part-win .g-popup-win-scroll-content .g-popup-win-scroll-content-main .win-body-container .win-footer .dialog-btn-wrapper {
padding: 0;
}
.g-popup-win-scroll.three-part-win .g-popup-win-scroll-content .g-popup-win-scroll-content-main .win-body-container .win-footer .dialog-btn-wrapper .btn-main:disabled:active {
transform: none;
}
.win-content > div:not(:last-child) {
margin-bottom: 16px;
}
#favoritesHint {
display: block;
position: absolute;
padding: 25px 30px 25px 25px;
width: 295px;
z-index: 9999;
background-color: #3a3b3f;
font-size: 15px;
}
#favoritesHint[class*="chrome"] {
margin: 0 0 0 120px;
}
#favoritesHint[class*="firefox"] {
margin: 0 0 0 285px;
}
#favoritesHint[class*="opera"] {
margin: 0 0 0 160px;
}
#favoritesHint[class*="yandex"] {
margin: 0 0 0 145px;
}
#favoritesHint[class*="explorerEdg"] {
margin: 0 0 0 210px;
}
#favoritesHint[class*="safari"],
#favoritesHint[class*="unidentified"] {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
#favoritesHint .head {
display: flex;
margin: 0 0 10px 0;
font-weight: 500;
color: #fefefe;
}
#favoritesHint .head .close-icon {
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}
#favoritesHint .head svg {
width: 15px;
height: 15px;
}
#favoritesHint .message {
color: #adaeae;
}
.feedback-dialog-container {
width: 620px;
padding: 20px 10px 20px 20px;
}
.feedback-dialog-text {
font-size: 22px;
line-height: 30px;
text-align: center;
padding: 35px 0 0;
}
.feedback-dialog-thank-you {
margin: 45px 0 0;
font-size: 22px;
text-align: center;
}
.feedback-dialog-item {
position: relative;
margin-top: 30px;
padding: 20px;
line-height: 75px;
border: 1px solid #d8d8d8;
}
.feedback-dialog-item img {
display: inline-block;
vertical-align: middle;
}
.feedback-dialog-item a {
position: absolute;
top: 50%;
right: 20px;
margin-top: -20px;
padding: 0 25px;
background: #6fa844;
border-radius: 8px;
color: #fff;
font-size: 16px;
line-height: 40px;
vertical-align: middle;
text-decoration: none;
}
.feedback-dialog-item a:hover {
color: #fff;
}
.move-to-group-win .filter-list {
border-top: 1px solid var(--file-viewer-canvas-email-bg, #eee);
}
.move-to-group-win .filter-list .item-list-filter {
height: 35px;
display: flex;
cursor: pointer;
border-bottom: 1px solid var(--file-viewer-canvas-email-bg, #eee);
padding: 5px 0px;
}
.move-to-group-win .filter-list .item-list-filter .item-list-filter-text {
margin: auto 0 auto 15px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
color: var(--default-gray, #808080);
}
.move-to-group-win .filter-list .item-list-filter .checkbox-control {
margin: 10px 0 auto 0;
}
.move-to-group-win .text-win {
margin-top: 20px;
font-size: 15px;
}
.move-to-group-win .text-win span {
color: var(--default-gray, #808080);
}
.move-to-group-win .task-card-main-fields {
margin-top: -10px;
}
.checkbox-control.active svg .cls-1 {
fill: var(--gray-dark-icon, #626262);
}
.checkbox-control.active svg .cls-2 {
fill: var(--gray-dark-icon, #626262);
}
.checkbox-control.inactive svg .cls-1 {
fill: transparent;
}
.checkbox-control.inactive svg .cls-2 {
fill: var(--gray-dark-icon, #626262);
}
.get-comment-block {
padding: 20px;
}
.get-comment-block .ckeditor-direct-upload-image {
max-width: 100%;
}
.global-message-wrapper {
position: fixed;
overflow: hidden;
width: 100%;
top: 0;
left: 0;
z-index: 25;
}
.global-message {
position: relative;
margin: 0 auto;
width: 70%;
width: calc(70% - 240px);
min-width: 800px;
box-sizing: border-box;
}
.global-message-text {
position: relative;
width: 100%;
display: block;
display: -webkit-flex;
display: flex;
text-align: center;
height: 46px;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
color: #fff;
-webkit-align-items: center;
-webkit-justify-content: center;
align-items: center;
justify-content: center;
background: #106869;
}
.global-message-text > div {
white-space: normal;
width: 100%;
}
.global-message-close {
position: absolute;
top: 15px;
right: 0;
cursor: pointer;
}
.global-message-text a {
font-weight: bold;
text-decoration: none;
color: #fff;
cursor: pointer;
}
.global-message-text a:hover {
color: #fff;
text-decoration: underline;
}
.global-message::before,
.global-message::after {
position: absolute;
content: '';
top: 0;
display: block;
width: 120px;
height: 46px;
vertical-align: top;
}
.global-message::before {
left: -120px;
background: linear-gradient(to left, #106869 0%, rgba(16, 104, 105, 0) 100%);
}
.global-message::after {
right: -120px;
background: linear-gradient(to right, #106869 0%, rgba(16, 104, 105, 0) 100%);
}
/* этот миксин снимает возможность
выделять текст на иконках и хинтах
*/
body.withAppButton .help-container {
top: 176px;
}
.help-container {
position: fixed;
right: 0;
top: 46px;
width: 0;
min-height: 100px;
background: var(--background-color-light-gray, #F7F7F7);
box-shadow: var(--support-center-shadow);
z-index: 22;
transition: width 350ms ease;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
height: 100%;
}
.help-container.active {
width: 550px;
}
.no-main-menu .help-container {
top: 0;
}
.help-container .help-container-data {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
height: 100%;
}
.help-container .help-container-menu {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-direction: column;
background-color: var(--menu, #53586b);
}
.help-container .help-container-content {
width: 100%;
}
.help-container .help-container-content .content-block {
height: 100%;
}
.help-container .help-container-content .content-block[data-type='help'] {
position: relative;
}
.help-container .help-container-content .content-block[data-type='help'] .support-center-section-navigation {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.help-container .help-container-content .content-block[data-type='help'] .support-center-section-navigation + .help-container-content-frame {
height: 100%;
}
.help-container .help-container-content .content-block .frame-header {
height: 50px;
}
.help-container .help-container-content .help-container-content-frame {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
border: none;
width: 100%;
height: 100%;
}
.help-container .help-container-content .help-container-content-frame .help-container-content-error {
margin: auto;
font-size: 26px;
color: var(--task-card-title-text, #4B4B4B);
text-align: center;
padding-top: 38px;
padding-bottom: 70px;
max-width: 1000px;
}
.help-container .help-container-content .dc-status {
height: 100%;
overflow-y: scroll;
color: var(--white-black, #ffffff);
}
.help-container .help-container-content .dc-status .margin-0 {
margin: 0 !important;
}
.help-container .help-container-content .dc-status .label,
.help-container .help-container-content .dc-status .label-head {
margin-bottom: 12px;
color: var(--text-color, #343434);
}
.help-container .help-container-content .dc-status .btn {
font-size: 13px;
}
.help-container .help-container-content .line-info {
border-radius: 3px;
border-left: 6px solid;
box-sizing: border-box;
}
.help-container .help-container-content .dc-status .block-info {
padding: 15px 15px 15px 10px;
font-size: 14px;
line-height: 14px;
margin-bottom: 10px;
background: var(--task-card-header-status-icons-hover-bg, #F5F5F5);
}
.help-container .help-container-content .dc-status .circle-loader-block {
border: 5px solid;
}
.help-container .help-container-content .dc-status .warning {
border-color: #FF7474 !important;
color: var(--text-color, #343434);
}
.help-container .help-container-content .dc-status .warning svg {
fill: #FF7474 !important;
}
.help-container .help-container-content .dc-status .warning .line-info {
border-color: #FF7474 !important;
}
.help-container .help-container-content .dc-status .success {
border-color: #72E084 !important;
color: var(--text-color, #343434);
}
.help-container .help-container-content .dc-status .success svg {
fill: #72E084 !important;
}
.help-container .help-container-content .dc-status .success.line-info {
border-color: #72E084 !important;
}
.help-container .help-container-content .dc-status .info {
border-color: #FFCC16 !important;
color: var(--text-color, #343434);
}
.help-container .help-container-content .dc-status .info svg {
fill: #FFCC16 !important;
}
.help-container .help-container-content .dc-status .info.line-info {
border-color: #FFCC16 !important;
}
.help-container .help-container-content .dc-opacity {
opacity: 0;
transition: opacity 0.5s;
}
.help-container .help-container-content .dc-opacity-none {
opacity: 1;
transition: opacity 0.5s;
}
.help-container .help-container-content .circle-loader-block {
border-radius: 50%;
border: 3px solid;
width: 122px;
height: 122px;
box-sizing: border-box;
padding: 25px;
border-color: var(--white-black, #fff);
color: var(--white-black, #fff);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.help-container .help-container-content .circle-loader-block.dc-loader {
border-color: transparent !important;
border-right-color: var(--gray-input-border, #bbbbbb) !important;
animation: load8 1.1s infinite linear;
}
.help-container .help-container-content .circle-loader-block > svg {
width: 36px;
height: 36px;
fill: var(--white-black, #ffffff);
}
.help-container .help-container-content .circle-loader-block.warning > .label,
.help-container .help-container-content .circle-loader-block.info > .label {
margin-bottom: 0 !important;
}
.help-container .help-container-content .circle-loader-block > .label {
padding-top: 10px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid {
background: var(--background-color-light-gray, #F7F7F7);
}
.help-container .help-container-content .dc-status.planfix-container-fluid .dc-status__wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 22px;
padding: 0 14px 0 20px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row {
font-size: 14px;
line-height: 16px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row .btn {
padding: 0 16px;
font-size: 14px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header {
margin-bottom: 6px !important;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc-server,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #task,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cloud,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cache,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row .device-info,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cdn {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
border-radius: 6px;
background: var(--white-black, #FFFFFF);
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc-server,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cloud,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cache,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cdn {
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc-server,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cloud,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cache,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #task,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cdn {
padding: 25px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc-server .planfix-col__item,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cloud .planfix-col__item,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cache .planfix-col__item,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc .planfix-col__item,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #task .planfix-col__item,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cdn .planfix-col__item {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 124px;
text-align: center;
gap: 10px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc-server .planfix-col__item .label,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cloud .planfix-col__item .label,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cache .planfix-col__item .label,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc .planfix-col__item .label,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #task .planfix-col__item .label,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cdn .planfix-col__item .label {
font-size: 12px;
color: var(--core-dropdown-text, #9C9C9C);
margin: 0;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc-server .planfix-col__item .block-info,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cloud .planfix-col__item .block-info,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cache .planfix-col__item .block-info,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc .planfix-col__item .block-info,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #task .planfix-col__item .block-info,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cdn .planfix-col__item .block-info {
margin: 0;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc-server .circle-loader-block .label,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cloud .circle-loader-block .label,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cache .circle-loader-block .label,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc .circle-loader-block .label,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #task .circle-loader-block .label,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #cdn .circle-loader-block .label {
font-size: 12px;
color: var(--core-dropdown-text, #9C9C9C);
margin: 0;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc .dc-opacity-none,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #task .dc-opacity-none,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #dc .planfix-col__item,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row #task .planfix-col__item {
width: 100%;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.access-status {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
gap: 16px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.access-status .planfix-col {
position: relative;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.access-status .circle-wr {
position: absolute;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.access-title {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
gap: 16px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.access-title .planfix-col {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row .device-info {
margin-bottom: 25px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row .device-info__container {
width: 100%;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row .device-info__item {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row .device-info__item > * {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 15px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row .device-info__item .value {
color: var(--text-color, #343434);
padding: 21px 16px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row .device-info__item .value:first-letter {
text-transform: uppercase;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row .device-info__item .title {
color: var(--core-dropdown-text, #9C9C9C);
padding: 21px 16px;
border-right: 1px solid var(--date-picker-bg, #F5F5F5);
align-content: center;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row .device-info__item:not(:last-child) {
border-bottom: 1px solid var(--date-picker-bg, #F5F5F5);
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row > .planfix-col > .block-info {
padding: 15px;
font-size: 18px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row > .planfix-col > .alert-status {
color: var(--text-color, #343434);
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row > .planfix-col > .alert-status.warning {
background: var(--white-black, white);
border-radius: 6px;
border-left: 6px solid;
padding: 25px 25px 25px 19px;
line-height: normal;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row > .planfix-col > .alert-status.warning > a {
color: inherit;
text-decoration: underline;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row > .planfix-col > .alert-status.warning > a:hover {
color: #FF7474;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row > .planfix-col > .alert-status.success > a {
color: inherit;
text-decoration: underline;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row > .planfix-col > .alert-status.success > a:hover {
color: #72E084;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row > .planfix-col > .alert-status.info > a {
color: inherit;
text-decoration: underline;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row > .planfix-col > .alert-status.info > a:hover {
color: #FFCC16;
}
.help-container .help-container-content .tooltip-container,
.help-container .help-container-content .warning-container,
.help-container .help-container-content .dc-status.planfix-container-fluid {
height: 100%;
}
.help-container .help-container-content .tooltip-container .planfix-row.header,
.help-container .help-container-content .warning-container .planfix-row.header,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header,
.help-container .help-container-content .tooltip-container .tooltip-container-header,
.help-container .help-container-content .warning-container .tooltip-container-header,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header,
.help-container .help-container-content .tooltip-container .warning-container-header,
.help-container .help-container-content .warning-container .warning-container-header,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin-bottom: 26px;
}
.help-container .help-container-content .tooltip-container .planfix-row.header .tooltip-container-header-menu,
.help-container .help-container-content .warning-container .planfix-row.header .tooltip-container-header-menu,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header .tooltip-container-header-menu,
.help-container .help-container-content .tooltip-container .tooltip-container-header .tooltip-container-header-menu,
.help-container .help-container-content .warning-container .tooltip-container-header .tooltip-container-header-menu,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header .tooltip-container-header-menu,
.help-container .help-container-content .tooltip-container .warning-container-header .tooltip-container-header-menu,
.help-container .help-container-content .warning-container .warning-container-header .tooltip-container-header-menu,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header .tooltip-container-header-menu,
.help-container .help-container-content .tooltip-container .planfix-row.header .warning-container-header-menu,
.help-container .help-container-content .warning-container .planfix-row.header .warning-container-header-menu,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header .warning-container-header-menu,
.help-container .help-container-content .tooltip-container .tooltip-container-header .warning-container-header-menu,
.help-container .help-container-content .warning-container .tooltip-container-header .warning-container-header-menu,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header .warning-container-header-menu,
.help-container .help-container-content .tooltip-container .warning-container-header .warning-container-header-menu,
.help-container .help-container-content .warning-container .warning-container-header .warning-container-header-menu,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header .warning-container-header-menu {
display: inherit;
}
.help-container .help-container-content .tooltip-container .planfix-row.header .warning-container-header-title-block,
.help-container .help-container-content .warning-container .planfix-row.header .warning-container-header-title-block,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header .warning-container-header-title-block,
.help-container .help-container-content .tooltip-container .tooltip-container-header .warning-container-header-title-block,
.help-container .help-container-content .warning-container .tooltip-container-header .warning-container-header-title-block,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header .warning-container-header-title-block,
.help-container .help-container-content .tooltip-container .warning-container-header .warning-container-header-title-block,
.help-container .help-container-content .warning-container .warning-container-header .warning-container-header-title-block,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header .warning-container-header-title-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.help-container .help-container-content .tooltip-container .planfix-row.header .tooltip-container-header-title,
.help-container .help-container-content .warning-container .planfix-row.header .tooltip-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header .tooltip-container-header-title,
.help-container .help-container-content .tooltip-container .tooltip-container-header .tooltip-container-header-title,
.help-container .help-container-content .warning-container .tooltip-container-header .tooltip-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header .tooltip-container-header-title,
.help-container .help-container-content .tooltip-container .warning-container-header .tooltip-container-header-title,
.help-container .help-container-content .warning-container .warning-container-header .tooltip-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header .tooltip-container-header-title,
.help-container .help-container-content .tooltip-container .planfix-row.header .header-title,
.help-container .help-container-content .warning-container .planfix-row.header .header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header .header-title,
.help-container .help-container-content .tooltip-container .tooltip-container-header .header-title,
.help-container .help-container-content .warning-container .tooltip-container-header .header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header .header-title,
.help-container .help-container-content .tooltip-container .warning-container-header .header-title,
.help-container .help-container-content .warning-container .warning-container-header .header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header .header-title,
.help-container .help-container-content .tooltip-container .planfix-row.header .warning-container-header-title,
.help-container .help-container-content .warning-container .planfix-row.header .warning-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header .warning-container-header-title,
.help-container .help-container-content .tooltip-container .tooltip-container-header .warning-container-header-title,
.help-container .help-container-content .warning-container .tooltip-container-header .warning-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header .warning-container-header-title,
.help-container .help-container-content .tooltip-container .warning-container-header .warning-container-header-title,
.help-container .help-container-content .warning-container .warning-container-header .warning-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header .warning-container-header-title {
font-size: 26px;
color: var(--confirm-win-head-bg);
}
.help-container .help-container-content .tooltip-container .planfix-row.header .warning-container-header-subtitle,
.help-container .help-container-content .warning-container .planfix-row.header .warning-container-header-subtitle,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header .warning-container-header-subtitle,
.help-container .help-container-content .tooltip-container .tooltip-container-header .warning-container-header-subtitle,
.help-container .help-container-content .warning-container .tooltip-container-header .warning-container-header-subtitle,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header .warning-container-header-subtitle,
.help-container .help-container-content .tooltip-container .warning-container-header .warning-container-header-subtitle,
.help-container .help-container-content .warning-container .warning-container-header .warning-container-header-subtitle,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header .warning-container-header-subtitle {
font-size: 13px;
color: var(--core-dropdown-text);
}
.help-container .help-container-content .tooltip-container .planfix-row.header .tooltip-container-header-title,
.help-container .help-container-content .warning-container .planfix-row.header .tooltip-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header .tooltip-container-header-title,
.help-container .help-container-content .tooltip-container .tooltip-container-header .tooltip-container-header-title,
.help-container .help-container-content .warning-container .tooltip-container-header .tooltip-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header .tooltip-container-header-title,
.help-container .help-container-content .tooltip-container .warning-container-header .tooltip-container-header-title,
.help-container .help-container-content .warning-container .warning-container-header .tooltip-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header .tooltip-container-header-title {
width: 100%;
border-bottom: 1px solid var(--gray-inner, #eee);
}
.help-container .help-container-content .tooltip-container .warning-container-empty,
.help-container .help-container-content .warning-container .warning-container-empty,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-empty {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.help-container .help-container-content .tooltip-container .warning-container-empty .warning-empty-icon,
.help-container .help-container-content .warning-container .warning-container-empty .warning-empty-icon,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-empty .warning-empty-icon {
background-image: url("/img/empty/svgEmpty15.svg");
width: 220px;
height: 220px;
opacity: var(--emptyIconOpacity, 1);
}
.help-container .help-container-content .tooltip-container .warning-container-empty .warning-empty-text,
.help-container .help-container-content .warning-container .warning-container-empty .warning-empty-text,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-empty .warning-empty-text {
color: var(--gray-dark-icon, #626262);
font-size: 18px;
font-weight: 400;
line-height: 22px;
text-align: center;
max-width: 210px;
margin-top: 16px;
}
.help-container .help-container-content .tooltip-container .warning-container-items,
.help-container .help-container-content .warning-container .warning-container-items,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items {
display: flex;
flex-direction: column;
gap: 16px;
padding: 0 20px 10px;
}
.help-container .help-container-content .tooltip-container .warning-container-items .baron_scroller__bar,
.help-container .help-container-content .warning-container .warning-container-items .baron_scroller__bar,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .baron_scroller__bar {
right: 0;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
transition: all 350ms ease;
position: relative;
border-radius: 6px;
background: var(--white-black);
box-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
padding: 16px 20px 20px 16px;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item.active,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item.active,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item.active {
cursor: pointer;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-icon,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-icon,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-icon {
align-items: flex-start;
padding-right: 15px;
position: relative;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-icon .icon-container,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-icon .icon-container,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-icon .icon-container {
width: 46px;
height: 46px;
box-sizing: border-box;
position: relative;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-icon .icon-container img,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-icon .icon-container img,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-icon .icon-container img {
width: 46px;
height: 46px;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-icon .icon-container .service-icon-badge,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-icon .icon-container .service-icon-badge,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-icon .icon-container .service-icon-badge {
position: absolute;
right: 0;
bottom: 0;
width: 16px;
height: 16px;
aspect-ratio: 1 / 1;
border-radius: 50%;
overflow: hidden;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-icon .icon-container .service-icon-badge svg,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-icon .icon-container .service-icon-badge svg,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-icon .icon-container .service-icon-badge svg {
width: 16px;
height: 16px;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-description,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-description,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-description {
width: 100%;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
color: var(--core-dropdown-text);
font-size: 13px;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row .service-item-description-title,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row .service-item-description-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row .service-item-description-title {
color: var(--gray-dark-icon);
font-size: 16px;
font-weight: 600;
line-height: 21px;
margin-bottom: 8px;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row .service-item-description-text,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row .service-item-description-text,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row .service-item-description-text {
word-break: break-word;
color: var(--gray-dark-icon);
font-size: 13px;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row:last-child,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row:last-child,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row:last-child {
display: flex;
flex-direction: column;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row:last-child p,
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row:last-child p,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row:last-child p {
word-break: break-word;
color: var(--gray-dark-icon);
font-size: 13px;
}
.help-container .help-container-content .tooltip-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row:last-child p:last-child:not(.service-item-description-text):not(:empty),
.help-container .help-container-content .warning-container .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row:last-child p:last-child:not(.service-item-description-text):not(:empty),
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-items .warning-container-service-item .service-item-description .service-item-description-row:last-child p:last-child:not(.service-item-description-text):not(:empty) {
margin-top: 12px;
}
.help-container .help-container-content .tooltip-container .tooltip-description,
.help-container .help-container-content .warning-container .tooltip-description,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-description {
margin: 0 20px 20px 20px;
font-size: 16px;
}
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header .tooltip-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header .tooltip-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header .tooltip-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header .header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header .header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header .header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .planfix-row.header .warning-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .tooltip-container-header .warning-container-header-title,
.help-container .help-container-content .dc-status.planfix-container-fluid .warning-container-header .warning-container-header-title {
font-size: 26px;
color: var(--text-color, #343434);
}
.help-container .help-container-content .support-tasks-main,
.help-container .help-container-content .support-tasks-empty {
padding: 16px 0 0 16px;
background: var(--background-color-light-gray, #F7F7F7);
height: 100%;
}
.help-container .help-container-content .support-tasks-main .support-new-task,
.help-container .help-container-content .support-tasks-empty .support-new-task {
width: 151px;
height: 32px;
background: var(--activeButton, #11AB74);
border-radius: 6px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
cursor: pointer;
margin-bottom: 16px;
position: relative;
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.help-container .help-container-content .support-tasks-main .support-new-task:hover,
.help-container .help-container-content .support-tasks-empty .support-new-task:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.help-container .help-container-content .support-tasks-main .support-new-task span,
.help-container .help-container-content .support-tasks-empty .support-new-task span {
color: var(--activeButtonElements, var(--white-black, #ffffff));
font-size: 14px;
line-height: 17px;
}
.help-container .help-container-content .support-tasks-main .support-new-task .b-ddl-menu,
.help-container .help-container-content .support-tasks-empty .support-new-task .b-ddl-menu {
position: absolute;
opacity: 0;
width: inherit;
}
.help-container .help-container-content .support-tasks-main .support-new-task .b-ddl-menu .b-ddl-menu-flex,
.help-container .help-container-content .support-tasks-empty .support-new-task .b-ddl-menu .b-ddl-menu-flex {
display: block;
}
.help-container .help-container-content .support-tasks-main .support-new-task .b-ddl-menu .b-ddl-menu-flex .b-ddl-menu-selected-arrow-button,
.help-container .help-container-content .support-tasks-empty .support-new-task .b-ddl-menu .b-ddl-menu-flex .b-ddl-menu-selected-arrow-button {
display: block;
}
.help-container .help-container-content .support-tasks-main .chronicle-wrapper,
.help-container .help-container-content .support-tasks-empty .chronicle-wrapper {
padding-top: 0;
margin-right: 16px;
}
.help-container .help-container-content .support-tasks-main .chronicle-wrapper.tasks-wrapper,
.help-container .help-container-content .support-tasks-empty .chronicle-wrapper.tasks-wrapper {
text-align: center;
}
.help-container .help-container-content .support-tasks-main .chronicle-wrapper .b-bottom-btn,
.help-container .help-container-content .support-tasks-empty .chronicle-wrapper .b-bottom-btn {
display: none;
}
.help-container .help-container-content .support-tasks-header {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 0 20px;
}
.help-container .help-container-content .support-tasks-header .support-tasks-header-title-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.help-container .help-container-content .support-tasks-header .support-tasks-header-title {
font-size: 26px;
color: var(--confirm-win-head-bg);
}
.help-container .help-container-content .support-tasks-header .support-tasks-header-subtitle {
font-size: 13px;
color: var(--core-dropdown-text);
}
.help-container .help-container-content .support-tasks-empty {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: 100%;
}
.help-container .help-container-content .support-tasks-empty .empty-block {
text-align: center;
display: inline-block;
margin-bottom: 83px;
}
.help-container .help-container-content .support-tasks-empty .empty-block .logo svg {
width: 220px;
height: 220px;
}
.help-container .help-container-content .support-tasks-empty .empty-block .title {
display: block;
font-size: 18px;
line-height: 22px;
color: var(--gray-dark-icon, #626262);
margin-bottom: 16px;
}
.help-container .help-container-content .support-tasks-empty .empty-block .support-new-task {
margin: 0 auto;
}
.help-container .help-container-content .support-center-main {
background: var(--background-color-light-gray, #F7F7F7);
height: 100%;
}
.help-container .help-container-content .support-center-main .support-center-header {
padding: 16px 20px;
font-size: 26px;
color: var(--support-center-text, #4F4F4F);
}
.help-container .help-container-content .support-center-main .support-center-items {
padding: 0 20px 50px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item {
width: calc((100% - 8px) / 2);
min-height: 200px;
box-sizing: border-box;
background: var(--white-black, #FFFFFF);
border: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 8px;
transition: all 350ms ease-out;
padding: 16px 16px 22px;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item .item-logo {
width: 48px;
height: 48px;
border-radius: 6px;
position: relative;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item .item-logo svg {
width: 26px;
height: 26px;
stroke: #fff;
fill: none;
position: absolute;
left: 11px;
top: 11px;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item .item-logo .main-menu-help-blog-post {
position: absolute;
right: -11px;
bottom: 34px;
width: 24px;
height: 24px;
font-size: 18px;
line-height: 1.25em;
}
.modern-menu-body .help-container .help-container-content .support-center-main .support-center-items .support-center-item .item-logo .main-menu-help-blog-post {
top: unset;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item .item-logo .help-support-tasks-new-message {
background: #FF8730;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item .item-logo .help-support-tasks-new-message svg {
fill: none;
stroke: none;
left: 5px;
top: 6px;
width: 14px;
height: 11px;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item .item-title {
margin: 8px 0 9px;
font-size: 18px;
color: var(--task-card-title-text, #4B4B4B);
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item .item-description {
font-size: 12px;
line-height: 14px;
color: var(--core-dropdown-text, #9C9C9C);
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="1"] .item-logo {
background: #C15BF0;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="2"] .item-logo {
background: #4DD0B1;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="3"] .item-logo {
background: #E34FC5;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="4"] .item-logo {
background: #7D87F7;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="5"] .item-logo {
background: #FA6F96;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="6"] .item-logo {
background: #FFA692;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="7"] .item-logo {
background: #FF6565;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="8"] .item-logo {
background: #1ABE72;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="9"] .item-title {
max-width: 160px;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="9"] .item-logo {
background: #4638E3 linear-gradient(45deg, #4638E3 0%, #46BCFF 100%);
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="9"] .item-logo svg {
width: 49px;
height: 52px;
left: -5px;
top: -10px;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="10"] .item-logo {
background: linear-gradient(135deg, #767EFE 0%, #E1BBFE 100%);
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item[data-id="11"] .item-logo {
background: #FFB347;
}
.help-container .help-container-content .support-center-main .support-center-items .support-center-item:hover {
border-color: var(--activeFilter, #118FAB);
box-shadow: 0 0 10px rgba(17, 143, 171, 0.25);
cursor: pointer;
}
.help-container .help-container-content .support-center-section-navigation {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
box-sizing: border-box;
padding: 6px 16px 0;
}
.help-container .help-container-content .support-center-section-navigation .support-center-back {
padding: 10px;
margin-left: -6px;
cursor: pointer;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
transition: stroke 200ms ease-in-out;
}
.help-container .help-container-content .support-center-section-navigation .support-center-back.gray {
stroke: var(--gray-input-border);
}
.help-container .help-container-content .support-center-section-navigation .support-center-back.gray:hover {
stroke: var(--accept-btn);
}
.help-container .help-container-content .dc-status-content {
height: calc(100% - 52px);
}
.help-container .help-container-content .support-center-section-navigation + .help-container-content-frame {
height: calc(100% - 52px);
}
.help-container .help-container-content .support-center-section-navigation + .warning-container {
height: calc(100% - 52px);
}
.help-container .help-container-content .support-center-section-navigation + .warning-container .warning-container-header {
margin: 0 20px 16px;
}
.help-container .help-container-content .support-center-section-navigation + .support-tasks-main,
.help-container .help-container-content .support-center-section-navigation + .support-tasks-empty {
height: calc(100% - 52px);
}
.help-container .help-container-menu-button {
width: 40px;
height: 40px;
box-sizing: border-box;
padding: 10px;
cursor: pointer;
transition: all 100ms cubic-bezier(0.6, -0.28, 0.74, 0.05);
}
.help-container .help-container-menu-button:active {
box-shadow: inset 0 0 6px 1px var(--dialog-box-shadow);
}
.help-container .help-container-menu-button:active {
padding: 11px;
}
.help-container .help-container-menu-button:active .help-container-menu-icon svg {
width: 18px;
height: 18px;
}
.help-container .help-container-menu-button .help-container-menu-icon svg {
width: 20px;
height: 20px;
stroke: var(--white-black, #fff);
fill: none;
stroke-miterlimit: 10;
transition: all 100ms cubic-bezier(0.6, -0.28, 0.74, 0.05);
}
.help-container .help-container-menu-button .help-container-menu-icon .help-container-menu-icon-label {
pointer-events: none;
background: none repeat scroll 0 0 var(--help-container-nenu-label, #737373);
color: var(--white-black, #FFFFFF);
cursor: pointer;
display: none;
font-size: 8pt;
left: 50px;
margin-top: -26px;
padding: 7px;
position: absolute;
vertical-align: bottom;
white-space: nowrap;
z-index: 11;
}
.help-container .help-container-menu-button .help-container-menu-icon .help-container-menu-icon-label::after {
background: none repeat scroll 0 0 var(--help-container-nenu-label, #737373);
content: "";
display: block;
height: 10px;
left: -5px;
top: 8px;
position: absolute;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
font-size: 8pt;
}
.help-container .help-container-menu-button:not(.help-icon-active):hover .help-container-menu-icon .help-container-menu-icon-label {
display: block;
}
.help-container .help-container-menu-support-center {
background-color: #53586B;
}
.help-container .help-container-menu-accordion {
background-color: #A367DC;
}
.help-container .help-container-menu-forum {
background-color: #BD34A1;
}
.help-container .help-container-menu-blog {
background-color: #FFA692;
}
.help-container .help-container-menu-youtube {
background-color: #FA6F96;
}
.help-container .help-container-menu-support {
background-color: #4DD0B1;
}
.help-container .help-container-menu-edit {
background-color: #05DFED;
display: none;
}
.help-container .help-container-menu-warning {
background-color: #FF6565;
}
.help-container .help-container-menu-dc-status {
background-color: #ADB921;
}
.help-container .help-container-menu-dc-status > * > svg {
stroke-linecap: round;
}
.help-container .help-container-menu-academy {
background-color: #648ae2;
}
.help-container .help-container-menu-tooltip {
background-color: #6f57b3;
}
.help-container .help-container-menu-new-year {
background: #4638E3 linear-gradient(45deg, #4638E3 0%, #46BCFF 100%);
overflow: hidden;
}
.help-container .help-container-menu-new-year svg {
width: 41px !important;
height: 44px !important;
position: relative;
top: -19px;
left: -14px;
}
.help-container .help-container-menu-new-year .help-container-menu-icon-label {
margin-top: -50px !important;
}
.help-container .main-menu-help-blog-post {
margin-left: 13px;
margin-top: -26px;
}
.help-container .help-container-content-actions {
position: absolute;
top: 13px;
right: 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
z-index: 1;
}
.help-container .help-container-content-close {
padding: 5px;
width: 16px;
height: 16px;
cursor: pointer;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.help-container .help-container-content-close.gray {
stroke: var(--gray-ico, #a9a9a9);
fill: none;
}
.help-container .help-container-content-close.gray:hover {
stroke: var(--task-deadline-dead, #fd0000);
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.help-container .help-container-content-close.planfix-dcstatus-close {
background: transparent;
stroke: var(--task-card-add-action-icons, #AFAFAF);
}
.help-container .help-container-content-close.planfix-timer-close {
background: transparent;
stroke: var(--white-black, #ffffff);
padding: 0;
}
.help-container .help-container-content-close.planfix-support-center-close {
width: 16px;
height: 16px;
}
.help-container .help-container-content-link {
width: 16px;
height: 16px;
cursor: pointer;
padding: 5px;
-webkit-transition: stroke 200ms ease-in-out;
-moz-transition: stroke 200ms ease-in-out;
-o-transition: stroke 200ms ease-in-out;
-ms-transition: stroke 200ms ease-in-out;
transition: stroke 200ms ease-in-out;
}
.help-container .help-container-content-link.gray {
stroke: var(--gray-ico, #a9a9a9);
}
.help-container .help-container-content-link.gray:hover {
stroke: var(--green, #00864b);
}
.help-container .help-container-content-search {
cursor: pointer;
-webkit-transition: stroke 600ms ease-in-out;
-moz-transition: stroke 600ms ease-in-out;
-o-transition: stroke 600ms ease-in-out;
-ms-transition: stroke 600ms ease-in-out;
transition: stroke 600ms ease-in-out;
padding: 5px;
position: relative;
}
.help-container .help-container-content-search:hover {
stroke: var(--green, #00864b);
}
.help-container .help-container-content-search-wrapper {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.help-container .help-container-content-search-wrapper .help-container-content-fake {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.help-container .b-green-block-progress {
top: 43px;
margin: -9px 10px 3px 0;
}
.help-container .b-green-block-progress.planfix-dcstatus-progress {
top: 118px;
}
.help-container .help-icon-active {
background: var(--background-color-light-gray, #f7f7f7);
z-index: 1;
}
.help-container .help-icon-active .help-container-menu-icon svg {
stroke: var(--toggle-switcher-lock, #828282) !important;
}
.help-container .svg-image {
background-image: url("/img/empty/svgEmpty14.svg");
width: 220px;
height: 220px;
display: inline-block;
opacity: var(--emptyIconOpacity, 1);
}
.help-container .ai-helper {
height: 100%;
background: var(--background-color-light-gray, #F7F7F7);
overflow-y: scroll;
}
.help-container .ai-helper__scroll-container {
display: flex;
gap: 16px;
padding: 34px 16px 16px;
box-sizing: border-box;
flex-direction: column;
}
.help-container .ai-helper .planfix-row {
flex: 0 1 auto;
}
.help-container .ai-helper .planfix-row.header {
font-size: 26px;
color: var(--text-color, #343434);
}
.help-container .ai-helper .planfix-row.flex-column {
display: flex;
flex-direction: column;
gap: 8px;
}
.help-container .ai-helper .planfix-row.sub-header {
color: var(--task-card-title-text, #4B4B4B);
font-size: 16px;
font-weight: 600;
}
.help-container .ai-helper .object-edit-field-base-small.object-edit-field-textarea-small {
min-height: 171px;
justify-content: flex-start;
}
.help-container .ai-helper .object-edit-field-base-small.object-edit-field-textarea-small .object-edit-field-base-small__view {
padding: 10px 0;
}
.ai-agent-prompt-hint {
display: flex;
position: relative;
gap: 8px;
border-radius: 16px;
background: var(--white-black, #FFFFFF);
box-shadow: 0 1px 3px 0 var(--promt-hint-box-shadow, rgba(156, 156, 156, 0.25));
transition: box-shadow 0.2s ease;
cursor: pointer;
align-items: center;
overflow: hidden;
}
.ai-agent-prompt-hint::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(48deg, var(--promt-hint-gradient-start, #FFE3FE) 0.01%, var(--promt-hint-gradient-end, #E1E7FF) 100%);
opacity: 0;
transition: opacity 0.2s ease, box-shadow 0.2s ease;
border-radius: 16px;
}
.ai-agent-prompt-hint:hover {
background-size: 100% 100%;
box-shadow: unset;
}
.ai-agent-prompt-hint:hover .ai-agent-prompt-hint__edit-icon {
opacity: 1;
box-shadow: 0 1px 3px 0 var(--promt-hint-box-shadow, rgba(156, 156, 156, 0.25)) inset;
}
.ai-agent-prompt-hint:hover::before {
opacity: 1;
box-shadow: 0 1px 3px 0 var(--promt-hint-box-shadow, rgba(156, 156, 156, 0.25)) inset;
}
.ai-agent-prompt-hint__icon {
padding: 8px 0 8px 12px;
z-index: 1;
}
.ai-agent-prompt-hint__icon svg {
stroke: url(#ai-agent-magic-wand-gradient);
}
.ai-agent-prompt-hint__text {
padding: 8px 12px 8px 0;
z-index: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ai-agent-prompt-hint__edit-icon {
display: flex;
justify-content: center;
width: 42px;
padding: 9px 0;
position: absolute;
background: var(--white-black, #FFFFFF);
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
right: 0;
opacity: 0;
transition: opacity 0.2s ease;
z-index: 1;
}
.ai-agent-prompt-hint__edit-icon svg {
stroke: var(--ddl-color-icon, #88909b);
}
.page-layout-block-timer-wr {
height: 100%;
}
.page-layout-block-timer-wr .b-top-btn {
display: none;
}
.page-layout-block-timer-wr .b-top-btn .b-top-yellow-block {
display: none;
}
.page-layout-block-timer-wr .b-main-block-content {
height: 100%;
margin: 0;
}
.page-layout-block-timer-wr .b-main-block-content .b-green-block,
.page-layout-block-timer-wr .b-main-block-content .b-before-green-block {
display: none;
}
.page-layout-block-timer-wr .b-main-block-content .b-main-block {
height: 100%;
padding: 0;
}
.page-layout-block-timer-wr .timer-block {
display: flex;
flex-direction: column;
height: 100%;
background-position: center;
background-size: auto 100%;
}
.page-layout-block-timer-wr .timer-block .timer-section-header {
padding: 40px 20px 20px 26px;
color: var(--task-card-title-text, #4B4B4B);
}
.page-layout-block-timer-wr .timer-block .timer-section-header .title-block {
font-size: 26px;
color: var(--task-card-title-text, #4B4B4B);
}
.page-layout-block-timer-wr .timer-block .timer-content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.page-layout-block-timer-wr .timer-block .timer-content .timer-value-sections {
margin: 0 16px 32px 16px;
background: unset;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 6px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.page-layout-block-timer-wr .timer-block .timer-content .timer-value-sections .start-stop-section {
margin: 27px 0 27px 16px;
cursor: pointer;
}
.page-layout-block-timer-wr .timer-block .timer-content .timer-value-sections .start-stop-section svg {
fill: #90CB45;
}
.page-layout-block-timer-wr .timer-block .timer-content .timer-value-sections .start-stop-section svg:hover {
fill: #45ABCB;
cursor: pointer;
}
.page-layout-block-timer-wr .timer-block .timer-content .timer-value-sections .disable {
cursor: not-allowed;
}
.page-layout-block-timer-wr .timer-block .timer-content .timer-value-sections .value-section {
width: 302px;
padding-top: 19px;
font-weight: bold;
font-size: 60px;
line-height: 72px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
text-align: left;
color: #90CB45;
padding-left: 55px;
}
.page-layout-block-timer-wr .timer-block .timer-content .timer-value-sections .t-active {
color: #45ABCB;
}
.page-layout-block-timer-wr .timer-block .timer-content .timer-value-sections .reset-section {
margin: 37px 16px 40px 0;
cursor: pointer;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block {
position: absolute;
top: 45%;
transform: translate(0, -50%);
z-index: 20;
overflow: hidden;
margin: 16px;
background: #F7F7F7;
border-radius: 6px;
padding: 16px 0 0 0;
max-height: 540px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .form-header {
font-size: 22px;
line-height: 26px;
color: #9C9C9C;
padding: 16px 0 16px 16px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block {
background: #FFFFFF;
border: 1px solid #DEDEDE;
box-sizing: border-box;
border-radius: 6px;
min-height: 58px;
margin-left: 16px;
margin-right: 16px;
margin-bottom: 8px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .analytics-header {
padding-top: 9px;
padding-left: 16px;
font-size: 12px;
line-height: 18px;
color: #626262;
padding-bottom: 3px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .analytics-title {
padding-left: 16px;
padding-bottom: 9px;
font-size: 14px;
line-height: 17px;
color: #4573B1;
word-break: break-all;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .black-title {
color: black;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .green-title {
color: #90CB45;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .handbook-select-data-button,
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .chzn-inner-ico-container {
display: none;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .time {
width: 40px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .chzn-container-multi {
border-bottom: none;
width: 428px!important;
left: 0 !important;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .chzn-container-multi .chzn-choices {
padding-bottom: 5px;
padding-left: 16px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .chzn-container-multi .chzn-drop {
width: 445px!important;
max-height: 200px!important;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .chzn-save-pos {
display: none!important;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .text-box {
border-bottom: none;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .chzn-container-single {
width: 428px!important;
left: 0 !important;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .chzn-container-single .chzn-single {
font-size: 14px;
line-height: 17px;
color: #4573B1;
border: none;
padding: 2px 0 2px 16px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .chzn-container-single .chzn-drop {
width: 445px!important;
max-height: 200px!important;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .chzn-container-single .chzn-drop .chzn-results {
max-height: 165px!important;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select input {
padding-left: 16px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .text-box:not(.time):not(.date):not(.hasDatepicker):not(.skip-rule) {
width: auto!important;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .check-box {
margin-left: 16px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .type-of-work-select .hasDatepicker {
padding-left: 11px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-block .handbook-margin .chzn-container-single .chzn-single {
padding-left: 10px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .flexible-height {
display: table;
width: 446px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-description {
display: table;
width: 446px;
min-height: 116px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-description .analytics-description-textarea {
display: table-row;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-description .analytics-description-textarea .cke_top {
border: none;
box-shadow: none;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-description .analytics-description-textarea .cke_chrome {
border: none;
box-shadow: none;
padding: 0 16px 16px 16px;
width: 412px;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .analytics-description .analytics-description-textarea .ckeditor-panel-container {
padding: 0;
}
.page-layout-block-timer-wr .timer-block .timer-content .analytics-form-block .dialog-bottom-panel-button-rc {
margin-top: 10px;
}
.page-layout-block-timer-wr .timer-block .timer-content .dark-shadow {
position: absolute;
z-index: 15;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
bottom: 0px;
}
.page-layout-block-timer-wr .timer-block .timer-content .dark-shadow {
position: absolute;
z-index: 15;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
bottom: 0;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .timer-section-content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
flex-grow: 1;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .timer-section-content .another-task-content {
padding: 0 20px 20px 26px;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .timer-section-content .another-task-content .tooltip-target {
margin-bottom: 16px;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .timer-section-content .another-task-content .history-item {
margin: 0;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .timer-section-content .history-items {
margin: 0 20px 0 24px;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .main-block {
position: relative;
width: 100%;
color: var(--task-card-title-text, #4b4b4b);
flex: 1;
z-index: 1;
border-bottom-left-radius: 50% 29px;
border-bottom-right-radius: 50% 29px;
/* .timer-section-value {
padding-top: 80px;
.flex-display();
.align-items(center);
.justify-content(center);
.value-block {
font-size: 64px;
}
}*/
/*.button-wr {
.flex-display();
.align-items(center);
.justify-content(center);
width: 100%;
position: absolute;
bottom: -166px;
.circle-bg-1 {
.flex-display();
.align-items(center);
.justify-content(center);
.box(324px);
border-radius: 324px;
background: rgba(255, 255, 255, 0.03);
z-index: 1;
box-shadow: 0 0 8px 3px rgba(52, 52, 52, 0.06);
.circle-bg-2 {
.flex-display();
.align-items(center);
.justify-content(center);
.box(292px);
border-radius: 292px;
background: rgba(255, 255, 255, 0.03);
box-shadow: 0 0 8px 4px rgba(52, 52, 52, 0.06);
.circle-bg-3 {
.flex-display();
.align-items(center);
.justify-content(center);
.box(259px);
border-radius: 259px;
background: rgba(255, 255, 255, 0.05);
filter: drop-shadow(0px 0px 8px rgba(52, 52, 52, 0.06));
box-shadow: 0 0 8px 4px rgba(52, 52, 52, 0.06);
}
}
}
}*/
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .main-block .toggle-timer-btn {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
z-index: 2;
cursor: pointer;
border-radius: 50%;
width: 226px;
height: 226px;
transition: background 0.5s ease, box-shadow 0.3s ease;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .main-block .toggle-timer-btn .icon {
display: block;
width: 78px;
height: 78px;
transition: transform 0.3s ease;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .main-block .toggle-timer-btn .icon svg {
width: 100%;
fill: none;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .main-block .toggle-timer-btn.start {
background: linear-gradient(226deg, #8EF54F 0%, #3FC5D7 100%);
box-shadow: 3px 3px 30px 0 rgba(0, 0, 0, 0.35);
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .main-block .toggle-timer-btn.stop {
width: 226px;
height: 226px;
background: linear-gradient(45deg, #DE1C85 14.64%, #FFA68A 85.36%);
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .main-block .toggle-timer-btn:hover .icon {
transform: scale(1.06);
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .main-block.error {
flex: 70%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .main-block.error .icon {
margin-bottom: 24px;
width: 54px;
height: 54px;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .main-block.error .icon svg {
width: 100%;
height: 100%;
fill: none;
stroke: #FFF;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .main-block.error .title {
color: #ffffff;
font-size: 18px;
max-width: 375px;
text-align: center;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .additional-block {
position: relative;
width: 100%;
flex: 1;
background-color: #F7F7F7;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .additional-block .button-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding-bottom: 100px;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .additional-block .button-block .timer-section-button {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding: 0 15px;
height: 44px;
border-radius: 6px;
border: 1px solid #DEDEDE;
background-color: var(--activeButton);
color: var(--activeButtonElements);
cursor: pointer;
font-size: 18px;
box-sizing: border-box;
min-width: 170px;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .additional-block .button-block .timer-section-button.white {
background-color: #FFF;
border-color: #DEDEDE;
color: var(--task-card-title-text, #4b4b4b);
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .additional-block.error {
flex: 30%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.page-layout-block-timer-wr .timer-block .timer-content.timer-section .additional-block.error .button {
height: 44px;
min-width: 130px;
padding: 0 20px;
border-radius: 6px;
background: var(--activeButton);
color: var(--activeButtonElements);
width: fit-content;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
cursor: pointer;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block {
position: relative;
background-color: #F7F7F7;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block .main-block-scroll {
margin: 20px 0;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block .main-block-scroll .task-history-day {
margin: 0 20px 16px 20px;
box-shadow: 0 1px 3px 0 rgba(156, 156, 156, 0.25);
border-radius: 12px;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block .main-block-scroll .task-history-day .task-history-item {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
padding: 11px 16px;
background-color: #FFF;
cursor: pointer;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block .main-block-scroll .task-history-day .task-history-item .date {
font-size: 15px;
color: #4573B1;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block .main-block-scroll .task-history-day .task-history-item .value {
font-size: 15px;
color: #343434;
font-weight: 700;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block .main-block-scroll .task-history-day .task-history-item.first {
border-top-right-radius: 12px;
border-top-left-radius: 12px;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block .main-block-scroll .task-history-day .task-history-item.last {
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block .main-block-scroll .task-history-day .task-history-item.one {
border-radius: 12px;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block .main-block-scroll .task-history-day .task-history-item.line-down {
border-bottom: 1px solid #eaeaea;
box-sizing: border-box;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block.error-content {
background-color: #F7F7F7;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: 100%;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block.error-content .error-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
bottom: 70px;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block.error-content .error-block .icon {
margin-bottom: 24px;
width: 54px;
height: 54px;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block.error-content .error-block .icon svg {
width: 100%;
height: 100%;
fill: none;
color: var(--task-card-title-text, #4b4b4b);
}
.page-layout-block-timer-wr .timer-block .timer-content.history-bt-section .main-block.error-content .error-block .title {
color: var(--task-card-title-text, #4b4b4b);
font-size: 18px;
max-width: 350px;
text-align: center;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-section .main-block {
position: relative;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-section .main-block .circle-bg-1 {
position: absolute;
left: 423px;
top: -32px;
width: 68px;
height: 68px;
border-radius: 68px;
background: rgba(255, 255, 255, 0.2);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
z-index: 1;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-section .main-block .circle-bg-1 .circle-bg-2 {
width: 62.17px;
height: 62.17px;
border-radius: 62.17px;
background: rgba(255, 255, 255, 0.3);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-section .main-block .circle-bg-1 .circle-bg-2 .circle-bg-3 {
width: 54.4px;
height: 54.4px;
border-radius: 54.4px;
opacity: 0.1;
background: #FFF;
box-shadow: 0 0 50px 0 #000;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-section .main-block .icon {
display: block;
width: 48px;
height: 48px;
position: absolute;
top: -22px;
right: 29px;
z-index: 1;
cursor: pointer;
}
.page-layout-block-timer-wr .timer-block .timer-content.history-section .main-block .icon svg {
width: 100%;
height: 100%;
}
.page-layout-block-timer-wr .timer-block .timer-content.saving-section .tooltip-target {
padding: 0 20px 0 20px;
}
.page-layout-block-timer-wr .timer-block .timer-content.saving-section .tooltip-target .tooltip-rc {
margin: 0;
}
.page-layout-block-timer-wr .timer-block .timer-content.saving-section .main-block {
padding: 0 20px 20px;
height: 100%;
}
.page-layout-block-timer-wr .timer-block .timer-content.saving-section .main-block .main-block-scroll .timer-analytic-field {
margin-bottom: 8px;
}
.page-layout-block-timer-wr .timer-block .timer-content.saving-section.another-task .main-block {
padding: 16px 20px 20px;
}
.page-layout-block-timer-wr .timer-block .timer-content.error-section {
justify-content: center;
margin-top: -100px;
}
.page-layout-block-timer-wr .timer-block .timer-content.error-section .main-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: 100%;
color: var(--task-card-title-text, #4b4b4b);
border-bottom-left-radius: 50% 29px;
border-bottom-right-radius: 50% 29px;
}
.page-layout-block-timer-wr .timer-block .timer-content.error-section .main-block .icon {
margin-bottom: 24px;
width: 54px;
height: 54px;
}
.page-layout-block-timer-wr .timer-block .timer-content.error-section .main-block .icon svg {
width: 100%;
height: 100%;
fill: none;
stroke: var(--task-card-title-text, #4b4b4b);
}
.page-layout-block-timer-wr .timer-block .timer-content.error-section .main-block .title {
color: var(--task-card-title-text, #4b4b4b);
font-size: 18px;
max-width: 375px;
text-align: center;
}
.page-layout-block-timer-wr .timer-block .timer-content.error-section .additional-block {
position: relative;
width: 100%;
margin-top: 17px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.page-layout-block-timer-wr .timer-block .timer-content.error-section .additional-block .button {
font-size: 18px;
height: 44px;
min-width: 130px;
padding: 0 20px;
border-radius: 6px;
background: var(--activeButton);
color: var(--activeButtonElements);
width: fit-content;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
cursor: pointer;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item {
background: var(--white-black, #ffffff);
border-radius: 12px;
-webkit-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
margin: 0 0 20px 0;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-item-header {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
justify-content: space-between;
color: var(--text-color, #343434);
font-size: 16px;
padding: 16px 32px 16px 16px;
border-bottom: 1px solid var(--grey-list-border, #dedede);
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-item-header .item-header-date {
font-weight: 400;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-item-header .item-header-value {
font-weight: 700;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-item-header.icon-mode {
padding: 16px;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-item-header.icon-mode .item-header-value {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-item-header.icon-mode .item-header-value .icon-block {
cursor: pointer;
display: block;
stroke: #BBBBBB;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks {
padding: 20px 16px 24px 16px;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 24px;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task .history-item-title {
font-size: 14px;
font-weight: 400;
word-break: break-all;
color: var(--confirm-win-head-bg, #4B4B4B);
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task .history-item-title a {
color: #4573B1;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task .history-item-value {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
border: 1px solid var(--grey-list-border, #dedede);
border-radius: 12px;
padding: 6px 8px;
gap: 6px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
cursor: pointer;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task .history-item-value.not-current-timer {
border: 1px solid transparent;
cursor: default;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task .history-item-value.not-current-timer .history-item-start-stop {
cursor: default;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task .history-item-value .history-item-start-stop {
width: 26px;
height: 26px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task .history-item-value .history-item-start-stop svg {
transition: transform 250ms ease-in-out;
transform: scale(1);
width: 26px;
height: 26px;
margin: auto;
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task .history-item-value .history-item-value-per-task {
min-width: 56px;
text-align: center;
font-size: 14px;
font-weight: 700;
color: var(--task-card-title-text, #4B4B4B);
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task .history-item-value:hover:not(.not-current-timer) {
background: var(--gray-inner, #F5F5F5);
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task .history-item-value:hover:not(.not-current-timer) .history-item-start-stop svg {
transition: transform 250ms ease-in-out;
transform: scale(1.083);
}
.page-layout-block-timer-wr .timer-block .timer-content .history-item .history-items-tasks .history-item-task:not(:last-child) {
margin-bottom: 20px;
}
.page-layout-block-timer-wr .timer-block .timer-section__start {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
padding: 16px;
cursor: pointer;
margin: 0 20px 20px 24px !important;
}
.page-layout-block-timer-wr .timer-block .timer-section__start:hover .timer-section__start-icon svg {
transform: scale(1.083);
transition: transform 250ms ease-in-out;
}
.page-layout-block-timer-wr .timer-block .timer-section__content-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 16px;
}
.page-layout-block-timer-wr .timer-block .timer-section__start-icon {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 26px;
height: 26px;
}
.page-layout-block-timer-wr .timer-block .timer-section__start-icon svg {
transform: scale(1);
transition: transform 250ms ease-in-out;
width: 26px;
height: 26px;
margin: auto;
}
.page-layout-block-timer-wr .timer-block .timer-section__start-text {
font-size: 16px;
line-height: 21px;
color: var(--text-color, #343434);
}
.page-layout-block-timer-wr .timer-block .baron_scroller__bar {
width: 1px;
}
.page-layout-block-timer-wr .timer-loader-block {
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.icons-for-menu {
position: absolute;
background: var(--main-menu-popup-bg);
width: 352px;
height: 419px;
box-shadow: -3px 3px 14px 0 var(--dialog-box-shadow-ultralight);
border-radius: 8px;
padding: 12px 0 20px;
display: flex;
flex-direction: column;
gap: 12px;
z-index: 25;
}
.icons-for-menu .icons-for-menu-title {
font-size: 16px;
color: var(--confirm-win-head-bg);
padding: 0 16px;
}
.icons-for-menu .icons-for-menu-search {
margin: 0 16px;
border-radius: 6px;
border: 1px solid var(--grey-list-border);
display: flex;
align-items: center;
padding: 0 10px;
background-color: var(--white-black);
}
.icons-for-menu .icons-for-menu-search input {
border: none;
}
.icons-for-menu .icons-for-menu-search__search-icon {
width: 16px;
height: 16px;
}
.icons-for-menu .icons-for-menu-search__search-icon svg {
width: 16px;
height: 16px;
stroke: var(--planner-search-icons);
}
.icons-for-menu .icons-for-menu-search__clear-icon {
opacity: 0;
width: 16px;
height: 16px;
}
.icons-for-menu .icons-for-menu-search__clear-icon--active {
opacity: 1;
cursor: pointer;
}
.icons-for-menu .icons-for-menu-search__clear-icon svg {
width: 16px;
height: 16px;
stroke: var(--planner-search-icons);
}
.icons-for-menu .icons-for-menu-search .text-box {
width: 100%;
background-color: var(--white-black);
}
.icons-for-menu .icons-for-menu-content {
max-height: calc(100% - 36px);
overflow-y: auto;
overscroll-behavior: contain;
padding: 0 0 0 16px;
display: flex;
flex-direction: column;
gap: 20px;
}
.icons-for-menu .icons-for-menu-category-title {
font-size: 14px;
color: var(--confirm-win-head-bg);
margin-bottom: 12px;
}
.icons-for-menu .icons-for-menu-block {
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px 16px;
}
.icons-for-menu .icons-for-menu-block .icon-menu-item {
position: relative;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 6px;
cursor: pointer;
}
.icons-for-menu .icons-for-menu-block .icon-menu-item__icon {
position: unset;
display: flex;
}
.icons-for-menu .icons-for-menu-block .icon-menu-item span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 6px;
z-index: -1;
}
.icons-for-menu .icons-for-menu-block .icon-menu-item svg {
width: 24px;
height: 24px;
fill: none;
stroke: var(--ddl-color-icon);
stroke-width: 0.7px;
}
.icons-for-menu .icons-for-menu-block .icon-menu-item.full-stroke-width svg {
stroke-width: 1px;
}
.icons-for-menu .icons-for-menu-block .icon-menu-item:not(.icon-menu-item--active):hover {
background: var(--background-color-light-gray);
}
.icons-for-menu .icons-for-menu-block .icon-menu-item.icon-menu-item--active svg {
stroke: #1ABE72;
}
.icons-for-menu .icons-for-menu-block .icon-menu-item.icon-menu-item--active span {
background: rgba(26, 190, 114, 0.15);
}
.icons-for-menu .icons-for-menu-block .icon-menu-item.icon-menu-item--remove svg {
stroke: none;
}
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal;
}
.mejs__container {
background: #000;
width: 100% !important;
min-width: 400px !important;
box-sizing: border-box;
font-family: 'Helvetica', Arial, serif;
position: relative;
text-align: left;
text-indent: 0;
vertical-align: top;
}
.mejs__container * {
box-sizing: border-box;
}
/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.mejs__fill-container,
.mejs__fill-container .mejs__container {
height: 100%;
width: 100%;
}
.mejs__fill-container {
background: transparent;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.mejs__container:focus {
outline: none;
}
.mejs__iframe-overlay {
height: 100%;
position: absolute;
width: 100%;
}
.mejs__embed,
.mejs__embed body {
background: #000;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.mejs__fullscreen {
overflow: hidden !important;
}
.mejs__container-fullscreen {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 1000;
}
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
height: 100% !important;
width: 100% !important;
}
/* Start: LAYERS */
.mejs__background {
left: 0;
position: absolute;
top: 0;
}
.mejs__mediaelement {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.mejs__poster {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
left: 0;
position: absolute;
top: 0;
z-index: 1;
}
:root .mejs__poster-img {
display: none;
}
.mejs__poster-img {
border: 0;
padding: 0;
}
.mejs__overlay {
align-items: center;
display: flex;
justify-content: center;
left: 0;
position: absolute;
top: 0;
}
.mejs__layer {
z-index: 1;
}
.mejs__overlay-play {
cursor: pointer;
}
.mejs__overlay-button {
background: url("/img/mediaelement/mejs-controls.svg") no-repeat;
background-position: 0 -39px;
height: 80px;
width: 80px;
}
.mejs__overlay:hover > .mejs__overlay-button {
background-position: -80px -39px;
}
.mejs__overlay-loading {
height: 80px;
width: 80px;
}
.mejs__overlay-loading-bg-img {
animation: mejs__loading-spinner 1s linear infinite;
background: transparent url("/img/mediaelement/mejs-controls.svg") -160px -40px no-repeat;
display: block;
height: 80px;
width: 80px;
z-index: 1;
}
@keyframes mejs__loading-spinner {
100% {
transform: rotate(360deg);
}
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs__controls {
bottom: 0;
display: flex;
height: 40px;
left: 0;
list-style-type: none;
margin: 0;
padding: 0 10px;
position: absolute;
width: 100%;
z-index: 3;
}
.mejs__controls:not([style*='display: none']) {
background: rgba(255, 0, 0, 0.7);
background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
}
.mejs__button,
.mejs__time,
.mejs__time-rail {
font-size: 10px;
height: 40px;
line-height: 10px;
margin: 0;
width: 32px;
}
.mejs__button > button {
background: transparent url("/img/mediaelement/mejs-controls.svg");
border: 0;
cursor: pointer;
display: block;
font-size: 0;
height: 20px;
line-height: 0;
margin: 10px 6px;
overflow: hidden;
padding: 0;
position: absolute;
text-decoration: none;
width: 20px;
}
/* :focus for accessibility */
.mejs__button > button:focus {
outline: dotted 1px #999;
}
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
outline: 0;
}
/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs__time {
box-sizing: content-box;
color: #fff;
font-size: 11px;
font-weight: bold;
height: 24px;
overflow: hidden;
padding: 16px 6px 0;
text-align: center;
width: auto;
}
.play_back span {
cursor: pointer;
}
/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs__play > button {
background-position: 0 0;
}
.mejs__pause > button {
background-position: -20px 0;
}
.mejs__replay > button {
background-position: -160px 0;
}
/* End: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs__time-rail {
direction: ltr;
flex-grow: 1;
height: 40px;
margin: 0 10px;
padding-top: 10px;
position: relative;
}
.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
border-radius: 2px;
cursor: pointer;
display: block;
height: 10px;
position: absolute;
}
.mejs__time-total {
background: rgba(255, 255, 255, 0.3);
margin: 5px 0 0;
width: 100%;
}
.mejs__time-buffering {
animation: buffering-stripes 2s linear infinite;
background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
background-size: 15px 15px;
width: 100%;
}
@keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
.mejs__time-loaded {
background: rgba(255, 255, 255, 0.3);
}
.mejs__time-current,
.mejs__time-handle-content {
background: rgba(255, 255, 255, 0.9);
}
.mejs__time-hovered {
background: rgba(255, 255, 255, 0.5);
z-index: 10;
}
.mejs__time-hovered.negative {
background: rgba(0, 0, 0, 0.2);
}
.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
left: 0;
transform: scaleX(0);
transform-origin: 0 0;
transition: 0.15s ease-in all;
width: 100%;
}
.mejs__time-buffering {
transform: scaleX(1);
}
.mejs__time-hovered {
transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}
.mejs__time-hovered.no-hover {
transform: scaleX(0) !important;
}
.mejs__time-handle,
.mejs__time-handle-content {
border: 4px solid transparent;
cursor: pointer;
left: 0;
position: absolute;
transform: translateX(0);
z-index: 11;
}
.mejs__time-handle-content {
border: 4px solid rgba(255, 255, 255, 0.9);
border-radius: 50%;
height: 10px;
left: -7px;
top: -4px;
transform: scale(0);
width: 10px;
}
.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
transform: scale(1);
}
.mejs__time-float {
background: #eee;
border: solid 1px #333;
bottom: 100%;
color: #111;
display: none;
height: 17px;
margin-bottom: 9px;
position: absolute;
text-align: center;
transform: translateX(-50%);
width: 36px;
}
.mejs__time-float-current {
display: block;
left: 0;
margin: 2px;
text-align: center;
width: 30px;
}
.mejs__time-float-corner {
border: solid 5px #eee;
border-color: #eee transparent transparent;
border-radius: 0;
display: block;
height: 0;
left: 50%;
line-height: 0;
position: absolute;
top: 100%;
transform: translateX(-50%);
width: 0;
}
.mejs__long-video .mejs__time-float {
margin-left: -23px;
width: 64px;
}
.mejs__long-video .mejs__time-float-current {
width: 60px;
}
.mejs__broadcast {
color: #fff;
height: 10px;
position: absolute;
top: 15px;
width: 100%;
}
/* End: Progress Bar */
/* Start: Fullscreen */
.mejs__fullscreen-button > button {
background-position: -80px 0;
}
.mejs__unfullscreen > button {
background-position: -100px 0;
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs__mute > button {
background-position: -60px 0;
}
.mejs__unmute > button {
background-position: -40px 0;
}
.mejs__volume-button {
position: relative;
}
.mejs__volume-button > .mejs__volume-slider {
-webkit-backface-visibility: hidden;
background: rgba(50, 50, 50, 0.7);
border-radius: 0;
bottom: 100%;
display: none;
height: 115px;
left: 50%;
margin: 0;
position: absolute;
transform: translateX(-50%);
width: 25px;
z-index: 1;
}
.mejs__volume-button:hover {
border-radius: 0 0 4px 4px;
}
.mejs__volume-total {
background: rgba(255, 255, 255, 0.5);
height: 100px;
left: 50%;
margin: 0;
position: absolute;
top: 8px;
transform: translateX(-50%);
width: 2px;
}
.mejs__volume-current {
background: rgba(255, 255, 255, 0.9);
left: 0;
margin: 0;
position: absolute;
width: 100%;
}
.mejs__volume-handle {
background: rgba(255, 255, 255, 0.9);
border-radius: 1px;
cursor: ns-resize;
height: 6px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 16px;
}
.mejs__horizontal-volume-slider {
display: block;
height: 36px;
position: relative;
vertical-align: middle;
width: 56px;
}
.mejs__horizontal-volume-total {
background: rgba(50, 50, 50, 0.8);
border-radius: 2px;
font-size: 1px;
height: 8px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 16px;
width: 50px;
}
.mejs__horizontal-volume-current {
background: rgba(255, 255, 255, 0.8);
border-radius: 2px;
font-size: 1px;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
}
.mejs__horizontal-volume-handle {
display: none;
}
/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs__captions-button,
.mejs__chapters-button {
position: relative;
}
.mejs__captions-button > button {
background-position: -140px 0;
}
.mejs__chapters-button > button {
background-position: -180px 0;
}
.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
background: rgba(50, 50, 50, 0.7);
border: solid 1px transparent;
border-radius: 0;
bottom: 100%;
margin-right: -43px;
overflow: hidden;
padding: 0;
position: absolute;
right: 50%;
visibility: visible;
width: 86px;
}
.mejs__chapters-button > .mejs__chapters-selector {
margin-right: -55px;
width: 110px;
}
.mejs__captions-selector-list,
.mejs__chapters-selector-list {
list-style-type: none !important;
margin: 0;
overflow: hidden;
padding: 0;
}
.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
color: #fff;
cursor: pointer;
display: block;
list-style-type: none !important;
margin: 0 0 6px;
overflow: hidden;
padding: 0;
}
.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
background-color: #c8c8c8 !important;
background-color: rgba(255, 255, 255, 0.4) !important;
}
.mejs__captions-selector-input,
.mejs__chapters-selector-input {
clear: both;
float: left;
left: -1000px;
margin: 3px 3px 0 5px;
position: absolute;
}
.mejs__captions-selector-label,
.mejs__chapters-selector-label {
cursor: pointer;
float: left;
font-size: 10px;
line-height: 15px;
padding: 4px 10px 0;
width: 100%;
}
.mejs__captions-selected,
.mejs__chapters-selected {
color: #21f8f8;
}
.mejs__captions-translations {
font-size: 10px;
margin: 0 0 5px;
}
.mejs__captions-layer {
bottom: 0;
color: #fff;
font-size: 16px;
left: 0;
line-height: 20px;
position: absolute;
text-align: center;
}
.mejs__captions-layer a {
color: #fff;
text-decoration: underline;
}
.mejs__captions-layer[lang=ar] {
font-size: 20px;
font-weight: normal;
}
.mejs__captions-position {
bottom: 15px;
left: 0;
position: absolute;
width: 100%;
}
.mejs__captions-position-hover {
bottom: 35px;
}
.mejs__captions-text,
.mejs__captions-text * {
background: rgba(20, 20, 20, 0.5);
box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
padding: 0;
white-space: pre-wrap;
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
display: none;
}
/* End: Track (Captions and Chapters) */
/* Start: Error */
.mejs__overlay-error {
position: relative;
}
.mejs__overlay-error > img {
left: 0;
max-width: 100%;
position: absolute;
top: 0;
z-index: -1;
}
.mejs__cannotplay,
.mejs__cannotplay a {
color: #fff;
font-size: 0.8em;
}
.mejs__cannotplay {
position: relative;
}
.mejs__cannotplay p,
.mejs__cannotplay a {
display: inline-block;
padding: 0 15px;
width: 100%;
}
/* End: Error */
.mejs__speed-button,
.mejs-speed-button {
position: relative;
}
.mejs__speed-button > button,
.mejs-speed-button > button {
background: transparent;
color: #fff;
font-size: 11px;
line-height: normal;
margin: 11px 0 0;
width: 36px;
}
.mejs__speed-selector,
.mejs-speed-selector {
background: rgba(50, 50, 50, 0.7);
border: solid 1px transparent;
border-radius: 0;
height: 150px;
left: -10px;
overflow: hidden;
padding: 0;
position: absolute;
top: -100px;
visibility: hidden;
width: 60px;
}
.mejs__speed-selector,
.mejs-speed-selector {
visibility: visible;
}
.mejs__speed-selector-list,
.mejs-speed-selector-list {
display: block;
list-style-type: none !important;
margin: 0;
overflow: hidden;
padding: 0;
}
.mejs__speed-selector-list-item,
.mejs-speed-selector-list-item {
color: #fff;
display: block;
list-style-type: none !important;
margin: 0 0 6px;
overflow: hidden;
padding: 0 10px;
}
.mejs__speed-selector-list-item:hover,
.mejs-speed-selector-list-item:hover {
background-color: #c8c8c8 !important;
background-color: rgba(255, 255, 255, 0.4) !important;
}
.mejs__speed-selector-input,
.mejs-speed-selector-input {
clear: both;
float: left;
left: -1000px;
margin: 3px 3px 0 5px;
position: absolute;
}
.mejs__speed-selector-label,
.mejs-speed-selector-label {
color: white;
cursor: pointer;
float: left;
font-size: 11px;
line-height: 15px;
margin-left: 5px;
padding: 4px 0 0;
width: 60px;
}
.mejs__speed-selected,
.mejs-speed-selected {
color: #21f8f8;
}
.mejs__speed-selector,
.mejs-speed-selector {
visibility: hidden;
}
.mejs__speed-button:hover .mejs__speed-selector,
.mejs-speed-button:hover .mejs-speed-selector {
visibility: visible;
}
.radiobtn-container .radio-button-item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 0;
}
.radiobtn-container .radio-button-item .radio-circle-external {
cursor: pointer;
position: relative;
min-width: 18px;
height: 18px;
border-radius: 50%;
background: var(--white-black, #fff);
box-shadow: inset 0 0 0 1px var(--link-color-gray, #dedede);
transition: all 120ms ease-in-out;
}
.radiobtn-container .radio-button-item .radio-circle-external .radio-circle-internal {
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
border-radius: 50%;
transform: translate(-50%, -50%);
background: var(--white-black, #fff);
transition: all 100ms ease-in-out;
}
.radiobtn-container .radio-button-item .radio-label {
cursor: pointer;
font-size: 15px;
color: var(--gray-dark-icon, #626262);
}
.radiobtn-container .radio-button-item.active .radio-circle-external {
background: var(--activeSlider, #1ABE72);
box-shadow: unset;
cursor: default;
}
.radiobtn-container .radio-button-item.active .radio-circle-external .radio-circle-internal {
background: var(--activeSlider, #1ABE72);
border: 3px solid var(--white-black, #fff);
cursor: default;
}
.radiobtn-container .radio-button-item.active .radio-label {
cursor: default;
}
/********************** Страница создания отчета *******************************/
.report-create-table {
border-spacing: 0;
}
.report-create-table td {
padding: 0px 2px;
}
.report-create-cell-fields,
.report-create-cell-totaltype,
.report-create-cell-interim,
.report-create-cell-total,
.report-create-cell-format {
width: 210px;
border: 1px solid var(--action-file-preview-border, #ccc);
background: var(--white-black, #fff);
padding: 5px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.report-create-cell-is-hidden .report-create-cell-fields,
.report-create-cell-is-hidden .report-create-cell-totaltype,
.report-create-cell-is-hidden .report-create-cell-interim,
.report-create-cell-is-hidden .report-create-cell-total,
.report-create-cell-is-hidden .report-create-cell-format {
background: var(--gray-modal-background, #ebebeb);
}
.report-create-cell-totaltype,
.report-create-cell-interim,
.report-create-cell-format,
.report-create-cell-total {
margin-top: 5px;
padding: 10px 5px;
}
.report-create-cell-add-interim,
.report-create-cell-add-format,
.report-create-cell-add-total {
text-align: center;
}
.report-create-cell-header {
text-align: center;
font-size: 12pt;
font-weight: bold;
padding-left: 30px;
}
.report-create-cell-fields .report-create-cell-header {
cursor: move;
}
.report-create-cell-hgrip-space {
padding-left: 30px;
text-align: center;
visibility: hidden;
cursor: move;
}
.report-create-cell-hgrip-space .report-create-cell-hgrip .drag-grip {
width: 14px;
height: 6px;
position: relative;
top: 1px;
}
.report-create-cell-hgrip-space .report-create-cell-hgrip .drag-grip svg {
transform: rotate(90deg);
width: 6px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
}
.report-create-cell-more,
.report-create-cell-delete {
cursor: pointer;
height: 16px;
width: 16px;
display: inline-block;
vertical-align: bottom;
margin: 2px;
float: right;
visibility: hidden;
}
.report-create-cell-delete.iconset-16px-remove.inactive:hover {
background-position: 0 -368px;
}
.report-create-cell-more {
margin: 2px 10px 2px -10px;
}
.report-create-cell-more .b-ddl-menu .b-ddl-menu-flex {
align-items: baseline;
}
.tr-analitic-field:hover .report-create-cell-delete,
.tr-user-additiontab .report-create-cell-delete {
visibility: visible;
}
.report-create-cell-edit {
background: url('/img/ico-edit.gif');
cursor: pointer;
height: 16px;
width: 16px;
display: inline-block;
vertical-align: bottom;
margin: 3px;
}
.report-create-cell-hide {
cursor: pointer;
height: 16px;
width: 16px;
float: right;
margin: 2px;
visibility: hidden;
}
.report-create-cell-data {
padding-top: 10px;
padding-bottom: 20px;
clear: both;
}
.report-create-cell-data .report-create-cell-data-common .report-field-type-ex.report-field-type-ex-add {
margin-top: 10px;
}
.report-create-cell.positioned {
border-left: 3px solid var(--grey-label, #838383);
padding-left: 4px;
}
.report-create-cell:hover .report-create-cell-hgrip-space {
visibility: visible;
}
.report-create-cell:hover .report-create-cell-delete,
.report-create-cell:hover .report-create-cell-more {
visibility: visible;
}
.report-create-cell:hover .report-create-cell-hide {
visibility: visible;
}
.report-create-cell input {
width: 100%;
margin-bottom: 10px;
box-sizing: border-box;
}
.report-create-cell select {
width: 210px;
}
.report-create-cell .report-field-label {
color: var(--chosen-icon-active, #757575);
margin-top: 10px;
}
.report-create-cell .report-field-label a {
text-decoration: none;
}
.report-create-cell .report-field-label a:hover {
text-decoration: underline;
color: #4573B1;
}
.report-create-cell-interim-data,
.report-create-cell-format-data,
.report-create-cell-total-data {
display: none;
padding-bottom: 10px;
}
.report-create-cell-header {
text-align: left;
padding-left: 0;
}
.report-create-cell-color-picker-header {
text-align: left;
padding-left: 0;
color: var(--chosen-icon-active, #757575);
margin-top: 10px;
}
.report-color-picker-picker.color-picker-picker {
width: auto;
}
.report-color-picker-curent.color-picker-current {
width: 100%;
border: 1px solid var(--gray-input-border, #bbb);
}
.report-column-text-color-picker-picker.color-picker-picker {
width: auto;
}
.report-column-text-color-picker-curent.color-picker-current {
width: 100%;
border: 1px solid var(--gray-input-border, #bbb);
}
.report-create-cell-format-data-ex {
display: none;
margin: 5px 0;
}
.report-create-cell-format-data-ex label {
cursor: pointer;
padding-bottom: 5px;
margin-bottom: 16px;
}
.report-create-cell-format-data-ex .data-ex-check:first-child {
margin-top: 5px;
}
.report-create-cell-format-data-ex .data-ex-input {
width: auto;
margin: 5px 5px 7px 0;
vertical-align: middle;
cursor: pointer;
}
.report-create-cell-format-data-ex .param-digits {
width: 24px;
margin: 0 3px 0 0;
}
.report-create-cell-format-data-ex .data-ex-delimeter {
padding-top: 5px;
}
.report-create-cell-format-data-time,
.report-create-cell-format-data-date {
display: none;
margin: 5px 0;
}
.report-create-cell-format-data-time label {
margin-top: 10px;
display: inline-block;
}
.report-create-cell-format-data-date .data-date-types {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.report-create-cell-format-data-date .data-date-types .data-date-type {
width: 190px;
margin: 0;
}
.report-create-cell-format-data-date .data-date-types .data-date-delete {
cursor: pointer;
}
.report-create-cell-format-data-date .data-date-label {
display: block;
}
.report-create-cell-data-analitic-item {
border-left: 1px solid var(--white-black, #fff);
border-right: 1px solid var(--white-black, #fff);
border-top: 1px solid var(--action-file-preview-border, #ccc);
margin: 10px -6px;
}
.report-create-cell-data-analitic-item .report-field-analitic-name {
margin: -1px;
padding: 5px;
color: var(--black-white, #000);
border-left: 1px solid var(--action-file-preview-border, #ccc);
border-right: 1px solid var(--action-file-preview-border, #ccc);
border-top: 1px solid var(--action-file-preview-border, #ccc);
}
.report-create-cell-data-analitic-item .report-field-analitic-data {
border-left: 1px solid var(--action-file-preview-border, #ccc);
border-right: 1px solid var(--action-file-preview-border, #ccc);
margin: -1px;
padding: 5px;
}
.report-create-cell-fake {
position: absolute;
}
.report-params-container .report-filters-container > td,
.report-params-container .report-filters-container > td:first-child {
padding: 0;
}
.report-params-container td.report-create-filter-body-color {
width: 20px;
padding: 0;
vertical-align: top;
}
.report-params-container td.report-create-filter-body-color div {
height: 1px;
width: 20px;
}
.report-params-container .report-params-groupby td > div.report-params-sort-direction {
display: inline-block;
margin-left: 10px;
padding: 0 0 5px;
vertical-align: bottom;
}
.report-filters-container > td .task-filter-container {
padding: 0;
}
.report-create-filter-header {
padding: 10px 0;
font-size: 14pt;
}
.report-create-filter-body-container {
border-spacing: 0;
border-collapse: collapse;
table-layout: fixed;
margin-bottom: 20px;
width: 820px;
max-width: 100%;
min-width: 820px;
}
.g-popup-win-scroll .report-create-filter-body-container {
width: 820px;
max-width: 100%;
min-width: 820px;
}
.report-create-filter-body .filter-condition-modern-component .task-filter-cases-container .task-filter-cases {
width: 100%;
min-width: 0;
}
.report-create-filter-body .filter-condition-modern-component .task-filter-cases-container .task-filter-cases .task-filter-case {
width: 100%;
}
.report-create-filter-body .task-filter-cases-container td {
background-color: var(--gray-inner, #efefef);
}
.report-create-filter-body .task-filter-cases-container .task-filter-case .chzn-inner-ico-container:not(.chzn-inner-ico-container-with-drop) {
z-index: 8;
}
.report-create-filter-body .task-filter-logic-container td {
background-color: var(--gray-inner, #efefef);
}
.report-params-sort-column {
background: none repeat scroll 0 0 var(--report-params-sort, #C1D4F4);
display: inline-block;
height: 27px;
overflow: hidden;
padding: 5px 6px 6px;
vertical-align: bottom;
}
.report-params-sort-column select {
width: 150px;
}
.report-params-sort-column-tail {
border-bottom: 19px solid transparent;
border-left: 19px solid var(--report-params-sort, #C1D4F4);
border-top: 19px solid transparent;
display: inline-block;
height: 0;
vertical-align: bottom;
width: 0;
}
.report-common-container .report-tmpl-wr .upload-file-block-existing {
max-width: 496px;
}
.report-common-container .report-tmpl-wr .upload-file-block-existing .file-name {
color: #7F00A3;
}
.report-common-container .report-tmpl-wr .iconset-16px {
vertical-align: middle;
cursor: pointer;
display: inline-block;
}
.report-common-container.tbl-new-action .td-item.v-mid {
padding-right: 10px;
}
.report-common-container .tooltip-actions {
margin-bottom: 25px;
margin-left: 0;
margin-top: 10px;
max-width: 591px;
}
.report-common-container .tooltip-actions a {
cursor: pointer;
}
.report-var-alert {
font-size: 18px;
padding: 55px 0px;
text-align: center;
color: var(-task-card-title-text, #4B4B4B);
cursor: pointer;
}
.report-export-tmpl-name {
display: inline-block;
margin-left: 7px;
color: #838383;
}
.report-export-tmpl-name-wr .func-restrict {
display: inline-block;
margin-left: 7px;
}
.report-view-params-buttons {
padding-top: 20px;
}
.report-chart-container {
margin-bottom: 15px;
}
.report-export-settings .report-export-type {
vertical-align: bottom;
}
.report-export-settings .report-export-template {
max-width: 370px;
}
/************* Страница отображения отчета **********************/
.report-head-block-fixed {
position: fixed;
width: 100%;
overflow: hidden;
max-height: 0 !important;
z-index: 5;
}
.report-head-block-fixed.show {
max-height: 205px !important;
}
.tbl-report {
width: 100%;
}
.tbl-report.tbl-list.tbl-managed-list {
table-layout: auto;
}
.tbl-report.tbl-list tr.tr-common-item td.td-item:hover a,
.tbl-report.tbl-list tr.tr-common-item td.td-item:hover a span {
color: var(--task-status-color, #25BB69);
}
.tbl-report .td-item {
padding: 8px 10px 7px 10px;
}
.tbl-report .td-item.td-cbx {
padding: 7px 0 6px;
}
.tbl-report .head-report {
position: static;
}
.tbl-report .head-report.fixed-head {
position: fixed;
top: 45px;
left: 0;
right: 0;
background: var(--white-black, #ffffff);
border-bottom: 2px solid var(--gray-light, #c0c0c0);
}
.tbl-report thead .head-report td,
.tbl-report thead td {
overflow: hidden;
font-size: 10.5pt;
padding: 5px 10px 5px 10px;
text-align: left;
}
.tbl-report thead .head-report td .tr-header-sort,
.tbl-report thead td .tr-header-sort {
display: inline-flex;
}
.tbl-report thead .head-report td.td-head-right .tr-header-sort .header-sort-ar,
.tbl-report thead td.td-head-right .tr-header-sort .header-sort-ar {
left: -19px;
right: auto;
}
.tbl-report thead span.tr-header-sort {
cursor: pointer;
}
.tbl-report thead span.tr-header-sort .header-sort-ar {
position: absolute;
right: -19px;
left: auto;
}
.tbl-report tbody .tr-common-item td {
font-size: 15px;
}
.tbl-report .common-block-with-files {
padding-top: 10px;
}
.tbl-report .tr-common-item:hover > td.is-custom-background-color,
.tbl-report .tr-report-group:hover > td.is-custom-background-color,
.tbl-report .tr-report-group.tr-report-group-header:hover > td.is-custom-background-color {
background-color: var(--white-black, #ffffff);
opacity: 70%;
}
.tbl-report td {
overflow: hidden;
font-size: 14px;
padding: 7px;
text-align: left;
}
.tbl-report .tr-separator-bold td {
height: 2px;
overflow: hidden;
background: var(--gray-light, #c0c0c0);
padding: 0;
line-height: 0;
font-size: 0;
}
.tbl-report .tr-separator td {
height: 1px;
overflow: hidden;
background: var(--gray-light, #c0c0c0);
padding: 0;
line-height: 0;
font-size: 0;
}
.tbl-report .tr-detailed td {
font-weight: normal;
}
.tbl-report .tr-report-interim td {
font-size: 10.5pt;
font-weight: bold;
border-top: 1px solid var(--action-file-preview-border, #ccc);
border-bottom: 1px solid var(--action-file-preview-border, #ccc);
padding-bottom: 20px;
}
.tbl-report .tr-report-total td {
font-size: 16pt;
white-space: nowrap;
padding: 6px 8px 6px 10px;
}
.tbl-report .tr-report-group td {
font-size: 14px;
font-weight: bold;
}
.tbl-report .tr-report-group-link .fakelink-dashed,
.tbl-report .tr-report-group-link .fakelink-dashed-red {
border-color: transparent;
}
.tbl-report .tr-report-group-link .fakelink-dashed a:hover,
.tbl-report .tr-report-group-link .fakelink-dashed-red a:hover {
text-decoration: underline;
}
.tbl-report .tr-item td {
border-bottom: 1px solid var(--planner-schedule-fake-tbl-border, #e7e7e7);
}
.inner-view-report-description {
background: var(--inner-view-report-description-bg, #f5f9e8);
border-top: 1px solid var(--inner-view-report-description-border, #cfd3c2);
border-bottom: 1px solid var(--inner-view-report-description-border, #cfd3c2);
margin-top: 1px;
padding: 11px 15px;
word-wrap: break-word;
font-size: 12px;
}
.report-create-formula-win {
min-height: 50px;
min-width: 200px;
}
.create-formula-win-input {
margin-top: 5px;
margin-left: 10px;
padding: 0px 2px 0px 2px;
background-color: rgba(0, 0, 0, 0);
font-size: 22px;
border: none;
border-bottom: 1px solid var(--planner-schedule-month-group, #adadad);
outline: none;
min-width: 50px;
max-width: 97%;
}
.report-common-formula-win {
margin: 10px 4px 10px 10px;
}
.create-formula-header {
font-size: 13px;
color: #adadad;
margin-left: 10px;
}
.text-result-width-formula-win {
white-space: nowrap;
}
.report-view-item-expander {
cursor: pointer;
}
.report-view-item-expander svg {
width: 10px;
height: 10px;
}
.b-right-block.page-layout-block.report-edit-tab,
.page-layout-root.report-edit-tab {
background-color: var(--background-color-light-gray, #f4f4f4);
}
.report-save-date-text {
font-size: 13px;
display: inline-block;
vertical-align: bottom;
padding-bottom: 9px;
}
.report-empty {
text-align: center;
color: var(--task-card-title-text, #4b4b4b);
font-size: 14pt;
padding-top: 12%;
display: flex;
align-items: center;
flex-direction: column;
}
.report-empty .image-man {
background-image: url("/img/empty/svgEmpty18.svg");
background-repeat: no-repeat;
width: 220px;
height: 220px;
opacity: var(--emptyIconOpacity, 1);
}
.report-empty .image-woman {
background-image: url("/img/empty/svgEmpty02.svg");
background-repeat: no-repeat;
width: 220px;
height: 220px;
opacity: var(--emptyIconOpacity, 1);
}
.report-empty .report-blockR {
margin-top: 30px;
}
.report-is-save-block .print-page-container {
height: 100%;
}
.report-is-save-block .print-page-container .page-layout-container,
.report-is-save-block .print-page-container .page-layout-block {
height: 100%;
position: static;
}
.report-is-save-block .print-page-container .page-layout-container {
display: flex !important;
justify-content: space-between;
}
.report-is-save-block .print-page-container .page-layout-container .page-layout-block {
width: 75% !important;
min-width: auto !important;
}
.report-save-empty {
width: 25%;
min-width: 400px;
background: var(--report-save-empty-bg, #EBEBEB);
display: flex;
flex-direction: column;
padding: 58px 16px 0 22px;
position: relative;
}
.report-save-empty:after,
.report-save-empty:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 1px;
height: 100%;
background: var(--planner-schedule-fake-tbl-border, #E6E6E6);
}
.report-save-empty:after {
left: 0;
}
.report-save-empty:before {
left: 6px;
}
.report-save-empty .report-save-title {
color: var(--report-save-title, #4F4F4F);
font-size: 22px;
padding-bottom: 36px;
}
.report-save-empty .report-save-block .report-save-block-items,
.report-save-empty .report-save-block .report-save-block-items-more {
background-color: var(--white-black, #ffffff);
font-size: 16px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
margin-bottom: 12px;
border-radius: 6px;
box-shadow: 0 0 3px var(--search-results-item-shadow, rgba(156, 156, 156, 0.45));
}
.report-save-empty .report-save-block .report-save-block-items:hover,
.report-save-empty .report-save-block .report-save-block-items-more:hover {
background-color: var(--background-color-light-gray, #F7F7F7);
}
.report-save-empty .report-save-block .report-save-block-items:hover .report-save-menu-edit,
.report-save-empty .report-save-block .report-save-block-items-more:hover .report-save-menu-edit {
visibility: visible;
}
.report-save-empty .report-save-block .report-save-block-items .report-save-block-items-b,
.report-save-empty .report-save-block .report-save-block-items-more .report-save-block-items-b {
display: flex;
align-items: center;
padding: 12px 18px;
}
.report-save-empty .report-save-block .report-save-block-items .report-save-block-items-b a,
.report-save-empty .report-save-block .report-save-block-items-more .report-save-block-items-b a {
margin-left: 20px;
}
.report-save-empty .report-save-block .report-save-block-items .report-save-block-items-b a:hover,
.report-save-empty .report-save-block .report-save-block-items-more .report-save-block-items-b a:hover {
color: #4573B1;
text-decoration: none;
}
.report-save-empty .report-save-block .report-save-block-items .report-save-item-more,
.report-save-empty .report-save-block .report-save-block-items-more .report-save-item-more {
margin-left: 20px;
}
.report-save-empty .report-save-block .report-save-block-items .report-save-menu-edit,
.report-save-empty .report-save-block .report-save-block-items-more .report-save-menu-edit {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--white-black, #ffffff);
width: 48px;
border-radius: 0 6px 6px 0;
box-shadow: -4px 0px 3px var(--report-save-menu-shadow, rgba(209, 209, 209, 0.25));
position: absolute;
top: 0;
bottom: 0;
right: 0;
visibility: hidden;
}
.report-save-empty .report-save-block .report-save-block-items .report-save-menu-edit .task-menu-placeholder,
.report-save-empty .report-save-block .report-save-block-items-more .report-save-menu-edit .task-menu-placeholder {
display: flex;
}
.report-save-empty .report-save-block .report-save-block-items .report-save-menu-edit .task-menu-placeholder .svg-icon-12px,
.report-save-empty .report-save-block .report-save-block-items-more .report-save-menu-edit .task-menu-placeholder .svg-icon-12px {
border-radius: 6px;
padding: 4px;
display: flex;
cursor: pointer;
transition: background-color 150ms ease;
}
.report-save-empty .report-save-block .report-save-block-items .report-save-menu-edit .task-menu-placeholder .svg-icon-12px:hover,
.report-save-empty .report-save-block .report-save-block-items-more .report-save-menu-edit .task-menu-placeholder .svg-icon-12px:hover {
background-color: var(--planner-schedule-fake-tbl-border, #e8e8e8);
}
.report-save-empty .report-save-block .report-save-block-items.tbl-glittered {
background-color: var(--background-color-light-gray, #F7F7F7);
}
.report-save-empty .report-save-block .report-save-block-items.tbl-glittered .report-save-menu-edit {
visibility: visible;
}
.report-save-items-win .report-save-items-win-tbl {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
.report-save-items-win .report-save-items-win-tbl td {
padding: 10px 20px 10px 0;
border-top: 1px solid var(--gray-border, #e2e2e2);
border-bottom: 1px solid var(--gray-border, #e2e2e2);
}
.report-save-items-win .report-save-items-win-tbl tr[data-id] {
cursor: pointer;
}
.report-save-items-win .report-save-items-win-tbl tr[data-id]:hover {
background: var(--gray-back-hover, #e5e5e5);
}
.report-field-block-ex {
padding-bottom: 10px;
}
.b-ddl-menu-ul ul li.b-ddl-menu-li-multiple.b-ddl-menu-li-cant-be-selected-text {
opacity: 0.4;
}
.report-create-container.report-export-container .empty-message {
background-color: var(--white-black, #fff);
}
@media print {
.table-fake {
visibility: hidden;
}
.tr-report-total td:first-child {
visibility: hidden;
}
.tr-report-total td:nth-child(2) {
border-left: 1px solid var(--grey-list-border, #dedede);
}
.tr-detailed.tr-common-item .td-item {
position: relative;
left: 46px;
}
.report-view-container .report-view-row {
margin-left: -60px;
}
.modern-menu-body .report-view-container .report-view-row {
margin-left: -116px;
}
}
@supports (-moz-appearance: none) {
* {
scrollbar-width: thin;
scrollbar-color: var(--gray-input-border, #bbb) var(--white-black, white);
}
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb, #d8d9dc);
border: 3px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
border-radius: 15px;
-webkit-transition: background-color 900ms ease;
-moz-transition: background-color 900ms ease;
-o-transition: background-color 900ms ease;
-ms-transition: background-color 900ms ease;
transition: background-color 900ms ease;
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--gray-input-border, #bbbbbb);
-webkit-transition: background-color 200ms ease;
-moz-transition: background-color 200ms ease;
-o-transition: background-color 200ms ease;
-ms-transition: background-color 200ms ease;
transition: background-color 200ms ease;
scrollbar-width: thin;
scrollbar-color: var(--gray-input-border, #bbb) var(--white-black, white);
}
::-webkit-scrollbar-corner {
background-color: var(--background-color-light-gray, #fff);
}
.b-search {
line-height: 1.5;
}
.b-search-query {
background: var(--white-black, #fff);
border-radius: 20px;
padding: 0 14px 0 0px;
overflow: hidden;
}
.b-search-query .img-star svg .star-color {
fill: var(--planner-search-icons, #d2d2d2);
}
.b-search-query .search-icon {
vertical-align: middle;
margin-top: -2px;
padding-left: 8px;
padding-right: 2px;
}
.b-search-query .search-icon svg {
stroke: var(--planner-search-icons, #a9a9a9);
}
.b-search-query input {
color: var(--black-white, #000);
padding: 0;
border: none;
outline: none;
font-size: 13px;
font-family: inherit;
height: 27px;
line-height: 26px;
-webkit-appearance: none;
width: 465px;
box-sizing: border-box;
padding-right: 45px;
-webkit-box-shadow: inset 0 0 0 100px var(--white-black, #fff);
}
.b-search-query input:invalid {
outline: none;
border: none;
-moz-box-shadow: none;
box-shadow: none;
}
.search-results-container,
.search-results-second-container {
position: fixed;
right: 0;
top: 46px;
width: 557px;
min-height: 100px;
background: var(--background-color-light-gray, #f7f7f7);
border: 1px solid var(--grey-list-border, #dfdfdf);
padding-top: 5px;
box-shadow: 0px 2px 8px var(--dialog-box-shadow);
z-index: 22;
}
.search-results-container.timer-without-task,
.search-results-second-container.timer-without-task {
padding: 0;
border-top: unset;
border-bottom: unset;
}
.recent-objects-container {
transition: width 350ms ease;
width: 0;
}
.recent-objects-container .help-container-content-close {
position: absolute;
right: 20px;
top: 13px;
padding: 5px;
width: 15px;
height: 15px;
z-index: 1;
cursor: pointer;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.recent-objects-container .help-container-content-close.gray {
stroke: var(--planner-search-icons, #a9a9a9);
fill: none;
}
.recent-objects-container .help-container-content-close.gray:hover {
stroke: var(--task-deadline-dead, #fd0000);
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.recent-objects-container .search-results-block {
padding-top: 17px;
}
.recent-objects-container .search-results-block .search-results-item-contacts .search-results-item-image {
align-items: center;
}
.recent-objects-container .search-results-block .search-results-item-contacts .search-results-item-image i {
margin-bottom: 0;
}
.recent-objects-container .search-results-block .search-results-item-contacts .search-results-item-text {
-webkit-flex-direction: unset;
-ms-flex-direction: unset;
flex-direction: unset;
flex-grow: unset;
align-items: center;
}
.recent-objects-container .search-results-block .search-results-item-contacts .search-results-item-text .search-results-item-contact-name a {
font-weight: normal;
}
.recent-objects-container .search-results-block .search-results-item-tasks .search-results-item-text .search-results-item-title a {
font-weight: normal;
}
.recent-objects-container .recent-objects-header {
padding: 15px 15px 15px 0;
font-size: 26px;
color: var(--task-card-title-text, #4B4B4B);
}
.recent-objects-container .baron_scroller__bar {
z-index: 11;
border: none;
border-radius: 3px;
width: 6px;
margin: 1px;
cursor: pointer;
background-color: var(--scrollbar-thumb, #d8d9dc);
-webkit-transition: background-color 200ms ease;
-moz-transition: background-color 200ms ease;
-o-transition: background-color 200ms ease;
-ms-transition: background-color 200ms ease;
transition: background-color 200ms ease;
}
.recent-objects-container .baron_scroller__bar:hover {
background-color: var(--gray-input-border, #bbbbbb);
}
.recent-objects-container.active {
width: 557px;
}
.search-results-container .search-results-container-ajax {
background: url(/img/indicator_smallwaitanim.gif) no-repeat center center;
height: 32px;
}
.search-results-block .search-results-block-header,
.search-results-second-block .search-results-block-header {
border-radius: 6px;
margin-left: 14px;
font-size: 14px;
background: var(--task-card-notified-item, #f3f3f3);
padding: 7px 6px 7px 12px;
color: var(--white-black, white);
display: flex;
justify-content: space-between;
align-items: center;
}
.search-results-block .search-results-items,
.search-results-second-block .search-results-items {
padding: 10px 0 10px 14px;
height: 100%;
}
.search-results-block .search-results-items .file-attached-block-new,
.search-results-second-block .search-results-items .file-attached-block-new {
margin-right: 36px;
border: none;
position: relative;
}
.search-results-block .search-results-items .file-viewer-right-version,
.search-results-second-block .search-results-items .file-viewer-right-version {
margin: 10px 0 7px;
overflow: hidden;
}
.search-results-block .search-results-items .file-attached-block-new-preview,
.search-results-second-block .search-results-items .file-attached-block-new-preview {
min-height: 125px;
min-width: 180px;
}
.search-results-block .search-results-items .file-attached-block-removable .file-attached-block-new-preview:hover .file-attached-block-remove,
.search-results-second-block .search-results-items .file-attached-block-removable .file-attached-block-new-preview:hover .file-attached-block-remove {
opacity: 1;
}
.search-results-block .search-results-items .file-attached-block-remove,
.search-results-second-block .search-results-items .file-attached-block-remove {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
opacity: 0;
will-change: opacity;
background: var(--white-black, #ffffff);
border-bottom-left-radius: 8px;
transition: opacity 0.4s ease-out;
}
.search-results-block .search-results-items .file-attached-block-remove .svg-icon-remove,
.search-results-second-block .search-results-items .file-attached-block-remove .svg-icon-remove {
margin: 3px 0 0 2px;
}
.search-results-block .search-results-items .file-viewer-right-empty,
.search-results-second-block .search-results-items .file-viewer-right-empty {
padding-right: 20px;
font-size: 18px;
line-height: 1.33;
color: var(--chosen-multi-search-input, #656565);
font-weight: normal;
text-align: center;
}
.search-results-block .search-results-items .file-attached-block-new.highlight-file .file-attached-block-new-preview-wrapper,
.search-results-second-block .search-results-items .file-attached-block-new.highlight-file .file-attached-block-new-preview-wrapper {
border-color: #71a32e;
}
.search-results-block .search-results-items .separator-last-version,
.search-results-second-block .search-results-items .separator-last-version {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 10pt;
padding: 0;
border-spacing: 0;
width: 100%;
}
.search-results-block .search-results-items .separator-last-version .separator-line,
.search-results-second-block .search-results-items .separator-last-version .separator-line {
height: 1px;
background: #e2e2e2;
font-size: 10pt;
padding: 0;
border-spacing: 0;
width: 100%;
}
.search-results-block .search-results-items .separator-last-version .separator-text,
.search-results-second-block .search-results-items .separator-last-version .separator-text {
color: #7b7b7b;
font-size: 16px;
font-weight: bold;
padding: 0 20px;
white-space: nowrap;
}
.search-results-block .search-results-item,
.search-results-second-block .search-results-item {
padding: 10px;
box-shadow: 0 0 3px var(--search-results-item-shadow, rgba(156, 156, 156, 0.45));
border-radius: 6px;
margin-top: 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
background: var(--white-black, #ffffff);
}
.search-results-block .search-results-item .item-number-search,
.search-results-second-block .search-results-item .item-number-search {
font-size: 14px;
display: inline-block;
color: var(--link-color-gray, #9d9d9d);
margin-right: 7px;
vertical-align: bottom;
}
.search-results-block .search-results-item .search-results-item-project,
.search-results-second-block .search-results-item .search-results-item-project {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.search-results-block .search-results-item .search-results-item-project,
.search-results-second-block .search-results-item .search-results-item-project,
.search-results-block .search-results-item .search-results-item-project a,
.search-results-second-block .search-results-item .search-results-item-project a {
font-size: 13px;
color: var(--chosen-text, #333333);
margin-bottom: 2px;
}
.search-results-block .search-results-item .search-results-item-title,
.search-results-second-block .search-results-item .search-results-item-title {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-top: 1px;
font-size: 16px;
word-break: break-word;
}
.search-results-block .search-results-item .search-results-item-title span,
.search-results-second-block .search-results-item .search-results-item-title span {
margin-right: 7px;
vertical-align: bottom;
}
.search-results-block .search-results-item .search-results-item-title a,
.search-results-second-block .search-results-item .search-results-item-title a {
vertical-align: bottom;
font-weight: bold;
}
.search-results-block .search-results-item .search-results-item-description,
.search-results-second-block .search-results-item .search-results-item-description {
color: var(--search-results-item-description, #7b7b7b);
font-size: 14px;
padding-top: 6px;
word-break: break-word;
}
.classic-font .search-results-block .search-results-item .search-results-item-description,
.classic-font .search-results-second-block .search-results-item .search-results-item-description {
font-size: 12px;
}
.search-results-block .search-results-item .search-results-item-description .svg-icon-checklist,
.search-results-second-block .search-results-item .search-results-item-description .svg-icon-checklist {
opacity: 0.25;
margin-left: 24px;
margin-right: 7px;
vertical-align: middle;
}
.search-results-block .search-results-item .search-results-item-description .iconset-16px.iconset-16px-check,
.search-results-second-block .search-results-item .search-results-item-description .iconset-16px.iconset-16px-check {
opacity: 0.25;
margin-left: 24px;
margin-right: 7px;
margin-bottom: -4px;
}
.search-results-block .search-results-item .search-results-item-description .search-results-item-description-action,
.search-results-second-block .search-results-item .search-results-item-description .search-results-item-description-action {
padding-left: 25px;
}
.search-results-block .search-results-item .search-results-item-date,
.search-results-second-block .search-results-item .search-results-item-date {
font-size: 7.5pt;
align-self: center;
margin-left: auto;
color: var(--search-results-item-date, #b0b0b0);
}
.search-results-block .search-results-more,
.search-results-second-block .search-results-more {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
justify-content: space-around;
padding: 15px 7px 20px 17px;
text-align: center;
}
.search-results-block .search-results-more .search-results-more-ajax,
.search-results-second-block .search-results-more .search-results-more-ajax {
text-align: center;
display: none;
}
.search-results-block .search-results-more .search-results-more-ajax .loader,
.search-results-second-block .search-results-more .search-results-more-ajax .loader {
display: inline-block;
}
.search-results-block .search-results-more .fakelink-dashed,
.search-results-second-block .search-results-more .fakelink-dashed {
border: 1px solid var(--task-card-checklist-item-hover, #E8E8E8);
padding: 7px 19px;
border-radius: 36px;
background: var(--white-black, #ffffff);
}
.search-results-block .search-results-more .fakelink-dashed:hover,
.search-results-second-block .search-results-more .fakelink-dashed:hover {
background: var(--time-type-switcher-bg-hover, #ededed);
}
.search-results-block .search-results-item-image,
.search-results-second-block .search-results-item-image {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.search-results-block .search-results-item-text,
.search-results-second-block .search-results-item-text {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
flex-grow: 1;
}
.search-results-block .search-results-item-reference,
.search-results-second-block .search-results-item-reference {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.search-results-block .search-results-item-reference .search-results-item-client-ico,
.search-results-second-block .search-results-item-reference .search-results-item-client-ico {
stroke: var(--gray-dark-icon, #626262);
margin: 2px 10px 0 0;
}
.search-results-block .reference-text,
.search-results-second-block .reference-text {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.search-results-second-block .header-container {
padding-top: 7px;
left: 0;
right: 0;
}
.search-results-second-block .search-results-block-header {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border-radius: 6px;
margin-left: 14px;
margin-right: 15px;
font-size: 18px;
padding: 7px 15px;
color: var(--white-black, white);
}
.search-results-second-block .arrow-back {
width: 26px;
height: 26px;
border-radius: 50%;
cursor: pointer;
margin-right: 8px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.search-results-second-block .arrow-back:hover {
background: var(--search-result-arrow-back-hover, rgba(255, 255, 255, 0.15));
}
.search-results-second-block .arrow-back svg {
width: 14px;
height: 19px;
fill: var(--white-black, #FFFFFF);
transform: rotate(180deg);
}
.search-results-second-block .header-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
flex: 1 1 0;
}
.search-results-second-block .search-results-items {
padding-right: 15px;
padding-bottom: 35px;
}
.search-results-sort {
margin: 14px 15px 0 14px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
font-size: 13px;
color: var(--task-card-search-text, #8A8A8A);
}
.search-results-sort .sort_favorite {
display: flex;
justify-content: center;
fill: var(--task-card-search-text, #8a8a8a);
}
.search-results-sort .sort_favorite svg {
width: 16px;
height: 16px;
}
.search-results-sort .btn-item {
width: 100%;
}
.search-results-sort .btn-item:not(:last-child) {
margin-right: 6px;
}
.btn-item {
background: #ffffff;
border: 1px solid #E2E2E2;
border-radius: 6px;
cursor: pointer;
padding: 9px 0 8px 0;
text-align: center;
transition: all 150ms ease-in-out;
}
.btn-item.active {
background-color: var(--activeFilter);
color: var(--activeFilterElement);
}
.btn-item.filter_advanced.active svg {
stroke: var(--activeFilterElement);
}
.btn-item:hover {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.45);
-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.45);
-o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.45);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.45);
}
.search-result-prefix {
margin: 14px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.search-result-prefix .flex-tp-type-switcher {
width: auto;
border: 1px solid var(--time-type-switcher-border, #D0D0D0);
border-radius: 18px;
background: var(--white-black, #ffffff);
box-sizing: border-box;
padding: 3px 4px;
margin-left: 5px;
user-select: none;
flex-shrink: 0;
font-size: 12px;
text-transform: uppercase;
}
.search-result-prefix .flex-tp-type-switcher .flex-tp-type-switcher-items-container {
display: flex;
align-items: center;
}
.search-result-prefix .flex-tp-type-switcher .flex-tp-type-switcher-items-container .flex-tp-type-btn:first-child {
margin-right: 5px;
}
.search-result-prefix .flex-tp-type-switcher .flex-tp-type-btn {
box-sizing: border-box;
border-radius: 18px;
padding: 5px 8px 5px 8px;
cursor: pointer;
color: var(--time-type-switcher-text, #D1D1D1);
}
.search-result-prefix .flex-tp-type-switcher .flex-tp-type-btn.active {
background-color: var(--activeFilter);
color: var(--activeFilterElement);
}
.search-result-prefix .flex-tp-type-switcher .flex-tp-type-btn:not(.active):hover {
background-color: var(--time-type-switcher-bg-hover, #EDEDED);
}
.padding-empty-cross {
padding-top: 23px;
}
.search-results-second-container-data .search-results-reference .search-results-items {
padding-top: 57px !important;
}
.search-results-item-projects .search-results-item-user-links {
margin-left: 22px;
}
.search-results-item-files {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
white-space: nowrap;
vertical-align: top;
}
.search-results-item-files .search-results-item-file-data {
display: inline-block;
vertical-align: inherit;
overflow-wrap: break-word;
}
.search-results-item-files.search-results-item-files-thumbs {
display: block;
white-space: normal;
}
.search-results-item-file-ico {
display: inline-block;
margin-right: 7px;
}
.search-results-item-file-ico i {
margin-top: 5px;
}
.search-results-item-file-data {
vertical-align: top;
white-space: normal;
max-width: 440px;
}
.search-results-item-file-data .fakelink,
.search-results-item-file-data a {
font-size: 11pt;
}
.search-results-item-file-data .search-results-item-file-size {
color: var(--task-card-resizer, #979797);
font-size: 8pt;
margin-left: 10px;
}
.search-results-item-file-data .search-results-item-file-action {
font-size: 8pt;
margin-left: 10px;
}
.search-results-item-file-data .search-results-item-project {
padding-top: 1px;
display: inline-block !important;
}
.search-results-item-file-data .search-results-item-project a {
text-decoration: none;
}
.search-results-item-file-data .search-results-item-project a:hover {
text-decoration: underline;
}
.search-results-item-files .search-results-item-image {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.search-results-item-files .search-results-item-image .img-star {
margin-right: 6px;
vertical-align: text-bottom;
}
.search-results-item-user-data {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.search-results-item-user-data .search-results-item-user-name,
.search-results-item-user-data .search-results-item-contact-name {
display: flex;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex-direction: column;
}
.search-results-item-user-data .search-results-item-user-name a,
.search-results-item-user-data .search-results-item-contact-name a {
font-size: 11pt;
}
.search-results-item-user .search-results-item-project {
padding-top: 4px;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.search-results-item-user-data .search-results-item-contact-name {
max-width: 335px;
}
.search-results-item-user-data .search-results-item-contact-name a {
max-width: 290px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
vertical-align: top;
}
.search-results-item-contact-clients {
color: var(--task-card-resizer, #979797);
font-size: 8pt;
display: inline-block;
vertical-align: top;
max-width: 290px;
overflow: hidden;
text-overflow: ellipsis;
}
.search-results-item-user-links {
color: var(--task-card-resizer, #979797);
}
.search-results-item-user-links a {
color: var(--task-card-resizer, #979797);
font-size: 14px;
text-decoration: none;
margin: 0 7px;
}
.search-results-item-user-links a:hover {
text-decoration: underline;
}
.search-results-item-user-links a:first-child {
margin-left: 0;
}
.search-results-item-users .img-star {
margin-bottom: 11px;
margin-right: 17px;
}
.search-results-item-project-data {
vertical-align: top;
white-space: normal;
}
.search-results-item-project-data .search-results-item-title {
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
white-space: initial;
}
.search-results-item .search-results-item-title .search-results-item-project-title span {
margin: 0;
}
.search-results-item-title a:hover {
color: #5881B8;
}
.search-results-item .search-results-item-title .img-star {
padding-right: 6px;
vertical-align: bottom;
}
.b-search-query-close {
position: sticky;
top: 0;
cursor: pointer;
margin-left: 5px;
vertical-align: middle;
display: inline-block;
}
.b-search-query-close.svg-search-close {
width: 16px;
height: 16px;
text-align: center;
line-height: 0;
}
.b-search-query-close.svg-search-close .svg-icon-wr {
position: relative;
top: 3px;
width: 8px;
height: 8px;
line-height: 0;
}
.b-search-query-close.svg-search-close .svg-stroke-icon-wr {
position: relative;
top: 2px;
width: 10px;
height: 10px;
line-height: 0;
}
.b-search-query-close.svg-search-close .svg-stroke-icon-wr svg {
width: 10px;
height: 10px;
stroke: #828282;
}
.b-search-query-close.svg-search-close .svg-icon-wr svg {
width: 8px;
height: 8px;
fill: #828282;
}
.b-search-favorite {
display: inline-block;
vertical-align: middle;
margin-bottom: 3px;
margin-left: -16px;
}
.b-search-favorite.active {
background-position: 0 -16px;
margin-bottom: 0px;
}
.search-results-item-task .search-results-item-project a {
text-decoration: none;
}
.search-results-item-task .search-results-item-project a:hover {
text-decoration: underline;
}
.search-results-item-clients .img-star {
margin-right: 6px;
vertical-align: middle;
}
.search-results-item-clients .search-results-item-client-ico {
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.search-results-item-clients .search-results-item-client-data {
display: inline-block;
font-size: 11pt;
vertical-align: middle;
}
.search-results-item-header {
display: inline-block;
vertical-align: middle;
font-size: 11pt;
}
.search-results-item-clients .search-results-item-client-group {
color: #979797;
font-size: 9pt;
margin-left: 10px;
}
.search-results-item-contacts .img-star {
margin-bottom: 12px;
margin-right: 17px;
vertical-align: text-bottom;
}
.search-results-container-data .search-results-block:last-child .search-results-more {
margin-bottom: 10px;
}
.search-results-container-data .search-results-block:last-child {
margin-bottom: 15px;
}
.search-results-container-data .b-green-block-progress {
margin: 0;
}
.search-results-prefix-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
justify-content: flex-end;
padding: 0 15px;
font-size: 13px;
}
.search-results-prefix-block .b-search-query-close .svg-icon-stroke:hover {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.search-results-item.project-group-header {
border-bottom: 1px dashed #D4D4D4;
padding-top: 5px;
margin-bottom: -7px;
}
.search-results-item.project-group-header h2 {
font-size: 12pt;
color: #6C6C6C;
margin-bottom: 3px;
}
.search-results-item-description.contact-description {
font-size: 8pt;
}
.search-results-block {
padding-right: 15px;
}
.search-results-block .search-results-item-handbookdata .search-results-item-title a,
.search-results-block .search-results-item-handbook .search-results-item-title a {
vertical-align: middle;
}
.search-results-item-handbookdata .search-results-item-title-ico,
.search-results-item-handbook .search-results-item-title-ico {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.search-selected-item-highlight {
background: #f3f3f3;
margin: 5px 0px -10px -10px;
padding: 10px 0px 10px 10px;
}
.search-selected-more-results-highlight {
background: #f3f3f3;
margin-bottom: 5px;
}
.found-action-list .search-results-no {
justify-content: center;
width: unset;
height: 100%;
flex-direction: column;
}
.found-action-list .search-results-no .svg-empty-block {
margin: 0 auto;
}
.found-action-list .search-results-no .search-results-no-text {
color: #a6a6a6;
padding: unset;
margin-top: 25px;
}
.search-results-no,
.report-nothing-found {
display: flex;
align-items: center;
flex-direction: column;
margin-top: 4%;
}
.search-results-no.results-block-one,
.report-nothing-found.results-block-one {
height: 90%;
justify-content: center;
margin-top: 0;
}
.search-results-no .svg-no-result,
.report-nothing-found .svg-no-result {
width: 176px;
height: 169px;
}
.search-results-no .svg-no-result .svg-image,
.report-nothing-found .svg-no-result .svg-image {
background-image: url('/img/svg/svgCalendar_empty.svg');
width: 176px ;
height: 166px;
display: inline-block;
}
.search-results-no p,
.report-nothing-found p {
display: block;
margin-top: 30px;
color: var(--chosen-text, #333333);
font-weight: normal;
max-width: 370px;
font-size: 16px;
line-height: 19px;
text-align: center;
}
.search-results-no .btn-ignore-only-active-task,
.report-nothing-found .btn-ignore-only-active-task {
background: var(--activeButton);
color: var(--activeButtonElements);
cursor: pointer;
margin-top: 25px;
padding: 7px 32px 8px;
border-radius: 6px;
border: none;
font-size: 14px;
text-decoration: none;
}
.search-results-no .btn-ignore-only-active-task:hover,
.report-nothing-found .btn-ignore-only-active-task:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.search-results-block-header .search-header-btn {
display: flex;
align-items: center;
}
.search-results-block-header .search-results-block-sort-placeholder {
display: flex;
align-items: center;
}
.search-results-block-header .search-results-block-sort-placeholder .input-switch-text {
padding-right: 8px;
font-size: 14px;
}
.search-results-block-header .btn-item-advanced {
cursor: pointer;
margin: 0 6px 0 12px;
display: inline-flex;
}
.search-results-block-header .btn-item-advanced svg {
stroke: var(--white-black, #ffffff);
fill: none;
}
.search-results-block-header .btn-item-advanced.active svg {
fill: var(--white-black, #ffffff);
}
.search-results-block-header .btn-item-advanced.active #filter-icon {
fill: var(--white-black, #ffffff);
}
.search-results-block-header .btn-item-advanced.active #filter-icon line {
stroke: #978DD2;
}
.search-results-block-header .search-icon-switch-display-files {
display: flex;
width: 16px;
height: 16px;
flex-grow: 0;
cursor: pointer;
padding: 2px;
border-radius: 6px;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
}
.search-results-block-header .search-icon-switch-display-files:hover {
background-color: var(--workspace-scroll-items-bg, rgba(255, 255, 255, 0.25));
}
.search-results-block-header .search-icon-switch-display-files svg {
width: 16px;
height: 16px;
fill: none;
stroke: var(--white-black, #ffffff);
stroke-miterlimit: 10;
}
.search-result-searchsort {
display: flex;
align-items: center;
}
.search-result-searchsort input[type="checkbox"] {
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search-result-searchsort .flex-tp-type-btn {
display: inline-flex;
}
.search-result-searchsort .flex-tp-type-btn p {
padding: 0 10px;
}
.search-result-searchsort .flex-tp-type-btn .svg-triangle-left {
transform: scale(-1, 1);
}
.search-result-searchsort .flex-tp-type-btn svg {
fill: var(--activeFilterElement);
}
.search-result-searchsort .btn-item-star {
margin-left: 10px;
background: var(--white-black, #ffffff);
height: 30px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--time-type-switcher-border, #D0D0D0);
border-radius: 50%;
cursor: pointer;
}
.search-result-searchsort .btn-item-star img {
width: 18px;
height: 18px;
}
.summary-page-menu .summary-page-menu-dates {
display: inline-block;
vertical-align: top;
padding-top: 7px;
}
.summary-page-menu .summary-page-menu-date {
display: inline-block;
cursor: pointer;
vertical-align: top;
}
.summary-page-menu .summary-page-menu-date span {
border-bottom-width: 1px;
}
.summary-page-menu .summary-page-menu-date:hover span {
border-bottom: 1px dashed #000;
}
.summary-page-menu .summary-page-menu-date .svg-icon-16px {
vertical-align: top;
margin: -1px 5px 0 0;
}
.summary-page-menu .summary-page-menu-date img {
vertical-align: top;
margin: -2px 5px 0 0;
}
.summary-page-menu .summary-page-menu-today {
display: inline-block;
border-bottom-width: 1px;
vertical-align: top;
cursor: pointer;
}
.summary-page-menu .summary-page-menu-today:hover {
border-bottom: 1px dashed #000;
}
.system-handbook {
width: 100%;
/* otherCommonNameWithColorDialog */
/* end of */
/* otherPhoneTypeDialog */
/* end of */
/* accountConfLink */
/* end of */
}
.system-handbook .tbl-other-common-dialog {
width: 100%;
margin-top: -10px;
}
.system-handbook .obj-name {
width: 565px;
font-size: 22px;
}
.system-handbook .v-top {
padding-top: 7px;
}
.system-handbook .v-top,
.system-handbook .v-mid {
font-size: 14px;
}
.system-handbook .other-common-color-current {
height: 27px;
width: 150px;
}
.system-handbook .other-common-color-picker {
display: none;
}
.system-handbook .color-picker-picker {
width: 567px;
}
.system-handbook .tbl-email-filter-create {
width: 100%;
margin-top: -10px;
}
.system-handbook .text-box {
width: 356px;
font-size: 22px;
}
.system-handbook .conf.obj-name {
width: 480px;
font-size: 14px;
}
.system-handbook .dialog-btn-wrapper {
padding: 25px 0 0;
font-size: 14px;
}
.tabs-panel {
display: flex;
border-bottom: 1px solid var(--gray-input-border, #bbb);
padding: 0;
}
.tabs-panel .tab {
display: inline-flex;
justify-content: center;
}
.tabs-panel .tab:not(:first-child) {
margin-left: 35px;
}
.tabs-panel .tab span {
transition: padding 0.2s;
padding: 0 8px;
display: inline-block;
margin: 0 auto;
border-bottom: 6px solid;
text-transform: uppercase;
color: var(--grey-group-text, #6c6c6c);
cursor: pointer;
text-decoration: none;
line-height: 2;
}
.tabs-panel .tab span:hover {
background: var(--tab-switcher-hover, #e5e5e5);
}
.tabs-panel .tab.active span {
transition: padding 0.2s;
padding: 0;
border-bottom-color: var(--activeFilter, #00864b);
}
.tabs-panel .tab.active span:hover {
transition: padding 0.2s;
padding: 0 8px;
}
.time-picker-container {
background: var(--white-black, #fff);
}
.time-picker-canvas {
position: relative;
margin: 0 auto;
border-radius: 100%;
background: var(--grey-dark-hover, #f2f2f2);
}
.time-picker-canvas-m60,
.time-picker-canvas-h24 {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.2s ease-out;
transition: opacity 0.4s ease-out, -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out, opacity 0.4s ease-out;
transition: transform 0.2s ease-out, opacity 0.4s ease-out, -webkit-transform 0.2s ease-out;
}
.time-picker-canvas-hours .time-picker-canvas-m60 {
visibility: hidden;
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0.3;
}
.time-picker-canvas-minutes .time-picker-canvas-h24 {
visibility: hidden;
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0.3;
}
/* dot in middle */
.time-picker-canvas::before {
z-index: 1;
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-top: -2px;
margin-left: -2px;
width: 3px;
height: 3px;
border-radius: 100%;
background: var(--time-picker-dot, #202020);
}
.time-picker-canvas-hand {
position: absolute;
top: 50%;
left: 50%;
height: 1px;
margin: -1px 0 0 -2px;
-webkit-transform-origin: 1.5px 0.5px;
transform-origin: 1.5px 0.5px;
background: #4a89f4;
}
.time-picker-canvas ul {
position: absolute;
top: 0;
left: 50%;
width: 100%;
height: 100%;
padding: 0;
list-style: none;
z-index: 2;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.time-picker-canvas li {
position: absolute;
display: block;
text-align: center;
top: 50%;
left: 50%;
line-height: 1;
cursor: default;
z-index: 2;
}
.time-picker-canvas li span {
font-size: 16px;
line-height: 31px;
vertical-align: middle;
color: var(--chosen-multi-search-input, #666);
}
.time-picker-canvas li.active {
background: var(--time-picker-li-active, #d9e7fd);
border-radius: 100%;
}
.time-picker-canvas li.time-picker-canvas-minute.time-picker-canvas-minute {
background: var(--time-picker-minute, rgba(217, 231, 253, 0.5));
z-index: 1;
}
.time-picker-canvas li.time-picker-canvas-minute span {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -3px 0 0 -3px;
width: 5px;
height: 5px;
border-radius: 100%;
background: #4a89f4;
}
.time-picker-canvas {
height: 130px;
width: 130px;
}
.time-picker-canvas .time-picker-canvas-hand {
width: 35px;
}
.time-picker-canvas .time-picker-canvas-hand.time-picker-canvas-hand-h24,
.time-picker-canvas .time-picker-canvas-hand.time-picker-canvas-hand-m60 {
width: 55px;
}
.time-picker-canvas ul {
margin: 0 0 0 -65px;
}
.time-picker-canvas li {
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
}
.time-picker-canvas li span {
line-height: 20px;
}
.time-picker-canvas li:nth-child(1) {
-webkit-transform: translate(17.5px, -30.31088913px);
-moz-transform: translate(17.5px, -30.31088913px);
-ms-transform: translate(17.5px, -30.31088913px);
-o-transform: translate(17.5px, -30.31088913px);
transform: translate(17.5px, -30.31088913px);
}
.time-picker-canvas li:nth-child(13),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(1) {
-webkit-transform: translate(26.5px, -45.8993464px);
-moz-transform: translate(26.5px, -45.8993464px);
-ms-transform: translate(26.5px, -45.8993464px);
-o-transform: translate(26.5px, -45.8993464px);
transform: translate(26.5px, -45.8993464px);
}
.time-picker-canvas li:nth-child(2) {
-webkit-transform: translate(30.31088913px, -17.5px);
-moz-transform: translate(30.31088913px, -17.5px);
-ms-transform: translate(30.31088913px, -17.5px);
-o-transform: translate(30.31088913px, -17.5px);
transform: translate(30.31088913px, -17.5px);
}
.time-picker-canvas li:nth-child(14),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(2) {
-webkit-transform: translate(45.8993464px, -26.5px);
-moz-transform: translate(45.8993464px, -26.5px);
-ms-transform: translate(45.8993464px, -26.5px);
-o-transform: translate(45.8993464px, -26.5px);
transform: translate(45.8993464px, -26.5px);
}
.time-picker-canvas li:nth-child(3) {
-webkit-transform: translate(35px, 0);
-moz-transform: translate(35px, 0);
-ms-transform: translate(35px, 0);
-o-transform: translate(35px, 0);
transform: translate(35px, 0);
}
.time-picker-canvas li:nth-child(15),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(3) {
-webkit-transform: translate(53px, 0);
-moz-transform: translate(53px, 0);
-ms-transform: translate(53px, 0);
-o-transform: translate(53px, 0);
transform: translate(53px, 0);
}
.time-picker-canvas li:nth-child(4) {
-webkit-transform: translate(30.31088913px, 17.5px);
-moz-transform: translate(30.31088913px, 17.5px);
-ms-transform: translate(30.31088913px, 17.5px);
-o-transform: translate(30.31088913px, 17.5px);
transform: translate(30.31088913px, 17.5px);
}
.time-picker-canvas li:nth-child(16),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(4) {
-webkit-transform: translate(45.8993464px, 26.5px);
-moz-transform: translate(45.8993464px, 26.5px);
-ms-transform: translate(45.8993464px, 26.5px);
-o-transform: translate(45.8993464px, 26.5px);
transform: translate(45.8993464px, 26.5px);
}
.time-picker-canvas li:nth-child(5) {
-webkit-transform: translate(17.5px, 30.31088913px);
-moz-transform: translate(17.5px, 30.31088913px);
-ms-transform: translate(17.5px, 30.31088913px);
-o-transform: translate(17.5px, 30.31088913px);
transform: translate(17.5px, 30.31088913px);
}
.time-picker-canvas li:nth-child(17),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(5) {
-webkit-transform: translate(26.5px, 45.8993464px);
-moz-transform: translate(26.5px, 45.8993464px);
-ms-transform: translate(26.5px, 45.8993464px);
-o-transform: translate(26.5px, 45.8993464px);
transform: translate(26.5px, 45.8993464px);
}
.time-picker-canvas li:nth-child(6) {
-webkit-transform: translate(0, 35px);
-moz-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
-o-transform: translate(0, 35px);
transform: translate(0, 35px);
}
.time-picker-canvas li:nth-child(18),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(6) {
-webkit-transform: translate(0, 53px);
-moz-transform: translate(0, 53px);
-ms-transform: translate(0, 53px);
-o-transform: translate(0, 53px);
transform: translate(0, 53px);
}
.time-picker-canvas li:nth-child(7) {
-webkit-transform: translate(-17.5px, 30.31088913px);
-moz-transform: translate(-17.5px, 30.31088913px);
-ms-transform: translate(-17.5px, 30.31088913px);
-o-transform: translate(-17.5px, 30.31088913px);
transform: translate(-17.5px, 30.31088913px);
}
.time-picker-canvas li:nth-child(19),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(7) {
-webkit-transform: translate(-26.5px, 45.8993464px);
-moz-transform: translate(-26.5px, 45.8993464px);
-ms-transform: translate(-26.5px, 45.8993464px);
-o-transform: translate(-26.5px, 45.8993464px);
transform: translate(-26.5px, 45.8993464px);
}
.time-picker-canvas li:nth-child(8) {
-webkit-transform: translate(-30.31088913px, 17.5px);
-moz-transform: translate(-30.31088913px, 17.5px);
-ms-transform: translate(-30.31088913px, 17.5px);
-o-transform: translate(-30.31088913px, 17.5px);
transform: translate(-30.31088913px, 17.5px);
}
.time-picker-canvas li:nth-child(20),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(8) {
-webkit-transform: translate(-45.8993464px, 26.5px);
-moz-transform: translate(-45.8993464px, 26.5px);
-ms-transform: translate(-45.8993464px, 26.5px);
-o-transform: translate(-45.8993464px, 26.5px);
transform: translate(-45.8993464px, 26.5px);
}
.time-picker-canvas li:nth-child(9) {
-webkit-transform: translate(-35px, 0);
-moz-transform: translate(-35px, 0);
-ms-transform: translate(-35px, 0);
-o-transform: translate(-35px, 0);
transform: translate(-35px, 0);
}
.time-picker-canvas li:nth-child(21),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(9) {
-webkit-transform: translate(-53px, 0);
-moz-transform: translate(-53px, 0);
-ms-transform: translate(-53px, 0);
-o-transform: translate(-53px, 0);
transform: translate(-53px, 0);
}
.time-picker-canvas li:nth-child(10) {
-webkit-transform: translate(-30.31088913px, -17.5px);
-moz-transform: translate(-30.31088913px, -17.5px);
-ms-transform: translate(-30.31088913px, -17.5px);
-o-transform: translate(-30.31088913px, -17.5px);
transform: translate(-30.31088913px, -17.5px);
}
.time-picker-canvas li:nth-child(22),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(10) {
-webkit-transform: translate(-45.8993464px, -26.5px);
-moz-transform: translate(-45.8993464px, -26.5px);
-ms-transform: translate(-45.8993464px, -26.5px);
-o-transform: translate(-45.8993464px, -26.5px);
transform: translate(-45.8993464px, -26.5px);
}
.time-picker-canvas li:nth-child(11) {
-webkit-transform: translate(-17.5px, -30.31088913px);
-moz-transform: translate(-17.5px, -30.31088913px);
-ms-transform: translate(-17.5px, -30.31088913px);
-o-transform: translate(-17.5px, -30.31088913px);
transform: translate(-17.5px, -30.31088913px);
}
.time-picker-canvas li:nth-child(23),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(11) {
-webkit-transform: translate(-26.5px, -45.8993464px);
-moz-transform: translate(-26.5px, -45.8993464px);
-ms-transform: translate(-26.5px, -45.8993464px);
-o-transform: translate(-26.5px, -45.8993464px);
transform: translate(-26.5px, -45.8993464px);
}
.time-picker-canvas li:nth-child(12) {
-webkit-transform: translate(0, -35px);
-moz-transform: translate(0, -35px);
-ms-transform: translate(0, -35px);
-o-transform: translate(0, -35px);
transform: translate(0, -35px);
}
.time-picker-canvas li:nth-child(24),
.time-picker-canvas .time-picker-canvas-m60 li:nth-child(12) {
-webkit-transform: translate(0, -53px);
-moz-transform: translate(0, -53px);
-ms-transform: translate(0, -53px);
-o-transform: translate(0, -53px);
transform: translate(0, -53px);
}
.time-picker-canvas li span {
font-size: 11px;
}
.toggle-switcher {
width: 32px;
height: 16px;
background: var(--toggle-switcher-bg, #acacac);
border-radius: 10px;
display: inline-block;
cursor: pointer;
}
.toggle-switcher .ts-blt {
position: relative;
display: flex;
width: 20px;
height: 20px;
border-radius: 50%;
background: #ffc000;
top: -2px;
left: -1px;
box-shadow: 0 1px 0 0px rgba(0, 0, 0, 0.35);
transition: left 0.25s ease-in;
align-items: center;
justify-content: center;
}
.toggle-switcher .ts-blt span {
font-size: 0;
line-height: 0;
}
.toggle-switcher .ts-blt .ts-blt-opened {
display: none;
}
.toggle-switcher .ts-blt .ts-blt-locked svg {
fill: #ffc000;
stroke: var(--white-black, white);
stroke-width: 1.5px;
}
.toggle-switcher .ts-blt svg {
width: 10px;
height: 10px;
fill: var(--white-black, #fff);
}
.toggle-switcher.unlock .ts-blt {
background-color: var(--activeSlider, #00864b);
left: 13px;
}
.toggle-switcher.unlock .ts-blt .ts-blt-opened {
display: block;
}
.toggle-switcher.unlock .ts-blt .ts-blt-locked {
display: none;
}
.toggle-switcher.enable-disable .ts-blt {
background-color: var(--activeSlider, #00864b);
}
.toggle-switcher.enable-disable:not(.unlock) .ts-blt {
background: var(--toggle-switcher-lock, #828282);
}
.toggle-switcher.left-right .ts-blt {
background-color: var(--activeSlider, #00864b);
}
.toggle-switcher.left-right .ts-blt .ts-blt-opened {
display: block;
transform: rotate(0deg);
transition: 0.25s;
}
.toggle-switcher.left-right .ts-blt .ts-blt-locked {
display: block;
}
.toggle-switcher.left-right.unlock .ts-blt {
background-color: var(--activeSlider, #00864b);
}
.toggle-switcher.left-right.unlock .ts-blt .ts-blt-opened {
display: block;
transform: rotate(180deg);
}
.toggle-switcher.unlocked .states {
background-color: var(--activeSlider, #00864b);
}
.toggle-switcher-label {
cursor: pointer;
}
.toggle-switcher-no-ico {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.toggle-switcher-no-ico input {
display: none;
}
.toggle-switcher-no-ico label {
display: block;
overflow: hidden;
cursor: pointer;
height: 18px;
padding: 0;
line-height: 18px;
border-radius: 7px;
background-color: #cacaca;
transition: background-color 0.2s ease-in;
position: relative;
width: 36px;
}
.toggle-switcher-no-ico label:before {
content: "";
display: block;
width: 17px;
margin: 0;
background: #ffffff;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
border: 2px solid #cacaca;
border-radius: 7px;
transition: all 0.2s ease-in 0s;
}
.toggle-switcher-no-ico input:checked + label {
background-color: #61a038;
}
.toggle-switcher-no-ico input:checked + label,
.toggle-switcher-no-ico input:checked + label:before {
border-color: #61a038;
}
.toggle-switcher-no-ico input:checked + label:before {
right: 0px;
}
/* jslib.ToggleSwitcher.ts */
.switch {
display: flex;
}
.switch .toggle-switcher {
margin: auto 0;
min-width: 32px;
width: 32px;
height: 16px;
background: #acacac;
border-radius: 10px;
display: inline-block;
cursor: pointer;
}
.switch .toggle-switcher .states {
display: flex;
justify-content: center;
position: relative;
align-items: center;
width: 20px;
height: 20px;
border-radius: 50%;
top: -2px;
left: -1px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.35);
transition: left 0.25s ease-in;
}
.switch .toggle-switcher.unlocked .states {
background: #00864b;
left: 13px;
}
.switch .toggle-switcher.unlocked .states .on {
display: block;
}
.switch .toggle-switcher.unlocked .states .on svg {
width: 10px;
height: 10px;
fill: #fff;
}
.switch .toggle-switcher.unlocked .states .off {
display: none;
}
.switch .toggle-switcher:not(.unlocked) .states {
background: #828282;
}
.switch .toggle-switcher:not(.unlocked) .states .on {
display: none;
}
.switch .toggle-switcher:not(.unlocked) .states .off {
display: block;
}
.switch .label {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
}
.switch .label.left {
margin: 0 15px 0 0;
}
.switch .label.right {
margin: 0 0 0 15px;
}
.planfix-tooltip {
position: absolute;
top: 100px;
left: 100px;
z-index: 255;
}
.planfix-tooltip-container {
position: relative;
padding: 15px 25px 15px 15px;
background: var(--white-black, #fff);
border: 1px solid var(--menu-logined-popup-list-border, #ccc);
border-radius: 4px;
font-size: 12px;
box-shadow: 0 0 11px 1px var(--menu-logined-popup-list-border, #ccc);
}
.planfix-tooltip-arrow {
position: absolute;
display: block;
width: 0;
height: 0;
border: 6px solid var(--edit-win-switcher-wr-shadow-2, rgba(200, 200, 200, 0));
}
.planfix-tooltip-arrow-outer {
position: absolute;
display: block;
width: 0;
height: 0;
border: 6px solid var(--edit-win-switcher-wr-shadow-2, rgba(200, 200, 200, 0));
}
.lt-ie9 .planfix-tooltip-arrow,
.lt-ie9 .planfix-tooltip-arrow-outer {
border-color: transparent;
}
.planfix-tooltip-close {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
cursor: pointer;
background: url('/img/global-message-close.gif') no-repeat center center;
}
.type-assist-list {
display: none;
max-height: 120px;
overflow-y: auto;
position: absolute;
border: 1px solid #aaa;
box-sizing: border-box;
}
.type-assist-list ul {
list-style: none;
padding: 0;
margin: 0;
background: #fff;
cursor: pointer;
padding: 0 0 0 4px;
}
.type-assist-list ul li {
padding: 2px 7px 3px;
}
.type-assist-list ul li.selected,
.type-assist-list ul li:hover {
color: #fff;
background-color: #3875d7;
}
.type-assist-list.active {
display: block;
}
.value-selector {
display: flex;
flex-direction: column;
margin-top: 14px;
}
.value-selector_no-header {
margin-top: 33px;
}
.value-selector_is-disabled {
pointer-events: none;
}
.value-selector_is-disabled .value-selector__item_active {
background: #bebebe;
color: #ffffff;
}
.value-selector__header {
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--core-dropdown-text, #9c9c9c);
font-size: 12px;
}
.value-selector__items {
border: 1px solid var(--grey-list-border, #dedede);
border-radius: 17px;
display: flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
background-color: var(--time-type-switcher-bg, white);
padding: 2px 1px;
width: fit-content;
}
.value-selector__item {
border-radius: 13px;
padding: 5px 16px 5px;
box-sizing: border-box;
text-align: center;
margin: 0 2px;
cursor: pointer;
flex: 1;
white-space: nowrap;
color: var(--core-dropdown-text, #9c9c9c);
display: flex;
gap: 4px;
align-items: center;
max-width: fit-content;
}
.classic-font .value-selector__item {
padding-top: 6px;
}
.value-selector__item_multiple {
background: var(--time-type-switcher-text, #d1d1d1);
color: white;
}
.value-selector__item_active {
background: var(--activeSlider, #1abe72);
color: var(--activeButtonElements, #ffffff);
}
.value-selector__item_active .value-selector__icon {
display: block;
stroke: var(--activeButtonElements, #ffffff);
}
.value-selector__item_disabled {
cursor: default;
opacity: 0.45;
}
.value-selector__item:not(.value-selector__item_active):not(.value-selector__item_multiple):not(.value-selector__item_disabled):hover {
background: var(--gray-inner, #efefef);
}
.value-selector__icon {
display: block;
width: 16px;
height: 16px;
stroke: var(--time-type-switcher-text, #d1d1d1);
}
.value-selector__icon svg {
width: 16px;
height: 16px;
}
.value-selector_fit-content {
width: fit-content;
}
.value-selector_menu-create {
margin-top: 0;
}
.value-selector_uppercase .value-selector__item {
text-transform: uppercase;
}
.value-selector_account-settings {
margin-top: 0;
margin-bottom: 20px;
}
.value-selector_account-settings .value-selector__items {
border-radius: 18px;
width: fit-content;
}
.value-selector_account-settings .value-selector__items .value-selector__item {
border-radius: 18px;
flex: unset;
}
.b-main-block.account-settings .value-selector_account-settings.last-in-group,
.b-main-block.user-settings-rc .value-selector_user-settings.last-in-group {
margin-bottom: 18px;
}
.value-switcher {
display: flex;
flex-direction: column;
margin-top: 14px;
}
.value-switcher__header {
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--core-dropdown-text, #9C9C9C);
font-size: 12px;
}
.value-switcher_no-header {
margin-top: 33px;
}
.value-switcher__container {
display: flex;
position: relative;
}
.value-switcher__main-content {
position: relative;
border: 1px solid var(--grey-list-border, #dedede);
border-radius: 17px;
height: 28px;
display: flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
background-color: var(--white-black, white);
width: fit-content;
}
.value-switcher__select-list {
position: absolute;
display: none;
top: 29px;
left: 3.5px;
width: calc(100% - 8px);
border: 0.5px solid var(--grey-list-border, #dedede);
border-radius: 6px;
background: var(--white-black, #ffffff);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
padding: 8px 0;
z-index: 1;
max-height: 330px;
overflow-y: auto;
box-sizing: border-box;
}
.value-switcher__select-list .select-row {
height: 30px;
margin: 0 8px;
display: flex;
align-items: center;
border-radius: 3px;
cursor: pointer;
}
.value-switcher__select-list .select-row:hover {
background: var(--react-select-focus, #DEEBFF);
}
.value-switcher__select-list .select-row .label {
padding: 0 5px 0 8px;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.value-switcher__select-list.show {
display: block;
}
.value-switcher__right-text {
align-items: center;
justify-content: center;
display: flex;
margin-left: 14px;
color: var(--core-dropdown-text, #9C9C9C);
}
.value-switcher__arrow {
width: 22px;
height: 22px;
border-radius: 50%;
box-sizing: border-box;
text-align: center;
margin: 2px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
fill: var(--activeSlider, #1abe72);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.value-switcher__arrow svg {
box-sizing: border-box;
width: 4px;
height: 8px;
}
.value-switcher__arrow:hover {
background: var(--planner-chronicle-item-bg-hover, #e6e6e6);
}
.value-switcher__input {
border: none;
font-size: 13px;
padding: 0 2px;
outline: none;
background-color: var(--white-black, #fff);
width: 16px;
text-align: center;
}
.value-switcher input[type=number] {
-moz-appearance: textfield;
}
.value-switcher input::-webkit-outer-spin-button,
.value-switcher input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.value-switcher__current-val {
text-align: center;
background: var(--white-black, white);
white-space: nowrap;
font-size: 12px;
color: var(--gray-dark-icon, #626262);
text-transform: uppercase;
padding: 0 6px;
min-width: 80px;
cursor: pointer;
}
.partner-card-content {
height: 100%;
}
.partner-card-content .b-main-block {
height: 100%;
}
.partner-card-block {
height: 100%;
background: var(--background-color-light-gray, #F7F7F7);
overflow-y: auto;
position: relative;
}
.partner-card-block__modal-container {
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
inset: 0;
}
.partner-card-block .summary-data {
padding: 16px 25px;
}
.partner-card-block .summary-data__payments {
margin-bottom: 32px;
display: grid;
grid-template-columns: repeat(4, minmax(200px, 1fr));
gap: 25px;
width: 100%;
}
.partner-card-block .summary-data__payments .payment-item {
width: 100%;
background: var(--white-black, #FFF);
border-radius: 6px;
padding: 32.2px 0 35.5px 0;
box-sizing: border-box;
box-shadow: 0 1px 2px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
}
.partner-card-block .summary-data__payments .payment-item .title {
text-align: center;
margin-bottom: 7px;
}
.partner-card-block .summary-data__payments .payment-item .title span {
font-size: 16px;
color: var(--default-gray, #808080);
margin-left: 4px;
}
.partner-card-block .summary-data__payments .payment-item .value {
text-align: center;
}
.partner-card-block .summary-data__payments .payment-item .value span {
color: var(--activeFilter);
font-size: 42px;
font-weight: 500;
}
.partner-card-block .summary-data__payments .payment-item:not(:last-child) {
margin-right: 25px;
}
.partner-card-block .summary-data__payments .payment-item.count-attracted-accounts {
border-left: 4px solid rgba(255, 118, 75, 0.5);
}
.partner-card-block .summary-data__payments .payment-item.count-payments {
border-left: 4px solid rgba(226, 78, 220, 0.5);
}
.partner-card-block .summary-data__payments .payment-item.amount-hold {
border-left: 4px solid rgba(118, 124, 255, 0.64);
}
.partner-card-block .summary-data__payments .payment-item.amount-to-be-paid {
border-left: 4px solid rgba(8, 177, 86, 0.64);
}
.partner-card-block .summary-data .referral-order {
max-width: 291px;
width: 100%;
margin-left: 24px;
background: var(--white-black, white);
border-radius: 6px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
color: var(--core-dropdown-text, #9C9C9C);
font-size: 22px;
border: 1px solid transparent;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
cursor: pointer;
box-sizing: border-box;
box-shadow: 0 1px 2px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
}
.partner-card-block .summary-data .referral-order svg {
width: 41px;
height: 41px;
fill: none;
margin-bottom: 19px;
}
.partner-card-block .summary-data .referral-order:hover {
border: 1px solid var(--activeFilter);
}
.partner-card-block .summary-data .referral-link-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.partner-card-block .summary-data .referral-links {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
width: 100%;
margin: auto;
border-radius: 6px;
background: var(--white-black, #FFF);
padding: 32px 24px 49px;
box-shadow: 0 1px 2px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
}
.partner-card-block .summary-data .referral-links .referral-link-title {
margin-bottom: 24px;
}
.partner-card-block .summary-data .referral-links .referral-link-title span {
font-size: 22px;
color: var(--default-gray, #808080);
}
.partner-card-block .summary-data .referral-links .tbl-list .td-head {
color: var(--default-gray, #808080);
font-size: 15px;
}
.partner-card-block .summary-data .referral-links .tbl-list .td-item {
font-size: 15px;
}
.partner-card-block .summary-data .referral-links .tbl-list .td-item:last-child {
position: relative;
}
.partner-card-block .summary-data .referral-links .tbl-list .td-item:last-child svg {
position: absolute;
right: 10.5px;
cursor: pointer;
}
.partner-card-block .regional-prices-links {
margin: 24px 0 0;
width: fit-content;
border-radius: 6px;
background: var(--white-black, #FFF);
padding: 32px 24px;
box-shadow: 0 1px 2px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
}
.partner-card-block .regional-prices-links .regional-prices-links-title {
margin-bottom: 24px;
}
.partner-card-block .regional-prices-links .regional-prices-links-title span {
font-size: 22px;
color: var(--default-gray, #808080);
}
.partner-card-block .regional-prices-links .regional-prices-link-item {
margin-bottom: 20px;
}
.partner-card-block .regional-prices-links .regional-prices-link-item:last-child {
margin-bottom: 0;
}
.partner-card-block .regional-prices-links .regional-prices-link-item a {
font-size: 15px;
}
.partner-card-block .regional-prices-links .regional-prices-link-item .countries-list {
margin-top: 8px;
}
.partner-card-block .regional-prices-links .regional-prices-link-item .countries-list span {
font-size: 13px;
color: var(--default-gray, #808080);
line-height: 1.5;
}
.partner-card-block .detailed-balance,
.partner-card-block .my-clients,
.partner-card-block .marketing {
padding: 16px 25px 25px;
}
.partner-card-block .detailed-balance .detailed-balance-header,
.partner-card-block .my-clients .detailed-balance-header,
.partner-card-block .marketing .detailed-balance-header,
.partner-card-block .detailed-balance .my-clients-header,
.partner-card-block .my-clients .my-clients-header,
.partner-card-block .marketing .my-clients-header,
.partner-card-block .detailed-balance .marketing-header,
.partner-card-block .my-clients .marketing-header,
.partner-card-block .marketing .marketing-header {
padding: 25px 0 36px;
font-size: 26px;
}
.partner-card-block .detailed-balance .common-table-container .baron_wrapper .baron_scroller,
.partner-card-block .my-clients .common-table-container .baron_wrapper .baron_scroller,
.partner-card-block .marketing .common-table-container .baron_wrapper .baron_scroller {
scrollbar-width: none;
-ms-overflow-style: none;
}
.partner-card-block .detailed-balance .marketing-header,
.partner-card-block .my-clients .marketing-header,
.partner-card-block .marketing .marketing-header {
padding: 0 0 36px;
}
.partner-card-block .detailed-balance .td-item-partner-card,
.partner-card-block .my-clients .td-item-partner-card,
.partner-card-block .marketing .td-item-partner-card {
padding: 21px 16px;
font-size: 15px;
}
.partner-card-block .detailed-balance .td-item-partner-card .task-status-set-name.no-integrator-payments,
.partner-card-block .my-clients .td-item-partner-card .task-status-set-name.no-integrator-payments,
.partner-card-block .marketing .td-item-partner-card .task-status-set-name.no-integrator-payments {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 8px;
align-items: center;
}
.partner-card-block .detailed-balance .td-item-partner-card .task-status-set-name.no-integrator-payments .circle-no-integrator-payments,
.partner-card-block .my-clients .td-item-partner-card .task-status-set-name.no-integrator-payments .circle-no-integrator-payments,
.partner-card-block .marketing .td-item-partner-card .task-status-set-name.no-integrator-payments .circle-no-integrator-payments {
display: block;
cursor: pointer;
}
.partner-card-block .detailed-balance .td-item-partner-card .task-status-set-name.no-integrator-payments .circle-no-integrator-payments svg,
.partner-card-block .my-clients .td-item-partner-card .task-status-set-name.no-integrator-payments .circle-no-integrator-payments svg,
.partner-card-block .marketing .td-item-partner-card .task-status-set-name.no-integrator-payments .circle-no-integrator-payments svg {
stroke: var(--gray-input-border, #bbbbbb);
width: 16px;
height: 16px;
}
.partner-card-block .detailed-balance .td-item-partner-card.td-item-presentations,
.partner-card-block .my-clients .td-item-partner-card.td-item-presentations,
.partner-card-block .marketing .td-item-partner-card.td-item-presentations,
.partner-card-block .detailed-balance .td-item-partner-card.td-item-logo,
.partner-card-block .my-clients .td-item-partner-card.td-item-logo,
.partner-card-block .marketing .td-item-partner-card.td-item-logo {
padding: 12px 16px;
}
.partner-card-block .detailed-balance .td-item-partner-card.td-item-presentations .task-status-set-name,
.partner-card-block .my-clients .td-item-partner-card.td-item-presentations .task-status-set-name,
.partner-card-block .marketing .td-item-partner-card.td-item-presentations .task-status-set-name,
.partner-card-block .detailed-balance .td-item-partner-card.td-item-logo .task-status-set-name,
.partner-card-block .my-clients .td-item-partner-card.td-item-logo .task-status-set-name,
.partner-card-block .marketing .td-item-partner-card.td-item-logo .task-status-set-name {
width: 29px;
height: 33px;
cursor: pointer;
}
.partner-card-block .detailed-balance .td-item-partner-card.td-item-presentations .task-status-set-name svg,
.partner-card-block .my-clients .td-item-partner-card.td-item-presentations .task-status-set-name svg,
.partner-card-block .marketing .td-item-partner-card.td-item-presentations .task-status-set-name svg,
.partner-card-block .detailed-balance .td-item-partner-card.td-item-logo .task-status-set-name svg,
.partner-card-block .my-clients .td-item-partner-card.td-item-logo .task-status-set-name svg,
.partner-card-block .marketing .td-item-partner-card.td-item-logo .task-status-set-name svg {
width: 29px;
height: 33px;
}
.partner-card-block .detailed-balance .td-item-partner-card.logo .task-status-set-name,
.partner-card-block .my-clients .td-item-partner-card.logo .task-status-set-name,
.partner-card-block .marketing .td-item-partner-card.logo .task-status-set-name {
width: 93px;
height: 33px;
}
.partner-card-block .detailed-balance .td-item-partner-card.logo .task-status-set-name svg,
.partner-card-block .my-clients .td-item-partner-card.logo .task-status-set-name svg,
.partner-card-block .marketing .td-item-partner-card.logo .task-status-set-name svg {
width: 93px;
height: 33px;
}
.partner-card-block .detailed-balance .td-item-partner-card.sign .task-status-set-name,
.partner-card-block .my-clients .td-item-partner-card.sign .task-status-set-name,
.partner-card-block .marketing .td-item-partner-card.sign .task-status-set-name {
width: 29px;
height: 33px;
}
.partner-card-block .detailed-balance .td-item-partner-card.sign .task-status-set-name svg,
.partner-card-block .my-clients .td-item-partner-card.sign .task-status-set-name svg,
.partner-card-block .marketing .td-item-partner-card.sign .task-status-set-name svg {
width: 29px;
height: 33px;
}
.partner-card-block .detailed-balance .td-item-partner-card.icon .task-status-set-name,
.partner-card-block .my-clients .td-item-partner-card.icon .task-status-set-name,
.partner-card-block .marketing .td-item-partner-card.icon .task-status-set-name {
width: 33px;
height: 33px;
}
.partner-card-block .detailed-balance .td-item-partner-card.icon .task-status-set-name svg,
.partner-card-block .my-clients .td-item-partner-card.icon .task-status-set-name svg,
.partner-card-block .marketing .td-item-partner-card.icon .task-status-set-name svg {
width: 33px;
height: 33px;
}
.partner-card-block .detailed-balance .td-item-partner-card.td-item-video,
.partner-card-block .my-clients .td-item-partner-card.td-item-video,
.partner-card-block .marketing .td-item-partner-card.td-item-video {
padding: 17px 16px;
}
.partner-card-block .detailed-balance .td-item-partner-card.td-item-video .task-status-set-name,
.partner-card-block .my-clients .td-item-partner-card.td-item-video .task-status-set-name,
.partner-card-block .marketing .td-item-partner-card.td-item-video .task-status-set-name {
width: 31px;
height: 22px;
}
.partner-card-block .detailed-balance .td-item-partner-card.td-item-video .task-status-set-name svg,
.partner-card-block .my-clients .td-item-partner-card.td-item-video .task-status-set-name svg,
.partner-card-block .marketing .td-item-partner-card.td-item-video .task-status-set-name svg {
fill: none;
width: 31px;
height: 22px;
cursor: pointer;
stroke: #4573B1;
}
.partner-card-block .detailed-balance .td-item-partner-card.td-item-video .task-status-set-name svg:hover,
.partner-card-block .my-clients .td-item-partner-card.td-item-video .task-status-set-name svg:hover,
.partner-card-block .marketing .td-item-partner-card.td-item-video .task-status-set-name svg:hover {
stroke: #25BB69;
}
.partner-card-block .detailed-balance .td-item-partner-card.resources .task-status-set-name,
.partner-card-block .my-clients .td-item-partner-card.resources .task-status-set-name,
.partner-card-block .marketing .td-item-partner-card.resources .task-status-set-name {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
}
.partner-card-block .detailed-balance .td-item-partner-card.resources .task-status-set-name .resource-item,
.partner-card-block .my-clients .td-item-partner-card.resources .task-status-set-name .resource-item,
.partner-card-block .marketing .td-item-partner-card.resources .task-status-set-name .resource-item {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.partner-card-block .detailed-balance .td-item-partner-card.resources .task-status-set-name .resource-item .resource-icon,
.partner-card-block .my-clients .td-item-partner-card.resources .task-status-set-name .resource-item .resource-icon,
.partner-card-block .marketing .td-item-partner-card.resources .task-status-set-name .resource-item .resource-icon {
width: 16px;
height: 16px;
margin-right: 6px;
}
.partner-card-block .detailed-balance .td-item-partner-card.resources .task-status-set-name .resource-item .resource-icon svg,
.partner-card-block .my-clients .td-item-partner-card.resources .task-status-set-name .resource-item .resource-icon svg,
.partner-card-block .marketing .td-item-partner-card.resources .task-status-set-name .resource-item .resource-icon svg {
width: 16px;
height: 16px;
fill: none;
stroke: #08B156;
}
.partner-card-block .detailed-balance .td-item-partner-card.td-dots-menu,
.partner-card-block .my-clients .td-item-partner-card.td-dots-menu,
.partner-card-block .marketing .td-item-partner-card.td-dots-menu {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.partner-card-block .detailed-balance .td-item-partner-card.td-dots-menu .dots-menu,
.partner-card-block .my-clients .td-item-partner-card.td-dots-menu .dots-menu,
.partner-card-block .marketing .td-item-partner-card.td-dots-menu .dots-menu {
position: relative;
display: block;
width: 19px;
height: 19px;
cursor: pointer;
}
.partner-card-block .detailed-balance .td-item-partner-card.td-dots-menu .dots-menu svg,
.partner-card-block .my-clients .td-item-partner-card.td-dots-menu .dots-menu svg,
.partner-card-block .marketing .td-item-partner-card.td-dots-menu .dots-menu svg {
width: 19px;
height: 19px;
fill: #a9a9a9;
}
.partner-card-block .detailed-balance .td-head-partner-card,
.partner-card-block .my-clients .td-head-partner-card,
.partner-card-block .marketing .td-head-partner-card {
color: var(--default-gray, #808080);
padding: 11px 16px;
font-size: 15px;
}
.partner-card-block .detailed-balance .td-head-partner-card.sort-name,
.partner-card-block .my-clients .td-head-partner-card.sort-name,
.partner-card-block .marketing .td-head-partner-card.sort-name,
.partner-card-block .detailed-balance .td-head-partner-card.sort-date,
.partner-card-block .my-clients .td-head-partner-card.sort-date,
.partner-card-block .marketing .td-head-partner-card.sort-date {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.partner-card-block .detailed-balance .td-head-partner-card .action-link,
.partner-card-block .my-clients .td-head-partner-card .action-link,
.partner-card-block .marketing .td-head-partner-card .action-link {
white-space: nowrap;
color: var(--default-gray, #808080);
border-bottom: 1px dashed var(--default-gray, #808080);
}
.partner-card-block .detailed-balance .td-head-partner-card .td-column-sorted .td-head-common-sort-ico i,
.partner-card-block .my-clients .td-head-partner-card .td-column-sorted .td-head-common-sort-ico i,
.partner-card-block .marketing .td-head-partner-card .td-column-sorted .td-head-common-sort-ico i {
position: relative;
top: -2px;
}
.partner-card-block .detailed-balance .td-head-partner-card .no-action-link,
.partner-card-block .my-clients .td-head-partner-card .no-action-link,
.partner-card-block .marketing .td-head-partner-card .no-action-link {
white-space: nowrap;
color: var(--default-gray, #808080);
}
.partner-card-block .detailed-balance .td-item-partner-result,
.partner-card-block .my-clients .td-item-partner-result,
.partner-card-block .marketing .td-item-partner-result {
color: var(--activeFilter);
font-size: 24px;
font-weight: 600;
padding: 31px 16px;
background: var(--background-color-light-gray, #F7F7F7);
}
.partner-card-block .detailed-balance .td-item-partner-result-empty,
.partner-card-block .my-clients .td-item-partner-result-empty,
.partner-card-block .marketing .td-item-partner-result-empty {
background: var(--background-color-light-gray, #F7F7F7);
}
.partner-card-block .detailed-balance .td-item-partner-result-empty:not(:first-child),
.partner-card-block .my-clients .td-item-partner-result-empty:not(:first-child),
.partner-card-block .marketing .td-item-partner-result-empty:not(:first-child) {
border-left: unset;
}
.partner-card-block .detailed-balance .tbl-content,
.partner-card-block .my-clients .tbl-content,
.partner-card-block .marketing .tbl-content,
.partner-card-block .detailed-balance .tbl-header,
.partner-card-block .my-clients .tbl-header,
.partner-card-block .marketing .tbl-header {
table-layout: fixed;
}
.partner-card-block .detailed-balance .tbl-content td,
.partner-card-block .my-clients .tbl-content td,
.partner-card-block .marketing .tbl-content td,
.partner-card-block .detailed-balance .tbl-header td,
.partner-card-block .my-clients .tbl-header td,
.partner-card-block .marketing .tbl-header td {
overflow: hidden;
text-overflow: ellipsis;
}
.partner-card-block .marketing {
box-sizing: border-box;
}
.partner-card-block .marketing .marketing-lang {
width: 200px;
padding-bottom: 36px;
}
.partner-card-block .my-clients {
margin: auto;
}
.partner-card-block .marketing-container {
display: grid;
gap: 27px;
grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
max-width: 765px;
flex-direction: column;
height: 100%;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.partner-card-block .documents-subscribe {
height: calc(100% - 71px);
display: flex;
justify-content: center;
padding-top: 36px;
margin-bottom: 35px;
}
.partner-card-block .partner-card-buttons {
padding-bottom: 16px;
}
@media screen and (max-width: 1500px) {
.partner-card-block .detailed-balance .td-head-partner-card {
font-size: 13px;
}
.partner-card-block .detailed-balance .td-item-partner-result {
font-size: 20px;
}
}
.partner-document-item-view-rc {
display: inline-flex;
column-gap: 20px;
height: 100%;
}
.partner-document-panel-layout {
background: var(--background-color-light-gray, #f7f7f7) !important;
}
.partner-document-container {
height: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 16px 25px;
}
.document-left-menu-target {
display: flex;
height: 100%;
width: 100%;
min-width: 390px;
overflow-y: auto;
overflow-x: hidden;
}
@keyframes animationActiveMenu {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.partner-card-breadcrumbs {
display: flex;
flex-direction: column;
text-align: left;
padding-bottom: 16px;
}
.partner-card-breadcrumbs__header {
font-size: 13px;
color: var(--core-dropdown-text, #9C9C9C);
}
.partner-card-breadcrumbs__title {
font-size: 26px;
color: var(--confirm-win-head-bg, #4b4b4b);
}
.object-edit-win-block .request-bill-wr {
padding: 16px;
}
.object-edit-win-block .request-bill-wr .clients-info-section,
.object-edit-win-block .request-bill-wr .billing-data-section,
.object-edit-win-block .request-bill-wr .subscription-amount-section,
.object-edit-win-block .request-bill-wr .partner-reward-section,
.object-edit-win-block .request-bill-wr .amount-paid-section {
margin-bottom: 16px;
}
.object-edit-win-block .request-bill-wr .clients-info-section .section-header,
.object-edit-win-block .request-bill-wr .billing-data-section .section-header,
.object-edit-win-block .request-bill-wr .subscription-amount-section .section-header,
.object-edit-win-block .request-bill-wr .partner-reward-section .section-header,
.object-edit-win-block .request-bill-wr .amount-paid-section .section-header {
font-size: 16px;
color: #4B4B4B;
font-weight: 600;
margin-bottom: 10px;
}
.object-edit-win-block .request-bill-wr .clients-info-section .fields-wr,
.object-edit-win-block .request-bill-wr .billing-data-section .fields-wr,
.object-edit-win-block .request-bill-wr .subscription-amount-section .fields-wr,
.object-edit-win-block .request-bill-wr .partner-reward-section .fields-wr,
.object-edit-win-block .request-bill-wr .amount-paid-section .fields-wr {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px 16px;
}
.object-edit-win-block .request-bill-wr .clients-info-section.required-field .field-container .is-empty .label,
.object-edit-win-block .request-bill-wr .billing-data-section.required-field .field-container .is-empty .label,
.object-edit-win-block .request-bill-wr .subscription-amount-section.required-field .field-container .is-empty .label,
.object-edit-win-block .request-bill-wr .partner-reward-section.required-field .field-container .is-empty .label,
.object-edit-win-block .request-bill-wr .amount-paid-section.required-field .field-container .is-empty .label {
color: red;
}
.chronicle-item-container {
font-size: 13px;
position: relative;
width: 100%;
cursor: pointer;
background-color: var(--planner-chronicle-item-bg, white);
border-radius: 6px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
margin-top: 11px;
margin-bottom: 3px;
padding: 11px 10px 11px;
-webkit-transition: background-color 200ms ease;
-moz-transition: background-color 200ms ease;
-o-transition: background-color 200ms ease;
-ms-transition: background-color 200ms ease;
transition: background-color 200ms ease;
-webkit-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid transparent;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.chronicle-item-container:hover,
.chronicle-item-container.chronicle-item-container-has-action-popup {
background-color: var(--planner-chronicle-item-bg-hover, #e6e6e6);
}
.chronicle-item-container .action-change-date-request-active {
background-color: var(--transparent-color, rgba(255, 255, 255, 0.35));
padding: 10px;
border-radius: 8px;
}
.chronicle-item-container .action-change-date-request-active .action-change-date-request-active-row-val {
font-size: 16px;
}
.chronicle-item-container .action-change-date-request-active > div {
margin-bottom: 8px;
}
.chronicle-item-container .action-change-date-request-active > div:last-child {
margin-bottom: 0;
}
.chronicle-item-container .action-change-date-request-active .planfix-round-buttons {
margin-top: 0;
}
.mobile .chronicle-item-container:hover {
background: var(--planner-chronicle-item-bg, #fff);
}
.chronicle-item-container.chronicle-item-container-active {
border-color: var(--cardmenu-back, var(--cardmenu-back, #53586b));
background-color: var(--planner-chronicle-item-bg-hover, #e6e6e6);
}
.mobile .chronicle-item-container.chronicle-item-container-active:hover {
background: var(--cardmenu-back, var(--cardmenu-back, #53586b));
}
.chronicle-item-login {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin-right: 25px;
min-width: 185px;
}
.chronicle-item-login .chronicle-item-login-date {
color: var(--task-card-date-block-meta-text, #787878);
white-space: nowrap;
font-size: 12px;
}
.chronicle-item-login-name {
color: var(--black-white, #000);
line-height: 1.3em;
font-size: 13px;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 130px;
}
.chronicle-item-newcount-td {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
margin: 0 10px;
}
.chronicle-item-newcount-td .chronicle-item-mark-read-all {
cursor: pointer;
display: none;
}
.chronicle-item-newcount-td .favorite-item {
display: block;
margin: 3px 0 5px;
}
.chronicle-item-newcount-td .chronicle-item-newcount {
display: block;
}
.chronicle-item-newcount {
display: none;
color: #ff7e00;
font-size: 12px;
}
.chronicle-item-project {
color: var(--task-card-date-block-meta-text, #787878);
font-size: 12px;
line-height: 1.5em;
}
.desktop .chronicle-item-container.chronicle-item-container-has-new:hover .chronicle-item-newcount-td > div.chronicle-item-mark-read-all {
display: inline-block;
}
.desktop .chronicle-item-container.chronicle-item-container-has-new:hover .chronicle-item-newcount-td:hover > div.chronicle-item-mark-read-all {
background-position: 0 -336px;
}
.mobile .chronicle-item-container.chronicle-item-container-has-new .chronicle-item-newcount-td > div.chronicle-item-mark-read-all {
display: inline-block;
}
.chronicle-item-taskdata {
white-space: nowrap;
padding-left: 1px;
}
.chronicle-item-quick-actions-wrapper {
display: none;
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding-top: 0;
z-index: 1;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
overflow: hidden;
}
.chronicle-item-quick-actions {
white-space: nowrap;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.chronicle-item-quick-actions .chronicle-item-quick-action-answers {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.chronicle-item-container-small-toplinks .chronicle-item-container .chronicle-item-taskdata .chronicle-item-quick-actions-wrapper {
display: none;
}
.chronicle-item-quick-actions-show .chronicle-item-taskdata .chronicle-item-quick-actions-wrapper,
.chronicle-item-container-has-action-popup .chronicle-item-taskdata .chronicle-item-quick-actions-wrapper {
display: block;
}
.chronicle-item-container:hover .chronicle-item-quick-actions-wrapper,
.chronicle-item-container-has-action-popup .chronicle-item-quick-actions-wrapper {
display: block;
}
.chronicle-item-quick-action,
.chronicle-item-container-has-new .chronicle-item-quick-action-mark-read {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-left: 1px solid var(--gray-border, #e2e2e2);
-webkit-transition: border 200ms ease;
-moz-transition: border 200ms ease;
-o-transition: border 200ms ease;
-ms-transition: border 200ms ease;
transition: border 200ms ease;
background: var(--planner-chronicle-item-action-panel, #fff);
}
.chronicle-item-quick-action.replaced-item,
.chronicle-item-container-has-new .chronicle-item-quick-action-mark-read.replaced-item {
display: none;
}
.chronicle-item-quick-action-mark-read-add {
display: none;
}
.chronicle-item-quick-action-title {
color: var(--task-card-resizer, #979797);
font-size: 11px;
text-align: center;
}
.chronicle-item-quick-action {
width: 90px;
}
.chronicle-item-quick-action .svg-icon-16px {
margin: 0 auto;
display: block;
fill: none;
stroke: var(--gray-ico, #a9a9a9);
}
.chronicle-item-quick-action .svg-icon-16px.svg-icon-like {
width: 20px;
height: 20px;
}
.chronicle-item-quick-action .svg-icon-16px.svg-icon-like svg {
width: 20px;
height: 20px;
}
.chronicle-item-quick-action.chronicle-item-quick-action-mark-read-accept .svg-icon-16px,
.chronicle-item-quick-action.chronicle-item-quick-action-mark-read-cancel .svg-icon-16px {
stroke-width: 2px;
}
.chronicle-item-quick-action:hover .svg-icon-close {
stroke: #ff6564;
}
.chronicle-item-quick-action:hover .svg-icon-ok {
stroke: #82c03b;
}
.chronicle-item-quick-action:hover .svg-icon-flag {
stroke: #82c03b;
}
.chronicle-item-quick-action:hover .svg-icon-reminder {
stroke: #ffc000;
}
.chronicle-item-quick-action:hover .svg-icon-dates {
stroke: #f188ff;
}
.chronicle-item-quick-action:hover .svg-icon-task-done {
stroke: #03b7d7;
}
.chronicle-item-quick-action:hover .svg-icon-close {
stroke: #ff6564;
}
.chronicle-item-quick-action:hover .svg-icon-like {
stroke: #ff8b8b;
}
.chronicle-item-quick-action:hover.chronicle-item-quick-action-mark-read-accept {
border-color: #82c03b;
}
.chronicle-item-quick-action:hover.chronicle-item-quick-action-mark-read-cancel {
border-color: #ff6564;
}
.chronicle-item-quick-action:hover + .chronicle-item-quick-action {
border-left-color: var(--task-dates-input-text, #cecece);
}
.chronicle-item-quick-action:hover .iconset-16px-task-reminder {
background-position: 0 -544px;
}
.chronicle-item-quick-action:hover .iconset-16px-flag {
background-position: 0 -336px;
}
.chronicle-item-quick-action:hover .iconset-16px-date {
background-position: 0 -2608px;
}
.chronicle-item-quick-action:hover .iconset-16px-task-done {
background-position: 0 -2624px;
}
.chronicle-item-quick-actions-show .chronicle-item-quick-action-secondary,
.chronicle-item-container-has-action-popup .chronicle-item-quick-action-secondary,
.chronicle-item-container-large .chronicle-item-quick-action-secondary,
.chronicle-item-container:not(.chronicle-item-container-has-new):hover .chronicle-item-quick-action-secondary {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
opacity: 0;
transform: translate(20%, 0%);
transition: transform 0.3s, opacity 0.3s;
will-change: transform, opacity;
}
.chronicle-item-quick-actions-show .chronicle-item-quick-action-secondary.replaced-item,
.chronicle-item-container-has-action-popup .chronicle-item-quick-action-secondary.replaced-item,
.chronicle-item-container-large .chronicle-item-quick-action-secondary.replaced-item,
.chronicle-item-container:not(.chronicle-item-container-has-new):hover .chronicle-item-quick-action-secondary.replaced-item {
display: none;
}
.chronicle-item-quick-actions-more,
.chronicle-item-container:not(.chronicle-item-container-has-new) .chronicle-item-quick-action-mark-read {
display: none;
}
.chronicle-item-quick-actions-show.chronicle-item-quick-actions-animate .chronicle-item-quick-action-secondary,
.chronicle-item-container-has-action-popup .chronicle-item-quick-action-secondary,
.chronicle-item-container-large .chronicle-item-quick-action-secondary,
.chronicle-item-container:not(.chronicle-item-container-has-new):hover .chronicle-item-quick-action-secondary {
transform: translate(0%, 0%);
opacity: 1;
}
.chronicle-item-taskdata .chronicle-item-login-name {
display: none;
}
.chronicle-item-taskdata .img-star {
vertical-align: bottom;
position: absolute;
margin-left: 8px;
}
.chronicle-item-taskdata__summary .img-star {
display: inline;
font-size: 18px;
}
.chronicle-item-container.chronicle-item-container-expanded .chronicle-item-taskdata .img-star {
vertical-align: baseline;
}
.action-list .chronicle-item-taskdata:not(.action-list .chronicle-item-taskdata__summary) .img-star {
position: static;
margin-left: 0;
}
.chronicle-item-newaction {
font-weight: bold;
color: #ff7e00;
}
.chronicle-item-newtask,
.chronicle-item-rejected,
.chronicle-item-taskdata .task-important,
.td-task-name .task-important {
font-size: 12px;
font-style: normal;
padding: 0 2px 2px;
border-radius: 3px;
color: var(--white-black, #FFFFFF);
display: inline-block;
margin-right: 4px;
margin-top: 3px;
vertical-align: top;
}
.classic-font .chronicle-item-newtask,
.classic-font .chronicle-item-rejected,
.classic-font .chronicle-item-taskdata .task-important,
.classic-font .td-task-name .task-important {
font-size: 11px;
padding: 0 2px;
}
.chronicle-item-newtask ~ i.svg-icon-periodic-task,
.chronicle-item-rejected ~ i.svg-icon-periodic-task,
.chronicle-item-taskdata .task-important ~ i.svg-icon-periodic-task,
.td-task-name .task-important ~ i.svg-icon-periodic-task {
margin-left: 5px;
}
.classic-font .td-task-name .task-important {
padding: 2px 7.2px 2px;
font-size: 13px;
margin-top: 0;
}
.chronicle-item-taskdata .task-important {
margin-top: 2px;
font-size: 13px;
border-radius: 14px;
padding: 0 7.4px 2px;
}
.classic-font .chronicle-item-taskdata .task-important {
padding: 1px 7.2px 1px;
font-size: 13px;
margin-top: 0;
}
.chronicle-item-taskdata .chronicle-item-newtask {
margin-top: 2px;
font-size: 13px;
border-radius: 14px;
padding: 0 7.4px 2px;
}
.classic-font .chronicle-item-taskdata .chronicle-item-newtask {
padding: 1px 7.2px 1px;
font-size: 13px;
margin-top: 0;
}
.chronicle-item-newtask {
font-size: 13px;
background: none repeat scroll 0 0 #FF4E00;
border-radius: 14px;
padding: 0 7px 2px;
margin-top: 2px;
margin-right: 2px;
}
.chronicle-item-rejected {
background: none repeat scroll 0 0 var(--planner-drag-placeholder-bg, #a0a0a0);
}
.td-task-name .task-important {
display: none;
margin-top: 0;
}
.tasks-container-small .td-task-name .task-important {
display: inline-block;
}
.task-importance-level-10 {
background: none repeat scroll 0 0 #F4474F;
}
.chronicle-item-actions-count {
color: var(--task-card-action-normal-author, #595959);
}
.chronicle-item-project-wrapper {
padding-top: 0 !important;
vertical-align: bottom;
white-space: normal;
line-height: 1.5;
}
.chronicle-item-lastaction-wrapper {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 33px;
}
.chronicle-item-lastaction {
display: inherit;
color: var(--task-card-date-block-meta-text, #787878);
padding-top: 9px;
word-wrap: normal;
font-size: 14px;
line-height: 1.2em;
max-height: 2.4em;
white-space: initial;
}
.chronicle-item-lastaction:empty {
height: 0;
padding: 0;
}
.chronicle-item-lastaction .chronicle-like {
vertical-align: middle;
}
.chronicle-item-lastaction .chronicle-like svg {
width: 15px;
height: 11px;
}
.chronicle-item-lastaction.flex {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.chronicle-item-lastaction .inline-custom-emoji {
margin-bottom: -3px;
}
.planner-block .chronicle-item-taskdata .chronicle-item-login-name {
margin-bottom: 13px;
margin-top: 9px;
}
.chronicle-item-expand {
font-size: 16px;
white-space: normal;
text-decoration: none;
margin-right: 25px;
display: inline-block;
word-break: break-word;
}
.chronicle-item-expand:has(> .favorite-item.img-star) {
min-height: 16px;
}
.classic-font .chronicle-item-expand {
font-size: 15px;
}
.classic-font .chronicle-item-expand .svg-icon-periodic-task {
margin-bottom: unset;
}
.chronicle-item-expand:not(.summary-item-expand) .favorite-item {
display: none;
}
.chronicle-item-expand .svg-icon-periodic-task {
font-size: 0;
margin: 0 5px 1px 0;
}
.chronicle-item-container a.chronicle-item-expand:hover {
text-decoration: none;
}
.chronicle-item-expand.tr-taskdeadline-dead {
border-color: var(--task-deadline-dead, #FD0000) !important;
color: var(--task-deadline-dead, #FD0000) !important;
}
.chronicle-item-expand.tr-taskstatus-done {
border-color: var(--task-status-color-done, #30AB50);
}
.chronicle-item-expand.tr-taskstatus-completed {
text-decoration: line-through;
}
.chronicle-item-expand.tr-taskstatus-completed,
.chronicle-item-expand.tr-taskstatus-canceled,
.chronicle-item-expand.tr-taskstatus-delayed {
color: var(--task-status-color-canceled, #85878E);
border-color: var(--task-status-color-canceled, #85878E);
}
.chronicle-item-expand.tr-taskstatus-active,
.chronicle-item-expand.tr-taskstatus-accepted {
color: var(--task-status-color-active, #1b7FE8);
border-color: var(--task-status-color-active, #1b7FE8);
}
.chronicle-item-expand.tr-taskstatus-draft {
color: var(--task-status-color-draft, #3D3F46);
border-color: var(--task-status-color-draft, #3D3F46);
}
.chronicle-item-container.chronicle-item-container-expanded {
border: 1px solid var(--baron-scroller-bar-border, #dadada);
border-radius: 10px;
box-shadow: 0 0 10px var(--planner-chronicle-item-bg-hover, #E6E6E6);
padding-top: 20px;
padding-bottom: 0;
margin: 15px 0;
}
.chronicle-item-container.chronicle-item-container-expanded .chronicle-item-login .chronicle-item-login-ico {
padding-left: 22px;
}
.chronicle-item-container.chronicle-item-container-expanded:hover {
background: none;
}
.mobile .chronicle-item-container.chronicle-item-container-expanded:hover {
background: inherit;
}
.chronicle-item-container.chronicle-item-container-expanded .chronicle-item-expand {
font-size: 17pt;
}
.chronicle-item-container.chronicle-item-container-expanded .chronicle-item-taskdata {
padding-bottom: 7px;
}
.chronicle-date {
color: var(--task-card-pull-svg, #a2a2a2);
font-size: 18px;
font-weight: bold;
padding: 17px 0 10px 7px;
border-top: 1px solid transparent;
}
.chronicle-date.chronicle-date-today {
color: var(--black-white, #000000);
}
.classic-font .chronicle-date {
font-size: 16px;
}
.chronicle-date:first-child {
padding-top: 0;
}
.chronicle-new-events {
text-align: center;
font-size: 11pt;
margin-top: -20px;
}
.chronicle-new-events-text {
border: 1px solid var(--task-card-checklist-item-hover, #e9e9e9);
color: var(--planner-microcard-title-default, #5c5c5c);
padding: 15px 0;
line-height: 1.5;
margin-top: -5px;
}
.chronicle-new-events-count-wrapper {
position: relative;
background: transparent;
display: inline-block;
padding: 5px;
margin-bottom: -10px;
}
.chronicle-new-events-count {
background: #ff7e00;
color: var(--white-black, #fff);
font-weight: bold;
font-size: 13px;
display: inline-block;
padding: 2px 5px;
border-radius: 4px;
}
.chronicle-new-events-count::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 0 0;
border-color: #ff7e00 transparent transparent transparent;
position: absolute;
display: block;
margin-left: 2px;
}
.chronicle-item-login-ico {
margin-right: 14px;
position: relative;
}
.chronicle-item-login-ico img {
width: 41px;
height: 41px;
display: block;
}
.chronicle-item-login-ico .wr-action-from {
text-align: right;
position: absolute;
left: 0;
bottom: -9px;
right: 0;
}
.chronicle-item-login-ico .wr-action-from > img {
background-color: white;
box-shadow: 0 0 0 2px var(--white-black, white), inset 0 0 0 0.5px var(--white-black, white);
border-radius: 50px;
width: 16px;
height: 16px;
margin: 2px;
}
.chronicle-item-login-ico .wr-action-from > img#web-chat-api {
border-radius: 9px 9px 0 9px;
}
.chronicle-item-login-ico .wr-action-from > img#whatsapp {
border-radius: 9px 9px 9px 0;
}
.chronicle-item-container-small {
overflow: hidden;
}
.chronicle-item-container-small .chronicle-item-quick-action-secondary {
display: none;
}
.chronicle-item-container-small.planner-block {
overflow: visible;
}
.chronicle-item-container-small.b-250-block .chronicle-item-login {
display: none;
}
.chronicle-item-container-small .chronicle-item-container {
display: block;
overflow: hidden;
min-height: 88px;
border-radius: 12px;
}
.chronicle-item-container-small .chronicle-item-container.active {
background-color: var(--planner-chronicle-item-bg-hover, #e6e6e6);
}
.chronicle-item-container-small .chronicle-item-container:hover .chronicle-item-newcount {
margin-right: 49px;
}
.chronicle-item-container-small .chronicle-item-newcount-td {
display: none;
/* position: absolute;
top: 19px;
right: 10px;
.flex-direction(row);
.justify-content();
margin: 0;
.transition(all 150ms ease);*/
}
.chronicle-item-container-small .chronicle-item-newcount-td .favorite-item {
display: none;
}
.chronicle-item-container-small .chronicle-item-newcount {
display: block;
margin-left: auto;
-webkit-transition: margin 150ms ease;
-moz-transition: margin 150ms ease;
-o-transition: margin 150ms ease;
-ms-transition: margin 150ms ease;
transition: margin 150ms ease;
}
.chronicle-item-container-small .chronicle-item-newcount.show-action-owner {
-webkit-align-self: flex-start;
-ms-align-self: flex-start;
align-self: flex-start;
margin-top: 3px;
}
.chronicle-item-container-small .chronicle-item-newcount.show-action-owner.show-avatar {
margin-top: 8px;
}
.chronicle-item-container-small .chronicle-item-login {
margin-right: 0;
margin-bottom: 14px;
min-width: unset;
}
.chronicle-item-container-small .chronicle-item-quick-action {
-webkit-flex: 4;
-ms-flex: 4;
flex: 4;
border: none !important;
width: 45px;
padding: 4px 2px;
}
.chronicle-item-container-small .chronicle-item-quick-action .svg-icon-16px {
padding: 9px;
}
.chronicle-item-container-small .chronicle-item-quick-action .svg-icon-16px.svg-icon-like {
padding: 5px;
}
.chronicle-item-container-small .chronicle-item-quick-action.replaced-item {
display: none;
}
.chronicle-item-container-small .chronicle-item-quick-action.chronicle-item-quick-action-mark-read-accept {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
margin-top: 1px;
}
.chronicle-item-container-small .chronicle-item-container:not(.chronicle-item-container-has-new):hover .chronicle-item-quick-action-secondary,
.chronicle-item-container-small .chronicle-item-container-has-action-popup .chronicle-item-quick-action-secondary,
.chronicle-item-container-small .chronicle-item-quick-action-title {
display: none;
}
.chronicle-item-container-small .chronicle-item-project-wrapper {
display: block;
margin-left: 0;
vertical-align: baseline;
}
.chronicle-item-container-small .chronicle-item-login-wrapper {
max-width: 65%;
}
.chronicle-item-container-small .chronicle-item-login-name {
margin-top: 2px;
width: unset;
}
.chronicle-item-container-small .chronicle-date {
margin-left: -15px;
padding-left: 22px;
}
.chronicle-item-container-small .b-green-block .b-ddl-menu .b-ddl-menu-selected {
display: none;
}
.chronicle-item-container-small .chronicle-item-quick-actions-wrapper {
display: block;
padding-top: 0;
width: 0;
-webkit-transition: width 100ms ease;
-moz-transition: width 100ms ease;
-o-transition: width 100ms ease;
-ms-transition: width 100ms ease;
transition: width 100ms ease;
border-top-right-radius: 12px;
}
.chronicle-item-container-small .chronicle-item-quick-actions {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.chronicle-item-container-small .chronicle-item-quick-action-answers {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
border-bottom-right-radius: 12px;
border-top-right-radius: 12px;
overflow: hidden;
}
.chronicle-item-container-small .chronicle-item-container.active .chronicle-item-quick-actions-wrapper,
.chronicle-item-container-small .chronicle-item-container:hover .chronicle-item-quick-actions-wrapper,
.chronicle-item-container-small .chronicle-item-container-has-action-popup .chronicle-item-quick-actions-wrapper {
width: 49px;
-webkit-transition: width 25ms ease;
-moz-transition: width 25ms ease;
-o-transition: width 25ms ease;
-ms-transition: width 25ms ease;
transition: width 25ms ease;
z-index: 2;
}
.chronicle-item-container-small .chronicle-item-quick-action-mark-read + .chronicle-item-quick-action-mark-read-add {
margin-top: 1px;
}
.chronicle-item-container-small .chronicle-item-quick-action-mark-read-add {
-webkit-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
display: block;
border-bottom-right-radius: 12px;
}
.chronicle-item-container-small .chronicle-item-quick-action-mark-read-add.fit-height {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
margin-top: auto;
border-top-left-radius: 12px;
}
.chronicle-item-container-small .chronicle-item-quick-action-mark-read-add:hover .svg-icon-16px {
fill: var(--planner-microcard-menu-svg, #575757);
}
.chronicle-item-container-small .chronicle-item-quick-action-mark-read-add .svg-icon-16px {
stroke: none;
fill: var(--gray-ico, #a9a9a9);
-webkit-transition: fill 150ms ease;
-moz-transition: fill 150ms ease;
-o-transition: fill 150ms ease;
-ms-transition: fill 150ms ease;
transition: fill 150ms ease;
}
.chronicle-item-container-small .chronicle-item-container:not(.chronicle-item-container-has-new) .chronicle-item-quick-action-mark-read {
display: block;
}
.chronicle-item-container-small .chronicle-item-quick-actions-more {
background-color: var(--planner-chronicle-item-action-panel, white);
position: absolute;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-transition: transform 350ms ease, -webkit-transform 350ms ease;
-moz-transition: transform 350ms ease, -webkit-transform 350ms ease;
-o-transition: transform 350ms ease, -webkit-transform 350ms ease;
-ms-transition: transform 350ms ease, -webkit-transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-webkit-transform: translate(100%);
-moz-transform: translate(100%);
-ms-transform: translate(100%);
-o-transform: translate(100%);
transform: translate(100%);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.chronicle-item-container-small .chronicle-item-quick-actions-more .chronicle-item-quick-action {
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
}
.chronicle-item-container-small .chronicle-item-quick-actions-more .chronicle-item-quick-action:hover .favorite-item .star-color {
fill: var(--planner-microcard-menu-svg, #575757);
}
.chronicle-item-container-small .chronicle-item-quick-actions-more .favorite-item {
position: unset;
margin: 0 auto;
}
.chronicle-item-container-small .chronicle-item-quick-actions-more .favorite-item .star-color {
fill: var(--gray-ico, #a9a9a9);
-webkit-transition: fill 150ms ease;
-moz-transition: fill 150ms ease;
-o-transition: fill 150ms ease;
-ms-transition: fill 150ms ease;
transition: fill 150ms ease;
}
.chronicle-item-container-small .chronicle-item-quick-actions-more > div:last-child {
border-radius: 12px;
}
.chronicle-item-container-small .chronicle-item-expand .favorite-item {
display: inline;
font-size: 18px;
margin-top: 3px;
}
.chronicle-item-container-small .chronicle-item-expand .favorite-item img {
position: absolute;
}
.chronicle-item-container-small .chronicle-item-container.active .chronicle-item-quick-actions-more.active,
.chronicle-item-container-small .planner-item.active .chronicle-item-quick-actions-more.active,
.chronicle-item-container-small .planner-item:hover .chronicle-item-quick-actions-more.active,
.chronicle-item-container-small .chronicle-item-container.chronicle-item-container-has-action-popup .chronicle-item-quick-actions-more,
.chronicle-item-container-small .planner-item.chronicle-item-container-has-action-popup .chronicle-item-quick-actions-more {
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
.planner-block-chronicle-empty-gradient {
overflow: hidden;
height: 0;
width: 0;
opacity: 0;
}
/*
* PAGE MODALS
*/
.page-modal-dialog {
margin: 120px auto auto;
width: 620px;
}
/*
* PLANFIX STYLED DIALOG
*/
.planfix-dialog {
border-radius: 9px;
box-shadow: 0 0 11px 0 #999;
}
.planfix-dialog-hat {
position: relative;
background: #1abe72;
border-radius: 10px 10px 0 0;
padding: 28px 30px 22px;
margin: 0 -1px;
/* border-radius gap fix */
}
.planfix-dialog-hat:after {
content: ' ';
display: block;
position: absolute;
background: url('/img/planfix-logo.png') no-repeat center center;
height: 100%;
width: 36px;
top: 0;
right: 20px;
}
.planfix-dialog-hat a,
.planfix-dialog-hat a:hover {
color: #fff;
font-size: 28px;
line-height: 1;
font-weight: bold;
text-decoration: none;
}
.planfix-dialog-content {
border: 1px solid #fff;
border-top: none;
border-radius: 0 0 10px 10px;
padding: 0 30px;
margin: 0 -1px;
/* border-radius gap fix */
}
.planfix-dialog-content h2 {
font-size: 22px;
font-weight: normal;
margin: 0 0 10px 0;
padding-top: 20px;
}
.planfix-dialog-content h3 {
font-size: 11pt;
font-weight: normal;
line-height: 1.3;
margin-bottom: 5px;
}
.planfix-dialog-version {
color: #838383;
font-size: 9px;
padding: 5px 0 15px;
text-align: right;
}
.planfix-dialog-version a {
color: #838383;
text-decoration: none;
}
.planfix-dialog-version a:hover {
color: #838383;
text-decoration: underline;
}
/*
* FORM LAYOUT
*/
.planfix-dialog .form-layout td {
font-size: 12pt;
padding-top: 10px;
vertical-align: middle;
}
.planfix-dialog .form-label {
text-align: right;
padding-right: 25px;
}
.planfix-dialog .form-layout input[type=submit] {
margin-top: 10px;
}
.planfix-dialog .form-layout input[type=text],
.planfix-dialog .form-layout input[type=password] {
font-size: 22px;
}
.planfix-dialog .form-layout input[type=checkbox] {
margin-right: 10px;
}
.planfix-dialog .form-layout .form-error {
color: #D90000;
font-size: 11pt;
}
@keyframes firstenterclick_circle {
from {
transform: scale(0);
}
to {
transform: scale(3);
}
}
.firstenterclick {
position: absolute;
pointer-events: none;
z-index: 12;
}
.firstenterclick_circle {
width: 20px;
height: 20px;
border: 1px solid #ccc;
border-radius: 50%;
position: absolute;
opacity: 0.5;
}
.firstenterclick_one {
animation: firstenterclick_circle 4s infinite linear;
}
.firstenterclick_two {
animation: firstenterclick_circle 3s infinite linear;
}
.firstenterclick_three {
animation: firstenterclick_circle 2s infinite linear;
}
.leftmenu-container .baron_scroller__bar {
right: 3px;
}
.leftmenu-scroller-wrapper {
min-height: 100%;
margin-right: 8px;
}
.account-management-scroll {
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.account-management-scroll::-webkit-scrollbar {
display: none;
}
.baron_scroller__bar {
display: none;
}
.baron_scroller__bar.baron_scroller__bar-visible {
display: block;
}
/*
.baron_scroller__bar.baron_scroller__bar-active {
display: block !important;
opacity: 1 !important;
&:after {
opacity: 1 !important;
}
}
*/
.baron_scroller:hover > .baron_scroller__bar {
display: block;
}
.mobile .baron_scroller:hover > .baron_scroller__bar {
display: none;
}
.baron_scroller:hover > .baron_scroller__bar.baron_scroller__bar-hidden {
display: none;
}
.b-top-links-block {
border-bottom: 1px solid var(--gray-border, #ccc);
white-space: nowrap;
color: var(--task-card-title-text, #4b4b4b);
text-shadow: var(--white-black, #fff) 0px 1px 0;
font-size: 14px;
position: relative;
padding-left: 5px;
padding-top: 5px;
margin-left: -10px;
}
.b-top-links-block > a > div {
display: inline-block;
padding: 14px 5px 13px 10px;
position: relative;
margin-bottom: -1px;
cursor: pointer;
}
.b-top-links-block > a,
.b-top-links-block > a:hover {
color: var(--task-card-title-text, #4b4b4b);
text-decoration: none;
}
.b-top-links-block > a > div i.b-top-links-arrow {
position: absolute;
bottom: 0;
display: none;
}
.b-top-links-block > a > div.b-top-links-block-active i.b-top-links-arrow {
display: inline-block;
}
.b-top-links-block > a > div.b-top-links-block-active i.b-top-links-arrow svg {
vertical-align: bottom;
}
.b-top-links-block > a > div > i,
.b-top-links-block > a > div > svg {
vertical-align: bottom;
margin-right: 3px;
}
.b-top-links-block > a > div > svg {
fill: var(--gray-ico, #a9a9a9);
width: 16px;
height: 16px;
}
.b-top-links-block > a > div > span {
border-bottom: 1px solid transparent;
padding-left: 2px;
}
.b-250-block .b-top-links-block > a > div > span {
display: none;
}
.chronicle-item-container-small-toplinks .b-top-links-block > a > div > span {
display: none;
}
.b-top-links-block > a > div:hover > span {
border-bottom: 1px dashed #2B2B2B;
}
.b-top-links-block > a > div > span .chronicle-count {
display: inline-block;
font-size: 7pt;
vertical-align: top;
margin-left: 3px;
margin-top: -4px;
}
.b-last-block .baron_scroller__bar {
width: 8px;
}
.b-last-block-close {
display: none;
}
.subTasks-new-tab {
display: none;
}
.subTasks-new-tab svg {
width: 16px;
height: 16px;
}
.layout-action-icon-list {
display: flex;
position: absolute;
flex-direction: row;
align-items: center;
gap: 10px;
top: 16px;
right: 14px;
z-index: 2;
}
.layout-action-icon-list .layout-action-icon {
width: 16px;
height: 16px;
cursor: pointer;
}
.layout-action-icon-list .layout-action-icon svg {
width: inherit;
height: inherit;
stroke: var(--gray-ico, #a9a9a9);
fill: none;
}
.task-card-style:not(.page-layout-block-first) .b-last-block-close,
.draw-styles-for-taskCard:not(.page-layout-block-first) .b-last-block-close {
display: block;
width: 16px;
height: 16px;
cursor: pointer;
z-index: 2;
}
.task-card-style:not(.page-layout-block-first) .b-last-block-close .iconset-16px-close,
.draw-styles-for-taskCard:not(.page-layout-block-first) .b-last-block-close .iconset-16px-close {
vertical-align: top;
}
.task-card-style:not(.page-layout-block-first) .b-last-block-close:hover .iconset-16px-close,
.draw-styles-for-taskCard:not(.page-layout-block-first) .b-last-block-close:hover .iconset-16px-close {
background-position: 0 -80px;
}
.task-card-style:not(.page-layout-block-first) .b-last-block-close:hover .svg-icon-16px.gray,
.draw-styles-for-taskCard:not(.page-layout-block-first) .b-last-block-close:hover .svg-icon-16px.gray {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.b-planfix-star .task-filter-edit {
cursor: text;
}
.b-planfix-star .action-list-filter .chronicle-item-expand:hover {
color: #4573B1;
}
.b-planfix-star .tbl-list .td-cbx,
.b-planfix-star.tbl-managed-list-shadow .td-cbx,
.b-planfix-star.tbl-list-floating-head .td-cbx,
.b-planfix-star .tbl-list .td-head-cbx,
.b-planfix-star.tbl-managed-list-shadow .td-head-cbx,
.b-planfix-star.tbl-list-floating-head .td-head-cbx {
display: none !important;
}
.b-right-panel {
position: relative;
background: var(--file-viewer-top-menu, #ececef);
width: 40px;
max-width: 40px;
min-width: 40px;
vertical-align: top;
padding: 0;
}
.b-right-panel ul {
margin: 0;
padding: 0;
position: relative;
display: flex;
flex-direction: column;
height: 100%;
}
.b-right-panel ul li {
display: inline-block;
width: 100%;
list-style-type: none;
cursor: pointer;
padding: 11px 2px 11px 11px;
vertical-align: top;
position: relative;
}
.b-right-panel ul li.right-panel-item-bottom-positioned {
margin-top: auto;
margin-bottom: 11px;
background: inherit;
}
.b-right-panel ul li.right-panel-item-active {
background: var(--background-color-light-gray, #f7f7f7);
z-index: 1;
}
.b-right-panel ul li.right-panel-item-active svg {
stroke: var(--right-panel-active-icons, #828282);
}
.b-right-panel-item-c1 {
background: var(--right-panel-item-c1, #53586b);
}
.b-right-panel-item-c2 {
background: var(--right-panel-item-c2, #fd6f6e);
}
.b-right-panel-item-c3 {
background: var(--right-panel-item-c3, #67d9e4);
}
.b-right-panel-item-c4 {
background: var(--right-panel-item-c4, #cb96ee);
}
.b-right-panel-item-c5 {
background: var(--right-panel-item-c5, #3ae3bc);
}
.b-right-panel-item-c6 {
background: var(--right-panel-item-c6, #4dbdf1);
}
.b-right-panel-item-c7 {
background: var(--right-panel-item-c7, #9fdd5b);
}
.b-right-panel-item-c8 {
background: var(--right-panel-item-c8, #47aca6);
}
.b-right-panel-item-c9 {
background: var(--right-panel-item-c9, #fdba9d);
}
.b-right-panel-item-c10 {
background: #e26f3c;
}
.b-right-panel-item-c11 {
background: var(--right-panel-item-c11, #adacac);
}
.b-right-panel-item-c12,
.b-right-panel-item-c15 {
background: #6b79a0;
}
.b-right-panel-item-c13 {
background: var(--right-panel-item-c13, #f7c888);
}
.b-right-panel-item-c14,
.b-right-panel-item-c16 {
background: var(--right-panel-item-c14-c16, #7895f4);
}
.b-right-panel-item-c17 {
background: #9a7bef;
}
.b-right-panel-item-c18 {
background: #efd213;
}
.b-right-panel-item-c19 {
background: #ff9971;
}
.b-right-panel-item-c20 {
background: #7f78e3;
}
.b-right-panel-item-c21 {
background: var(--right-panel-item-c21, #E993A8);
}
.b-right-panel ul li i {
margin-right: 14px;
vertical-align: bottom;
}
.b-right-panel ul li svg {
width: 20px;
height: 20px;
fill: none;
stroke: var(--right-panel-icons, #ffffff);
vertical-align: bottom;
}
.b-right-panel ul li.b-right-panel-item-c23 svg {
stroke: var(--modern-menu-head-text, #929AA4);
}
.b-right-panel ul li .right-panel-item-label {
vertical-align: bottom;
pointer-events: none;
background: none repeat scroll 0 0 var(--help-container-nenu-label, #737373);
color: var(--white-black, #FFFFFF);
cursor: pointer;
display: none;
font-size: 8pt;
right: 55px;
margin-top: -22px;
padding: 7px;
position: absolute;
white-space: nowrap;
z-index: 11;
}
.b-right-panel ul li .right-panel-item-label::after {
background: none repeat scroll 0 0 var(--help-container-nenu-label, #737373);
content: "";
display: block;
height: 10px;
right: -5px;
top: 8px;
position: absolute;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
font-size: 8pt;
}
.b-right-panel ul li:not(.right-panel-item-active):hover .right-panel-item-label {
display: block;
}
.star-item-container:hover,
.star-item-container.star-item-container-active {
background: #f7f7f7;
}
.star-item-container .img-star {
vertical-align: bottom;
}
.star-item-container .star-title {
margin-right: 10px;
font-size: 11pt;
padding-left: 1px;
white-space: normal;
text-decoration: none !important;
}
.star-item-container .star-title.tr-taskdeadline-dead {
color: var(--task-deadline-dead, #FD0000) !important;
}
.star-item-container .star-title.tr-taskstatus-completed {
text-decoration: line-through;
}
.star-item-container .star-title.tr-taskstatus-completed,
.star-item-container .star-title.tr-taskstatus-canceled,
.star-item-container .star-title.tr-taskstatus-delayed {
color: var(--task-status-color-canceled, #85878E);
}
.star-item-container .star-title.tr-taskstatus-active,
.star-item-container .star-title.tr-taskstatus-accepted {
color: #4573B1;
}
.star-item-container .star-title.tr-taskstatus-draft {
color: var(--task-status-color-draft, #3D3F46);
}
.star-item-container .chronicle-item-project-wrapper {
display: none;
}
.star-tbl-list .tr-group-header .img-star {
margin-left: 2px;
}
.chronicle-item-container-small .star-item-container .chronicle-item-project-wrapper {
display: block;
}
.chronicle-item-container-small .star-tbl-list td:nth-child(3) {
display: none;
}
.chronicle-item-container-small .star-tbl-list td {
padding: 10px 5px;
}
.chronicle-item-container-small .chronicle-star-filter-block {
display: block;
}
.chronicle-item-container-small .chronicle-star-filter-block input {
width: auto;
}
.chronicle-star-filter {
display: inline-block;
vertical-align: top;
margin-top: 8px;
cursor: pointer;
}
.chronicle-star-filter img {
vertical-align: top;
}
.chronicle-star-filter img:last-child {
margin: 6px 0 0 3px;
}
.star-tbl-list thead .chronicle-td-star img {
cursor: pointer;
}
.star-tbl-list tbody tr:first-child td {
border-top: none;
}
.star-bubble-cancel {
border-bottom: 1px solid #eee;
font-size: 12px;
color: #626262;
line-height: 25px;
margin: -3px -3px 5px;
padding-left: 7px;
cursor: pointer;
}
.star-bubble-cancel:hover {
background: #efefef;
}
.star-bubble-cancel img {
vertical-align: top;
margin-top: 4px;
}
.star-tbl-list.tbl-list .tr-common-item:nth-child(2) > td {
border-top: 1px solid #eee;
}
.summary-head-block {
display: flex;
width: 100%;
gap: 20px;
}
.summary-head-block .faster-filter-button-target {
display: flex;
align-items: center;
margin-top: 4px;
}
.summary-head-block .summary-edit-ddl .b-ddl-menu {
margin-top: 10px;
}
.summary-head-block .summary-edit-label {
flex: none;
flex-shrink: 1;
max-width: 800px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
}
.summary-head-block .b-ddl-menu-selected-arrow {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
height: 22px;
}
.summary-head-block .summary-edit-ddl .b-ddl-menu-flex {
margin: 0 15px 0 11px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.summary-head-block .summary-edit-ddl .b-ddl-menu-flex:hover {
background-color: var(--task-card-add-action-borded, #EAEAEA);
border-radius: 4px;
}
.summary-edit-label {
cursor: pointer;
border-bottom: 1px solid transparent;
display: inline-block;
}
.summary-edit-ddl {
display: inline-block;
vertical-align: middle;
}
.summary-edit-ddl .b-ddl-menu {
font-size: 10pt;
vertical-align: top;
margin-top: 6px;
}
.tr-summary-string .td-main-item .summary-project-path {
display: none;
}
.chronicle-item-container-small .tr-summary-string .td-main-item .summary-project-path {
display: block;
}
.summary-project-path {
color: #9C9C9C;
font-size: 8pt;
padding-top: 4px;
}
.summary-project-path a {
text-decoration: none;
color: #9C9C9C;
}
.summary-project-path a:hover {
text-decoration: underline;
}
.chronicle-item-container-small .tr-summary-string .td-main-item .summary-expand {
font-size: 11pt;
margin-right: 10px;
}
.tbl-list .tr-summary-string .td-main-item {
cursor: pointer;
}
.summary-expand,
.tbl-list .tr-summary-string .td-main-item .summary-expand {
font-size: 11pt;
cursor: pointer;
text-decoration: none;
}
.summary-expand:hover,
.tbl-list .tr-summary-string .td-main-item .summary-expand:hover {
text-decoration: none;
}
.tr-taskdeadline-dead .summary-expand {
color: var(--task-deadline-dead, #FD0000) !important;
}
.tr-taskstatus-done .summary-expand {
border-color: var(--task-status-color-done, #30AB50);
}
.tr-taskstatus-completed .summary-expand {
text-decoration: line-through;
}
.tr-taskstatus-completed .summary-expand,
.tr-taskstatus-canceled .summary-expand,
.tr-taskstatus-delayed .summary-expand {
color: var(--task-status-color-canceled, #85878E);
}
.tr-taskstatus-active .summary-expand,
.tr-taskstatus-accepted .summary-expand {
color: var(--task-status-color-active, #1b7FE8);
}
.tr-taskstatus-draft .summary-expand {
color: var(--task-status-color-draft, #3D3F46);
}
.chronicle-item-container-small .tr-summary-string .td-main-item .img-star {
vertical-align: bottom;
}
.tr-summary-string .td-main-item .img-star {
display: none;
}
.chronicle-item-container-small .tr-summary-string .td-main-item .img-star {
display: inline;
}
.chronicle-item-container-small .tr-summary-string td,
.chronicle-item-container-small .tr-summary-header2 td {
display: none;
}
.chronicle-item-container-small .tr-summary-string td.td-main-item {
display: table-cell;
}
.chronicle-item-container-small .chronicle-wrapper .tbl-list > colgroup > col {
width: auto;
}
.chronicle-wrapper {
padding-top: 15px;
}
.chronicle-wrapper .tbl-list .summary-item-active td {
background: #f7f7f7;
}
.summary-block-ajax {
display: inline-block;
margin-right: 3px;
}
.summary-block-ajax .loader {
border-left-color: #bebebe !important;
width: 10px;
height: 10px;
}
.summary-block-ajax .loader:after {
width: 10px;
height: 10px;
}
.chronicle-item-container-small .tr-summary-string td {
padding: 10px 5px;
}
.tbl-list-summary {
margin-top: 11px;
}
.tbl-list-summary .td-head,
.tbl-list-summary .td-item {
font-size: 15px;
}
.tbl-list-summary .tr-item > td,
.tbl-list-summary .tr-common-item > td {
height: unset !important;
}
.summary-layout-block .b-before-green-block {
margin-top: 34px;
}
.summary-layout-block .chronicle-item-container:first-child {
margin-top: 0;
}
.summary-switcher {
padding-bottom: 11px;
}
.printing .modern-menu {
display: none;
}
.printing table tfoot {
display: table-row-group;
}
.printing .gant-scroller {
background: #ffffff;
box-shadow: none;
}
.printing .tbl-list-scroll-absolute {
position: static;
}
.printing .task-filter-color {
display: none;
}
.printing .b-ddl-menu-selected-arrow {
display: none;
}
.printing .uipr-hidden {
display: none;
}
.printing .b-task-description > table {
border-spacing: 2px 2px;
}
.printing .task-created-action-files {
padding-top: 2em;
}
.printing .mm-btn-wr {
text-align: center;
padding-top: 10px;
}
.printing .mm-btn-wr .btn {
vertical-align: middle;
}
.printing .mm-btn-wr input.btn.ui-button.ui-state-hover {
background: #fff;
color: #333 !important;
}
.printing .mm-dropdown-wr {
display: inline-block;
vertical-align: middle;
}
.printing .mm-dropdown-wr .mm-dropdown-label {
font-size: 14px;
vertical-align: middle;
}
.printing .mm-dropdown-wr .mm-dropdown-control {
box-sizing: border-box;
height: 26px;
margin: 0 5px;
min-width: 175px;
border-radius: 4px;
border: 1px solid #bbb;
color: #333;
background: #fff;
vertical-align: middle;
}
.printing .mm-dropdown-wr .mm-dropdown-control.mm-dropdown-control-small {
min-width: 100px;
}
.printing .page-layout-block:not(.leftmenu-container).page-layout-block-gray {
background: none;
}
.printing .mm-dropdown-wr,
.printing .btn {
margin-left: 5px;
}
.printing.list {
background: #d1d1d1;
}
@media print {
.printing.list {
background: none;
}
}
.printing.list .print-page-container {
box-sizing: border-box;
margin: 65px auto 25px;
padding: 5mm;
background: #fff;
box-shadow: 0 0 20px 0 #222;
}
@media print {
.printing.list .print-page-container {
margin: 0;
padding: 0;
box-shadow: none;
width: auto !important;
}
}
.printing.list .print-page-container td {
border-radius: 0 !important;
}
.printing.list .print-page-container .td-head-config svg {
display: none !important;
}
.printing.list .print-page-info {
width: 100%;
margin: 0;
padding: 0;
}
.printing.list .body-container {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.printing.list .body-container .b-green-block-progress {
margin-left: 0;
margin-right: 0;
}
.printing.list .body-container .b-before-green-block,
.printing.list .body-container .b-green-block,
.printing.list .body-container .b-main-block {
padding-left: 0;
padding-right: 0;
}
.printing.list .body-container .b-main-block {
padding-bottom: 0;
}
.printing .print-page-info {
padding: 61px 33px 0 17px;
background: transparent;
display: block;
position: static;
width: inherit;
}
.printing .print-page-info .pf-info {
float: right;
padding-top: 14px;
font-size: 12px;
color: #4b4b4b;
text-align: right;
}
.printing .print-page-info .pf-info .current-date {
padding-top: 4px;
}
.printing .print-page-info .pf-logo {
width: 54px;
height: 54px;
}
.printing .print-page-info .pf-logo img {
width: 54px;
height: 54px;
}
.printing .body-container .b-top-btn {
height: 25px;
}
.printing .b-right-block .std-el {
color: #000;
}
.printing .b-right-block .taskCard-header-data-blocks {
display: block !important;
margin-top: 0px !important;
position: inherit !important;
}
.printing .b-right-block .taskCard-header-data-blocks .b-green-block {
padding-left: 17px;
}
.printing .b-right-block .taskCard-header-data-blocks .b-before-green-block {
padding-left: 17px;
}
.printing .b-right-block .taskCard-header-data-blocks .topPanel-after-green-block .task-current-state {
color: #000;
}
.printing .b-right-block .taskCard-header-data-blocks .topPanel-after-green-block .task-current-state .task-current-status {
margin-left: 17px;
}
.printing .b-right-block .taskCard-header-data-blocks .b-top-btn {
display: none !important;
}
.printing .b-right-block .b-main-block {
padding-left: 25px;
}
.printing .b-right-block .b-task-description::before {
display: none;
}
.printing .b-right-block .b-task-description .b-description-text.b-description-text-shown,
.printing .b-right-block .b-task-description .b-task-owner-ico {
padding-left: 0;
}
.printing .b-right-block .b-task-description .task-created-action {
padding-left: 0;
padding-right: 0;
}
.printing .b-right-block .b-task-description .task-created-action .task-created-action-wrapper .task-card-fields2 {
padding-top: 2em;
}
.printing .b-right-block .b-task-description .task-created-action .tbl-check-list {
margin-left: 0;
padding-left: 0;
}
.printing .b-right-block .b-task-description .task-created-action .b-checklist {
padding-top: 2em;
}
.printing .b-right-block .b-task-description .task-created-action .b-checklist.thisIs-newCheckList-soWeAddMargins {
display: none;
}
.printing .b-right-block .b-task-description .task-created-action .task-created-action-block-header {
margin-left: 0;
padding-top: 0;
}
.printing .b-right-block .b-task-description .task-created-action .task-created-action-block-header .iconset-16px {
display: none;
}
.printing .b-right-block .b-taskactions .actionwr a {
color: #000;
text-decoration: underline;
}
.printing .b-right-block .b-taskactions .actionwr .td-head a:not(.comment-link) {
color: #000;
font-weight: bold;
text-decoration: none;
}
.printing .b-right-block .b-contact-companies .contact-card-right-table .contact-card-right-table-item td,
.printing .b-right-block .b-contact-companies .contact-card-right-table .contact-card-right-table-header td {
border-bottom-color: #000;
}
.printing .b-right-block .tr-actions-body .td-ico,
.printing .b-right-block .tr-actions-body-new .td-ico {
padding-left: 0;
}
.printing .b-right-block .tr-actions-body.tr-actions-body-active td,
.printing .b-right-block .tr-actions-body-new.tr-actions-body-active td,
.printing .b-right-block .tr-actions-body-new td,
.printing .b-right-block .tr-actions-body-deleted.tr-actions-body-deleted td {
background: transparent;
}
.printing .b-right-block .task-card-fields {
padding-left: 0;
padding-top: 2em;
}
.printing .b-right-block .task-card-fields .fakelink-dashed {
color: #000 !important;
border-bottom: none;
}
.printing .b-right-block .task-card-main-fields tbody > tr:first-child > td,
.printing .b-right-block .task-card-main-fields tbody > tr > td {
border-color: #000;
}
.printing .b-right-block .task-card-main-fields .td-label {
color: #000;
font-weight: bold;
vertical-align: top;
}
.printing .b-right-block .task-card-main-fields .td-value {
vertical-align: top;
}
.printing .b-right-block .task-card-main-fields .td-value a {
color: #000;
}
.printing .b-right-block .task-card-main-fields .fakelink-dashed {
color: #000 !important;
border-bottom: none;
}
@media print {
.printing .b-right-block .task-card-main-fields .svg-icon-16px {
display: none;
}
}
.printing .b-right-block .task-filter-edit {
color: #000;
}
.printing .b-right-block .task-current-sort-block .task-current-sort-block-text {
color: #000;
}
.printing .b-right-block .tbl-list .tr-group-header > td {
color: var(--grey-group-text, #6C6C6C);
border-top-color: #000;
width: 100%;
}
.printing .b-right-block .tbl-list .tr-common-add-new-wrapper {
visibility: hidden;
}
.printing .b-right-block .tbl-list .tr-item > td,
.printing .b-right-block .tbl-list .tr-common-item > td {
border-top: 1px solid #000;
}
.printing .b-right-block .tbl-list .tr-item.tr-sub-task > td,
.printing .b-right-block .tbl-list .tr-common-item.tr-sub-task > td {
border-top: 1px solid transparent;
}
.printing .b-right-block .tbl-list .tr-item:last-child > td,
.printing .b-right-block .tbl-list .tr-common-item:last-child > td {
border-bottom: 1px solid #000;
}
.printing .b-right-block .tbl-list .tr-item:nth-child(2) > td,
.printing .b-right-block .tbl-list .tr-common-item:nth-child(2) > td {
border-top: 1px solid transparent;
}
.printing .b-right-block .tbl-list .td-head-cbx,
.printing .b-right-block .tbl-list .td-head {
border-bottom: 2px solid #000;
border-top: 2px solid #000;
font-weight: bold;
}
.printing .b-right-block .tbl-list .td-head-cbx a,
.printing .b-right-block .tbl-list .td-head a {
font-weight: bold;
}
.printing .b-right-block .tbl-list .img-star {
position: relative;
overflow: hidden;
background-image: none;
}
.printing .b-right-block .tbl-list .img-star .fake-star {
position: absolute;
left: 0;
}
.printing .b-right-block .tbl-list .favorite-item-task-name {
top: 1px;
bottom: 1px;
}
.printing .b-right-block .tbl-list-gant-container .tbl-list .td-before-task-name,
.printing .b-right-block .tbl-list-gant-container .tbl-list .col-space {
display: none;
}
.printing .b-right-block .tbl-list-gant .td-item .iconset-16px {
background-image: none;
}
.printing .b-right-block .gant-task-item-after .gant-task-item-after-projecttitle,
.printing .b-right-block .gant-task-item-after .gant-task-item-after-taskname,
.printing .b-right-block .gant-task-item-after .gant-task-item-after-workers,
.printing .b-right-block .gant-grid .gant-grid-second-header .gant-grid-second-header-item,
.printing .b-right-block .gant-grid .gant-grid-first-header .gant-grid-first-header-item {
color: var(--file-viewer-right-version, #646464);
}
.printing .b-right-block .gant-dep-item .gant-dep-item-hline .gant-dep-item-hline-fill,
.printing .b-right-block .gant-dep-item .gant-dep-item-vline .gant-dep-item-vline-fill {
background-color: #000;
}
.printing .b-right-block .gant-dep-item .gant-dep-item-triangle-right {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2NkYGD4D8SMQAwmQBwwG5mDXQasBwCvyQUFgpdwOQAAAABJRU5ErkJggg==) no-repeat;
}
.printing .b-right-block .gant-dep-item .gant-dep-item-triangle-left {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHklEQVQIW2NkQID/jFD2fxAN4oAZMA6IhsvAJP4DAJdtBQFMSDeDAAAAAElFTkSuQmCC) no-repeat;
}
.printing .b-right-block .gant-dep-item .gant-dep-item-triangle-bottom {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAHUlEQVQIW2NkYGD4D8QogBHKQ5ZghAmC5EASYD4AZnIDA0jmIvEAAAAASUVORK5CYII=) no-repeat;
}
.printing .b-right-block .gant-dep-item .gant-dep-item-triangle-up {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAHklEQVQIW2NkQID/QCYjiAsmgAAkAAOMIEFkAbAEAGacAwN4G+yQAAAAAElFTkSuQmCC) no-repeat;
}
.printing .tbl-inner-cell #td-task-expectdate {
border: 0;
}
.printing .contact-card-header-container {
display: flex;
}
.printing .contact-card-header-container .contact-card-ico-container + div {
position: static;
margin: 0px;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 0;
padding-top: 0;
padding-left: 25px;
}
.printing .contact-card-header-container .b-green-block > div:first-child {
float: none;
}
.printing .contact-card-header-container .b-green-block > div {
float: none;
padding: 0;
}
.printing .contact-card-header-container .b-green-block .contact-card-subheader-post {
padding-top: 5px;
}
.printing .handbook-item-view-fields .handbook-item-view-field .handbook-item-view-field-required {
color: #000;
}
.printing .tbl-managed-list-shadow .img-star {
position: relative;
overflow: hidden;
background-image: none;
}
.printing .tbl-managed-list-shadow .img-star .fake-star {
position: absolute;
left: 0;
}
.printing .td-item,
.printing .td-head {
border-color: #000000 !important;
border-left: none !important;
}
.printing .td-head-cbx,
.printing .td-item.td-cbx {
border-left: 1px solid #000000 !important;
}
.printing .td-task-name-panel {
display: none;
}
@media print {
.printing .b-cw-hack {
display: block;
}
.printing .print-page-info {
padding-top: 15px;
padding-left: 0;
}
.printing .main-menu {
display: none;
}
.printing .body-container {
padding-top: 0;
}
.printing .b-main-block,
.printing .b-green-block,
.printing .b-before-green-block {
padding-left: 0;
}
.printing .gant-scroller {
visibility: hidden;
}
.printing .tbl-list-gant .iconset-16px {
background-image: none;
}
.printing .gant-grid .gant-grid-second-header .gant-grid-second-header-item.gant-grid-second-header-item-holiday,
.printing .gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-holiday,
.printing .gant-dep-item,
.printing .gant-task-item,
.printing .gant-dep-item-vline-fill,
.printing .gant-dep-item-hline-fill {
-webkit-print-color-adjust: exact;
}
.printing.crm .b-green-block {
padding-left: 140px;
}
.printing .td-move .sort-item svg {
visibility: hidden;
}
.printing .b-main-block {
height: unset;
}
.printing .b-main-block .main-container {
height: unset;
}
.printing .b-main-block .main-container .tbl-list-scroll-wrapper {
height: unset;
}
.printing .b-main-block .main-container .tbl-list-scroll-wrapper .tbl-list-scroll-absolute {
min-height: unset;
}
.desktop.print-page .main-menu,
.desktop.print-page .modern-menu {
display: none;
}
.desktop.print-page .b-top-btn {
display: none;
}
.desktop.print-page .body-container {
padding-top: unset;
}
.desktop.print-page .body-container .b-before-green-block {
margin-top: unset;
}
}
.printing:not(.printing-colored) .tr-taskstatus-color-3377C3,
.printing:not(.printing-colored) .tr-taskstatus-color-3377C3 a,
.printing:not(.printing-colored) a {
color: var(--black-white, #000);
}
.printing:not(.printing-colored) .b-right-block .td-item,
.printing:not(.printing-colored) .b-right-block .td-item a,
.printing:not(.printing-colored) .b-right-block .tr-taskstatus-color-008000,
.printing:not(.printing-colored) .b-right-block .tr-taskstatus-color-21931A,
.printing:not(.printing-colored) .b-right-block .tr-taskstatus-color-27A735,
.printing:not(.printing-colored) .b-right-block .tr-taskstatus-color-30AB50,
.printing:not(.printing-colored) .b-right-block .tr-taskstatus-color-008000 a,
.printing:not(.printing-colored) .b-right-block .tr-taskstatus-color-21931A a,
.printing:not(.printing-colored) .b-right-block .tr-taskstatus-color-27A735 a,
.printing:not(.printing-colored) .b-right-block .tr-taskstatus-color-30AB50 a,
.printing:not(.printing-colored) .b-right-block .tr-taskdeadline-dead,
.printing:not(.printing-colored) .b-right-block .tr-taskdeadline-dead a,
.printing:not(.printing-colored) .b-right-block .tr-taskstatus-color-9d9d9d,
.printing:not(.printing-colored) .b-right-block .tr-taskstatus-color-9d9d9d a {
color: var(--black-white, #000) !important;
}
.printing.printing-colored .td-general-id {
color: var(--black-white, #000);
}
.td-project-planner .planner-select-switcher {
vertical-align: top;
}
.td-project-planner .planner-hidden-ico {
margin: -1px 0 0 5px;
}
.tbl-handbokgroups .tr-common-item .td-handbookgroup-name,
.system-handbook-list .tr-common-item .td-task-name,
.system-handbook-list .tr-common-item .td-count,
.project-group .tr-common-item .td-task-name {
font-size: 15px;
line-height: 15px;
}
.td-project-title-group {
color: #9C9C9C;
font-size: 8pt !important;
line-height: 0;
text-decoration: none !important;
}
.tbl-list-project .task-name-subtask-expand {
display: inline-block;
margin-left: -13px;
}
.access-settings-block-rc {
display: flex;
flex-direction: column;
row-gap: 24px;
}
.access-settings-block-rc .access-block {
display: flex;
flex-direction: column;
row-gap: 16px;
}
.access-settings-block-rc .access-block__title {
font-size: 18px;
color: #4b4b4b;
}
.access-settings-block-rc .access-block__box {
display: flex;
flex-direction: column;
row-gap: 8px;
}
.access-settings-block-rc .access-block__box .value-selector {
margin: 0;
}
.context-menu-v2-block-rc {
padding: 12px 0 12px 0;
border-radius: 6px;
background: var(--main-menu-popup-bg, #ffffff);
box-shadow: 0 0 7px var(--popup-shadow);
}
.context-menu-v2-block-rc .ContextMenuV2Search-target .context-menu-v2-search-rc {
background: var(--gray-border);
}
.context-menu-v2-block-rc .ContextMenuV2Search-target .context-menu-v2-search-rc svg {
stroke: var(--text-color, #bbbbbb);
}
.context-menu-v2-block-rc .ContextMenuV2Search-target .context-menu-v2-search-rc input:not([type='button']) {
background-color: inherit;
}
.context-menu-v2-block-rc__tab-wrapper {
display: flex;
}
.context-menu-v2-block-rc__tab-wrapper__before-text {
display: flex;
align-items: center;
color: #9c9c9c;
padding-left: 18px;
padding-bottom: 6px;
}
.context-menu-v2-block-rc__tab-wrapper .ContextMenuV2Tabs-target {
margin: 0;
padding: 8px 20px 8px 20px;
}
.context-menu-v2-block-rc__tab-wrapper.before-text-exist .ContextMenuV2Tabs-target {
padding: 8px 20px 8px 24px;
}
.context-menu-v2-step-selection-block-rc {
padding: 12px 0 12px 0;
border-radius: 6px;
background: var(--white-black, white);
box-shadow: 0 0 7px var(--popup-shadow);
min-width: 380px;
max-width: 500px;
}
.context-menu-v2-step-selection-block-rc .ContextMenuV2Tabs-target {
padding: 8px 0 8px 20px;
}
.context-menu-v2-template-custom-field-block-rc {
padding: 12px 0 12px 0;
border-radius: 6px;
background: var(--white-black, white);
box-shadow: 0 0 7px var(--popup-shadow);
min-width: 380px;
max-width: 500px;
}
.context-menu-v2-template-custom-field-block-rc .ContextMenuV2List-target {
margin-top: 8px;
}
.context-menu-v2-template-custom-field-block-rc .ContextMenuV2Search-target {
margin: 4px 16px 8px 16px;
}
.context-menu-v2-template-custom-field-block-rc .ContextMenuV2Tabs-target {
padding: 8px 0 8px 20px;
}
.context-menu-v2-item-rc {
display: flex;
min-height: 36px;
padding: 0 12px 0 0;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.context-menu-v2-item-rc__box {
display: flex;
align-items: center;
column-gap: 12px;
width: 100%;
padding: 0 0 0 16px;
font-size: 14px;
color: var(--text-color, #343434);
cursor: pointer;
}
.context-menu-v2-item-rc__box__text {
padding: 8px 0;
}
.context-menu-v2-item-rc__box__icon {
flex: none;
width: 16px;
height: 16px;
color: #88909B;
}
.context-menu-v2-item-rc__box__icon svg {
fill: currentColor;
stroke: none;
}
.context-menu-v2-item-rc__box__icon.highlight svg {
fill: var(--activeSlider, #1abe72);
stroke: none;
}
.context-menu-v2-item-rc__box__icon.stroke svg {
stroke: currentColor;
fill: none;
}
.context-menu-v2-item-rc__box__icon.stroke.highlight svg {
stroke: var(--activeSlider, #1abe72);
fill: none;
}
.context-menu-v2-item-rc.is-sub-item .context-menu-v2-item-rc__box {
padding-left: 28px;
}
.context-menu-v2-item-rc:hover,
.context-menu-v2-item-rc.is-focus {
background: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
}
.context-menu-v2-item-rc:hover .context-menu-v2-item-rc__right-panel__action-icons__action-icon svg,
.context-menu-v2-item-rc.is-focus .context-menu-v2-item-rc__right-panel__action-icons__action-icon svg {
display: block;
}
.context-menu-v2-item-rc__right-panel {
display: flex;
align-items: center;
column-gap: 6px;
margin-left: auto;
margin-right: 6px;
}
.context-menu-v2-item-rc__right-panel__selected-icon {
width: 20px;
height: 20px;
margin-left: 25px;
}
.context-menu-v2-item-rc__right-panel__selected-icon svg {
width: inherit;
height: inherit;
fill: var(--activeSlider) !important;
}
.context-menu-v2-item-rc__right-panel__action-icons {
display: flex;
}
.context-menu-v2-item-rc__right-panel__action-icons__action-icon {
display: flex;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
cursor: pointer;
}
.context-menu-v2-item-rc__right-panel__action-icons__action-icon svg {
display: none;
width: 16px;
height: 16px;
fill: var(--gray-input-border, #bbbbbb);
stroke: none;
}
.context-menu-v2-item-rc__right-panel__action-icons__action-icon.stroke svg {
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
}
.context-menu-v2-item-rc__right-panel__action-icons__action-icon[data-id="right_arrow"] svg {
transform: rotateZ(270deg);
}
.ContextMenuV2Item__target.active .context-menu-v2-item-rc {
background: #f5f5f5;
}
.ContextMenuV2Item__target.active .context-menu-v2-item-rc__box {
color: var(--activeSlider, #1abe72);
}
.context-menu-v2-search-rc {
display: flex;
align-items: center;
height: 26px;
box-shadow: 0 0 0 1px var(--grey-list-border, #DEDEDE);
border-radius: 6px;
}
.context-menu-v2-search-rc__icon {
flex: none;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
padding: 5px 4px 5px 10px;
}
.context-menu-v2-search-rc__icon svg {
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
}
.context-menu-v2-search-rc input {
flex: 1;
font-size: 13px;
background: none;
border: none;
outline: none;
}
.context-menu-v2-search-rc__close {
display: flex;
width: 12px;
height: 12px;
margin: 0 12px 0 auto;
cursor: pointer;
}
.context-menu-v2-search-rc__close svg {
stroke: var(--core-dropdown-text, #9c9c9c);
fill: none;
}
.ContextMenuV2-target {
position: absolute;
z-index: 100;
}
.context-menu-v2-list-rc__items {
position: relative;
display: flex;
flex-direction: column;
row-gap: 16px;
overscroll-behavior: contain;
}
.context-menu-v2-list-rc__items__group__title {
padding-left: 20px;
padding-bottom: 8px;
font-size: 15px;
font-weight: bold;
color: var(--gray-dark-icon, #626262);
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.context-menu-v2-list-rc__items__empty-message {
padding: 8px 12px;
font-size: 15px;
color: var(--chosen-text, #333);
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.context-menu-v2-list-rc ::-webkit-scrollbar {
width: 12px;
}
.context-menu-v2-list-rc ::-webkit-scrollbar-track {
background: transparent;
}
.context-menu-v2-list-rc ::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb, #d8d9dc);
border: 3px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
border-radius: 15px;
-webkit-transition: background-color 900ms ease;
-moz-transition: background-color 900ms ease;
-o-transition: background-color 900ms ease;
-ms-transition: background-color 900ms ease;
transition: background-color 900ms ease;
}
.context-menu-v2-list-rc ::-webkit-scrollbar-thumb:hover {
background-color: var(--gray-input-border, #bbbbbb);
-webkit-transition: background-color 200ms ease;
-moz-transition: background-color 200ms ease;
-o-transition: background-color 200ms ease;
-ms-transition: background-color 200ms ease;
transition: background-color 200ms ease;
scrollbar-width: thin;
scrollbar-color: var(--gray-input-border, #bbb) var(--white-black, white);
}
.context-menu-v2-list-rc .ContextMenuV2Search-target {
margin: 0 16px 8px;
}
.context-menu-v2-tabs-rc__tabs {
position: relative;
display: flex;
column-gap: 24px;
flex-direction: row;
}
.context-menu-v2-tabs-rc__tabs__tab {
position: relative;
padding: 5px 0 5px 0;
display: flex;
align-items: center;
border-radius: 3px;
margin-bottom: 7px;
width: fit-content;
transition: 0.2s;
font-size: 13px;
text-transform: uppercase;
text-align: center;
color: var(--grey-group-text, #6c6c6c);
border-color: #1abe72;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
cursor: pointer;
}
.context-menu-v2-tabs-rc__tabs__tab:before {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
border-radius: 3px;
transition: 0.2s;
}
.context-menu-v2-tabs-rc__tabs__tab__text {
z-index: 1;
}
.context-menu-v2-tabs-rc__tabs__tab:hover:before {
background: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
right: -4px;
left: -4px;
}
.context-menu-v2-tabs-rc__tabs__selected-indicator {
position: absolute;
left: 0;
height: 5px;
bottom: 0;
background: var(--activeButton);
border-radius: 8px;
transition: 0.2s;
}
.context-menu-slider-rc__view-box {
overflow-x: clip;
}
.context-menu-slider-rc__view-box__roulette-box {
display: flex;
}
.context-menu-slider-rc__view-box__roulette-box__layout:not(.active) {
height: 0;
pointer-events: none;
}
.context-menu-slider-rc[animation-type="slider"] .context-menu-slider-rc__view-box__roulette-box {
transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.context-menu-slider-rc[animation-type="fade"] .context-menu-slider-rc__view-box__roulette-box__layout {
transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.context-menu-v2-step-selection-header-rc {
display: flex;
align-items: center;
column-gap: 15px;
height: 41px;
margin-left: 20px;
font-size: 15px;
}
.context-menu-v2-step-selection-header-rc__icon {
display: flex;
cursor: pointer;
}
.context-menu-v2-step-selection-header-rc__icon svg {
width: 20px;
height: 20px;
stroke: var(--gray, gray);
fill: none;
transform: rotateY(180deg);
}
.context-menu-v2-step-selection-header-rc__text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.context-menu-v2-empty-block-rc {
display: flex;
flex-direction: column;
/* width: 200px; */
align-items: center;
justify-content: center;
width: auto;
height: 270px;
padding: 0 80px;
row-gap: 10px;
margin-top: -20px;
}
.context-menu-v2-empty-block-rc__icon {
background-image: url('/img/svg/svgEmptyListTemplate.svg');
width: 84px;
height: 84px;
}
.context-menu-v2-empty-block-rc__text {
text-align: center;
font-size: 16px;
}
.context-menu-v2-skeleton-screen-rc {
display: flex;
flex-direction: column;
padding: 0 10px;
row-gap: 8px;
}
.context-menu-v2-skeleton-screen-rc__skeleton-items {
background: var(--gray-inner, #eee);
height: 16px;
margin: 10px 0;
position: relative;
overflow: hidden;
border-radius: 6px;
}
.context-menu-v2-skeleton-screen-rc__skeleton-items:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
transform: translateX(-100%);
background: linear-gradient(90deg, transparent, var(--context-menu-skeleton-bg, rgba(255, 255, 255, 0.8)), transparent);
animation: loading 1.5s infinite;
}
@keyframes loading {
100% {
transform: translateX(100%);
}
}
.create-new-field-block-rc {
display: flex;
flex-direction: row;
column-gap: 8px;
padding: 6px 8px;
cursor: pointer;
}
.create-new-field-block-rc__icon svg {
vertical-align: middle;
width: 16px;
height: 16px;
stroke: #4573b1;
fill: none;
}
.create-new-field-block-rc__text {
color: #4573b1;
font-size: 15px;
}
.context-menu-v2-back-item-rc {
display: flex;
min-height: 36px;
padding: 0 12px 0 0;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.context-menu-v2-back-item-rc__box {
display: flex;
align-items: center;
column-gap: 12px;
width: 100%;
padding: 0 0 0 16px;
font-size: 14px;
color: #343434;
cursor: pointer;
}
.context-menu-v2-back-item-rc__box__icon {
width: 16px;
height: 16px;
color: #bbb;
}
.context-menu-v2-back-item-rc__box__icon svg {
width: inherit;
height: inherit;
stroke: currentColor;
}
.context-menu-v2-back-item-rc__box__text {
color: #bbb;
}
.context-menu-v2-back-item-rc:hover {
background: #f5f5f5;
}
.ContextMenuV2List-target__item.active svg {
fill: var(--activeSlider, #1abe72);
stroke: var(--activeSlider, #1abe72);
}
.rc-dropdown-base {
position: absolute;
z-index: 10000;
top: 0;
left: 0;
pointer-events: none;
overscroll-behavior: contain;
}
.rc-dropdown-base > * {
pointer-events: auto;
}
.rc-dropdown-base__wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-direction: column;
border-radius: 6px;
background: var(--main-menu-popup-bg, #FFFFFF);
box-shadow: inset 0 0 0 1px var(--grey-list-border, #DEDEDE), 0 0 7px 0 rgba(0, 0, 0, 0.15);
overflow: hidden;
padding: 12px 0;
}
.rc-dropdown-base__wrapper.with-button {
padding-bottom: 0;
}
.rc-dropdown-base__top-block {
padding: 0 8px;
margin-bottom: 8px;
}
.rc-dropdown-base__content {
max-height: 350px;
height: max-content;
overflow-y: auto;
overflow-x: hidden;
padding: 0 8px;
position: relative;
--rc-dropdown-scrollbar-width: 0px;
}
.rc-dropdown-base__content.has-scrollbar .rc-dropdown-base__sticky-header,
.rc-dropdown-base__content.has-scrollbar .rc-dropdown-list {
width: calc(100% + var(--rc-dropdown-scrollbar-width));
box-sizing: border-box;
}
.rc-dropdown-base__content_full-width {
padding: 0;
}
.rc-dropdown-base__button-wrapper {
margin-top: 8px;
padding: 6px 8px;
border-top: solid 1px var(--grey-list-border, #DEDEDE);
}
.rc-dropdown-base__button-wrapper.no-results {
padding-bottom: 12px;
border: none;
margin-top: 4px;
}
.rc-dropdown-base__button-wrapper.no-results button {
background: var(--react-dropdown-focus, #DEEBFF);
}
.rc-dropdown-base__button {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
column-gap: 8px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 100%;
border: none;
border-radius: 4px;
background: none;
padding: 4px 8px 5px;
outline: none;
color: #4573B1;
cursor: pointer;
font-size: 15px;
}
.rc-dropdown-base__button:hover {
background: var(--react-dropdown-focus, #DEEBFF);
}
.rc-dropdown-base__button-icon {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.rc-dropdown-base__button-icon svg {
width: 12px;
height: 12px;
stroke: #4573B1;
}
.rc-dropdown-base__sticky-header {
position: sticky;
top: 0;
z-index: 1;
background: var(--main-menu-popup-bg, #FFFFFF);
font-size: 15px;
font-weight: 600;
color: var(--gray-dark-icon, #626262);
padding: 0 8px 6px;
margin: 0;
white-space: normal;
word-break: break-word;
}
.rc-dropdown-base__sticky-header:empty {
padding: 0;
height: 0;
}
.rc-dropdown-base__sticky-header:not(:empty) + .rc-dropdown-list {
margin-top: -28px;
}
.rc-dropdown-list {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-direction: column;
row-gap: 8px;
position: relative;
/* --------- BASE DROPDOWN --------- */
}
.rc-dropdown-list__item {
cursor: pointer;
padding: 8px 10px;
border-radius: 4px;
transition: all 250ms ease;
}
.rc-dropdown-list__item:hover {
background: var(--react-dropdown-focus, #DEEBFF);
}
.rc-dropdown-list__item-title {
font-size: 15px;
color: var(--text-color, #343434);
white-space: normal;
word-break: break-word;
}
.rc-dropdown-list__group.empty-label:first-child {
margin-bottom: 4px;
}
.rc-dropdown-list__group-label {
font-size: 15px;
font-weight: 600;
color: var(--gray-dark-icon, #626262);
padding-left: 8px;
margin-bottom: 8px;
white-space: normal;
word-break: break-word;
}
.rc-dropdown-list__group-items {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-direction: column;
row-gap: 2px;
position: relative;
}
.rc-dropdown-list__group-label + .rc-dropdown-list__group-items > * {
padding-left: 16px;
}
.rc-dropdown-list__no-results {
color: var(--gray-dark-icon, #626262);
font-size: 14px;
padding: 3px 8px;
}
.rc-dropdown-list__load-more {
position: absolute;
bottom: 0;
height: 100px;
}
.rc-dropdown-list__group:first-child .rc-dropdown-list__group-label {
padding-top: 0;
}
/* --------- OPTIONS --------- */
.rc-dropdown-option-status {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
column-gap: 8px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
cursor: pointer;
padding: 5px 8px;
border-radius: 4px;
overflow: hidden;
}
.rc-dropdown-option-status__color {
min-width: 12px;
min-height: 12px;
border-radius: 10px;
}
.rc-dropdown-option-status__label {
font-size: 15px;
color: var(--text-color, #343434);
white-space: normal;
word-break: break-word;
}
.rc-dropdown-option-status.is-active,
.rc-dropdown-option-status:hover {
background: var(--react-dropdown-focus, #DEEBFF);
}
.rc-dropdown-option-employee {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
column-gap: 8px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
cursor: pointer;
padding: 5px 8px;
border-radius: 4px;
overflow: hidden;
}
.rc-dropdown-option-employee__vacation {
display: inline-flex;
width: 16px;
height: 16px;
border-radius: 100%;
background-color: #FFE19D;
flex-shrink: 0;
align-items: center;
justify-content: center;
}
.rc-dropdown-option-employee__vacation svg {
width: 12px;
height: 12px;
stroke: #808080;
fill: none;
}
.rc-dropdown-option-employee--contact {
background: var(--react-select-box-contact-v2, #E3F7FB);
}
.rc-dropdown-option-employee--contact.is-active {
background: var(--react-dropdown-contact-focus, #B8EBF4) !important;
}
.rc-dropdown-option-employee.is-active {
background: var(--react-dropdown-focus, #DEEBFF);
}
.rc-dropdown-option-employee__avatar {
width: 24px;
height: 24px;
border-radius: 100%;
}
.rc-dropdown-option-employee__avatar .svg-icon-stroke {
width: 24px;
height: 24px;
stroke: var(--gray-input-border, #bbbbbb);
}
.rc-dropdown-option-employee__info {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-direction: column;
overflow: hidden;
}
.rc-dropdown-option-employee__name {
font-size: 15px;
color: var(--text-color, #343434);
white-space: normal;
word-break: break-word;
}
.rc-dropdown-option-employee__sub-title {
font-size: 10px;
color: var(--core-dropdown-text, #9C9C9C);
white-space: normal;
word-break: break-word;
}
.rc-dropdown-option-text {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
column-gap: 8px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
cursor: pointer;
padding: 5px 8px;
border-radius: 4px;
overflow: hidden;
}
.rc-dropdown-option-text__label {
font-size: 15px;
color: var(--text-color, #343434);
white-space: normal;
word-break: break-word;
}
.rc-dropdown-option-text__color-marker {
border-radius: 3px;
width: 12px;
height: 12px;
}
.rc-dropdown-option-text.is-active,
.rc-dropdown-option-text:hover {
background: var(--react-dropdown-focus, #DEEBFF);
}
.rc-dropdown-option-text.is-paint-option {
gap: 8px;
}
.rc-dropdown-option-task {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
column-gap: 8px;
cursor: pointer;
padding: 8px 10px;
border-radius: 4px;
overflow: hidden;
}
.rc-dropdown-option-task__info {
display: flex;
flex-direction: column;
gap: 6px;
color: var(--black-white, black);
font-size: 15px;
line-height: 1;
}
.rc-dropdown-option-task__name {
font-size: 15px;
color: var(--text-color, #343434);
white-space: normal;
word-break: break-word;
}
.rc-dropdown-option-task__project {
color: var(--react-select-chip-label, #777);
font-size: 10px;
line-height: 1;
}
.rc-dropdown-option-task.is-active {
background: var(--react-dropdown-focus, #DEEBFF);
}
.rc-dropdown-option-icon {
display: flex;
flex-direction: row;
gap: 12px;
cursor: pointer;
padding: 10px 16px;
overflow: hidden;
}
.rc-dropdown-option-icon__label {
font-size: 14px;
color: var(--task-card-title-text, #4B4B4B);
}
.rc-dropdown-option-icon__icon {
width: 16px;
height: 16px;
flex-shrink: 0;
}
.rc-dropdown-option-icon__icon svg {
width: inherit;
height: inherit;
}
.rc-dropdown-option-icon.is-active {
background: var(--react-dropdown-focus, #DEEBFF);
}
.rc-dropdown-option-handbook__active {
background: var(--react-dropdown-focus, #DEEBFF);
}
.rc-dropdown-option-handbook__info {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
column-gap: 8px;
color: var(--black-white, black);
font-size: 15px;
line-height: 1;
}
.rc-dropdown-option-handbook__label {
font-size: 15px;
color: var(--text-color, #343434);
white-space: normal;
word-break: break-word;
}
.rc-dropdown-option-handbook__chip-label {
color: var(--react-select-chip-label, #777);
font-size: 10px;
line-height: 1;
}
@keyframes schedule-spinner-rotate {
0% {
transform: translateY(-50%) rotate(0deg);
}
100% {
transform: translateY(-50%) rotate(360deg);
}
}
/* Стили для компонентов редактирования меню */
.menu-edit-dropdown-option {
padding-left: 0px !important;
}
.menu-edit-dropdown-option__label {
display: flex;
align-items: center;
column-gap: 12px;
cursor: pointer;
background-color: transparent;
-webkit-transition: background-color 250ms ease;
-moz-transition: background-color 250ms ease;
-o-transition: background-color 250ms ease;
-ms-transition: background-color 250ms ease;
transition: background-color 250ms ease;
padding: 6px 12px 6px 16px;
border-radius: 6px;
}
.menu-edit-dropdown-option__label:hover {
background-color: var(--react-dropdown-focus, #DEEBFF);
}
.menu-edit-dropdown-option--planner-group .menu-edit-dropdown-option__label {
column-gap: 6px;
}
.menu-edit-dropdown-option--planner-nested .menu-edit-dropdown-option__label {
padding-left: 30px;
}
.menu-edit-dropdown-option__icon {
width: 16px;
height: 16px;
flex-shrink: 0;
}
.menu-edit-dropdown-option__icon svg {
fill: none;
stroke: var(--main-menu-item-svg, #88909B);
}
.menu-edit-dropdown-option__drag {
width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(--main-menu-item-svg, #88909B);
}
.menu-edit-dropdown-option__drag svg {
fill: currentColor;
stroke: none;
}
.menu-edit-dropdown-option__content {
display: inline-flex;
align-items: center;
column-gap: 4px;
flex: 1;
min-width: 0;
}
.menu-edit-dropdown-option__text {
font-size: 15px;
color: var(--text-color, #343434);
white-space: normal;
word-break: break-word;
user-select: none;
}
.menu-edit-dropdown-option__arrow {
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border: 0;
padding: 0;
background: transparent;
color: var(--main-menu-item-svg, #88909B);
cursor: pointer;
}
.menu-edit-dropdown-option__arrow svg {
width: 10px;
height: 10px;
stroke: currentColor;
fill: none;
display: block;
margin-top: 1px;
}
.menu-edit-dropdown-option__group-arrow {
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border: 0;
padding: 0;
background: transparent;
color: var(--main-menu-item-svg, #88909B);
cursor: pointer;
transform: rotate(-90deg);
margin-left: -18px;
margin-right: 5px;
}
.menu-edit-dropdown-option__group-arrow svg {
width: 10px;
height: 6px;
stroke: currentColor;
fill: none;
display: block;
}
.menu-edit-dropdown-option__group-arrow--expanded {
transform: rotate(0deg);
}
.menu-edit-dropdown-option__checkbox_wrap {
cursor: pointer;
position: relative;
width: 18px;
height: 18px;
border-radius: 6px;
background-color: var(--white-black, #fff);
box-shadow: inset 0 0 0 1px var(--link-color-gray, #dedede);
transition: all 100ms ease-in-out;
}
.menu-edit-dropdown-option__checkbox_wrap.active {
background-color: var(--activeSlider, #1ABE72);
box-shadow: unset;
}
.menu-edit-dropdown-option__checkbox_custom svg {
padding: 5px 3.5px;
width: 11px;
height: 8px;
fill: var(--white-black, #fff);
}
.modal-content {
background: white;
border-radius: 8px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
max-width: 500px;
width: 90%;
max-height: 80vh;
overflow: auto;
}
.group-selection-dialog {
position: fixed;
top: 0;
left: 0;
z-index: 10000;
}
.menu-edit-create {
padding: 20px 0;
}
.menu-edit-create__icon-name-row {
display: flex;
width: 100%;
align-items: center;
gap: 8px;
}
.menu-edit-create__icon-name-row > .rc-focus-navigation-node {
flex: 1;
min-width: 0;
}
.rc-dropdown-search-input {
position: relative;
}
.rc-dropdown-search-input__field {
height: 28px;
width: 100%;
padding: 4.5px 22px 4.5px 14px;
border: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 6px !important;
font-size: 14px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
outline: none;
}
.rc-dropdown-search-input__field::placeholder {
color: var(--gray-input-border, #bbbbbb);
}
.rc-dropdown-search-input__clear-icon {
display: flex;
position: absolute;
right: 6px;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
transition: opacity 250ms ease;
}
.rc-dropdown-search-input__clear-icon_empty {
opacity: 0;
}
.rc-dropdown-search-input__clear-icon svg {
stroke: var(--gray-input-border, #bbbbbb);
}
.menu-edit-system-subitems-top-block-wrapper {
padding-right: 11px;
}
.menu-edit-system-subitems-top-block {
display: flex;
flex-direction: column;
row-gap: 8px;
}
.menu-edit-system-subitems-top-block__header {
display: flex;
align-items: center;
column-gap: 8px;
min-height: 20px;
padding: 5px 7px;
}
.menu-edit-system-subitems-top-block__back {
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border: 0;
padding: 0;
background: transparent;
color: var(--core-dropdown-text, #9C9C9C);
cursor: pointer;
}
.menu-edit-system-subitems-top-block__back svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
display: block;
}
.menu-edit-system-subitems-top-block__title {
color: var(--core-dropdown-text, #9C9C9C);
font-size: 13px;
line-height: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hover-tooltip {
position: fixed;
border-radius: 4px;
padding: 6.5px 18px;
box-shadow: 0 0 4px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
font-size: 12px;
text-align: center;
z-index: 1000;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
pointer-events: none;
}
.hover-tooltip--top {
transform: translateY(-10px);
}
.hover-tooltip--top .hover-tooltip__arrow {
bottom: -5px;
}
.hover-tooltip--bottom {
transform: translateY(10px);
}
.hover-tooltip--bottom .hover-tooltip__arrow {
top: -5px;
}
.hover-tooltip--visible {
opacity: 1;
transform: translateY(0);
}
.hover-tooltip__arrow {
position: absolute;
width: 8px;
height: 8px;
left: 50%;
background: inherit;
transform: rotate(45deg) translateX(-50%);
}
.hover-tooltip__container {
position: relative;
display: flex;
min-width: 0;
}
.hover-tooltip--default {
background: var(--main-menu-popup-bg, #ffffff);
color: var(--task-card-title-text, #4B4B4B);
}
.hover-tooltip--danger {
background: #FE5A5A;
color: #FFFFFF;
}
.hover-tooltip--success {
background: #D6F1D9;
color: #343434;
}
.rc-icon-selector {
display: flex;
align-items: center;
justify-content: center;
height: var(--icon-selector-size, 58px);
width: var(--icon-selector-size, 58px);
border-radius: 6px;
background: var(--white-black, #ffffff);
cursor: pointer;
border: 1px dashed var(--grey-list-border, #dedede);
box-sizing: border-box;
}
.rc-icon-selector_disabled {
opacity: 0.55;
pointer-events: none;
}
.rc-icon-selector_field {
border-style: solid;
}
.rc-icon-selector i {
width: 24px;
height: 24px;
}
.rc-icon-selector i svg {
width: 24px;
height: 24px;
stroke: var(--gray-ico, #626262);
fill: none;
stroke-width: 0.7px;
}
.image-upload-block-rc {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
border: 1px dashed var(--core-dropdown-text, #9c9c9c);
border-radius: 6px;
background: var(--white-black, white);
cursor: pointer;
}
.image-upload-block-rc__box {
display: flex;
flex-direction: column;
align-items: center;
width: 240px;
row-gap: 24px;
pointer-events: none;
}
.image-upload-block-rc__box__icon {
display: flex;
}
.image-upload-block-rc__box__icon svg {
width: 24px;
height: 24px;
stroke: var(--gray-dark-icon, #626262);
fill: none;
}
.image-upload-block-rc__box__text {
white-space: break-spaces;
color: var(--gray-dark-icon, #626262);
font-size: 16px;
text-align: center;
}
.image-upload-block-rc .file-select {
display: none !important;
}
.image-trim-editor-block-rc {
position: relative;
display: flex;
user-select: none;
}
.image-trim-editor-block-rc img.box {
display: flex;
width: 750px;
pointer-events: none;
filter: brightness(0.4);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.image-trim-editor-block-rc .choose-cords .rect {
position: absolute;
width: 100px;
height: 100px;
border: 1px dashed var(--black-white, black);
overflow: hidden;
}
.image-trim-editor-block-rc .choose-cords .rect img {
position: absolute;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.image-trim-editor-block-rc .choose-cords .rect-point {
position: absolute;
width: 16px;
height: 16px;
background-color: var(--white-black, #fff);
border-radius: 50px;
opacity: 0.7;
transition: opacity 0.3s ease-in-out;
}
.image-trim-editor-block-rc .choose-cords .rect-point.tr {
cursor: nesw-resize !important;
}
.image-trim-editor-block-rc .choose-cords .rect-point.tl {
cursor: nwse-resize !important;
}
.image-trim-editor-block-rc .choose-cords .rect-point.bl {
cursor: nesw-resize !important;
}
.image-trim-editor-block-rc .choose-cords .rect-point.br {
cursor: nwse-resize !important;
}
.image-trim-editor-block-rc .choose-cords.resizing .rect-point {
opacity: 1;
}
.ImageTrimEditorBlock__nwse-resize {
cursor: nwse-resize !important;
}
.ImageTrimEditorBlock__ew-resize {
cursor: ew-resize !important;
}
.ImageTrimEditorBlock__ns-resize {
cursor: ns-resize !important;
}
.ImageTrimEditorBlock__nesw-resize {
cursor: nesw-resize !important;
}
.rc-kanban-add-column-button {
display: flex;
flex-direction: row;
align-items: center;
column-gap: 8px;
height: 28px;
width: 100%;
border: none;
cursor: pointer;
padding: 0 12px;
border-radius: 6px;
background: color-mix(in srgb, var(--black-white, #000000) 5%, transparent);
}
.rc-kanban-add-column-button:hover .rc-kanban-add-column-button__label,
.rc-kanban-add-column-button:hover .rc-kanban-add-column-button__icon {
opacity: 100%;
}
.rc-kanban-add-column-button__icon {
display: flex;
opacity: 70%;
transition: opacity 200ms linear;
}
.rc-kanban-add-column-button__icon svg {
width: 12px;
height: 12px;
stroke: var(--default-gray, #808080);
}
.rc-kanban-add-column-button__label {
color: var(--default-gray, #808080);
opacity: 70%;
font-size: 13px;
transition: opacity 200ms linear;
}
.rc-kanban-add-column__vertical-block {
width: 244px;
padding: 8px;
display: flex;
flex-direction: column;
row-gap: 6px;
height: 100%;
}
.rc-kanban-add-column__placeholder {
width: 100%;
height: 124px;
border-radius: 6px;
background: color-mix(in srgb, var(--black-white, #000000) 5%, transparent);
transition: visibility 200ms linear, opacity 200ms linear;
}
.rc-kanban-add-column__placeholder[data-active="false"] {
opacity: 0;
visibility: hidden;
}
.rc-kanban-add-column__input-icon {
display: inline-block;
cursor: pointer;
position: relative;
height: 16px;
width: 16px;
}
.rc-kanban-add-column__input-icon svg {
position: absolute;
height: inherit;
width: inherit;
stroke: var(--gray-input-border, #BBBBBB);
}
.rc-kanban-add-column__clear-icon {
cursor: pointer;
height: 16px;
width: 16px;
}
.rc-kanban-add-column__input-wrapper {
display: flex;
flex-direction: row;
align-items: center;
background: var(--white-black, #FFFFFF);
border-radius: 6px;
box-shadow: inset 0 0 0 1px #1ABE72;
padding: 2px 14px;
}
.rc-kanban-add-column__input-wrapper--with-icons {
padding-right: 0 !important;
}
.rc-kanban-add-column__input {
display: flex;
flex-direction: row;
align-items: center;
height: 24px;
width: 100%;
border: none;
color: var(--gray-dark-icon, #626262);
font-size: 14px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
outline: none;
}
.rc-kanban-add-column__input::placeholder {
color: var(--gray-input-border, #BBBBBB);
}
.rc-kanban-add-column__progressbar {
height: 2px;
border-radius: 2px;
margin: 4px 2px -2px 2px;
overflow: hidden;
position: relative;
}
.rc-kanban-add-column__button-wrapper {
display: flex;
flex-direction: column;
}
.rc-kanban-add-column__icons {
display: flex;
flex-direction: row;
column-gap: 4px;
margin-right: 8px;
}
.date-select-dialog-rc {
position: relative;
}
.date-select-dialog-rc .box {
display: flex;
flex-direction: row;
column-gap: 16px;
padding: 30px 16px;
}
.date-select-dialog-rc .box .column-block {
display: flex;
flex-direction: column;
row-gap: 16px;
}
.date-select-field-box-rc {
padding: 10px;
background-color: var(--white-black, #fff);
box-shadow: 0 0 0 1px var(--grey-list-border, #dedede);
border-radius: 6px;
}
.date-select-field-box-rc input.control-value {
height: 36px;
text-align: center;
color: #626262;
font-size: 18px;
outline: none;
border: none;
}
.menu-dates-base-rc .menu-dates {
display: flex;
flex-direction: column;
row-gap: 4px;
padding: 14px 0;
}
.menu-dates-base-rc .menu-dates .item {
display: flex;
flex-direction: row;
padding: 0 10px 0 15px;
cursor: pointer;
}
.menu-dates-base-rc .menu-dates .item .label {
flex: 1;
padding: 6px 0;
font-size: 15px;
color: var(--text-color, #4B4B4B);
}
.menu-dates-base-rc .menu-dates .item .datetime {
display: flex;
align-self: center;
color: var(--gray-input-border, #9C9C9C);
padding: 6px;
font-size: 15px;
}
.menu-dates-base-rc .menu-dates .item .datetime:hover {
background: var(--time-picker-li-active, #3ba3d0);
color: white;
}
.menu-dates-base-rc .menu-dates .item:hover {
background: var(--gray-modal-background, #EBEBEB);
}
.menu-dates-base-rc .separator {
height: 1px;
background-color: var(--grey-list-border, #dedede);
}
.menu-dates-base-rc .menu-actions {
padding: 14px 0;
background: var(--date-picker-bg, #F7F7F7);
}
.menu-dates-base-rc .menu-actions .item {
display: flex;
column-gap: 15px;
padding: 0 15px;
height: 30px;
align-items: center;
cursor: pointer;
}
.menu-dates-base-rc .menu-actions .item .icon {
width: 16px;
height: 16px;
}
.menu-dates-base-rc .menu-actions .item .icon svg {
width: inherit;
height: inherit;
stroke: var(--gray-input-border, #BBBBBB);
fill: none !important;
}
.menu-dates-base-rc .menu-actions .item .label {
font-size: 15px;
}
.menu-dates-base-rc .menu-actions .item:hover {
background: var(--gray-modal-background, #EBEBEB);
}
.simple-dialog-rc {
position: absolute;
z-index: 1;
visibility: hidden;
min-width: 300px;
color: var(--popup-win-header, #747474);
border: 1px solid var(--grey-list-border, #DEDEDE);
background: var(--date-picker-bg, #F7F7F7);
box-shadow: 0 0 4px 0 var(--dialog-box-shadow-light);
border-radius: 6px;
}
.simple-dialog-rc__header {
display: flex;
height: 64px;
align-items: center;
background: var(--white-black, #ffffff);
border-radius: 6px 6px 0 0;
}
.simple-dialog-rc__header .text {
padding-left: 16px;
padding-right: 16px;
font-size: 18px;
}
.object-edit-field-multi-value-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
gap: 0 8px;
padding: 6px 0;
position: relative;
max-width: 100%;
}
.object-edit-field-multi-value-container__input {
min-width: 80px;
height: 24px;
background: transparent;
border: none;
outline: none;
padding: 0 4px;
margin: 2px 0;
}
.object-edit-field-multi-value-container .svg-add-multi-value {
padding: 5px 4px;
border-radius: 4px;
}
.object-edit-field-multi-value-container .svg-add-multi-value svg {
stroke: var(--time-type-switcher-text, #BBBBBB);
}
.object-edit-field-multi-value-container .input-multi-value__wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.object-edit-field-multi-value-container .svg-add-multi-value__wr {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
cursor: pointer;
-webkit-transition: stroke 250ms ease;
-moz-transition: stroke 250ms ease;
-o-transition: stroke 250ms ease;
-ms-transition: stroke 250ms ease;
transition: stroke 250ms ease;
}
.object-edit-field-multi-value-container .svg-add-multi-value__wr:hover .svg-add-multi-value {
background: var(--gray-inner, #F5F5F5);
}
.object-edit-field-multi-value-container .svg-add-multi-value__wr:hover .svg-add-multi-value svg {
stroke: var(--default-gray, #808080);
}
.object-edit-field-multi-value-container .ReactSelectStyle__multiValue {
padding: 0 4px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: var(--react-select-focus, #DEEBFF);
text-overflow: ellipsis;
white-space: normal;
box-sizing: border-box;
overflow: hidden;
}
.object-edit-field-multi-value-container .ReactSelectStyle__multiValue__label {
padding: 3px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.object-edit-field-multi-value-container .ReactSelectStyle__multiValue__label:hover {
color: #5881B8;
}
.object-edit-field-multi-value-container .ReactSelectStyle__multiValue__icon {
display: inline-flex;
width: 14px;
height: 14px;
margin-right: 4px;
fill: none;
stroke: white;
}
.object-edit-field-multi-value-container .ReactSelectStyle__multiValue__remove {
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
padding: 4px;
color: var(--core-dropdown-text, #9c9c9c);
border-radius: 2px;
}
.object-edit-field-multi-value-container .dropdown-wr {
max-width: calc(100% - 24px);
}
.dropdown-portal.directory-dropdown {
position: absolute;
z-index: 999;
width: 400px;
}
.rc-object-add-field-dropdown__wrapper {
display: flex;
flex-direction: column;
row-gap: 8px;
}
.rc-object-add-field-dropdown__absolute {
position: absolute;
z-index: 10;
width: 360px;
height: 100%;
max-height: 400px;
}
.rc-object-setting-field-dropdown__absolute {
position: absolute;
z-index: 10;
width: 360px;
max-height: 400px;
}
.rc-object-setting-field-dropdown__absolute .UIKit__menu-item-rc {
padding: 0;
}
.rc-object-setting-field-dropdown__absolute .rc-dropdown-base__top-block,
.rc-object-setting-field-dropdown__absolute .rc-dropdown-base__content {
padding: 0 16px;
}
.rc-object-setting-field-dropdown__absolute .white-wrapper-rc {
border: none;
box-shadow: 0 2px 8px 0 var(--dialog-other-btn-hover-shadow, #00000030);
}
.date-picker-rc {
position: absolute;
z-index: 999;
display: flex;
background: var(--date-picker-bg, #F5F5F5);
border-radius: 10px;
box-shadow: var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2)) 0 0 9px 0;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.date-picker-rc .menu {
width: 180px;
border-right: 1px solid var(--date-picker-menu-border, #e0e0e0);
}
.date-picker-rc .box {
position: relative;
display: flex;
flex-direction: column;
row-gap: 14px;
padding: 14px;
}
.date-picker-rc .box .header {
display: flex;
justify-content: space-between;
}
.date-picker-rc .box .separators {
position: absolute;
display: flex;
justify-content: space-evenly;
pointer-events: none;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
}
.date-picker-rc .box .separators > div {
width: 1px;
background: var(--date-picker-separators-bg, #dfdfdff7);
}
.date-picker-rc .box .today-btn {
border-radius: 6px;
border: 1px solid #BBB;
width: fit-content;
padding: 3px 8px;
font-size: 14px;
color: #808080;
text-align: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
cursor: pointer;
}
.date-picker-rc .box .today-btn:hover {
background: #EAEAEA;
}
.date-picker-rc.without-borders {
position: unset;
z-index: unset;
box-shadow: unset;
}
.date-picker-rc.without-borders .box {
padding: unset;
}
.date-picker-rc--without-background {
background: none;
}
.date-picker-rc .today-btn {
border-radius: 6px;
border: 1px solid var(--gray-input-border);
width: fit-content;
padding: 3px 8px;
font-size: 14px;
color: var(--default-gray);
text-align: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
cursor: pointer;
}
.date-picker-rc .today-btn:hover {
background: var(--gray-modal-background);
}
.date-picker-rc .planner-btn {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
padding-top: 8px;
color: var(--default-gray);
border-top: 1px solid #DEDEDE;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
cursor: pointer;
}
.date-picker-rc .planner-btn i {
display: block;
width: 16px;
height: 16px;
fill: none;
stroke: var(--default-gray);
}
.date-picker-input-rc {
position: relative;
}
.date-picker-input-rc input {
width: 100%;
}
.date-picker-input-rc input::placeholder {
color: lightgrey;
}
.date-picker-menu-rc .items {
padding: 20px 12px 20px 12px;
}
.date-picker-menu-rc .items .item {
padding: 6px 8px;
font-size: 15px;
border-radius: 5px;
cursor: pointer;
}
.date-picker-menu-rc .items .item:hover {
background: var(--activeButtonTransparentMix90);
color: var(--activeButton);
}
.date-picker-month-view-rc {
display: flex;
flex-direction: column;
row-gap: 9px;
width: 265px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.date-picker-month-view-rc .days-head {
display: flex;
column-gap: 3px;
}
.date-picker-month-view-rc .days-head .day {
width: 35px;
height: 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
font-size: 13px;
font-weight: 700;
}
.date-picker-month-view-rc .days {
display: grid;
grid-template-columns: repeat(7, 35px);
gap: 3px;
padding-bottom: 3px;
}
.date-picker-month-view-rc .days .day-box {
position: relative;
}
.date-picker-month-view-rc .days .day-box .day-number {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
width: 35px;
height: 33px;
font-size: 15px;
border-radius: 6px;
cursor: pointer;
z-index: 1;
-webkit-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
}
.date-picker-month-view-rc .days .day-box.month-day .day-number {
background-color: var(--white-black, white);
}
.date-picker-month-view-rc .days .day-box.month-day.is-weekend .day-number,
.date-picker-month-view-rc .days .day-box.month-day.is-holiday .day-number {
background: var(--grey-list-border, #dedede);
color: var(--text-color, #343434);
font-weight: 700;
box-shadow: unset;
}
.date-picker-month-view-rc .days .day-box.month-day.is-part-period .day-number {
box-shadow: none;
}
.date-picker-month-view-rc .days .day-box.month-day.is-part-period:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: -3px;
z-index: 0;
background: var(--white-black, #fff);
}
.date-picker-month-view-rc .days .day-box.month-day.is-part-period:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: -3px;
z-index: 0;
background: var(--activeButton);
opacity: 0.2;
}
.date-picker-month-view-rc .days .day-box.month-day.is-part-period:is(.is-sunday):before,
.date-picker-month-view-rc .days .day-box.month-day.is-part-period:is(.is-sunday):after {
right: 0;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.date-picker-month-view-rc .days .day-box.month-day.is-part-period:is(.is-monday):before,
.date-picker-month-view-rc .days .day-box.month-day.is-part-period:is(.is-monday):after {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.date-picker-month-view-rc .days .day-box.month-day.is-part-period:not(.is-start.is-end) .day-number {
background: none;
}
.date-picker-month-view-rc .days .day-box.month-day.is-part-period:not(.is-start.is-end).is-start .day-number {
background: var(--white-black, #fff);
}
.date-picker-month-view-rc .days .day-box.month-day.is-part-period:not(.is-start.is-end).is-end:after,
.date-picker-month-view-rc .days .day-box.month-day.is-part-period:not(.is-start.is-end).is-end:before {
right: 0;
}
.date-picker-month-view-rc .days .day-box.month-day.is-part-period:not(.is-start.is-end).is-end .day-number {
background: var(--white-black, #fff);
}
.date-picker-month-view-rc .days .day-box.month-day.is-part-period.is-start.is-end:before {
right: 0;
left: 0;
border-radius: 4px;
background: none;
}
.date-picker-month-view-rc .days .day-box.month-day.is-start .day-number,
.date-picker-month-view-rc .days .day-box.month-day.is-end .day-number {
background-color: var(--activeButton) !important;
color: var(--activeButtonElements) !important;
}
.date-picker-month-view-rc .days .day-box.other-day .day-number {
background-color: transparent;
color: var(--task-card-star, lightgray);
box-shadow: none;
}
.date-picker-month-view-rc .days .day-box.is-today .day-number {
box-shadow: inset 0 0 0 2px var(--activeButton) !important;
}
.date-picker-month-view-rc .days .day-box.is-disabled {
pointer-events: none;
opacity: 0.4;
}
.date-picker-month-view-rc .days .day-box.is-disabled .day-number {
cursor: default;
box-shadow: none;
}
.date-picker-navigation-rc {
width: 265px;
}
.date-picker-navigation-rc .arrow {
width: 33px;
height: 33px;
display: flex;
align-items: center;
justify-content: center;
background: var(--white-black, white);
border-radius: 50px;
cursor: pointer;
}
.date-picker-navigation-rc .arrow svg {
width: 12px;
height: 12px;
stroke: var(--date-picker-navigation-svg, #777);
margin-left: 2px;
}
.date-picker-navigation-rc .arrow.left svg {
transform: rotate(180deg);
margin-right: 2px;
}
.date-picker-navigation-rc .arrow.is-hide {
opacity: 0;
pointer-events: none;
}
.date-picker-navigation-rc .arrow:hover {
background-color: var(--time-type-switcher-bg-hover, #ededed);
}
.date-picker-navigation-rc .navigate {
display: flex;
column-gap: 4px;
}
.date-picker-navigation-select-rc {
position: relative;
display: flex;
align-items: center;
font-size: 15px;
background: var(--white-black, white);
border-radius: 6px;
box-shadow: 1px 1px 0 0 var(--date-picker-navigation-select, #0000001c);
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.date-picker-navigation-select-rc .select {
display: flex;
padding: 4px 11px 4px 11px;
font-weight: 700;
cursor: pointer;
}
.date-picker-navigation-select-rc .select .select-arrow {
display: flex;
width: 8px;
height: 8px;
margin: 8px 0 0 3px;
transition: 0.1s;
}
.date-picker-navigation-select-rc .select .select-arrow svg {
fill: var(--activeButton);
}
.date-picker-navigation-select-rc.is-open .select {
display: flex;
}
.date-picker-navigation-select-rc.is-open .select .select-arrow {
transform: rotate(-90deg);
margin: 5px 0 0 3px;
}
.date-picker-navigation-select-rc .options-box {
position: absolute;
width: 100%;
height: 240px;
top: 35px;
left: 0;
overflow-x: hidden;
overflow-y: auto;
background: var(--white-black, white);
border-radius: 6px;
box-shadow: 1px 1px 0 0 var(--date-picker-navigation-select, #0000001c);
z-index: 999;
}
.date-picker-navigation-select-rc .options-box .options .option {
display: flex;
align-items: center;
height: 30px;
padding: 0 10px;
cursor: pointer;
}
.date-picker-navigation-select-rc .options-box .options .option.is-active {
color: #007adf;
}
.date-picker-navigation-select-rc .options-box .options .option:hover {
background: var(--date-picker-navigation-option-hover-bg, #8080801f);
}
.document-view-header-rc {
display: flex;
left: -58px;
position: relative;
margin-bottom: 24px;
height: 42px;
}
.document-view-svg-rc {
display: flex;
align-items: center;
width: 40px;
height: 40px;
border-radius: 10px;
background: var(--background-color-light-gray, #FFF);
border: 1px solid var(--grey-list-border, #dedede);
margin-right: 16px;
}
.document-view-svg-rc span {
height: 16px;
margin: 12px;
}
.document-view-svg-rc span rect {
fill: none;
}
.document-view-svg-rc span path {
stroke: var(--default-gray, #9C9C9C);
}
.document-view-svg-rc span:hover {
cursor: pointer;
}
.document-view-path-rc {
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--text-color, #626262);
}
.document-view-path-rc p {
display: flex;
align-items: center;
height: 100%;
}
.document-view-path-rc .all-documents {
color: var(--Theme-colors-BlueSteel, #5881B8);
cursor: pointer;
height: 34px;
}
.document-view-left-menu-rc {
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
height: 100%;
box-sizing: border-box;
overflow-y: auto;
padding: 11px 8px;
border-radius: 6px;
border: 1px solid var(--grey-list-border, #dedede);
background-color: var(--white-black);
color: var(--Dark-colors-GrayWet, #4B4B4B);
}
.document-view-left-menu-rc .document-paragraph {
color: var(--Theme-colors-BlueSteel, #5881B8);
font-size: 16px;
border-radius: 6px;
padding: 13px 19px;
margin: 0;
height: auto;
transition: all 100ms ease;
}
.document-view-left-menu-rc .document-paragraph.active {
background: var(--activeButton, #1abe72);
color: var(--activeFilterElement, #fff);
}
.document-view-left-menu-rc .document-paragraph:hover {
background: var(--activeButton, #1abe72);
cursor: pointer;
color: var(--activeFilterElement, #fff);
}
.document-content-text-rc {
display: flex;
padding: 18px 0 18px 26px;
position: relative;
width: calc(100% - 28px);
height: calc(100% - 36px);
border: 1px solid var(--grey-list-border, #dedede);
background-color: var(--white-black);
border-radius: 6px;
}
.document-content-text-rc .text {
font-size: 16px;
letter-spacing: 0.02em;
font-style: normal;
font-weight: 400;
line-height: 21px;
}
.document-content-text-rc .text p {
margin: 20px 0;
line-height: 1.5em;
letter-spacing: 0.02em;
}
.document-content-text-rc h3 {
font-size: 18px;
line-height: 22.5px;
margin: 24px 0;
}
.document-content-text-rc strong {
font-weight: 700;
}
.document-content-text-rc__scroll {
overflow-y: auto;
overflow-x: hidden;
height: 100%;
padding-right: 36px;
}
.document-signed-block-rc {
border: 1px dashed var(--confirm-win-text-box, #BBBEFF);
border-radius: 6px;
color: var(--default-gray, #4B4B4B);
}
.document-signed-block-rc td {
padding: 8px 8px 8px 16px;
}
.document-signed-block-rc td span {
font-size: 15px;
font-weight: 400;
}
.document-signed-block-rc .separator {
width: auto;
height: 10px;
background-color: var(--document-signed-data-seporator);
}
.document-signed-block-rc .registration-data table {
width: 100%;
}
.document-signed-block-rc .registration-data tr {
height: auto;
}
.document-signed-block-rc .registration-data td {
text-align: start;
border: 1px dashed var(--confirm-win-text-box, #BBBEFF);
border-left: none;
border-right: none;
width: 50%;
}
.document-signed-block-rc .registration-data.provider tr td {
border-bottom: none;
}
.document-signed-block-rc .registration-data.partner tr td {
border-top: none;
}
.document-signed-block-rc .registration-data td:first-child {
border-right: 1px dashed var(--confirm-win-text-box, #BBBEFF);
}
.document-item-field-for-sign-rc {
align-items: end;
display: flex;
padding: 34px;
width: auto;
border: 1px solid var(--grey-list-border, #dedede);
background-color: var(--background-color-default, #FFF);
border-radius: 12px;
flex: none;
}
.document-item-field-for-sign-rc .field-target {
width: 296px;
}
.document-item-field-for-sign-rc__button-field {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
margin: 0 auto;
}
.document-item-field-for-sign-rc__button-field span {
color: var(--default-gray, #9C9C9C);
font-size: 15px;
height: 18px;
}
.document-item-field-for-sign-rc__button-field input {
padding: 0 16px 2px 16px;
width: 175px;
height: 32px;
border-radius: 6px;
border: none;
cursor: pointer;
background: var(--activeButton);
color: var(--activeButtonElements);
}
.document-item-field-for-sign-rc__button-field input:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.partner-document-item-view-rc__content {
height: 100%;
display: inline-flex;
gap: 16px;
}
.partner-document-item-view-rc__content h3 {
text-transform: uppercase;
}
.document-item-subscribe-rc {
height: 100%;
}
.document-item-subscribe-rc .document-content__center-block {
display: flex;
align-items: center;
justify-content: center;
}
.document-item-subscribe-rc .document-left-menu-target {
display: flex;
height: 100%;
width: 298px;
overflow-y: auto;
overflow-x: hidden;
}
.document-item-subscribe-rc .document-content-target {
width: 928px;
padding-bottom: 2px;
margin-bottom: 6px;
flex: 1;
overflow: hidden;
}
.partner-document-block-rc {
height: 100%;
}
.partner-document-block-rc .title-doc {
margin-top: 4px;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 24px;
height: 35px;
}
.partner-document-block-rc .partner-document-table {
width: 100%;
}
.partner-document-block-rc aside {
flex-shrink: 0;
width: 298px;
margin-right: 16px;
}
.partner-document-block-rc .left-menu {
width: calc(100% - 18px);
height: 603px;
padding: 24px 8px;
border-radius: 12px;
background-color: var(--background-color-default, #FFF);
color: var(--default-gray, #4B4B4B);
border: 1px solid var(--grey-list-border, #dedede);
}
.partner-document-block-rc .left-menu .sub-section {
font-size: 15px;
height: 20px;
font-weight: 400;
display: flex;
padding: 8px 18px 8px 12px;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 6px;
margin-bottom: 4px;
background-color: var(--background-color-light-gray, #F7F7F7);
cursor: pointer;
}
.partner-document-block-rc .left-menu .sub-section.active {
background: var(--activeFilter, #00864b);
color: var(--activeFilterElement, #fff);
}
.ReactSelectStyle__option {
padding: 0;
}
.ReactSelectStyle__option__box {
display: flex;
align-items: center;
column-gap: 9px;
margin: 0;
padding: 8px 10px;
border-radius: 3px;
cursor: pointer;
}
.ReactSelectStyle__option__box__icon {
display: flex;
align-items: center;
}
.ReactSelectStyle__option__box__icon svg {
width: 24px;
height: 24px;
}
.ReactSelectStyle__option__box__label {
display: flex;
flex-direction: column;
row-gap: 6px;
color: var(--black-white, black);
font-size: 15px;
line-height: 1;
}
.ReactSelectStyle__option__box__chip-label {
color: var(--react-select-chip-label, #777);
font-size: 10px;
line-height: 1;
}
.ReactSelectStyle__option.is-paint-option .ReactSelectStyle__option__box {
border-radius: 4px;
margin-bottom: 2px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 8px;
}
.ReactSelectStyle__option.is-paint-option .ReactSelectStyle__option__box .is-paint-option__item {
border-radius: 3px;
width: 12px;
height: 12px;
flex: none;
}
.ReactSelectStyle__option.is-part-group .ReactSelectStyle__option__box {
padding-left: 18px;
}
.ReactSelectStyle__option:hover .ReactSelectStyle__option__box,
.ReactSelectStyle__option.is-focused .ReactSelectStyle__option__box {
background: var(--react-select-focus, #DEEBFF);
}
.ReactSelectStyle__multiValue {
display: flex;
margin: 2px 0 2px 0;
min-width: 0;
background-color: var(--gray-inner, #eeeeee);
border-radius: 3px;
box-sizing: border-box;
}
.ReactSelectStyle__multiValue__label {
overflow: hidden;
padding: 3px;
padding-left: 8px;
color: var(--gray-dark-icon, #626262);
font-size: 15px;
border-radius: 2px;
text-overflow: ellipsis;
white-space: normal;
box-sizing: border-box;
}
.ReactSelectStyle__multiValue__remove {
display: flex;
align-items: center;
padding-left: 8px;
padding-right: 8px;
color: var(--gray-input-border, #bbbbbb);
border-radius: 3px;
box-sizing: border-box;
cursor: pointer;
}
.ReactSelectStyle__multiValue__remove svg {
width: 9px;
height: 9px;
fill: none;
stroke: currentColor;
stroke-width: 2px;
}
.ReactSelectStyle__multiValue[data-type="contact"] {
background: var(--react-select-common-contact-bg, #00b8d91c);
}
.ReactSelectStyle__multiValue[data-type="contact"] .ReactSelectStyle__multiValue__label,
.ReactSelectStyle__multiValue[data-type="contact"] .ReactSelectStyle__multiValue__remove {
color: var(--react-select-common-contact, #00b8d9);
}
.ReactSelectStyle__noOptionsMessage {
list-style: none;
text-align: left;
white-space: pre-line;
}
.ReactSelectStyle__Handbook__IndicatorsContainer {
display: flex;
padding: 6px 8px;
}
.ReactSelectStyle__Handbook__IndicatorsContainer button {
padding: 0 2px 0 2px;
font-size: 16px;
outline: 0;
background: none;
border: none;
box-shadow: 0 0 0 1px var(--task-card-action-normal-author, #a6a6a6);
border-radius: 2px;
cursor: pointer;
color: var(--task-card-action-normal-author, #a6a6a6);
}
.ReactSelectObjectEditStyle__dropdownIndicator__icon {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
}
.ReactSelectObjectEditStyle__dropdownIndicator__icon svg {
display: inline-block;
line-height: 1;
stroke: var(--gray-input-border, #bbb);
fill: none;
height: 16px;
width: 16px;
}
.ReactSelectObjectEditStyle__clearIndicator {
display: flex;
align-self: center;
justify-content: center;
width: 20px;
padding: 0 7px;
color: var(--gray-input-border, #bbbbbb);
transition: color 150ms;
cursor: pointer;
}
.ReactSelectObjectEditStyle__clearIndicator svg {
display: inline-block;
width: 16px;
height: 16px;
fill: none;
line-height: 1;
stroke: currentColor;
}
.ReactSelectPeopleStyle__option {
padding: 0 0 2px 0;
}
.ReactSelectPeopleStyle__option__box {
display: flex;
align-items: center;
column-gap: 9px;
margin: 0;
padding: 8px 10px;
border-radius: 3px;
cursor: pointer;
}
.ReactSelectPeopleStyle__option__box__img {
flex: none;
}
.ReactSelectPeopleStyle__option__box__icon {
display: flex;
align-items: center;
}
.ReactSelectPeopleStyle__option__box__icon svg {
width: 24px;
height: 24px;
}
.ReactSelectPeopleStyle__option__box__label {
display: flex;
flex-direction: column;
row-gap: 2px;
color: var(--black-white, black);
font-size: 15px;
line-height: 1;
}
.ReactSelectPeopleStyle__option__box__chip-label {
color: var(--react-select-chip-label, #777);
font-size: 10px;
line-height: 1;
white-space: pre-line;
}
.ReactSelectPeopleStyle__option__box__name {
display: inline-flex;
align-items: center;
gap: 5px;
}
.ReactSelectPeopleStyle__option__box__vacation {
display: inline-flex;
width: 16px;
height: 16px;
border-radius: 100%;
background-color: #FFE19D;
flex-shrink: 0;
align-items: center;
justify-content: center;
}
.ReactSelectPeopleStyle__option__box__vacation svg {
width: 12px;
height: 12px;
stroke: #808080;
fill: none;
}
.ReactSelectPeopleStyle__option[data-type="contact"] .ReactSelectPeopleStyle__option__box,
.ReactSelectPeopleStyle__option[data-type="client"] .ReactSelectPeopleStyle__option__box {
background: var(--react-select-box-contact, #E3F7FB);
}
.ReactSelectPeopleStyle__option.is-part-group .ReactSelectPeopleStyle__option__box {
padding-left: 18px;
}
.ReactSelectPeopleStyle__option:hover .ReactSelectPeopleStyle__option__box,
.ReactSelectPeopleStyle__option.is-focused .ReactSelectPeopleStyle__option__box {
background: var(--react-select-focus, #DEEBFF);
}
.ReactSelectPeopleStyle__option:hover[data-type="contact"] .ReactSelectPeopleStyle__option__box,
.ReactSelectPeopleStyle__option.is-focused[data-type="contact"] .ReactSelectPeopleStyle__option__box {
background: var(--react-select-contact-focus, #B8EBF4);
}
.table-view-rc span {
font-size: 15px;
font-weight: 400;
}
.table-view-rc td {
border: 1px solid var(--grey-list-border, #dedede);
border-top: none;
border-right: none;
padding: 8px;
}
.table-view-rc td:last-child {
border-right: 1px solid var(--grey-list-border, #dedede);
}
.table-view-rc__wrapper {
overflow-x: auto;
}
.table-view-rc__header--sticky {
position: sticky;
top: 0;
z-index: 1;
}
.table-view-rc__header--sticky .table-view-rc__header__td:first-child::before,
.table-view-rc__header--sticky .table-view-rc__header__td:last-child::after {
z-index: -1;
width: 12px;
height: 12px;
background: var(--table-parent-color);
content: "";
display: block;
position: absolute;
top: 0;
}
.table-view-rc__header--sticky .table-view-rc__header__td:first-child::before {
left: 0;
}
.table-view-rc__header--sticky .table-view-rc__header__td:last-child::after {
right: 0;
}
.table-view-rc__header__tr {
color: var(--default-gray, #343434);
}
.table-view-rc__header__tr td {
border-top: 1px solid var(--grey-list-border, #dedede);
}
.table-view-rc__header__tr td:first-child {
border-top-left-radius: 12px;
}
.table-view-rc__header__tr td:last-child {
border-top-right-radius: 12px;
}
.table-view-rc__header__td {
height: 44px;
background-color: var(--gray-modal-background, #ebebeb);
border-bottom: none;
}
.table-view-rc--without-header .table-view-rc__body tr:first-child td:first-child {
border-top-left-radius: 12px;
border-top: 1px solid var(--grey-list-border, #dedede);
}
.table-view-rc--without-header .table-view-rc__body tr:first-child td:last-child {
border-top-right-radius: 12px;
border-top: 1px solid var(--grey-list-border, #dedede);
}
.table-view-rc__body__tr-item {
background-color: var(--white-black, #ffffff);
height: 60px;
}
.table-view-rc__body__tr-item[aria-selected="true"] td {
background: rgba(66, 184, 66, 0.25) !important;
}
.table-view-rc__body__tr-item[aria-selected="true"] .rc-resource-limits-table__item-name {
color: #42B842;
}
.table-view-rc__body__tr-item span {
border: none;
padding: 0;
}
.table-view-rc--with-hover .table-view-rc__body__tr-item:hover td {
background-color: var(--gray-list-hover, #f0f0f0);
}
.table-view-rc__body tr:last-child td {
border-top: none;
}
.table-view-rc__body tr:last-child td:first-child {
border-bottom-left-radius: 12px;
}
.table-view-rc__body tr:last-child td:last-child {
border-bottom-right-radius: 12px;
}
.stringarray-component-rc {
display: flex;
flex-direction: column;
row-gap: 6px;
}
.stringarray-component-rc .group-items {
display: flex;
column-gap: 6px;
}
.stringarray-component-rc .group-items .group-item {
display: flex;
justify-content: center;
align-items: center;
width: 210px;
height: 40px;
color: var(--confirm-win-head-bg, #4b4b4b);
background: var(--gray-modal-background, #eaeaea);
border-radius: 6px;
box-shadow: 0 0 0 1px var(--grey-list-border, #DEDEDE);
cursor: pointer;
font-size: 16px;
}
.stringarray-component-rc .group-items .group-item.active {
background: var(--white-black, white);
cursor: default;
pointer-events: none;
}
.stringarray-component-rc .items {
display: flex;
flex-direction: column;
row-gap: 1px;
background: var(--grey-list-border, #dedede);
box-shadow: 0 0 0 1px var(--grey-list-border, #DEDEDE);
border-radius: 6px;
overflow: hidden;
}
.stringarray-component-rc .items .column-title {
display: flex;
column-gap: 1px;
border-radius: 10px 10px 0 0;
}
.stringarray-component-rc .items .column-title .item-column {
flex: 1;
display: flex;
align-items: center;
padding: 8px 16px;
background: var(--white-black, white);
font-size: 15px;
color: var(--black-white, #000);
}
.stringarray-component-rc .items .item-column {
display: flex;
flex: 1;
background: var(--white-black, white);
}
.stringarray-component-rc .items .item-column input {
width: calc(100% - 32px);
padding: 8px 16px;
background: none;
border: none;
outline: none;
font-size: 15px;
}
.stringarray-component-rc .items .item-column .text {
padding: 8px 16px;
font-size: 15px;
}
.stringarray-component-rc .items .item-column .icon-remove {
margin-left: auto;
padding: 8px;
cursor: pointer;
vertical-align: middle;
}
.stringarray-component-rc .items .item-column .icon-remove svg {
width: 16px;
height: 16px;
stroke: var(--gray-input-border, #bbbbbb);
fill: none;
}
.stringarray-component-rc .items .item-column .icon-remove:hover svg {
stroke: red;
}
.stringarray-component-rc .items .item_row {
display: flex;
flex-direction: row;
column-gap: 1px;
}
.stringarray-component-rc .items .column-body {
display: flex;
flex-direction: column;
row-gap: 1px;
}
.stringarray-component-rc .items .column-add-block {
display: flex;
flex-direction: row;
column-gap: 1px;
}
.stringarray-component-rc .items .group-message {
background: var(--white-black, white);
display: flex;
align-items: center;
justify-content: center;
padding: 28px 150px;
text-align: center;
font-size: 15px;
}
.common-tabs-data-container {
display: flex;
flex-direction: column;
row-gap: 13px;
}
.tabs-panel-layout-v2-rc__tabs {
padding: 0 0 0 8px;
display: flex;
flex-direction: column;
row-gap: 4px;
}
.tabs-panel-layout-v2-rc__tabs__row {
position: relative;
display: flex;
column-gap: 24px;
flex-direction: row;
}
.tabs-panel-layout-v2-rc__tabs__row__tab {
position: relative;
padding: 5px 0 5px 0;
display: flex;
align-items: center;
border-radius: 3px;
margin-bottom: 7px;
width: fit-content;
transition: 0.2s;
font-size: 13px;
text-transform: uppercase;
text-align: center;
color: var(--grey-group-text, #6c6c6c);
border-color: #1abe72;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
cursor: pointer;
}
.tabs-panel-layout-v2-rc__tabs__row__tab:before {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
border-radius: 3px;
transition: 0.2s;
}
.tabs-panel-layout-v2-rc__tabs__row__tab__text {
z-index: 1;
}
.tabs-panel-layout-v2-rc__tabs__row__tab:hover:before {
background: var(--task-card-add-action-borded, #eaeaea);
right: -4px;
left: -4px;
}
.tabs-panel-layout-v2-rc__tabs__row.tab-hover-darker .tabs-panel-layout-v2-rc__tabs__row__tab:hover:before {
background: var(--tabs-panel-tab-hover, #e5e5e5);
}
.tabs-panel-layout-v2-rc__tabs__row__selected-indicator {
position: absolute;
left: 0;
height: 5px;
bottom: 0;
background: transparent;
border-radius: 8px;
transition: 0.2s;
}
.tabs-panel-layout-v2-rc__tabs__row__selected-indicator.no-animate {
transition: width 0s, left 0s;
}
.tabs-panel-layout-v2-rc__tabs__row__selected-indicator.active {
background: var(--activeButton);
}
.tabs-panel-layout-v2-content-rc__view-box {
overflow-x: clip;
}
.tabs-panel-layout-v2-content-rc__view-box__roulette-box {
display: flex;
}
.tabs-panel-layout-v2-content-rc__view-box__roulette-box__layout {
flex: none;
}
.tabs-panel-layout-v2-content-rc__view-box__roulette-box__layout:not(.active) {
height: 0;
pointer-events: none;
}
.tabs-panel-layout-v2-content-rc[animation-type="slider"] .tabs-panel-layout-v2-content-rc__view-box__roulette-box {
transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.tabs-panel-layout-v2-content-rc[animation-type="fade"] .tabs-panel-layout-v2-content-rc__view-box__roulette-box__layout {
transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.task-template-delete-completed-field-rc__wrapper {
display: flex;
flex-direction: column;
padding: 12px 16px;
border-radius: 6px;
background: var(--white-black, white);
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
font-size: 15px;
}
.task-template-delete-completed-field-rc__text {
color: var(--gray-dark-icon, #626262);
padding-left: 4px;
}
.task-template-delete-completed-field-rc__input {
padding: 2px 12px;
border-radius: 4px !important;
font-size: 13px;
background: var(--white-black, white);
box-shadow: inset 0 0 0 1px var(--grey-list-border, #dedede);
border: none;
outline: none;
}
.task-template-delete-completed-field-rc__toggler {
display: flex;
flex-direction: row;
align-items: center;
column-gap: 8px;
background: var(--white-black, white);
z-index: 2;
}
.task-template-delete-completed-field-rc__toggler .usually-switcher-rc-v2 .enabled-panel {
padding: 0;
}
.task-template-delete-completed-field-rc__editor {
display: flex;
flex-direction: row;
align-items: center;
column-gap: 6px;
padding-left: 48px;
margin-top: 0;
opacity: 0;
height: 0;
transition: 0.2s;
}
.task-template-delete-completed-field-rc__editor--open {
margin-top: 15px;
opacity: 1;
padding-bottom: 12px;
}
.task-template-delete-completed-field-rc__editor p {
color: var(--core-dropdown-text, #9c9c9c);
font-size: 13px;
}
.rc-text-editor__button {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
border: 0px;
background-color: #eee;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
}
.rc-text-editor__button:hover {
background-color: #ddd;
}
.rc-text-editor__button.small {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
}
.rc-text-editor__button.disabled {
cursor: not-allowed;
}
.rc-text-editor__button:hover {
background-color: #eee;
}
.rc-text-editor__dialog-actions {
display: flex;
flex-direction: row;
justify-content: right;
margin-top: 20px;
}
.rc-text-editor__dialog-buttons-list {
display: flex;
flex-direction: column;
justify-content: right;
margin-top: 20px;
}
.rc-text-editor__dialog-buttons-list button {
margin-bottom: 20px;
}
.rc-text-editor__text-input__wrapper {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 10px;
}
.rc-text-editor__text-input__label {
display: flex;
flex: 1;
color: #666;
}
.rc-text-editor__text-input__input {
display: flex;
flex: 2;
border: 1px solid #999;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
border-radius: 5px;
min-width: 0;
}
.tooltip-win-block-rc {
display: flex;
flex-direction: column;
row-gap: 16px;
padding: 20px 0;
}
.tooltip-win-block-rc .ObjectEditFieldInput__target,
.tooltip-win-block-rc .TabsPanelLayoutV2__target {
padding: 0 20px;
}
.tooltip-win-block-rc__preview {
display: flex;
flex-direction: row;
column-gap: 20px;
padding: 0 20px;
align-items: flex-end;
}
.tooltip-win-block-rc__tooltip-block {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
border-radius: 6px;
border: 1px #FFFFFFFF dotted;
font-size: 14px;
padding: 7px 15px 7px 13px;
transition: 0.5s;
width: 100%;
}
.tooltip-win-block-rc__tooltip-block__before {
position: absolute;
content: "";
left: -1px;
top: -1px;
bottom: 0;
width: 7px;
border-radius: 6px 0 0 6px;
transition: 0.5s;
}
.tooltip-win-block-rc__color-picker-block {
display: flex;
flex-direction: column;
row-gap: 6px;
align-items: center;
}
.tooltip-win-block-rc__color-picker-block span {
font-size: 12px;
color: #808080;
}
.tooltip-win-block-rc .ckeditor-panel-container .cke_button__planfixobjectfrompf,
.tooltip-win-block-rc .ckeditor-panel-container .cke_button__codesnippet {
display: none;
}
.palette-control-rc-list-color .list-color__v2.tooltip-win-palette {
grid-template-columns: repeat(5, 32px);
}
.palette-control-rc-list-color .list-color__v2.tooltip-win-palette .item-color {
width: 32px;
height: 32px;
}
.Modal__overlay {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
flex-direction: column;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #28282899;
flex-grow: 0;
flex-shrink: 1;
z-index: 100;
}
.Modal__modal {
padding: 20px;
min-height: 100px;
min-width: 300px;
display: flex;
flex-grow: 0;
background-color: #fff;
flex-direction: column;
position: relative;
box-shadow: 0 0 20px #444;
border-radius: 10px;
}
.Modal__title {
color: #444;
margin: 0;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.Modal__closeButton {
border: 0px;
position: absolute;
right: 20px;
border-radius: 20px;
justify-content: center;
align-items: center;
display: flex;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
background-color: #eee;
}
.Modal__content {
padding-top: 20px;
}
.Input__wrapper {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 10px;
}
.DialogActions {
display: flex;
flex-direction: row;
justify-content: right;
margin-top: 20px;
}
.DialogActions .Button__root {
padding: 10px 15px;
border: 0;
background-color: #eee;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
}
.UIKit_switcher {
color: var(--activeSlider);
position: relative;
width: 36px;
height: 20px;
background: var(--gray-light-border, #BEBEBE);
border-radius: 10px;
display: inline-block;
cursor: pointer;
transition: background-color 100ms ease;
}
.UIKit_switcher__enable-line {
position: absolute;
left: 10px;
top: 7.3px;
height: 6px;
width: 1px;
background: var(--white-black, #fff);
}
.UIKit_switcher__movement-circle {
position: relative;
top: 2px;
left: 2px;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--white-black, #fff);
box-shadow: none;
transition: left 0.25s ease-in;
}
.UIKit_switcher__disable-circle {
display: block;
position: absolute;
width: 4px;
height: 4px;
right: 8px;
top: 7px;
border: 1px solid var(--ddl-menu-switch-after, #A4A4A4);
border-radius: 50%;
opacity: 1;
transition: opacity 100ms ease;
}
.UIKit_switcher--is-enabled {
background: currentColor;
}
.UIKit_switcher--is-enabled .UIKit_switcher__movement-circle {
left: 18px;
}
.UIKit_switcher--is-enabled .UIKit_switcher__disable-circle {
opacity: 0;
}
.report-view-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
}
.report-view-container .report-view-row {
margin-top: 16px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.report-view-container .report-view-row .report-view-item.chart {
background-color: var(--white-black, #fff);
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 12px;
height: 600px;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.report-view-container .report-view-row .report-view-item.chart:not(:first-child) {
margin-left: 16px;
}
.report-view-container .report-view-row .report-view-item.report {
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.report-view-container .report-view-row .report-view-item.report.pad .report-wr {
position: absolute;
width: 48%;
border: 1px solid var(--toggle-switcher-bg, #acacac);
border-radius: 4px;
background: var(--white-black, #fff);
margin: 0;
overflow: hidden;
}
.report-view-container .report-view-row .report-view-item .tr-common-item .common-block-with-files.one-line-files-view {
padding-top: 0px;
white-space: nowrap;
max-width: 600px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.report-view-container .report-view-row .report-view-item .tr-common-item .common-block-with-files.one-line-files-view .file-attached-block-new-text {
padding-top: 0px;
padding-bottom: 0px;
}
.report-view-container .report-view-row .report-view-item .tr-common-item .common-block-with-files.one-line-files-view .file-attached-block-new-text .file-attached-block-new-name {
padding-bottom: 0px;
}
.report-view-container .report-view-row .report-view-item .tr-common-item .common-block-with-files.big-files-view .file-attached-block-new {
max-width: 600px;
max-height: none;
}
.report-view-container .report-view-row .report-view-item .tr-common-item .common-block-with-files.big-files-view .file-attached-block-new .file-attached-block-new-preview-wrapper .file-attached-block-new-preview #originalLink {
max-width: 600px;
}
.report-view-container .report-view-row .report-view-item.pad-item {
visibility: hidden;
}
.report-view-container .report-view-row[data-columns="1"] .report-view-item {
width: 100%;
}
.report-view-container .report-view-row[data-columns="2"] .report-view-item {
width: 50%;
}
.report-view-container .report-view-row[data-columns="3"] .report-view-item {
width: 33%;
}
.report-view-container .report-view-row[data-columns="4"] .report-view-item {
width: 25%;
}
.report-view-container .report-view-row[data-columns="5"] .report-view-item {
width: 20%;
}
.report-view-container .report-view-row .report-view-item.resize-begin {
width: 10px !important;
}
.report-view-container .report-view-item-expander-link {
display: inline-block;
cursor: pointer;
}
.report-view-container .report-view-item-expander-link.report-view-item-expander-novalue {
color: var(--grey-action-list, #7f7f7f);
}
.report-view-container .report-group-by-source.report-view-item-expander-link.fakelink-dashed,
.report-view-container .report-group-by-source.report-view-item-expander-link.fakelink-hidden {
padding-left: 0;
margin-right: 3px;
}
.report-period-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: end;
-ms-justify-content: end;
justify-content: end;
padding: 0 11px 16px 0;
}
.report-period-block .report-period-title {
font-size: 13px;
font-weight: 400;
color: var(--task-card-title-text, #4B4B4B);
margin-right: 7px;
}
.report-period-block .report-period-sw {
margin-top: 0;
}
.report-period-block .date-selector {
margin: 0 0 0 16px;
}
.report-period-block .date-selector .date-selector__input {
width: 122px;
height: 12px;
font-size: 12px;
cursor: pointer;
color: var(--gray-dark-icon, #626262);
}
.report-period-block .period-delimiter-container {
position: relative;
}
.report-period-block .period-delimiter-container .period-delimiter {
position: absolute;
border-top: 1px solid var(--time-type-switcher-border, #D0D0D0);
width: 8px;
right: 142px;
}
.report-create-containers .bottom-btn-wrapper.dialog-btn-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.report-create-containers .bottom-btn-wrapper.dialog-btn-wrapper .report-create-buttons-advanced {
margin-right: 10px;
}
.report-create-containers .bottom-btn-wrapper.dialog-btn-wrapper .report-create-buttons-advanced .b-ddl-menu-selected-arrow {
padding: 0;
}
.report-create-containers .bottom-btn-wrapper.dialog-btn-wrapper .report-create-buttons-advanced .three-horizontal-dots-container {
display: block;
height: 30px;
background: var(--white-black, #ffffff);
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
-webkit-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.report-create-containers .bottom-btn-wrapper.dialog-btn-wrapper .report-create-buttons-advanced .three-horizontal-dots-container .three-horizontal-dots svg path {
fill: var(--td-first-child, #808080);
}
.report-create-containers .bottom-btn-wrapper.dialog-btn-wrapper .report-create-buttons-advanced .three-horizontal-dots-container:hover {
-webkit-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
-moz-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
-o-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
}
.report-create-containers .report-create-container.report-params-container.tbl-new-action {
max-width: max-content;
}
/* общий стиль со списком задач */
.tr-item-report-view-task-source > img {
width: 16px;
height: 16px;
vertical-align: middle;
}
.tr-item-report-view-task-source > span {
vertical-align: middle;
}
/* я не уверен вообще, что нам это нужно
.b-top-btn {
.b-top-yellow-block {
.report-top-button-container {
display: flex;
position: absolute;
float: left;
}
}
}*/
.relocate-position {
max-width: 420px;
}
/* Модальное окно в настройках */
.margin-0 {
margin: 0;
}
.margin-x1 {
margin-left: 1em;
margin-right: 1em;
}
.report-wr {
display: block;
overflow: auto;
}
.tr-detailed .td-item p {
display: inline;
margin-left: 5px;
}
.tbl-report .head-report .td-head.selected-col-blue {
background-color: var(--report-head-selcted-col-blue, #C8D6EC);
}
.tbl-report .tr-common-item .td-item.selected-col-blue {
background-color: var(--react-select-focus, #DEEBFF);
}
.tbl-report .tr-common-item .td-item.report-expander > *,
.tbl-report .tr-common-item .td-item.report-expander span.report-view-item-expander {
display: flex;
align-items: center;
gap: 12px;
}
.tbl-report .tr-common-item .td-item.report-expander.align-center > * {
justify-content: center;
}
.tbl-report .tr-common-item .td-item.report-expander.align-right > * {
text-align: right;
justify-content: flex-end;
}
.tbl-report .tr-common-item .td-item.report-expander.align-right > * .report-view-item-expander {
order: 2;
}
.tbl-report .tr-common-item-header td.td-cbx,
.tbl-report .tr-common-item td.td-cbx {
padding-left: 8px;
padding-right: 8px;
}
.group-filter {
line-height: 14px;
vertical-align: middle;
margin-right: 8px;
}
.td-head-right .group-filter {
margin-left: 8px;
margin-right: 0;
}
.group-filter i {
margin-bottom: 2px;
cursor: pointer;
}
.group-filter i svg {
stroke: var(--task-card-title-text, #4B4B4B);
}
.tr-report-total .td-item span {
line-height: normal;
display: inline-block;
}
.tbl-report.tbl-list tbody > tr:first-child td.is-custom-background-color {
border-top-color: transparent !important;
}
.table-fake table.tbl-report .tr-head td:first-child {
border-top-left-radius: 0;
}
.table-fake table.tbl-report .tr-head td:last-child {
border-top-right-radius: 0;
}
/* Список графиков */
.report-chart-container .report-chart-list {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.report-chart-container .report-chart-list .report-chart-list-item {
width: 255px;
height: 150px;
border-radius: 10px;
border: 1px solid var(--viewer-file-container, #dcdcdc);
cursor: pointer;
margin-right: 25px;
background-color: var(--white-black, #ffffff);
position: relative;
/* @todo: сделать нормально */
}
.report-chart-container .report-chart-list .report-chart-list-item.inactive {
background-color: var(--report-save-empty-bg, #ebebeb);
}
.report-chart-container .report-chart-list .report-chart-list-item .report-chart-item-actions {
display: flex;
align-items: center;
position: absolute;
top: 5px;
right: 5px;
visibility: hidden;
}
.report-chart-container .report-chart-list .report-chart-list-item .report-chart-item-actions .chart-item-more-actions {
margin-left: -7px;
}
.report-chart-container .report-chart-list .report-chart-list-item .report-chart-item-actions .svg-object-lamp {
z-index: 5;
}
.report-chart-container .report-chart-list .report-chart-list-item:hover .report-chart-item-actions {
visibility: visible;
}
.report-chart-container .report-chart-list .report-chart-list-item .ico-wrapper {
height: 70%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.report-chart-container .report-chart-list .report-chart-list-item .ico-wrapper > svg {
margin: auto;
width: 100%;
height: 70%;
}
.report-chart-container .report-chart-list .report-chart-list-item .report-chart-ico-new {
height: 100%;
}
.report-chart-container .report-chart-list .report-chart-list-item .report-chart-ico-new svg {
fill: #82c03b;
width: 40px;
height: 40px;
}
.report-chart-container .report-chart-list .report-chart-list-item .chart-iconset-96px {
transform: scale(0.5);
margin-top: 5px;
}
.report-chart-container .report-chart-list .report-chart-list-item .report-chart-list-item-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0 3px;
text-align: center;
color: var(--menu-logined-popup-user-info, #616161);
font-size: 14px;
text-overflow: ellipsis;
white-space: break-spaces;
}
/* Создание/редактирование */
.report-create-chart-create .title-b .title-wr {
display: inline-block;
margin-left: 58px;
font-size: 12px;
color: var(--cke-dialog-tab, #595959);
width: 162px;
}
.report-create-chart-create .title-b .title {
display: inline-block;
font-size: 12px;
color: var(--cke-dialog-tab, #595959);
vertical-align: middle;
margin-right: 18px;
}
.report-create-chart-create .title-b input[type="text"] {
height: 30px;
width: 490px;
font-size: 22px;
vertical-align: middle;
}
.report-create-chart-create .chart-create {
margin: 30px 0 35px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.report-create-chart-create .chart-create.bottom-left-corner-0 .create-container {
border-bottom-left-radius: 0;
}
.report-create-chart-create .chart-create.bottom-left-corner-0 .m-item-wr.active:after {
content: '' !important;
}
.report-create-chart-create .chart-create.top-left-corner-0 .create-container {
border-top-left-radius: 0;
}
.report-create-chart-create .chart-create.top-left-corner-0 .m-item-wr.active:before {
content: '' !important;
}
.report-create-chart-create .chart-create .menu-list {
min-width: 220px;
max-width: 250px;
text-align: center;
z-index: 1;
}
.report-create-chart-create .chart-create .menu-list .m-item-wr {
padding: 40px 0;
border: 1px solid transparent;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.report-create-chart-create .chart-create .menu-list .m-item-wr.active {
border-color: var(--subscription-period-end-gradient, #d6d6d6);
border-right-color: var(--planner-calendar-not-current-month-day, #f4f4f4);
}
.report-create-chart-create .chart-create .menu-list .m-item-wr.active:after {
content: '';
position: relative;
float: right;
top: 31.5px;
background-color: var(--planner-calendar-not-current-month-day, #f4f4f4);
left: 2px;
height: 10px;
}
.report-create-chart-create .chart-create .menu-list .m-item-wr.active:before {
content: '';
position: relative;
float: right;
background-color: var(--planner-calendar-not-current-month-day, #f4f4f4);
left: 2px;
height: 10px;
bottom: 42.5px;
transform: rotateX(180deg);
margin-left: -7px;
font-size: 0;
}
.report-create-chart-create .chart-create .menu-list .m-item-wr .m-item {
cursor: pointer;
}
.report-create-chart-create .chart-create .menu-list .m-title {
font-size: 12px;
color: var(--cke-dialog-tab, #595959);
padding: 5px 0;
}
.report-create-chart-create .chart-create .create-container {
width: 100%;
border: 1px solid var(--subscription-period-end-gradient, #d6d6d6);
border-right: none;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
margin-left: -1px;
padding: 40px 60px;
}
.report-create-chart-create .chart-create .create-container > div {
height: 100%;
}
.report-create-chart-create .chart-create .create-container .create-container-title {
text-align: center;
margin: 40px 0 70px;
font-size: 14px;
color: var(--task-card-add-action-comment-text, #999999);
}
.report-create-chart-create .chart-create .create-container .create-container-title.data-title,
.report-create-chart-create .chart-create .create-container .create-container-title.view-title {
text-align: left;
margin-top: 0;
margin-bottom: 30px;
}
.report-create-chart-create .chart-create .create-container .type-list {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.report-create-chart-create .chart-create .create-container .type-list .type-item-wr {
width: 210px;
padding: 0 20px 20px 0;
}
.report-create-chart-create .chart-create .create-container .type-list .type-item-wr .type-item {
padding: 40px;
border: 1px solid var(--viewer-file-container, #dcdcdc);
border-radius: 10px;
margin: 0 auto;
text-align: center;
max-width: 150px;
min-width: 80px;
cursor: pointer;
}
.report-create-chart-create .chart-create .create-container .type-list .type-item-wr .type-item.active {
background-color: var(--white-black, #ffffff);
}
.report-create-chart-create .chart-create .create-container .type-list .type-item-wr .type-item .type-title {
position: relative;
top: 40px;
font-size: 10pt;
color: var(--cke-dialog-tab, #595959);
}
.report-create-chart-create .chart-create .create-container .type-list .type-item-wr .type-item svg {
/*fill: #a9a9a9;*/
width: 100px;
height: 100px;
}
.report-create-chart-create .chart-create .create-container .type-list .type-item-wr:last-child {
padding-right: 0;
}
.report-create-chart-create .chart-create .create-container .data-list,
.report-create-chart-create .chart-create .create-container .groupby-list-container,
.report-create-chart-create .chart-create .create-container .sortby-list-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-bottom: 100px;
}
.report-create-chart-create .chart-create .create-container .data-list .b-data-column,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column {
width: 210px;
border: 1px solid var(--viewer-file-container, #dcdcdc);
border-radius: 10px;
padding: 15px;
margin-right: 20px;
margin-bottom: 10px;
background-color: var(--white-black, #ffffff);
}
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.add-new-column,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.add-new-column,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.add-new-column,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.add-new-column,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.add-new-column,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.add-new-column,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.add-new-column,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.add-new-column,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.add-new-column,
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.add-new-groupby,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.add-new-groupby,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.add-new-groupby,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.add-new-groupby,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.add-new-groupby,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.add-new-groupby,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.add-new-groupby,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.add-new-groupby,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.add-new-groupby,
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.add-new-sortby,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.add-new-sortby,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.add-new-sortby,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.add-new-sortby,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.add-new-sortby,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.add-new-sortby,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.add-new-sortby,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.add-new-sortby,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.add-new-sortby {
text-align: center;
cursor: pointer;
display: flex;
align-items: center;
}
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.add-new-column > svg,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.add-new-column > svg,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.add-new-column > svg,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.add-new-column > svg,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.add-new-column > svg,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.add-new-column > svg,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.add-new-column > svg,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.add-new-column > svg,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.add-new-column > svg,
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.add-new-groupby > svg,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.add-new-groupby > svg,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.add-new-groupby > svg,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.add-new-groupby > svg,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.add-new-groupby > svg,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.add-new-groupby > svg,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.add-new-groupby > svg,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.add-new-groupby > svg,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.add-new-groupby > svg,
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.add-new-sortby > svg,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.add-new-sortby > svg,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.add-new-sortby > svg,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.add-new-sortby > svg,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.add-new-sortby > svg,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.add-new-sortby > svg,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.add-new-sortby > svg,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.add-new-sortby > svg,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.add-new-sortby > svg {
margin-top: 6px;
width: 40px;
height: 40px;
fill: #82c03b;
margin: 0 auto;
}
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.data-column .data-column-title,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.data-column .data-column-title,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.data-column .data-column-title,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.data-column .data-column-title,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.data-column .data-column-title,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.data-column .data-column-title,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.data-column .data-column-title,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.data-column .data-column-title,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.data-column .data-column-title,
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.groupby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.groupby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.groupby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.groupby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.groupby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.groupby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.groupby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.groupby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.groupby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.sortby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.sortby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.sortby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.sortby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.sortby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.sortby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.sortby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.sortby-column .data-column-title,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.sortby-column .data-column-title {
font-size: 9pt;
color: var(--file-viewer-slider-thumb-shadow, #999);
margin: 8px 0 10px 0;
}
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.data-column select,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.data-column select,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.data-column select,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.data-column select,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.data-column select,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.data-column select,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.data-column select,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.data-column select,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.data-column select,
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.groupby-column select,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.groupby-column select,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.groupby-column select,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.groupby-column select,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.groupby-column select,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.groupby-column select,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.groupby-column select,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.groupby-column select,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.groupby-column select,
.report-create-chart-create .chart-create .create-container .data-list .b-data-column.sortby-column select,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column.sortby-column select,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column.sortby-column select,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column.sortby-column select,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column.sortby-column select,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column.sortby-column select,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column.sortby-column select,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column.sortby-column select,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column.sortby-column select {
color: var(--report-chart-select, #676767);
width: 100%;
}
.report-create-chart-create .chart-create .create-container .data-list .b-data-column .delete,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column .delete,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column .delete,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column .delete,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column .delete,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column .delete,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column .delete,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column .delete,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column .delete {
visibility: hidden;
float: right;
}
.report-create-chart-create .chart-create .create-container .data-list .b-data-column .delete:hover,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column .delete:hover,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column .delete:hover,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column .delete:hover,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column .delete:hover,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column .delete:hover,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column .delete:hover,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column .delete:hover,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column .delete:hover {
background-position: 0 -368px;
cursor: pointer;
}
.report-create-chart-create .chart-create .create-container .data-list .b-data-column:hover .delete,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-data-column:hover .delete,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-data-column:hover .delete,
.report-create-chart-create .chart-create .create-container .data-list .b-groupby-column:hover .delete,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-groupby-column:hover .delete,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-groupby-column:hover .delete,
.report-create-chart-create .chart-create .create-container .data-list .b-sortby-column:hover .delete,
.report-create-chart-create .chart-create .create-container .groupby-list-container .b-sortby-column:hover .delete,
.report-create-chart-create .chart-create .create-container .sortby-list-container .b-sortby-column:hover .delete {
visibility: visible;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings {
display: inline-block;
width: 30%;
vertical-align: top;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-title {
font-size: 14px;
padding-bottom: 10px;
color: var(--file-viewer-slider-thumb-shadow, #999);
border-bottom: 1px solid var(--planner-calendar-not-current-month-day, #f3f3f3);
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-common-params .chart-settings-param,
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors-params .chart-settings-param {
margin: 10px 0;
height: 46px;
border-bottom: 1px solid var(--planner-calendar-not-current-month-day, #f3f3f3);
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-common-params .chart-settings-param:last-child,
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors-params .chart-settings-param:last-child {
border-bottom: none;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-common-params .chart-settings-param .chart-setting-param-title,
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors-params .chart-settings-param .chart-setting-param-title {
vertical-align: middle;
display: inline-block;
margin-top: 11px;
font-size: 13px;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-common-params .chart-settings-param .chart-param-val,
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors-params .chart-settings-param .chart-param-val {
float: right;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-common-params .chart-settings-param .chart-param-val > input,
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors-params .chart-settings-param .chart-param-val > input {
height: 30px;
border-color: var(--baron-scroller-bar-border, #dbdbdb);
text-align: right;
padding-right: 5px;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-common-params .chart-settings-param .chart-param-val > select,
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors-params .chart-settings-param .chart-param-val > select {
height: 32px;
border-color: var(--baron-scroller-bar-border, #dbdbdb);
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-common-params .chart-settings-param .chart-param-val.chart-param-height,
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors-params .chart-settings-param .chart-param-val.chart-param-height {
padding-top: 0;
padding-bottom: 0;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-common-params .chart-settings-param .chart-param-val.chart-param-height:after,
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors-params .chart-settings-param .chart-param-val.chart-param-height:after {
content: ' px';
color: var(--file-viewer-slider-thumb-shadow, #999);
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-common-params .chart-settings-param .chart-param-val:not(.chart-param-height),
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors-params .chart-settings-param .chart-param-val:not(.chart-param-height) {
margin-right: 17px;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-common-params .chart-settings-param .chart-param-val .color-picker-current,
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors-params .chart-settings-param .chart-param-val .color-picker-current {
margin-top: 8px;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-common-params .chart-settings-param .chart-param-val .color-picker-picker,
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors-params .chart-settings-param .chart-param-val .color-picker-picker {
position: absolute;
background-color: var(--white-black, #fff);
z-index: 1;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-settings .chart-settings-colors {
margin-top: 50px;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-preview {
display: inline-block;
width: calc(70% - 70px);
margin-left: 70px;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-preview #chartPreview {
height: 365px;
border: 1px solid var(--toggle-switcher-bg, #acacac);
border-radius: 4px;
background-color: var(--white-black, #ffffff);
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-preview #chartPreview .chart-preview-no-type-selected {
padding: 80px 0;
display: inline-block;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-preview #chartPreview .chart-preview-no-type-selected .select-type {
border-bottom: 1px solid transparent;
cursor: pointer;
}
.report-create-chart-create .chart-create .create-container div[data-for="view"] .chart-preview #chartPreview .chart-preview-no-type-selected .select-type:hover {
border-bottom: 1px dashed var(--text-color, #2B2B2B);
}
.report-create-chart-create .chart-create .create-container .chart-layout-b-before-green-block {
color: var(--core-dropdown-text, #9c9c9c);
}
.report-create-chart-create .chart-create .create-container .chart-layout-b-green-block {
color: var(--confirm-win-head-bg, #4B4B4B);
font-size: 17pt;
}
.report-create-chart-create .chart-create .create-container .chart-layout {
height: 100%;
}
.report-create-chart-create .chart-create .create-container .chart-layout-table {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
height: 100%;
}
.report-create-chart-create .chart-create .create-container .chart-layout-table svg {
width: 40px;
height: 40px;
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line {
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
margin-bottom: 20px;
/*max-height: 160px;*/
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line:first-child {
margin-top: 35px;
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line .t-item {
background-color: var(--white-black, #ffffff);
border: 1px solid var(--subscription-period-end-gradient, #d6d6d6);
border-radius: 10px;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
margin-right: 30px;
color: var(--file-viewer-slider-thumb-shadow, #999);
font-size: 12pt;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-basis: 1px;
-ms-flex-basis: 1px;
flex-basis: 1px;
/* same with for all items */
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line .t-item .delete {
display: none;
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line .t-item .report {
font-size: 21px;
padding: 50px 0;
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line .t-item.report-chart-position-placeholder {
border: 1px dashed var(--viewer-file-container, #dcdcdc);
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line .t-item .report-chart-list-item-title {
margin-top: 15px;
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line .t-item.report-item.pad1 {
height: calc(200% + 20px);
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line .t-item.report-item.pad2 {
height: calc(300% + 40px);
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line .t-item.report-item.pad3 {
height: calc(400% + 60px);
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line .t-item:not(.report-item):hover {
cursor: pointer;
border-style: dashed;
}
.report-create-chart-create .chart-create .create-container .chart-layout-table .t-line .t-item.pad-item {
visibility: hidden;
}
.report-chart-position-move {
position: absolute;
background-color: var(--integration-settings-control-container-bg, #e4e4e4);
border-radius: 10px;
transition: width 0.3s, height 0.3s;
z-index: 1;
opacity: 0.6;
}
.m-item-wr svg {
fill: var(--gray-ico, #a9a9a9);
width: 33px;
height: 33px;
}
.report-chart-edit-bottom-btn-wrapper.dialog-btn-wrapper {
text-align: left;
}
.report-chart-edit-bottom-btn-wrapper span {
margin-right: 5px;
}
/************* Кастомные значки избранного ***********************/
.favorite-item {
width: 16px;
height: 16px;
display: inline-block;
}
.favorite-item svg {
width: 16px;
height: 16px;
}
.favorite-item svg .star-color {
fill: var(--task-card-header-eye, #d2d2d2);
}
.tbl-list_reports .favorite-item svg .star-color {
fill: var(--gray-ico, #a9a9a9);
}
.favorite-item.not-starred.action-in-taskview svg .star-color {
stroke: var(--gray-ico, #a9a9a9);
fill: var(--gray-ico, #a9a9a9);
}
.favorite-item.white svg .star-color {
stroke: #fff;
fill: #fff;
}
.favorite-item:hover .star-color {
fill: var(--task-card-header-eye, #c1c1c1);
}
.star-bubble,
.star-bubble-filter {
position: absolute;
background: var(--white-black, #fff);
display: grid;
grid-template-columns: repeat(11, 1fr);
gap: 4px 4px;
box-sizing: border-box;
width: 386px;
padding: 16px;
box-shadow: 0px 2px 5px var(--dialog-box-shadow);
border: 1px solid var(--task-action-rem-border, #ddd);
font-size: 0;
z-index: 101 !important;
}
.star-bubble i,
.star-bubble-filter i {
display: inline-block;
line-height: 0;
cursor: pointer;
}
.star-bubble i.favorite-item,
.star-bubble-filter i.favorite-item {
width: 24px;
height: 24px;
}
.star-bubble .img-star,
.star-bubble-filter .img-star {
cursor: pointer;
}
/* COMMON STYLES AND MIXES */
.svg-icon-8px {
width: 8px;
height: 8px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-8px svg {
width: 8px;
height: 8px;
}
.svg-icon-8px.svg-urgent {
font-size: 0;
}
.svg-icon-8px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-8px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-8px.black {
fill: var(--black-white);
}
.svg-icon-8px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-8px.gray80 {
fill: #808080;
}
.svg-icon-8px.gray,
.svg-icon-8px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-8px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-8px.ddl-color {
fill: #88909B;
}
.svg-icon-8px.green svg {
fill: #82c03b;
}
.svg-icon-8px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-8px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-8px.green2 svg {
fill: #00864b;
}
.svg-icon-8px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-8px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-8px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-8px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-8px.yellow {
fill: #ffc000;
}
.svg-icon-8px.orange {
fill: #ff7e00;
}
.svg-icon-8px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-8px.urgent {
fill: #F4474F;
}
.svg-icon-8px.recent-objects {
stroke: none;
}
.svg-icon-10px {
width: 10px;
height: 10px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-10px svg {
width: 10px;
height: 10px;
}
.svg-icon-10px.svg-urgent {
font-size: 0;
}
.svg-icon-10px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-10px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-10px.black {
fill: var(--black-white);
}
.svg-icon-10px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-10px.gray80 {
fill: #808080;
}
.svg-icon-10px.gray,
.svg-icon-10px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-10px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-10px.ddl-color {
fill: #88909B;
}
.svg-icon-10px.green svg {
fill: #82c03b;
}
.svg-icon-10px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-10px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-10px.green2 svg {
fill: #00864b;
}
.svg-icon-10px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-10px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-10px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-10px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-10px.yellow {
fill: #ffc000;
}
.svg-icon-10px.orange {
fill: #ff7e00;
}
.svg-icon-10px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-10px.urgent {
fill: #F4474F;
}
.svg-icon-10px.recent-objects {
stroke: none;
}
.svg-icon-12px {
width: 12px;
height: 12px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-12px svg {
width: 12px;
height: 12px;
}
.svg-icon-12px.svg-urgent {
font-size: 0;
}
.svg-icon-12px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-12px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-12px.black {
fill: var(--black-white);
}
.svg-icon-12px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-12px.gray80 {
fill: #808080;
}
.svg-icon-12px.gray,
.svg-icon-12px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-12px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-12px.ddl-color {
fill: #88909B;
}
.svg-icon-12px.green svg {
fill: #82c03b;
}
.svg-icon-12px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-12px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-12px.green2 svg {
fill: #00864b;
}
.svg-icon-12px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-12px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-12px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-12px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-12px.yellow {
fill: #ffc000;
}
.svg-icon-12px.orange {
fill: #ff7e00;
}
.svg-icon-12px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-12px.urgent {
fill: #F4474F;
}
.svg-icon-12px.recent-objects {
stroke: none;
}
.svg-icon-14px {
width: 14px;
height: 14px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-14px svg {
width: 14px;
height: 14px;
}
.svg-icon-14px.svg-urgent {
font-size: 0;
}
.svg-icon-14px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-14px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-14px.black {
fill: var(--black-white);
}
.svg-icon-14px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-14px.gray80 {
fill: #808080;
}
.svg-icon-14px.gray,
.svg-icon-14px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-14px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-14px.ddl-color {
fill: #88909B;
}
.svg-icon-14px.green svg {
fill: #82c03b;
}
.svg-icon-14px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-14px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-14px.green2 svg {
fill: #00864b;
}
.svg-icon-14px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-14px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-14px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-14px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-14px.yellow {
fill: #ffc000;
}
.svg-icon-14px.orange {
fill: #ff7e00;
}
.svg-icon-14px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-14px.urgent {
fill: #F4474F;
}
.svg-icon-14px.recent-objects {
stroke: none;
}
.svg-icon-16px {
width: 16px;
height: 16px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-16px svg {
width: 16px;
height: 16px;
}
.svg-icon-16px.svg-urgent {
font-size: 0;
}
.svg-icon-16px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-16px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-16px.black {
fill: var(--black-white);
}
.svg-icon-16px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-16px.gray80 {
fill: #808080;
}
.svg-icon-16px.gray,
.svg-icon-16px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-16px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-16px.ddl-color {
fill: #88909B;
}
.svg-icon-16px.green svg {
fill: #82c03b;
}
.svg-icon-16px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-16px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-16px.green2 svg {
fill: #00864b;
}
.svg-icon-16px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-16px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-16px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-16px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-16px.yellow {
fill: #ffc000;
}
.svg-icon-16px.orange {
fill: #ff7e00;
}
.svg-icon-16px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-16px.urgent {
fill: #F4474F;
}
.svg-icon-16px.recent-objects {
stroke: none;
}
.svg-icon-18px {
width: 18px;
height: 18px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-18px svg {
width: 18px;
height: 18px;
}
.svg-icon-18px.svg-urgent {
font-size: 0;
}
.svg-icon-18px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-18px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-18px.black {
fill: var(--black-white);
}
.svg-icon-18px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-18px.gray80 {
fill: #808080;
}
.svg-icon-18px.gray,
.svg-icon-18px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-18px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-18px.ddl-color {
fill: #88909B;
}
.svg-icon-18px.green svg {
fill: #82c03b;
}
.svg-icon-18px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-18px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-18px.green2 svg {
fill: #00864b;
}
.svg-icon-18px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-18px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-18px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-18px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-18px.yellow {
fill: #ffc000;
}
.svg-icon-18px.orange {
fill: #ff7e00;
}
.svg-icon-18px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-18px.urgent {
fill: #F4474F;
}
.svg-icon-18px.recent-objects {
stroke: none;
}
.svg-icon-19px {
width: 19px;
height: 19px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-19px svg {
width: 19px;
height: 19px;
}
.svg-icon-19px.svg-urgent {
font-size: 0;
}
.svg-icon-19px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-19px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-19px.black {
fill: var(--black-white);
}
.svg-icon-19px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-19px.gray80 {
fill: #808080;
}
.svg-icon-19px.gray,
.svg-icon-19px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-19px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-19px.ddl-color {
fill: #88909B;
}
.svg-icon-19px.green svg {
fill: #82c03b;
}
.svg-icon-19px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-19px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-19px.green2 svg {
fill: #00864b;
}
.svg-icon-19px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-19px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-19px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-19px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-19px.yellow {
fill: #ffc000;
}
.svg-icon-19px.orange {
fill: #ff7e00;
}
.svg-icon-19px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-19px.urgent {
fill: #F4474F;
}
.svg-icon-19px.recent-objects {
stroke: none;
}
.svg-icon-20px {
width: 20px;
height: 20px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-20px svg {
width: 20px;
height: 20px;
}
.svg-icon-20px.svg-urgent {
font-size: 0;
}
.svg-icon-20px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-20px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-20px.black {
fill: var(--black-white);
}
.svg-icon-20px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-20px.gray80 {
fill: #808080;
}
.svg-icon-20px.gray,
.svg-icon-20px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-20px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-20px.ddl-color {
fill: #88909B;
}
.svg-icon-20px.green svg {
fill: #82c03b;
}
.svg-icon-20px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-20px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-20px.green2 svg {
fill: #00864b;
}
.svg-icon-20px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-20px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-20px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-20px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-20px.yellow {
fill: #ffc000;
}
.svg-icon-20px.orange {
fill: #ff7e00;
}
.svg-icon-20px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-20px.urgent {
fill: #F4474F;
}
.svg-icon-20px.recent-objects {
stroke: none;
}
.svg-icon-21px {
width: 21px;
height: 21px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-21px svg {
width: 21px;
height: 21px;
}
.svg-icon-21px.svg-urgent {
font-size: 0;
}
.svg-icon-21px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-21px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-21px.black {
fill: var(--black-white);
}
.svg-icon-21px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-21px.gray80 {
fill: #808080;
}
.svg-icon-21px.gray,
.svg-icon-21px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-21px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-21px.ddl-color {
fill: #88909B;
}
.svg-icon-21px.green svg {
fill: #82c03b;
}
.svg-icon-21px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-21px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-21px.green2 svg {
fill: #00864b;
}
.svg-icon-21px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-21px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-21px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-21px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-21px.yellow {
fill: #ffc000;
}
.svg-icon-21px.orange {
fill: #ff7e00;
}
.svg-icon-21px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-21px.urgent {
fill: #F4474F;
}
.svg-icon-21px.recent-objects {
stroke: none;
}
.svg-icon-22px {
width: 22px;
height: 22px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-22px svg {
width: 22px;
height: 22px;
}
.svg-icon-22px.svg-urgent {
font-size: 0;
}
.svg-icon-22px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-22px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-22px.black {
fill: var(--black-white);
}
.svg-icon-22px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-22px.gray80 {
fill: #808080;
}
.svg-icon-22px.gray,
.svg-icon-22px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-22px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-22px.ddl-color {
fill: #88909B;
}
.svg-icon-22px.green svg {
fill: #82c03b;
}
.svg-icon-22px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-22px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-22px.green2 svg {
fill: #00864b;
}
.svg-icon-22px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-22px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-22px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-22px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-22px.yellow {
fill: #ffc000;
}
.svg-icon-22px.orange {
fill: #ff7e00;
}
.svg-icon-22px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-22px.urgent {
fill: #F4474F;
}
.svg-icon-22px.recent-objects {
stroke: none;
}
.svg-icon-24px {
width: 24px;
height: 24px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-24px svg {
width: 24px;
height: 24px;
}
.svg-icon-24px.svg-urgent {
font-size: 0;
}
.svg-icon-24px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-24px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-24px.black {
fill: var(--black-white);
}
.svg-icon-24px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-24px.gray80 {
fill: #808080;
}
.svg-icon-24px.gray,
.svg-icon-24px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-24px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-24px.ddl-color {
fill: #88909B;
}
.svg-icon-24px.green svg {
fill: #82c03b;
}
.svg-icon-24px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-24px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-24px.green2 svg {
fill: #00864b;
}
.svg-icon-24px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-24px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-24px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-24px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-24px.yellow {
fill: #ffc000;
}
.svg-icon-24px.orange {
fill: #ff7e00;
}
.svg-icon-24px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-24px.urgent {
fill: #F4474F;
}
.svg-icon-24px.recent-objects {
stroke: none;
}
.svg-icon-28px {
width: 28px;
height: 28px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-28px svg {
width: 28px;
height: 28px;
}
.svg-icon-28px.svg-urgent {
font-size: 0;
}
.svg-icon-28px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-28px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-28px.black {
fill: var(--black-white);
}
.svg-icon-28px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-28px.gray80 {
fill: #808080;
}
.svg-icon-28px.gray,
.svg-icon-28px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-28px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-28px.ddl-color {
fill: #88909B;
}
.svg-icon-28px.green svg {
fill: #82c03b;
}
.svg-icon-28px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-28px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-28px.green2 svg {
fill: #00864b;
}
.svg-icon-28px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-28px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-28px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-28px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-28px.yellow {
fill: #ffc000;
}
.svg-icon-28px.orange {
fill: #ff7e00;
}
.svg-icon-28px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-28px.urgent {
fill: #F4474F;
}
.svg-icon-28px.recent-objects {
stroke: none;
}
.svg-icon-32px {
width: 32px;
height: 32px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-32px svg {
width: 32px;
height: 32px;
}
.svg-icon-32px.svg-urgent {
font-size: 0;
}
.svg-icon-32px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-32px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-32px.black {
fill: var(--black-white);
}
.svg-icon-32px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-32px.gray80 {
fill: #808080;
}
.svg-icon-32px.gray,
.svg-icon-32px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-32px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-32px.ddl-color {
fill: #88909B;
}
.svg-icon-32px.green svg {
fill: #82c03b;
}
.svg-icon-32px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-32px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-32px.green2 svg {
fill: #00864b;
}
.svg-icon-32px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-32px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-32px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-32px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-32px.yellow {
fill: #ffc000;
}
.svg-icon-32px.orange {
fill: #ff7e00;
}
.svg-icon-32px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-32px.urgent {
fill: #F4474F;
}
.svg-icon-32px.recent-objects {
stroke: none;
}
.svg-icon-33px {
width: 32px;
height: 32px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-33px svg {
width: 32px;
height: 32px;
}
.svg-icon-33px.svg-urgent {
font-size: 0;
}
.svg-icon-33px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-33px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-33px.black {
fill: var(--black-white);
}
.svg-icon-33px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-33px.gray80 {
fill: #808080;
}
.svg-icon-33px.gray,
.svg-icon-33px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-33px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-33px.ddl-color {
fill: #88909B;
}
.svg-icon-33px.green svg {
fill: #82c03b;
}
.svg-icon-33px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-33px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-33px.green2 svg {
fill: #00864b;
}
.svg-icon-33px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-33px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-33px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-33px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-33px.yellow {
fill: #ffc000;
}
.svg-icon-33px.orange {
fill: #ff7e00;
}
.svg-icon-33px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-33px.urgent {
fill: #F4474F;
}
.svg-icon-33px.recent-objects {
stroke: none;
}
.svg-icon-40px {
width: 40px;
height: 40px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-40px svg {
width: 40px;
height: 40px;
}
.svg-icon-40px.svg-urgent {
font-size: 0;
}
.svg-icon-40px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-40px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-40px.black {
fill: var(--black-white);
}
.svg-icon-40px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-40px.gray80 {
fill: #808080;
}
.svg-icon-40px.gray,
.svg-icon-40px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-40px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-40px.ddl-color {
fill: #88909B;
}
.svg-icon-40px.green svg {
fill: #82c03b;
}
.svg-icon-40px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-40px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-40px.green2 svg {
fill: #00864b;
}
.svg-icon-40px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-40px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-40px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-40px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-40px.yellow {
fill: #ffc000;
}
.svg-icon-40px.orange {
fill: #ff7e00;
}
.svg-icon-40px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-40px.urgent {
fill: #F4474F;
}
.svg-icon-40px.recent-objects {
stroke: none;
}
.svg-icon-48px {
width: 48px;
height: 48px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-48px svg {
width: 48px;
height: 48px;
}
.svg-icon-48px.svg-urgent {
font-size: 0;
}
.svg-icon-48px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-48px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-48px.black {
fill: var(--black-white);
}
.svg-icon-48px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-48px.gray80 {
fill: #808080;
}
.svg-icon-48px.gray,
.svg-icon-48px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-48px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-48px.ddl-color {
fill: #88909B;
}
.svg-icon-48px.green svg {
fill: #82c03b;
}
.svg-icon-48px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-48px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-48px.green2 svg {
fill: #00864b;
}
.svg-icon-48px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-48px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-48px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-48px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-48px.yellow {
fill: #ffc000;
}
.svg-icon-48px.orange {
fill: #ff7e00;
}
.svg-icon-48px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-48px.urgent {
fill: #F4474F;
}
.svg-icon-48px.recent-objects {
stroke: none;
}
.svg-icon-50px {
width: 50px;
height: 50px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-50px svg {
width: 50px;
height: 50px;
}
.svg-icon-50px.svg-urgent {
font-size: 0;
}
.svg-icon-50px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-50px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-50px.black {
fill: var(--black-white);
}
.svg-icon-50px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-50px.gray80 {
fill: #808080;
}
.svg-icon-50px.gray,
.svg-icon-50px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-50px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-50px.ddl-color {
fill: #88909B;
}
.svg-icon-50px.green svg {
fill: #82c03b;
}
.svg-icon-50px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-50px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-50px.green2 svg {
fill: #00864b;
}
.svg-icon-50px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-50px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-50px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-50px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-50px.yellow {
fill: #ffc000;
}
.svg-icon-50px.orange {
fill: #ff7e00;
}
.svg-icon-50px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-50px.urgent {
fill: #F4474F;
}
.svg-icon-50px.recent-objects {
stroke: none;
}
.svg-icon-100px {
width: 100px;
height: 100px;
display: inline-block;
transition: transform 200ms ease-in-out, stroke 200ms ease-in-out;
}
.svg-icon-100px svg {
width: 100px;
height: 100px;
}
.svg-icon-100px.svg-urgent {
font-size: 0;
}
.svg-icon-100px.white {
fill: var(--white-black, #ffffff);
}
.svg-icon-100px.white svg {
fill: var(--white-black, #ffffff);
}
.svg-icon-100px.black {
fill: var(--black-white);
}
.svg-icon-100px.gray-light {
fill: var(--gray-light, #c1c1c1);
}
.svg-icon-100px.gray80 {
fill: #808080;
}
.svg-icon-100px.gray,
.svg-icon-100px.fill-gray {
fill: var(--gray-ico, #a9a9a9);
}
.svg-icon-100px.dark-gray {
fill: var(--gray-dark-icon, #626262);
}
.svg-icon-100px.ddl-color {
fill: #88909B;
}
.svg-icon-100px.green svg {
fill: #82c03b;
}
.svg-icon-100px.active-filter circle {
fill: var(--activeButton, var(--task-card-header-eye, #898989));
stroke: var(--activeButton, var(--task-card-header-eye, #898989));
}
.svg-icon-100px.active-filter line {
stroke: var(--activeButtonElements, var(--white-black, #fff));
}
.svg-icon-100px.green2 svg {
fill: #00864b;
}
.svg-icon-100px.color-analitics {
fill: #9bc6ff;
}
.svg-icon-100px.color-reminders {
fill: var(--color-reminers, #ffc000);
}
.svg-icon-100px.color-attach-red {
fill: #f84c4c;
}
.svg-icon-100px.red {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-100px.yellow {
fill: #ffc000;
}
.svg-icon-100px.orange {
fill: #ff7e00;
}
.svg-icon-100px.configuration-gray {
fill: var(--cardmenu-back, #53586b);
}
.svg-icon-100px.urgent {
fill: #F4474F;
}
.svg-icon-100px.recent-objects {
stroke: none;
}
.svg-icon-stroke svg {
fill: none !important;
stroke-miterlimit: 10;
}
.svg-icon-stroke.white {
stroke: var(--white-black, #ffffff);
}
.svg-icon-stroke.gray {
stroke: var(--gray-ico, #a9a9a9);
}
.svg-icon-stroke.gray80 {
stroke: #808080;
}
.svg-icon-stroke.dark-gray {
stroke: var(--gray-dark-icon, #626262);
}
.svg-icon-stroke.ddl-color {
stroke: #88909B;
}
.svg-icon-stroke.gray-wet {
stroke: var(--confirm-win-head-bg, #4b4b4b);
}
.svg-icon-stroke.black-icon {
stroke: var(--black-sort-icon, #231f20);
}
.svg-icon-stroke.color-analitics {
stroke: #9bc6ff;
}
.svg-icon-stroke.orgtree-blue {
stroke: #0caed1;
}
.svg-icon-stroke.blue {
stroke: #7895f4;
}
.svg-icon-stroke.color-reminders {
stroke: var(--color-reminers, #ffc000);
}
.svg-icon-stroke.yellow {
stroke: #ffc000;
}
.svg-icon-stroke.color-attach-red {
stroke: #f84c4c;
}
.svg-icon-stroke.configuration-gray {
stroke: var(--cardmenu-back, #53586b);
}
.svg-icon-stroke.green {
stroke: #82c03b;
}
.svg-icon-stroke.green2 {
stroke: #00864b;
}
.svg-icon-stroke.red {
stroke: var(--task-deadline-dead, #fd0000);
}
.svg-icon-stroke.light-orange {
stroke: #ff8738;
}
.svg-icon-stroke.black {
stroke: var(--black-white, #000000);
}
.svg-icon-stroke.gray-light {
stroke: var(--gray-light, #c1c1c1);
}
.svg-icon-stroke.fakelink-color {
stroke: #5881B8;
}
.svg-icon-stroke.emerald-color {
stroke: #58bfb3;
}
.svg-icon-stroke.template-color {
stroke: #7f00a3;
}
.svg-icon-stroke.gray-input-border {
stroke: #bbb;
}
.svg-icon-stroke.gray-icon-color {
stroke: #bbbbbb;
}
/* END OF COMMON STYLES */
.svg-16px {
width: 16px;
height: 16px;
}
.svg-10px {
width: 10px;
height: 10px;
}
.svg-10px.svg-ok,
.svg-10px.svg-alarm {
fill: var(--white-black, #fff);
}
.svg-16px-ok {
fill: #1abe72;
}
.svg-emailmarket-integration-ico {
fill: #64a717;
}
.svg-16px-arrow-left-gray {
width: 14px;
fill: var(--text-color, #ccc);
transform: rotate(180deg);
}
.svg-16px-arrow-right-gray {
width: 14px;
fill: var(--text-color, #ccc);
}
.svg-20px {
width: 20px;
height: 20px;
}
.svg-plus {
fill: #82c03b;
}
/* Обертка, т.к. в jQuery 1.7.2 нелья добавлять классы для svg элементов */
.svg-activable-wr.active svg {
fill: #82c03b;
}
.common-svg-icon {
width: 32px;
height: 32px;
display: inline-block;
line-height: 0;
}
.common-svg-icon svg {
width: 32px;
height: 32px;
}
.common-svg-icon.empty {
border: 1px solid var(--grey-list-border, #e5e5e5);
width: 30px;
height: 30px;
border-radius: 4px;
}
.svg-icon-16px.small12 svg {
width: 12px;
height: 12px;
}
.settings-add-column-fill-svg svg {
margin-left: 13px;
vertical-align: middle;
cursor: pointer;
}
.svg-icon-remove {
-webkit-transition: fill 150ms ease;
-moz-transition: fill 150ms ease;
-o-transition: fill 150ms ease;
-ms-transition: fill 150ms ease;
transition: fill 150ms ease;
}
.svg-icon-remove svg {
-webkit-transition: stroke 150ms ease;
-moz-transition: stroke 150ms ease;
-o-transition: stroke 150ms ease;
-ms-transition: stroke 150ms ease;
transition: stroke 150ms ease;
}
.svg-icon-remove.gray:hover {
fill: var(--task-deadline-dead, #fd0000);
}
.svg-icon-remove.svg-icon-stroke:hover svg {
stroke: var(--task-deadline-dead, #fd0000);
}
.svg-icon-copy {
-webkit-transition: fill 150ms ease;
-moz-transition: fill 150ms ease;
-o-transition: fill 150ms ease;
-ms-transition: fill 150ms ease;
transition: fill 150ms ease;
}
.svg-icon-copy svg {
-webkit-transition: stroke 150ms ease;
-moz-transition: stroke 150ms ease;
-o-transition: stroke 150ms ease;
-ms-transition: stroke 150ms ease;
transition: stroke 150ms ease;
}
.svg-icon-copy:hover {
fill: #00864b;
}
.svg-icon-copy.svg-icon-stroke:hover svg {
stroke: #00864b;
}
.svg-object-lamp svg .svg-part-lamp-top {
fill: #FFC107;
}
.svg-object-lamp svg .svg-part-lamp-bottom {
fill: var(--svg-part-lamp-bottom, #000);
}
.svg-object-lamp.inactive svg .svg-part-lamp-top {
fill: var(--svg-part-lamp-top, #7C7C7C);
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
background: none;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close svg {
width: 7px;
height: 7px;
fill: var(--file-meta-data, #888888);
}
.svg-no-event {
width: 100px;
height: 100px;
display: inline-block;
}
.svg-no-event svg {
width: 100px;
height: 100px;
fill: #82c03b;
}
.svg-action-no-event {
width: 107px;
height: 107px;
display: inline-block;
}
.svg-action-no-event svg {
width: 107px;
height: 107px;
fill: #82c03b;
}
.icon-eye-stock {
stroke-width: 0.8px;
}
.icon-eye-stock path {
fill: none;
stroke: var(--task-card-header-eye, #898989);
stroke-linecap: round;
stroke-linejoin: round;
}
.search-results-actions .icon-eye-stock path,
.search-results-files .icon-eye-stock path,
.search-results-tasks .icon-eye-stock path,
.search-results-block .icon-eye-stock path {
stroke: var(--white-black, #ffffff);
}
.b-ddl-menu-label #filter-icon,
.b-ddl-menu-label .filter-selected-icon svg {
fill: none;
stroke: var(--task-card-header-eye, #898989);
stroke-linejoin: round;
stroke-linecap: round;
position: relative;
top: -1px;
}
.b-ddl-menu-label .filter-selected-icon {
margin-right: 3px;
}
.custom-field-from-variable-labels-container {
display: flex;
}
.custom-field-from-variable-labels-container .custom-field-from-variable-label-field {
width: 257px;
font-size: 10pt;
padding-right: 15px;
color: #838383;
}
.custom-field-from-variable-labels-container .custom-field-from-variable-label-variable {
width: 257px;
font-size: 10pt;
color: #838383;
}
.custom-field-from-variable-add-row-container {
padding-top: 10px;
padding-bottom: 10px;
display: flex;
cursor: pointer;
justify-content: space-between;
}
.custom-field-from-variable-add-row-container .status-set-rule-win-triggers-add {
padding-left: 8px;
}
.custom-field-from-variable-add-row-container > div {
display: flex;
align-items: center;
}
.custom-field-from-variable-row {
display: flex;
}
.custom-field-from-variable-row.from-another-field {
border-bottom: 1px solid #e2e2e2;
}
.custom-field-from-variable-row .fields-select-container {
display: grid;
}
.custom-field-from-variable-row .fields-select-container .custom-another-field-select-container {
padding-right: 15px;
}
.custom-field-from-variable-row .fields-select-container .custom-another-field-select-container .masschange-custom-another-field-select {
width: 257px;
padding: 5px;
}
.custom-field-from-variable-row .custom-field-select-container {
padding-right: 15px;
}
.custom-field-from-variable-row .custom-field-select-container .masschange-custom-field-select {
width: 257px;
padding: 5px;
margin-bottom: 0;
}
.custom-field-from-variable-row .row-delete {
align-self: center;
cursor: pointer;
}
.delete-value-from-fields .custom-field-from-variable-labels-container {
margin-bottom: 10px;
}
.delete-value-from-fields .custom-field-from-variable-add-row-container {
padding-top: 20px;
}
.delete-value-from-fields .custom-field-from-variable-row .custom-field-select-container .masschange-custom-field-select {
width: 529px;
}
.task-mass-change-params .variable-select-container {
display: inline-block;
font-size: 10pt;
padding-right: 10px;
}
.task-mass-change-params .variable-select-container select.masschange-variables-select {
width: 257px;
padding: 5px;
}
.task-mass-change-params .variable-select-container select.masschange-variables-select.from-infoblock {
width: 529px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header {
padding: 19px 24px 19px 16px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
gap: 17px;
background-color: var(--background-color-default);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__full-form-wr_block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
height: 28px;
gap: 8px;
cursor: pointer;
border-radius: 6px;
padding: 0 7px;
user-select: none;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__full-form-wr_block .icon {
width: 16px;
height: 16px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__full-form-wr_block .icon svg {
fill: none;
width: 16px;
height: 16px;
stroke: var(--gray-input-border, #BBBBBB);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__full-form-wr_block .title {
white-space: nowrap;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__full-form-wr_block:hover {
background: var(--date-picker-bg, #F5F5F5);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .date-control,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .date-control,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .date-control {
width: 116px;
margin-right: 12px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .time-control:not(.is-not-set),
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .time-control:not(.is-not-set),
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .time-control:not(.is-not-set) {
width: 90px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .time-control .time-icon,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .time-control .time-icon,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .time-control .time-icon {
cursor: pointer;
width: 16px;
height: 16px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .time-control .time-icon svg,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .time-control .time-icon svg,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .time-control .time-icon svg {
width: 16px;
height: 16px;
fill: none;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .time-control .time-icon svg #svgDatesFormTimeClock-mask,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .time-control .time-icon svg #svgDatesFormTimeClock-mask,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .time-control .time-icon svg #svgDatesFormTimeClock-mask {
fill: var(--white-black, white);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .time-control .time-icon svg #svgDatesFormTimeClock-mask-1,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .time-control .time-icon svg #svgDatesFormTimeClock-mask-1,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .time-control .time-icon svg #svgDatesFormTimeClock-mask-1 {
fill: var(--white-black, white);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .time-control .time-icon svg #svgDatesFormTimeClock-path,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .time-control .time-icon svg #svgDatesFormTimeClock-path,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .time-control .time-icon svg #svgDatesFormTimeClock-path {
fill: var(--gray-input-border, #BBBBBB);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .planner,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .planner,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .planner {
margin-left: 12px;
cursor: pointer;
width: 16px;
height: 16px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .planner svg,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .planner svg,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .planner svg {
width: 16px;
height: 16px;
fill: none;
stroke: var(--gray-input-border, #BBBBBB);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .duration-control,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .duration-control,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .duration-control {
position: relative;
min-width: 116px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .duration-control .object-edit-field-input .object-edit-field-base .view__edit,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .duration-control .object-edit-field-input .object-edit-field-base .view__edit,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .duration-control .object-edit-field-input .object-edit-field-base .view__edit {
width: min-content;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .duration-control .object-edit-field-input .duration-panel,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .duration-control .object-edit-field-input .duration-panel,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .duration-control .object-edit-field-input .duration-panel {
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
gap: 13px;
width: 100%;
background-color: var(--white-black, #fff);
box-shadow: 0 1px 3px 0 var(--dialog-win-dates-header-panel-shadow, rgba(156, 156, 156, 0.25));
height: 28px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
bottom: 0;
transition: all 0.3s ease-out;
z-index: -1;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .duration-control .object-edit-field-input .duration-panel .panel-item,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .duration-control .object-edit-field-input .duration-panel .panel-item,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .duration-control .object-edit-field-input .duration-panel .panel-item {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
width: 22px;
height: 16px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-radius: 25px;
font-size: 12px;
cursor: pointer;
color: var(--gray-dark-icon, #626262);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .duration-control .object-edit-field-input .duration-panel .panel-item.active,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .duration-control .object-edit-field-input .duration-panel .panel-item.active,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .duration-control .object-edit-field-input .duration-panel .panel-item.active {
background: var(--activeFilter);
color: var(--white-black, #FFF);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .duration-control .object-edit-field-input .duration-panel .panel-item__text,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .duration-control .object-edit-field-input .duration-panel .panel-item__text,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .duration-control .object-edit-field-input .duration-panel .panel-item__text {
position: relative;
top: -1px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .duration-control .object-edit-field-input .duration-label,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .duration-control .object-edit-field-input .duration-label,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .duration-control .object-edit-field-input .duration-label {
font-size: 12px;
margin-left: 1px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section {
position: relative;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section .object-edit-field-input .object-edit-field-base,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section .object-edit-field-input .object-edit-field-base,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section .object-edit-field-input .object-edit-field-base {
padding: unset;
z-index: 2;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section .object-edit-field-input .object-edit-field-base .label,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section .object-edit-field-input .object-edit-field-base .label,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section .object-edit-field-input .object-edit-field-base .label {
width: 100% !important;
left: 0;
justify-content: center;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section .object-edit-field-input .object-edit-field-base .view,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section .object-edit-field-input .object-edit-field-base .view,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section .object-edit-field-input .object-edit-field-base .view {
text-align: center;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section .object-edit-field-input .object-edit-field-base .view .view__edit .control-value,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section .object-edit-field-input .object-edit-field-base .view .view__edit .control-value,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section .object-edit-field-input .object-edit-field-base .view .view__edit .control-value {
text-align: center;
width: 100%;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section .object-edit-field-input .object-edit-field-base .view .view__edit .control-value::placeholder,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section .object-edit-field-input .object-edit-field-base .view .view__edit .control-value::placeholder,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section .object-edit-field-input .object-edit-field-base .view .view__edit .control-value::placeholder {
text-align: center;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section .object-edit-field-input .object-edit-field-base .view .view__edit .control-value:placeholder-shown,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section .object-edit-field-input .object-edit-field-base .view .view__edit .control-value:placeholder-shown,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section .object-edit-field-input .object-edit-field-base .view .view__edit .control-value:placeholder-shown {
text-align: left;
width: 40%;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section .object-edit-field-input .object-edit-field-base .view .ObjectEditFieldBase__view__value__text,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section .object-edit-field-input .object-edit-field-base .view .ObjectEditFieldBase__view__value__text,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section .object-edit-field-input .object-edit-field-base .view .ObjectEditFieldBase__view__value__text {
text-align: center;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section .object-edit-field-input .object-edit-field-base .action-icons,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section .object-edit-field-input .object-edit-field-base .action-icons,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section .object-edit-field-input .object-edit-field-base .action-icons {
top: 0;
right: 5px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section .object-edit-field-input .object-edit-field-base .action-icons__icon,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section .object-edit-field-input .object-edit-field-base .action-icons__icon,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section .object-edit-field-input .object-edit-field-base .action-icons__icon {
width: 8px;
height: 8px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section .object-edit-field-input .object-edit-field-base .action-icons__icon svg,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section .object-edit-field-input .object-edit-field-base .action-icons__icon svg,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section .object-edit-field-input .object-edit-field-base .action-icons__icon svg {
width: 8px;
height: 8px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section.active-section .object-edit-field-input.is-focused,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section.active-section .object-edit-field-input.is-focused,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section.active-section .object-edit-field-input.is-focused {
overflow: visible;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section.active-section .object-edit-field-input.is-focused .duration-panel,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section.active-section .object-edit-field-input.is-focused .duration-panel,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section.active-section .object-edit-field-input.is-focused .duration-panel {
z-index: 1;
bottom: -29px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_end-date .dates-form-section.active-section .object-edit-field-input .object-edit-field-base,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_start-date .dates-form-section.active-section .object-edit-field-input .object-edit-field-base,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-header__fields_duration .dates-form-section.active-section .object-edit-field-input .object-edit-field-base {
box-shadow: inset 0 0 0 1px var(--activeButton), 2px 2px 8px 0 rgba(var(--activeButtonRgb, 26, 190, 114), 0.3);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
height: fit-content;
gap: 25px;
padding: 32px 24px 32px 16px;
background: var(--date-picker-bg, #F5F5F5);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-content__quick-dates {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
height: 245px;
padding-bottom: 3px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-content__quick-dates .quick-date-wr {
padding: 5px 8.5px 5px 6.5px;
border-radius: 6px;
position: relative;
cursor: pointer;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-content__quick-dates .quick-date-wr:last-child {
padding: 5px 8.5px 7px 6.5px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-content__quick-dates .quick-date-wr .quick-date {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
min-width: 142px;
gap: 16px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-content__quick-dates .quick-date-wr .quick-date .name {
font-size: 13px;
color: var(--text-color, #343434);
white-space: nowrap;
border-radius: 6px;
line-height: 17.29px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-content__quick-dates .quick-date-wr .quick-date .prompt {
font-size: 13px;
color: var(--gray-input-border, #BBB);
line-height: 17.29px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-content__quick-dates .quick-date-wr:not(:last-child)::after {
content: "";
height: 1px;
background-color: var(--grey-list-border, #dedede);
position: absolute;
bottom: -5px;
width: 93%;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-content__quick-dates .quick-date-wr:hover {
background: var(--gray-modal-background, #EBEBEB);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-content.time-picker {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 32px 20px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
background: var(--grey-list-border, #DEDEDE);
height: 64px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
padding: 0 24px 0 24.4px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__time-settings {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 12px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__time-settings .label {
font-size: 13px;
color: var(--default-gray, #808080);
user-select: none;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__time-settings .value-selector {
margin: unset;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__time-settings .value-selector__items {
gap: 2px;
border: unset;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__time-settings .value-selector__items .value-selector__item {
padding: 4px 8px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 8px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__buttons .dates-btn-item {
font-size: 14px;
cursor: pointer;
user-select: none;
padding: 6px 16px;
border-radius: 6px;
transition: all 150ms ease-in-out;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__buttons .clear-dates {
color: var(--text-color, #343434);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__buttons .clear-dates:hover {
box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__buttons .cancel {
pointer-events: all;
color: var(--task-card-title-text, #4B4B4B);
background: var(--white-black, #fff);
box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__buttons .cancel:hover {
box-shadow: inset 0 0 0 1px var(--dialog-btn-hover-shadow, #00000052);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__buttons .save {
background: var(--activeButton, #0fabdd);
color: var(--activeButtonElements, var(--white-black, #ffffff));
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer__buttons .save:hover {
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block .dates-form-footer.no-duration {
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.full-form .dates-form-header {
padding: 19px 16px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.full-form .dates-form-header .dates-form-header__fields {
width: 100%;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.full-form .dates-form-header .dates-form-header__fields_start-date {
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.full-form .dates-form-header .dates-form-header__fields_duration {
flex: 0;
margin: 0 32px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.full-form .dates-form-header .dates-form-header__fields_end-date {
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-header .tooltip {
opacity: 0;
visibility: hidden;
transition: opacity 1s ease, visibility 1s ease;
position: absolute;
z-index: 2;
background: var(--gray-dark-icon, #626262);
padding: 14px 18px 17px 17px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
gap: 12px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-header .tooltip .text {
color: var(--white-black, #fff);
font-size: 12px;
font-style: normal;
font-weight: 400;
height: 32px;
width: max-content;
max-width: 320px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-header .tooltip .button {
display: inline-flex;
padding: 2.5px 7.5px 4.5px 7.5px;
justify-content: center;
align-items: center;
background: var(--white-black, #fff);
border-radius: 4px;
cursor: pointer;
height: 20px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-header .tooltip:before {
width: 0;
height: 0;
border-left: 11.5px solid transparent;
border-right: 11.5px solid transparent;
border-bottom: 12px solid var(--gray-dark-icon, #626262);
position: absolute;
bottom: 60px;
z-index: 2;
content: '';
left: 50%;
transform: translate(-50%);
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-header .tooltip.visible {
opacity: 1;
visibility: visible;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-header__fields_end-date .date-control,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-header__fields_start-date .date-control,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-header__fields_duration .date-control {
margin-right: 18px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-header__fields_end-date .dates-form-section .object-edit-field-input,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-header__fields_start-date .dates-form-section .object-edit-field-input,
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-header__fields_duration .dates-form-section .object-edit-field-input {
pointer-events: none;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-content {
pointer-events: none;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.is-summary .dates-form-footer {
pointer-events: none;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.no-quick-dates .dates-form-header {
padding: 19px 32px 19px 25px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.no-quick-dates .dates-form-content {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding: 32px 24px;
}
.dialog-win-rc-wr .task-dates-dialog-wr .task-dates-dialog-block.no-quick-dates.full-form .dates-form-header {
padding: 19px 25px 19px 25px;
}
@keyframes slideDown {
from {
opacity: 0;
transform: scaleY(0);
}
to {
opacity: 1;
transform: scaleY(1);
}
}
.time-picker-container-rc {
width: 100%;
}
.time-picker-container-rc .time-picker-content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 100%;
position: relative;
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas {
height: 242px;
width: 242px;
background: var(--white-black, #FFF);
margin: unset;
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas:before {
z-index: 1;
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-top: -4px;
margin-left: -4px;
width: 7px;
height: 7px;
border-radius: 100%;
background: var(--time-picker-dot, #202020);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-hand {
width: 67px;
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-hand.time-picker-canvas-hand-h24,
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-hand.time-picker-canvas-hand-m60 {
width: 103px;
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas ul {
margin: 0 0 0 -121px;
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li {
width: 36px;
height: 36px;
margin: -18px 0 0 -18px;
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li span {
line-height: 36px;
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(1) {
-webkit-transform: translate(33.5px, -58.02370205px);
-moz-transform: translate(33.5px, -58.02370205px);
-ms-transform: translate(33.5px, -58.02370205px);
-o-transform: translate(33.5px, -58.02370205px);
transform: translate(33.5px, -58.02370205px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(13),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(1) {
-webkit-transform: translate(50.5px, -87.46856578px);
-moz-transform: translate(50.5px, -87.46856578px);
-ms-transform: translate(50.5px, -87.46856578px);
-o-transform: translate(50.5px, -87.46856578px);
transform: translate(50.5px, -87.46856578px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(2) {
-webkit-transform: translate(58.02370205px, -33.5px);
-moz-transform: translate(58.02370205px, -33.5px);
-ms-transform: translate(58.02370205px, -33.5px);
-o-transform: translate(58.02370205px, -33.5px);
transform: translate(58.02370205px, -33.5px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(14),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(2) {
-webkit-transform: translate(87.46856578px, -50.5px);
-moz-transform: translate(87.46856578px, -50.5px);
-ms-transform: translate(87.46856578px, -50.5px);
-o-transform: translate(87.46856578px, -50.5px);
transform: translate(87.46856578px, -50.5px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(3) {
-webkit-transform: translate(67px, 0);
-moz-transform: translate(67px, 0);
-ms-transform: translate(67px, 0);
-o-transform: translate(67px, 0);
transform: translate(67px, 0);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(15),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(3) {
-webkit-transform: translate(101px, 0);
-moz-transform: translate(101px, 0);
-ms-transform: translate(101px, 0);
-o-transform: translate(101px, 0);
transform: translate(101px, 0);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(4) {
-webkit-transform: translate(58.02370205px, 33.5px);
-moz-transform: translate(58.02370205px, 33.5px);
-ms-transform: translate(58.02370205px, 33.5px);
-o-transform: translate(58.02370205px, 33.5px);
transform: translate(58.02370205px, 33.5px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(16),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(4) {
-webkit-transform: translate(87.46856578px, 50.5px);
-moz-transform: translate(87.46856578px, 50.5px);
-ms-transform: translate(87.46856578px, 50.5px);
-o-transform: translate(87.46856578px, 50.5px);
transform: translate(87.46856578px, 50.5px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(5) {
-webkit-transform: translate(33.5px, 58.02370205px);
-moz-transform: translate(33.5px, 58.02370205px);
-ms-transform: translate(33.5px, 58.02370205px);
-o-transform: translate(33.5px, 58.02370205px);
transform: translate(33.5px, 58.02370205px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(17),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(5) {
-webkit-transform: translate(50.5px, 87.46856578px);
-moz-transform: translate(50.5px, 87.46856578px);
-ms-transform: translate(50.5px, 87.46856578px);
-o-transform: translate(50.5px, 87.46856578px);
transform: translate(50.5px, 87.46856578px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(6) {
-webkit-transform: translate(0, 67px);
-moz-transform: translate(0, 67px);
-ms-transform: translate(0, 67px);
-o-transform: translate(0, 67px);
transform: translate(0, 67px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(18),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(6) {
-webkit-transform: translate(0, 101px);
-moz-transform: translate(0, 101px);
-ms-transform: translate(0, 101px);
-o-transform: translate(0, 101px);
transform: translate(0, 101px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(7) {
-webkit-transform: translate(-33.5px, 58.02370205px);
-moz-transform: translate(-33.5px, 58.02370205px);
-ms-transform: translate(-33.5px, 58.02370205px);
-o-transform: translate(-33.5px, 58.02370205px);
transform: translate(-33.5px, 58.02370205px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(19),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(7) {
-webkit-transform: translate(-50.5px, 87.46856578px);
-moz-transform: translate(-50.5px, 87.46856578px);
-ms-transform: translate(-50.5px, 87.46856578px);
-o-transform: translate(-50.5px, 87.46856578px);
transform: translate(-50.5px, 87.46856578px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(8) {
-webkit-transform: translate(-58.02370205px, 33.5px);
-moz-transform: translate(-58.02370205px, 33.5px);
-ms-transform: translate(-58.02370205px, 33.5px);
-o-transform: translate(-58.02370205px, 33.5px);
transform: translate(-58.02370205px, 33.5px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(20),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(8) {
-webkit-transform: translate(-87.46856578px, 50.5px);
-moz-transform: translate(-87.46856578px, 50.5px);
-ms-transform: translate(-87.46856578px, 50.5px);
-o-transform: translate(-87.46856578px, 50.5px);
transform: translate(-87.46856578px, 50.5px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(9) {
-webkit-transform: translate(-67px, 0);
-moz-transform: translate(-67px, 0);
-ms-transform: translate(-67px, 0);
-o-transform: translate(-67px, 0);
transform: translate(-67px, 0);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(21),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(9) {
-webkit-transform: translate(-101px, 0);
-moz-transform: translate(-101px, 0);
-ms-transform: translate(-101px, 0);
-o-transform: translate(-101px, 0);
transform: translate(-101px, 0);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(10) {
-webkit-transform: translate(-58.02370205px, -33.5px);
-moz-transform: translate(-58.02370205px, -33.5px);
-ms-transform: translate(-58.02370205px, -33.5px);
-o-transform: translate(-58.02370205px, -33.5px);
transform: translate(-58.02370205px, -33.5px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(22),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(10) {
-webkit-transform: translate(-87.46856578px, -50.5px);
-moz-transform: translate(-87.46856578px, -50.5px);
-ms-transform: translate(-87.46856578px, -50.5px);
-o-transform: translate(-87.46856578px, -50.5px);
transform: translate(-87.46856578px, -50.5px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(11) {
-webkit-transform: translate(-33.5px, -58.02370205px);
-moz-transform: translate(-33.5px, -58.02370205px);
-ms-transform: translate(-33.5px, -58.02370205px);
-o-transform: translate(-33.5px, -58.02370205px);
transform: translate(-33.5px, -58.02370205px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(23),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(11) {
-webkit-transform: translate(-50.5px, -87.46856578px);
-moz-transform: translate(-50.5px, -87.46856578px);
-ms-transform: translate(-50.5px, -87.46856578px);
-o-transform: translate(-50.5px, -87.46856578px);
transform: translate(-50.5px, -87.46856578px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(12) {
-webkit-transform: translate(0, -67px);
-moz-transform: translate(0, -67px);
-ms-transform: translate(0, -67px);
-o-transform: translate(0, -67px);
transform: translate(0, -67px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li:nth-child(24),
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas .time-picker-canvas-m60 li:nth-child(12) {
-webkit-transform: translate(0, -101px);
-moz-transform: translate(0, -101px);
-ms-transform: translate(0, -101px);
-o-transform: translate(0, -101px);
transform: translate(0, -101px);
}
.time-picker-container-rc .time-picker-content__time-picker .time-picker-canvas li span {
font-size: 15px;
}
.time-picker-container-rc .time-picker-content__time-picker .value-selector {
position: absolute;
top: 0;
right: 0;
margin: unset;
}
.time-picker-container-rc .time-picker-content__time-picker .value-selector__items {
gap: 2px;
}
.time-picker-container-rc .time-picker-content__time-picker .value-selector__items .value-selector__item {
padding: 4px 8px;
}
.time-picker-container-rc .time-picker-content__time-picker .value-selector--inner {
right: 50%;
transform: translateX(50%);
top: 60px;
z-index: 10;
}
.tbl-gant-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
height: 100%;
}
.tbl-list-gant-container {
display: inline-block;
}
.tasks-container-small .tbl-list-gant-container {
width: 100% !important;
}
.tasks-container-small .b-bottom-btn {
width: 100% !important;
}
.tasks-container-small .tbl-gant-container .tbl-list-scroll-wrapper,
.tasks-container-small .tbl-location-container .tbl-list-scroll-wrapper {
width: 100% !important;
}
.tasks-container-small .tbl-gant-container .tbl-list-scroll-wrapper col,
.tasks-container-small .tbl-location-container .tbl-list-scroll-wrapper col {
display: none;
}
.tbl-list-gant {
/* table-layout: fixed;
display: inline-table;*/
}
.tbl-list-gant .tr-gant-space .td-item {
height: 24px;
}
.tbl-list-gant.tbl-list-users .tr-head .td-head .sorted .td-column-sorted,
.tbl-list-gant.tbl-list-users .tr-head .td-head .filtered .td-column-filtered {
display: inline;
}
.tbl-list-gant .tbl-glittered .td-item.td-item-qe-editable:hover .svg-icon-16px svg {
fill: var(--white-black, #fff) !important;
}
.tbl-list-gant .tbl-glittered .td-item.td-item-qe-editable:hover .svg-icon-16px.svg-icon-stroke svg {
fill: none !important;
stroke: var(--white-black, #fff) !important;
}
.td-task-name-link-gant {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tasks-container-small .td-task-name-link-gant {
white-space: normal;
width: auto !important;
}
.task-menu-placeholder {
position: relative;
text-align: left;
}
.tbl-glittered .task-menu-placeholder,
.tr-common-item:hover .task-menu-placeholder,
.tr-group-header:hover .task-menu-placeholder {
visibility: visible;
font-size: 13px;
font-weight: normal;
}
.task-menu-placeholder > span {
cursor: pointer;
vertical-align: bottom;
}
.task-menu-placeholder .svg-icon-12px {
padding: 4px;
background-color: transparent;
border-radius: 6px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-transition: background-color 150ms ease;
-moz-transition: background-color 150ms ease;
-o-transition: background-color 150ms ease;
-ms-transition: background-color 150ms ease;
transition: background-color 150ms ease;
}
.task-menu-placeholder .svg-icon-12px:hover {
background-color: var(--task-card-checklist-item-hover, #e8e8e8);
}
.task-list-gant-date {
cursor: pointer;
line-height: 0;
vertical-align: middle;
white-space: nowrap;
}
.task-list-gant-date-empty {
display: inline-block;
text-align: center;
margin-left: 14px;
}
.task-list-gant-date-empty.task-list-gant-date-duration {
width: 25px;
}
.task-list-gant-date-empty span {
display: none;
}
.task-list-gant-date-empty .iconset-16px {
vertical-align: bottom;
}
.task-list-gant-date-empty:hover {
border-bottom: none;
}
.tr-common-item:hover .task-list-gant-date-empty span {
display: inline-block;
}
.gant-container {
vertical-align: top;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
white-space: nowrap;
z-index: 1;
right: 0;
}
.tasks-container-small .gant-container {
display: none;
}
.gant-resizer {
width: 5px;
height: 59px;
background: var(--gray-border, #e1e1e1);
border-left: 1px solid var(--gray-modal-background, #ebebeb);
border-right: 1px solid var(--menu-logined-popup-list-border, #cccccc);
cursor: e-resize;
}
.gant-scroller {
height: 30px;
margin-top: -30px;
color: var(--ddl-menu-switch-after, #a4a4a4);
font-size: 11px;
position: absolute;
padding-left: 5px;
background: var(--background-color-light-gray, #f7f7f7);
}
.gant-scroller.gant-scroller-detached {
background: var(--white-black, #fff);
margin-left: 7px;
padding-top: 5px;
z-index: 5;
top: 0;
margin-top: 0;
position: absolute;
height: 23px;
}
.gant-scroller.gant-scroller-detached .gant-cursor {
top: 5px;
}
.gant-scroller.gant-scroller-detached .gant-select-date {
margin-top: 24px;
}
.gant-scroller .gant-startdate,
.gant-scroller .gant-enddate {
width: 65px;
display: inline-block;
vertical-align: top;
padding-top: 3px;
cursor: pointer;
}
.gant-scroller .gant-select-date {
width: 30px;
text-align: center;
display: inline-block;
vertical-align: top;
cursor: pointer;
position: relative;
background: var(--white-black, #fff);
margin-top: 31px;
padding-top: 5px;
margin-left: -21px;
}
.gant-scroller .gant-startdate {
text-align: left;
}
.gant-scroller .gant-enddate {
text-align: right;
}
.gant-scroller .gant-scale {
display: inline-block;
border-top: 1px solid var(--file-viewer-canvas-no-active-btn-bg, #d4d4d4);
}
.gant-scroller .gant-cursor {
position: absolute;
left: 50%;
top: 0;
padding: 0 10px;
}
.gant-scroller .gant-cursor .svg-icon-wr {
vertical-align: top;
margin-top: 2px;
position: relative;
z-index: 1;
width: 6px;
height: 14px;
display: inline-block;
}
.gant-scroller .gant-cursor .svg-icon-wr svg {
width: 6px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
}
.gant-scroller .gant-cursor .gant-cursor-left {
background: var(--planner-schedule-fake-tbl-border, #e6e6e6);
text-align: center;
height: 18px;
width: 11px;
display: inline-block;
vertical-align: top;
cursor: w-resize;
}
.gant-scroller .gant-cursor .gant-cursor-left::before {
background: var(--planner-schedule-fake-tbl-border, #e6e6e6);
height: 6px;
width: 6px;
margin: 6px 0 0 -5px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
display: inline-block;
z-index: 0;
}
.gant-scroller .gant-cursor .gant-cursor-left img {
vertical-align: top;
margin-top: 2px;
position: relative;
z-index: 1;
}
.gant-scroller .gant-cursor .gant-cursor-center {
background: var(--planner-schedule-fake-tbl-border, #e6e6e6);
height: 18px;
width: 30px;
display: inline-block;
}
.gant-scroller .gant-cursor .gant-cursor-right {
background: var(--planner-schedule-fake-tbl-border, #e6e6e6);
text-align: center;
height: 18px;
width: 11px;
display: inline-block;
vertical-align: top;
cursor: w-resize;
}
.gant-scroller .gant-cursor .gant-cursor-right::after {
background: var(--planner-schedule-fake-tbl-border, #e6e6e6);
height: 6px;
width: 6px;
margin: 6px 0 0 0;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
display: inline-block;
z-index: 0;
}
.gant-scroller .gant-cursor .gant-cursor-right img {
vertical-align: top;
margin-top: 2px;
position: relative;
z-index: 1;
}
.gant-grid {
white-space: nowrap;
vertical-align: top;
overflow-x: hidden;
overflow-y: auto;
}
.gant-grid .gant-grid-first-header {
border-top: 1px solid var(--planner-calendar-wrapper-month-shadow, #e8e8e8);
height: 24px;
overflow: hidden;
position: sticky;
top: 0;
z-index: 3;
}
.gant-grid .gant-grid-first-header.gant-grid-first-header-detached {
position: absolute;
border-top: none;
z-index: 4;
}
.gant-grid .gant-grid-first-header .gant-grid-first-header-item {
display: inline-block;
border-right: 1px solid var(--gray-list-hover, #f0f0f0);
font-size: 12px;
color: var(--file-viewer-right-version, #646464);
height: 14px;
padding: 5px 15px;
overflow: hidden;
background: var(--white-black, #fff);
}
.gant-grid .gant-grid-first-header .gant-grid-first-header-item:last-child {
border-right: none;
}
.gant-grid .gant-grid-second-header {
border-top: 1px solid var(--gray-group-border, #d4d4d4);
border-bottom: 1px solid var(--gray-group-border, #d4d4d4);
height: 25px;
overflow: hidden;
position: sticky;
top: 25px;
z-index: 3;
}
.gant-grid .gant-grid-second-header.gant-grid-second-header-detached {
position: absolute;
border-bottom: 1px solid var(--gray-group-border, #d4d4d4);
z-index: 4;
}
.gant-grid .gant-grid-second-header.days-container {
display: none;
top: 52px;
border-top: none;
}
.gant-grid .gant-grid-second-header .gant-grid-second-header-item {
display: inline-block;
border-right: 1px solid var(--gray-group-border, #d4d4d4);
font-size: 12px;
color: var(--planner-schedule-month-group, #adadad);
height: 15px;
padding: 5px 0;
overflow: hidden;
text-align: center;
background: var(--white-black, #fff);
}
.gant-grid .gant-grid-second-header .gant-grid-second-header-item:last-child {
border-right: none;
}
.gant-grid .gant-grid-second-header .gant-grid-second-header-item.gant-grid-second-header-item-yesterday-last {
border-right: none !important;
}
.gant-grid .gant-grid-second-header .gant-grid-second-header-item.gant-grid-second-header-item-today {
background: var(--planner-calendar-today, #fdfdd7);
color: #ffad6a;
}
.gant-grid .gant-grid-second-header .gant-grid-second-header-item.gant-grid-second-header-item-today.gant-grid-second-header-item-today-first {
border-left: 1px solid #ff8a00;
}
.gant-grid .gant-grid-second-header .gant-grid-second-header-item.gant-grid-second-header-item-today.gant-grid-second-header-item-today-last {
border-right: 1px solid #ff8a00;
}
.gant-grid .gant-grid-second-header .gant-grid-second-header-item.gant-grid-second-header-item-holiday {
background: var(--gray-modal-background, #ededed);
}
.gant-grid .gant-grid-history-header {
border: 1px solid var(--orgtree-add-user-border, #e7e7e7);
margin: 2px;
height: 15px;
text-align: center;
z-index: 1;
background: var(--white-black, #fff);
position: relative;
display: none;
padding-top: 2px;
}
.gant-grid .gant-grid-history-header .gant-grid-history-header-text {
color: var(--cke-btn-over, #686868);
font-weight: bold;
}
.gant-grid .gant-grid-history-header .gant-grid-history-header-date.fakelink-dashed {
border-bottom: none;
}
.gant-grid .gant-grid-history-header .gant-grid-history-header-date.fakelink-dashed:hover {
border-bottom: 1px dotted #5881B8;
}
.gant-grid .gant-grid-history-header .gant-grid-history-close {
float: right;
margin-right: 2px;
cursor: pointer;
}
.gant-grid.gant-grid-history-shown .gant-grid-history-header {
display: block;
}
.gant-grid.gant-grid-history-shown .gant-grid-tasks-grid {
margin-top: -23px;
}
.gant-grid .gant-grid-tasks-grid {
overflow: hidden;
}
.gant-grid .gant-grid-tasks-grid.gant-grid-second-header-detached {
margin-top: 60px;
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item {
display: inline-block;
border-right: 1px solid var(--file-upload-ubloaded-block, #eaeaea);
font-size: 12px;
color: var(--planner-schedule-month-group, #adadad);
height: 100%;
background: var(--white-black, #fff);
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item:last-child {
border-right: none;
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-yesterday-last {
border-right: none;
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-hidden {
border-right: 1px solid var(--grey-dark-hover, #f2f2f2);
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-today {
background: var(--planner-calendar-today, #fdfdd7);
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-today.gant-grid-tasks-grid-item-today-first {
border-left: 1px solid var(--planner-schedule-today, #ff8a00);
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-today.gant-grid-tasks-grid-item-today-last {
border-right: 1px solid var(--planner-schedule-today, #ff8a00);
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-highlight-before {
border-right: none !important;
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-highlight {
background: var(--gant-grid-item-highlight, #ffeeee) !important;
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-highlight.gant-grid-tasks-grid-item-holiday {
background: var(--gant-grid-item-holiday, #fae9e9) !important;
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-highlight.gant-grid-tasks-grid-item-highlight-first {
border-left: 1px solid var(--gant-grid-item-highlight-first, #fcadad) !important;
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-highlight.gant-grid-tasks-grid-item-highlight-last {
border-right: 1px solid var(--gant-grid-item-highlight-first, #fcadad) !important;
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-holiday {
background: var(--gray-modal-background, #ededed);
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-no-border {
border: unset !important;
background: var(--file-upload-ubloaded-block, #eaeaea);
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-no-border.gant-grid-tasks-grid-item-highlight-first {
background: var(--gant-grid-item-highlight-first, #fcadad) !important;
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-no-border.gant-grid-tasks-grid-item-highlight-last {
background: var(--gant-grid-item-highlight-first, #fcadad) !important;
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-no-border.gant-grid-tasks-grid-item-today {
background: var(--planner-schedule-today, #ff8a00) !important;
min-width: 1px;
}
.gant-grid .gant-grid-tasks-grid .gant-grid-tasks-grid-item.gant-grid-tasks-grid-item-no-border.gant-grid-tasks-grid-item-hidden {
background: var(--grey-dark-hover, #f2f2f2);
}
.gant-grid .gant-grid-highlight-grid {
position: relative;
}
.gant-grid .gant-grid-highlight-string {
position: absolute;
background: var(--context-menu-block-shadow, #00000014);
opacity: 0.5;
width: 100%;
}
.gant-items {
position: relative;
}
.gant-task-item-wrapper {
position: absolute;
z-index: 3;
}
.gant-task-item-wrapper.gant-task-item-history .gant-task-item {
opacity: 0.8;
background-image: -webkit-linear-gradient(-45deg, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 25%, transparent 25%, transparent 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 25%, transparent 25%, transparent 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 75%, transparent 75%, transparent);
background-image: linear-gradient(135deg, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 25%, transparent 25%, transparent 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 75%, transparent 75%, transparent);
/*-pie-background: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent) 0 0 / 50px 50px, #c16;*/
background-size: 15px 15px;
}
.gant-task-item-wrapper.gant-task-item-history .gant-task-item:hover .gant-task-item-move-start,
.gant-task-item-wrapper.gant-task-item-history .gant-task-item:hover .gant-task-item-move-end,
.gant-task-item-wrapper.gant-task-item-history .gant-task-item:hover .gant-task-item-taskname-small::before {
visibility: hidden;
}
.gant-task-item-wrapper.gant-task-item-history.gant-task-item-milestone .gant-task-item {
opacity: 0.4;
}
.gant-task-item-wrapper.gant-task-item-history .gant-task-item-after {
display: none;
}
.gant-task-item-wrapper.gant-task-item-history .gant-task-item-taskname {
visibility: hidden;
}
.gant-task-item {
display: inline-block;
position: relative;
vertical-align: top;
background: var(--resize-overlay, #ccc);
color: var(--white-black, #fff);
font-size: 11px;
height: 14px;
padding: 3px 5px;
}
.gant-task-item.gant-task-item-no-padding {
padding: 3px 0px;
}
.gant-task-item.gant-task-item-parent-duplicate {
background-image: -webkit-linear-gradient(-45deg, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 25%, transparent 25%, transparent 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 25%, transparent 25%, transparent 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 75%, transparent 75%, transparent);
background-image: linear-gradient(135deg, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 25%, transparent 25%, transparent 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 50%, var(--gant-task-item, rgba(255, 255, 255, 0.2)) 75%, transparent 75%, transparent);
/*-pie-background: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent) 0 0 / 50px 50px, #c16;*/
background-size: 15px 15px;
}
.gant-task-item.gant-task-item-parent::before {
content: '';
display: block;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left-width: 6px;
border-left-style: solid;
border-left-color: inherit;
position: absolute;
margin-top: 10px;
margin-left: -5px;
}
.gant-task-item.gant-task-item-parent::after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right-width: 6px;
border-right-style: solid;
border-right-color: inherit;
position: absolute;
margin-top: 12px;
top: 0;
right: 0;
}
.gant-task-item-milestone .gant-task-item {
/*.rotate(45deg);*/
width: 1px !important;
padding: 0 !important;
margin-left: 4px;
}
.gant-task-item-milestone .gant-task-item::before {
content: '';
display: block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right-width: 8px;
border-right-style: solid;
border-right-color: inherit;
position: absolute;
right: 0;
}
.gant-task-item-milestone .gant-task-item::after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left-width: 8px;
border-left-style: solid;
border-left-color: inherit;
position: absolute;
}
.gant-task-item-milestone .gant-task-item .gant-task-item-taskname {
display: none;
}
.gant-task-item-milestone .gant-task-item .gant-task-item-move-start {
left: -16px;
top: -2px;
}
.gant-task-item-milestone .gant-task-item .gant-task-item-move-end {
right: -16px;
top: -2px;
}
.gant-task-item .gant-task-item-taskname {
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
padding-left: 5px;
border-color: inherit;
}
.gant-task-item .gant-task-item-taskname.gant-task-item-taskname-small::before {
background-color: var(--white-black, #fff);
border-color: inherit;
border-image: none;
border-radius: 15px;
border-style: solid;
border-width: 3px;
content: '';
cursor: pointer;
display: inline-block;
height: 8px;
left: 0;
margin-top: -14px;
position: absolute;
width: 8px;
z-index: 0;
visibility: hidden;
}
.gant-task-item .gant-task-item-ajax {
position: absolute;
top: 4px;
left: -14px;
z-index: 2;
display: none;
}
.gant-task-item .gant-task-item-move-start {
background: url('/img/resize-left.png');
cursor: e-resize;
height: 20px;
width: 9px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
visibility: hidden;
}
.gant-task-item .gant-task-item-move-end {
background: url('/img/resize-right.png');
cursor: e-resize;
height: 20px;
width: 9px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
visibility: hidden;
}
.gant-task-item:hover .gant-task-item-move-start,
.gant-task-item:hover .gant-task-item-move-end,
.gant-task-item:hover .gant-task-item-taskname-small::before,
.gant-task-item-shadow .gant-task-item .gant-task-item-move-start,
.gant-task-item-shadow .gant-task-item .gant-task-item-move-end,
.gant-task-item-shadow .gant-task-item .gant-task-item-taskname-small::before {
visibility: visible;
}
.gant-task-item.gant-task-item-hasshadow:hover .gant-task-item-move-start,
.gant-task-item.gant-task-item-hasshadow:hover .gant-task-item-move-end,
.gant-task-item.gant-task-item-hasshadow:hover .gant-task-item-taskname-small::before {
visibility: hidden;
}
.gant-task-item-after {
display: inline-block;
margin-left: 7px;
margin-top: -3px;
position: absolute;
}
.classic-font .gant-task-item-after {
font-size: 11px;
}
.gant-task-item-milestone .gant-task-item-after {
margin-left: 16px;
}
.gant-task-item-shadow .gant-task-item-after {
display: none;
}
.gant-task-item-after .gant-task-item-after-projecttitle {
display: inline;
}
.gant-task-item-after .gant-task-item-after-projecttitle + .gant-task-item-after-taskname::before,
.gant-task-item-after .gant-task-item-after-projecttitle + .gant-task-item-after-workers::before {
content: ' / ';
}
.gant-task-item-after .gant-task-item-after-taskname {
display: inline;
}
.gant-task-item-after .gant-task-item-after-taskname + .gant-task-item-after-workers::before {
content: ' / ';
}
.gant-task-item-after .gant-task-item-after-workers {
color: var(--black-white, #000);
display: inline;
}
.gant-task-item-highlight-date {
width: 65px;
height: 13px;
z-index: 3;
padding: 4px 0 3px;
position: absolute;
background: var(--gant-grid-item-highlight-date, #ffcaca);
color: var(--integration-win-summary, #464647);
font-size: 10px;
text-align: center;
}
.gant-dep-item {
cursor: pointer;
}
.gant-dep-item > div {
position: absolute;
font-size: 0;
line-height: 0;
z-index: 1;
}
.gant-dep-item .gant-dep-item-vline {
padding: 0 2px;
}
.gant-dep-item .gant-dep-item-vline .gant-dep-item-vline-fill {
width: 1px;
background: var(--toggle-switcher-bg, #acacac);
}
.gant-dep-item .gant-dep-item-hline {
padding: 2px 0;
}
.gant-dep-item .gant-dep-item-hline .gant-dep-item-hline-fill {
height: 1px;
width: 100%;
background: var(--toggle-switcher-bg, #acacac);
}
.gant-dep-item .gant-dep-item-triangle-right {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAIElEQVQIW2NcuHDh//j4eEYGIGAEcUAMkACcg10GpgcAlv4S6L5PrR4AAAAASUVORK5CYII=) no-repeat;
height: 5px;
width: 3px;
}
.gant-dep-item .gant-dep-item-triangle-left {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHklEQVQIW2NkgIKFCxf+ZwSxQQwQzQhjgDkoMsh6AMc/DnAaGUicAAAAAElFTkSuQmCC) no-repeat;
height: 5px;
width: 3px;
}
.gant-dep-item .gant-dep-item-triangle-bottom {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAIElEQVQIW2NcuHDhfwY0wAjiI0vEx8czggVhEiABEBsAVMgK5tgkD4wAAAAASUVORK5CYII=) no-repeat;
height: 3px;
width: 5px;
}
.gant-dep-item .gant-dep-item-triangle-up {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAIklEQVQIW2NkgIKFCxf+j4+PZwRxwQRIACYJkmBEFoBJAACDtArm8TRCmwAAAABJRU5ErkJggg==) no-repeat;
height: 3px;
width: 5px;
}
.gant-dep-item.gant-dep-item-shadow > div {
z-index: 2;
}
.gant-dep-item.gant-dep-item-shadow .gant-dep-item-vline .gant-dep-item-vline-fill {
background: var(--gant-grid-item-highlight-first, #fcadad) !important;
}
.gant-dep-item.gant-dep-item-shadow .gant-dep-item-hline .gant-dep-item-hline-fill {
background: var(--gant-grid-item-highlight-first, #fcadad) !important;
}
.gant-dep-item.gant-dep-item-shadow .gant-dep-item-triangle-right {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAIElEQVQIW2P8s3btf5bgYEYGIGAEcUAMkACcg10GpgcAsrQTW1YZ1CAAAAAASUVORK5CYII=) no-repeat !important;
}
.gant-dep-item.gant-dep-item-shadow .gant-dep-item-triangle-left {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHklEQVQIW2NkgII/a9f+ZwSxQQwQzQhjgDkoMsh6ABEsEK+A1bBWAAAAAElFTkSuQmCC) no-repeat !important;
}
.gant-dep-item.gant-dep-item-shadow .gant-dep-item-triangle-bottom {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAIElEQVQIW2P8s3btfwY0wAjiI0uwBAczggVhEiABEBsAd64LWVuggpsAAAAASUVORK5CYII=) no-repeat !important;
}
.gant-dep-item.gant-dep-item-shadow .gant-dep-item-triangle-up {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAIklEQVQIW2NkgII/a9f+ZwkOZgRxwQRIACYJkmBEFoBJAACTvAtZ+otMyQAAAABJRU5ErkJggg==) no-repeat !important;
}
.gant-dep-item:hover > div {
z-index: 2;
}
.gant-dep-item:hover .gant-dep-item-vline .gant-dep-item-vline-fill {
background: var(--black-white, #000);
}
.gant-dep-item:hover .gant-dep-item-hline .gant-dep-item-hline-fill {
background: var(--black-white, #000);
}
.gant-dep-item:hover .gant-dep-item-triangle-right {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2NkYGD4D8SMQAwmQBwwG5mDXQasBwCvyQUFgpdwOQAAAABJRU5ErkJggg==) no-repeat;
}
.gant-dep-item:hover .gant-dep-item-triangle-left {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHklEQVQIW2NkQID/jFD2fxAN4oAZMA6IhsvAJP4DAJdtBQFMSDeDAAAAAElFTkSuQmCC) no-repeat;
}
.gant-dep-item:hover .gant-dep-item-triangle-bottom {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAHUlEQVQIW2NkYGD4D8QogBHKQ5ZghAmC5EASYD4AZnIDA0jmIvEAAAAASUVORK5CYII=) no-repeat;
}
.gant-dep-item:hover .gant-dep-item-triangle-up {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAHklEQVQIW2NkQID/QCYjiAsmgAAkAAOMIEFkAbAEAGacAwN4G+yQAAAAAElFTkSuQmCC) no-repeat;
}
.task-list-gant-menu .task-list-gant-menu-dates {
display: inline-block;
vertical-align: top;
padding-top: 6px;
}
.task-list-gant-menu .task-list-gant-menu-date {
display: inline-block;
cursor: pointer;
vertical-align: top;
}
.task-list-gant-menu .task-list-gant-menu-date span {
border-bottom-width: 1px;
}
.task-list-gant-menu .task-list-gant-menu-date:hover span {
border-bottom: 1px dashed var(--black-white, #000);
}
.task-list-gant-menu .task-list-gant-menu-date .svg-icon-16px {
vertical-align: top;
margin: 2px 5px 0 0;
}
.task-list-gant-menu .task-list-gant-menu-date .svg-icon-16px svg {
stroke: var(--task-card-header-eye, #898989);
}
.task-list-gant-menu .task-list-gant-menu-date img {
vertical-align: top;
margin: -2px 5px 0 0;
}
.task-list-gant-menu .task-list-gant-menu-today {
display: inline-block;
border-bottom-width: 1px;
vertical-align: top;
cursor: pointer;
}
.task-list-gant-menu .task-list-gant-menu-today:hover {
border-bottom: 1px dashed var(--black-white, #000);
}
.task-list-gant-menu .b-ddl-menu .b-ddl-menu-label {
font-size: 0;
}
.task-list-gant-menu .b-ddl-menu .b-ddl-menu-label * {
font-size: 13px;
}
.task-list-gant-menu .b-ddl-menu .b-ddl-menu-label .svg-icon-stroke.filter-selected-icon {
margin-right: 0;
}
.td-item-qe-editable:hover .iconset-16px-date,
.td-item-qe-editable-active .iconset-16px-date {
background-position: 0 -2144px;
}
.td-item-qe-editable:hover .iconset-16px-duration,
.td-item-qe-editable-active .iconset-16px-duration {
background-position: 0 -2752px;
}
.gant-canvas-container {
--gant-canvas-background: var(--background-color-light-gray, #f7f7f7);
--gant-canvas-grid: var(--file-upload-ubloaded-block, #eaeaea);
--gant-canvas-header-text: var(--text-color, #333);
--gant-canvas-secondary-text: var(--ddl-menu-switch-after, #a4a4a4);
--gant-canvas-weekend: var(--grey-dark-hover, #f2f2f2);
--gant-canvas-hover: var(--task-card-checklist-item-hover, #f5f5f5);
--gant-canvas-task: var(--main-blue, #9cb5d7);
--gant-canvas-overdue: var(--task-deadline-dead, #fd0000);
--gant-canvas-dependency: var(--gray-dark, #88909b);
--gant-canvas-today: var(--main-blue, #9cb5d7);
--gant-canvas-add-dates: rgba(156, 215, 172, 0.7);
--gant-canvas-header-height: 53px;
min-width: 100px;
overflow: hidden;
position: relative;
}
.gant-canvas-container .gant-resizer {
background: var(--background-color-light-gray, #f7f7f7);
border-color: var(--background-color-light-gray, #f7f7f7);
flex: 0 0 5px;
}
.gant-canvas-container .gant-resizer:hover {
background: var(--gray-border, #e1e1e1);
}
.gant-canvas-container .gant-canvas-stage {
background: var(--gant-canvas-background);
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
position: relative;
}
.gant-canvas-container .gant-canvas-header {
display: block;
flex: 0 0 var(--gant-canvas-header-height);
height: var(--gant-canvas-header-height);
width: 100%;
}
.gant-canvas-container.gant-canvas-hours {
--gant-canvas-header-height: 83px;
}
.gant-canvas-container .gant-canvas-body {
background: var(--gant-canvas-background);
flex: 1 1 auto;
height: auto;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
position: relative;
scrollbar-width: none;
width: 100%;
}
.gant-canvas-container .gant-canvas-body::-webkit-scrollbar {
width: 0;
}
.gant-canvas-container .gant-canvas-scroll-spacer {
left: 0;
position: absolute;
top: 0;
width: 1px;
}
.gant-canvas-container .gant-canvas-layers {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.gant-canvas-container .gant-canvas-background,
.gant-canvas-container .gant-canvas-content,
.gant-canvas-container .gant-canvas-interaction {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.gant-canvas-container .gant-canvas-background,
.gant-canvas-container .gant-canvas-content {
pointer-events: none;
}
.gant-canvas-container .gant-canvas-content,
.gant-canvas-container .gant-canvas-interaction {
z-index: 2;
}
.gant-canvas-container .gant-canvas-interaction {
cursor: default;
}
.gant-canvas-list .tbl-list-scroll-wrapper .tr-head {
height: var(--gant-canvas-list-header-height, 52px);
}
/*.modern-header-block.gant-list.gant-canvas-list .header-data-blocks {
margin-bottom: 15px;
}*/
.gant-canvas-list .tbl-list-users .tr-common-item.tbl-glittered > td,
.gant-canvas-list .tbl-list-users .tr-common-item:hover > td {
background-color: var(--gray-list-hover, #f0f0f0);
}
.gant-canvas-container .gant-canvas-side-toolbar {
display: flex;
flex-direction: column;
pointer-events: none;
position: absolute;
right: 16px;
top: 98px;
width: 56px;
z-index: 7;
}
.gant-canvas-container .gant-canvas-side-toolbar-zoom,
.gant-canvas-container .gant-canvas-side-toolbar-scale,
.gant-canvas-container .gant-canvas-side-toolbar-actions,
.gant-canvas-container .gant-canvas-side-toolbar-print,
.gant-canvas-container .gant-canvas-side-toolbar-fullscreen {
background: var(--white-black, #fff);
box-shadow: 0 1px 3px rgba(156, 156, 156, 0.25);
box-sizing: border-box;
pointer-events: auto;
}
.gant-canvas-container .gant-canvas-side-toolbar-zoom {
border-radius: 4px;
display: flex;
height: 24px;
overflow: hidden;
width: 56px;
position: relative;
}
.gant-canvas-container .gant-canvas-side-toolbar-zoom::after {
background: var(--grey-list-border, #dedede);
bottom: 0;
content: '';
left: 50%;
pointer-events: none;
position: absolute;
top: 0;
width: 1px;
}
.gant-canvas-container .gant-canvas-side-toolbar-zoom-button,
.gant-canvas-container .gant-canvas-side-toolbar-scale,
.gant-canvas-container .gant-canvas-side-toolbar-action,
.gant-canvas-container .gant-canvas-side-toolbar-print,
.gant-canvas-container .gant-canvas-side-toolbar-fullscreen {
align-items: center;
background: transparent;
border: 0;
cursor: pointer;
display: flex;
justify-content: center;
padding: 0;
}
.gant-canvas-container .gant-canvas-side-toolbar-zoom-button:hover,
.gant-canvas-container .gant-canvas-side-toolbar-scale:hover,
.gant-canvas-container .gant-canvas-side-toolbar-action:hover,
.gant-canvas-container .gant-canvas-side-toolbar-print:hover,
.gant-canvas-container .gant-canvas-side-toolbar-fullscreen:hover,
.gant-canvas-container .gant-canvas-side-toolbar-zoom-button:focus-visible,
.gant-canvas-container .gant-canvas-side-toolbar-scale:focus-visible,
.gant-canvas-container .gant-canvas-side-toolbar-action:focus-visible,
.gant-canvas-container .gant-canvas-side-toolbar-print:focus-visible,
.gant-canvas-container .gant-canvas-side-toolbar-fullscreen:focus-visible {
background: var(--gant-canvas-hover);
outline: 0;
}
.gant-canvas-container .gant-canvas-side-toolbar-zoom-button {
color: var(--gray-input-border, #bbbbbb);
height: 24px;
width: 28px;
}
.gant-canvas-container .gant-canvas-side-toolbar-zoom-button:disabled {
background: transparent;
cursor: default;
opacity: 0.5;
}
.gant-canvas-container .gant-canvas-side-toolbar-zoom-button svg {
stroke-width: 2.125;
}
.gant-canvas-container .gant-canvas-side-toolbar-scale {
background: var(--white-black, #fff);
border-radius: 6px;
color: var(--Theme-colors-BlueSteel, #5881b8);
font: 12px 'Segoe UI', sans-serif;
gap: 4px;
height: 29px;
margin-top: 6px;
width: 56px;
}
.gant-canvas-container .gant-canvas-side-toolbar-scale-arrow {
display: block;
height: 8px;
transform: rotate(90deg);
width: 8px;
}
.gant-canvas-container .gant-canvas-side-toolbar-scale-arrow svg {
display: block;
height: 8px;
width: 8px;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
}
.gant-canvas-container .gant-canvas-side-toolbar-actions {
border-radius: 4px;
display: flex;
flex-direction: column;
gap: 6px;
height: auto;
margin-top: 4px;
padding: 4px;
width: 56px;
}
.gant-canvas-container .gant-canvas-side-toolbar-action {
border-radius: 4px;
color: var(--ddl-color-icon, #88909b);
flex: 0 0 25px;
width: 48px;
}
.gant-canvas-container .gant-canvas-side-toolbar-action:first-child {
flex-basis: 24px;
}
.gant-canvas-container .gant-canvas-side-toolbar-print,
.gant-canvas-container .gant-canvas-side-toolbar-fullscreen {
background: var(--white-black, #fff);
border-radius: 6px;
color: var(--ddl-color-icon, #88909b);
height: 29px;
margin-top: 4px;
width: 56px;
}
.gant-canvas-container .gant-canvas-side-toolbar-print {
display: none;
}
.gant-canvas-container .gant-canvas-side-toolbar-icon {
display: block;
pointer-events: none;
}
.gant-canvas-container .gant-canvas-side-toolbar-icon svg {
display: block;
fill: none;
stroke: currentColor;
}
.gant-canvas-container .gant-canvas-fullscreen-enter-icon svg {
height: 13px;
margin: 1.5px;
stroke-linecap: round;
stroke-linejoin: round;
width: 13px;
}
.gant-canvas-container .gant-canvas-fullscreen-exit-icon {
display: none;
}
.gant-canvas-container.is-fullscreen .gant-canvas-side-toolbar-print {
display: flex;
}
.gant-canvas-container.is-fullscreen .gant-canvas-fullscreen-enter-icon {
display: none;
}
.gant-canvas-container.is-fullscreen .gant-canvas-fullscreen-exit-icon {
display: block;
}
.gant-canvas-container .gant-canvas-scale-menu-icon {
display: none;
flex: 0 0 16px;
height: 16px;
width: 16px;
}
.gant-canvas-container .gant-canvas-scale-menu-icon svg {
display: block;
height: 16px;
width: 16px;
}
.gant-canvas-container .gant-canvas-popup {
background: var(--white-black, #fff);
border: 1px solid var(--gant-canvas-grid);
border-radius: 6px;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.16);
display: none;
min-width: 150px;
padding: 6px;
position: absolute;
z-index: 8;
}
.gant-canvas-container .gant-canvas-popup.is-open {
display: flex;
flex-direction: column;
}
.gant-canvas-container .gant-canvas-popup button,
.gant-canvas-container .gant-canvas-popup label {
background: transparent;
border: 0;
border-radius: 4px;
color: var(--gant-canvas-header-text);
cursor: pointer;
line-height: 28px;
padding: 0 8px;
text-align: left;
}
.gant-canvas-container .gant-canvas-popup button:hover,
.gant-canvas-container .gant-canvas-popup button.is-active,
.gant-canvas-container .gant-canvas-popup label:hover {
background: var(--gant-canvas-hover);
}
.gant-canvas-container .gant-canvas-popup.is-side-origin {
border: 0;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
.gant-canvas-container .gant-canvas-popup[data-popup='scale'].is-side-origin {
box-sizing: border-box;
min-width: 130px;
padding: 12px 0;
width: 130px;
}
.gant-canvas-container .gant-canvas-popup[data-popup='scale'].is-side-origin button {
align-items: center;
border-radius: 0;
display: flex;
font: 14px 'Segoe UI', sans-serif;
gap: 12px;
height: 35px;
line-height: 35px;
padding: 0 24px 0 16px;
}
.gant-canvas-container .gant-canvas-popup[data-popup='scale'].is-side-origin .gant-canvas-scale-menu-icon {
display: block;
}
.gant-canvas-container .gant-canvas-interaction {
cursor: grab;
touch-action: pan-y;
}
.gant-canvas-container .gant-canvas-header {
cursor: grab;
touch-action: none;
}
.gant-canvas-fullscreen-overlay {
background: var(--white-black, #fff);
bottom: 0;
display: flex;
left: 0;
position: fixed !important;
right: 0;
top: 0;
z-index: 1100;
}
.gant-canvas-fullscreen-overlay .gant-canvas-fullscreen-surface {
flex: 1 1 auto;
min-height: 0;
min-width: 0;
overflow: hidden;
}
.gant-canvas-fullscreen-overlay .gant-canvas-container {
height: 100%;
width: 100%;
}
.gant-canvas-fullscreen-overlay .gant-canvas-container .gant-resizer {
display: none;
}
.gant-canvas-fullscreen-placeholder {
min-width: 0;
}
.gant-canvas-dialog-anchor {
height: 1px;
pointer-events: none;
position: absolute;
width: 1px;
}
body.gant-canvas-fullscreen-open {
overflow: hidden;
}
body.gant-canvas-fullscreen-open .main-menu,
body.gant-canvas-fullscreen-open aside.modern-menu {
z-index: 1101;
}
body.gant-canvas-fullscreen-open.modern-menu-body .main-menu {
z-index: 1099;
}
body.gant-canvas-fullscreen-open .main-menu-config-popup .main-config-ddl-wrapper,
body.gant-canvas-fullscreen-open .main-menu-help-popup,
body.gant-canvas-fullscreen-open .main-menu-logined-popup,
body.gant-canvas-fullscreen-open .main-menu-online-popup,
body.gant-canvas-fullscreen-open .main-menu-plus-popup,
body.gant-canvas-fullscreen-open .planfix-menu-sub-items-container {
z-index: 1102;
}
body.gant-canvas-fullscreen-open > .g-popup-win-scroll {
z-index: 1103;
}
body.gant-canvas-fullscreen-open > .task-deps-dialog-target {
position: relative;
z-index: 1103;
}
body.gant-canvas-fullscreen-open > .rc-dialog:has(.object-edit-field-date-period-v2-container) {
--rc-dialog-z-index: 1103;
}
body.gant-canvas-fullscreen-open:has(> .rc-dialog .object-edit-field-date-period-v2-container) > .date-picker-rc {
--date-picker-z-index: 1104;
}
body.gant-canvas-fullscreen-open:has(> .rc-dialog .object-edit-field-date-period-v2-container) > .UIKit__menu-box-rc {
--menu-box-z-index: 1104;
}
.printing .gant-canvas-print-only .tbl-list-scroll-wrapper {
opacity: 0;
pointer-events: none;
position: absolute !important;
}
.printing .gant-canvas-print-only .gant-canvas-container {
width: 100% !important;
}
.dark-theme .gant-canvas-container {
--gant-canvas-dependency: #88909b;
}
.printing .gant-canvas-container .gant-resizer,
.printing .gant-canvas-container .gant-canvas-side-toolbar,
.printing .gant-canvas-container .gant-canvas-popup {
display: none !important;
}
@media print {
.gant-canvas-container {
overflow: visible;
}
.gant-canvas-container .gant-resizer,
.gant-canvas-container .gant-canvas-side-toolbar,
.gant-canvas-container .gant-canvas-popup {
display: none !important;
}
.gant-canvas-container .gant-canvas-stage,
.gant-canvas-container .gant-canvas-body {
height: auto !important;
overflow: visible;
}
}
.location-list-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
white-space: nowrap;
position: relative;
border-top: 1px solid #e2e2e2;
}
.tasks-container-small .location-list-container {
width: 100% !important;
display: none;
}
.location-list-container .gant-resizer {
height: 100%;
}
.location-list-container .location-group-stats {
position: absolute;
top: -31px;
text-align: right;
width: 100%;
color: #6C6C6C;
}
.location-list-container .location-list-map {
width: 100%;
height: 100%;
display: inline-block;
}
.location-list-container .add-location-integration-warning {
position: absolute;
}
.tbl-location-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: relative;
height: 100%;
}
.add-location-integration-warning {
background-color: #9d9d9d;
width: 100%;
height: 100%;
}
.add-location-integration-warning .add-location-integration-warning-content {
text-align: center;
vertical-align: middle;
position: relative;
top: calc(50% - 70px);
}
.add-location-integration-warning .add-location-integration-warning-content svg {
width: 80px;
height: 80px;
}
.add-location-integration-warning .add-location-integration-warning-content .add-location-integration-warning-text {
color: #fff;
font-size: 16px;
margin-top: 15px;
}
.add-location-integration-warning .add-location-integration-warning-content .add-location-integration-warning-text a {
color: #bee6f8;
}
.location-group-color {
width: 10px;
height: 10px;
display: inline-block;
border: 1px solid transparent;
vertical-align: top;
margin: 1px 6px 0 2px;
border-radius: 10px;
flex-shrink: 0;
position: relative;
top: 2px;
cursor: pointer;
}
.location-group-color + td {
padding-left: 10px !important;
}
.location-group-color.inactive {
background-color: transparent !important;
border: 1px solid;
}
.tr-group-header td > .location-group-stats {
padding-left: 15px;
font-weight: normal;
font-size: 14px;
}
.leaflet-popup-content-wrapper {
background-color: var(--white-black);
}
#periodicity-dialog .field-label {
display: block;
margin: 0 0 5px 0;
color: var(--grey-label, #838383);
}
#periodicity-dialog .span-text {
margin: 0 0 0 5px;
}
#periodicity-dialog #periodicity-type {
padding: 5px 5px;
width: 210px;
}
#periodicity-dialog .left-block {
width: 210px;
}
#periodicity-dialog .right-block {
margin: 0 0 0 40px;
width: 200px;
}
#periodicity-dialog .periodicity-type-block {
display: flex;
}
#periodicity-dialog .periodicity-type-block .right-block #PeriodicityCreateTime {
width: 150px;
padding: 5px 5px;
text-align: center;
border: none;
border-bottom: 1px solid var(--gray-input-border, #bbb);
outline: none;
}
#periodicity-dialog .periodicity-time-picker {
position: absolute;
width: 160px;
display: none;
z-index: 100;
}
#periodicity-dialog .periodicity-preferences-every-day {
margin: 30px 0 0 0;
}
#periodicity-dialog .periodicity-preferences-every-day #input-every-day {
width: 150px;
padding: 5px 5px;
text-align: center;
border: none;
border-bottom: 1px solid var(--gray-input-border, #bbb);
outline: none;
}
#periodicity-dialog .periodicity-preferences-every-week {
margin: 30px 0 0 0;
display: flex;
}
#periodicity-dialog .periodicity-preferences-every-week #input-every-week {
width: 150px;
padding: 5px 5px;
text-align: center;
border: none;
border-bottom: 1px solid var(--gray-input-border, #bbb);
outline: none;
}
#periodicity-dialog .periodicity-preferences-every-week .right-block {
margin: 0 0 0 40px;
}
#periodicity-dialog .periodicity-preferences-every-week .right-block #days {
width: 45px;
}
#periodicity-dialog .periodicity-preferences-every-week .right-block #days .day {
width: 100px;
margin: 0 0 7px 0;
}
#periodicity-dialog .periodicity-preferences-every-week .right-block #days .day input {
cursor: pointer;
}
#periodicity-dialog .periodicity-preferences-every-week .right-block #days .day label {
margin: 0 0 0 10px;
cursor: pointer;
}
#periodicity-dialog .periodicity-preferences-every-week .right-block #days .check-box-input {
margin: 2px 0 0 0;
vertical-align: top;
}
#periodicity-dialog .periodicity-preferences-every-month {
margin: 30px 0 0 0;
display: flex;
}
#periodicity-dialog .periodicity-preferences-every-month #input-every-month {
width: 150px;
padding: 5px 5px;
text-align: center;
border: none;
border-bottom: 1px solid var(--gray-input-border, #bbb);
outline: none;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block {
margin: 17px 0 0 40px;
width: auto;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month {
z-index: 10;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-subtype-every {
margin: 0 0 15px 0;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-subtype-every .periodicity-text {
margin: 0 5px 0 0;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-subtype-exact {
margin: 0 0 15px 0;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-subtype-exact .periodicity-text {
margin: 0 5px;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-subtype-exact select {
padding: 5px 5px;
width: auto;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-subtype-exact-from-end {
margin: 0 0 15px 0;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-subtype-exact-from-end .periodicity-text {
margin: 0 5px;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-subtype-exact-from-end select {
padding: 5px 5px;
width: auto;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-subtype-exact-from-end #title-select-from-end {
float: right;
margin: 5px 0 0 5px;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-radio {
margin: 0 10px 0 0;
opacity: 0;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-radio ~ .radio-custom {
position: relative;
display: inline-block;
margin: 0 10px 0 -23px;
padding: 9px;
top: 6px;
border-radius: 50%;
border: 1px solid var(--grey-planner-holiday, #ABABAB);
background-color: var(--white-black, #FFFFFF);
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-radio:checked ~ .radio-custom {
border: 1px solid #186D0A;
background-color: #186D0A;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-radio:checked ~ .radio-custom:after {
position: absolute;
top: 6px;
left: 6px;
height: 6px;
width: 6px;
border-radius: 50%;
background-color: var(--white-black, #FFFFFF);
content: " ";
font-size: 33px;
}
#periodicity-dialog .periodicity-preferences-every-month .right-block #radios-every-month .periodicity-text {
text-align: center;
width: 15px;
}
#periodicity-dialog .periodicity-preferences-every-year {
margin: 30px 0 0 0;
display: flex;
}
#periodicity-dialog .periodicity-preferences-every-year #input-every-year {
width: 150px;
padding: 5px 5px;
text-align: center;
border: none;
border-bottom: 1px solid var(--gray-input-border, #bbb);
outline: none;
}
#periodicity-dialog .periodicity-preferences-every-year .right-block {
margin: 17px 0 0 40px;
width: auto;
}
#periodicity-dialog .periodicity-preferences-every-year .right-block #radios-every-year .periodicity-subtype-every {
margin: 0 0 15px 0;
}
#periodicity-dialog .periodicity-preferences-every-year .right-block #radios-every-year .periodicity-subtype-every .periodicity-text {
margin: 0 5px 0 0;
}
#periodicity-dialog .periodicity-preferences-every-year .right-block #radios-every-year .periodicity-subtype-every select {
padding: 5px 5px;
width: auto;
}
#periodicity-dialog .periodicity-preferences-every-year .right-block #radios-every-year .periodicity-subtype-exact .periodicity-text {
margin: 0 5px;
}
#periodicity-dialog .periodicity-preferences-every-year .right-block #radios-every-year .periodicity-subtype-exact select {
margin: 0 5px 0 0;
padding: 5px 5px;
width: auto;
}
#periodicity-dialog .periodicity-preferences-every-year .right-block #radios-every-year .periodicity-radio {
margin: 0 10px 0 0;
opacity: 0;
}
#periodicity-dialog .periodicity-preferences-every-year .right-block #radios-every-year .periodicity-radio ~ .radio-custom {
position: relative;
display: inline-block;
margin: 0 10px 0 -23px;
padding: 9px;
top: 6px;
border-radius: 50%;
border: 1px solid var(--grey-planner-holiday, #ABABAB);
background-color: var(--white-black, #FFFFFF);
}
#periodicity-dialog .periodicity-preferences-every-year .right-block #radios-every-year .periodicity-radio:checked ~ .radio-custom {
border: 1px solid #186D0A;
background-color: #186D0A;
}
#periodicity-dialog .periodicity-preferences-every-year .right-block #radios-every-year .periodicity-radio:checked ~ .radio-custom:after {
position: absolute;
top: 6px;
left: 6px;
height: 6px;
width: 6px;
border-radius: 50%;
background-color: var(--white-black, #FFFFFF);
content: " ";
font-size: 33px;
}
#periodicity-dialog .periodicity-preferences-every-year .right-block #radios-every-year .periodicity-text {
text-align: center;
width: 15px;
}
#periodicity-dialog .periodicity-preferences-after-complete {
margin: 30px 0 0 0;
}
#periodicity-dialog .periodicity-preferences-after-complete .left-block {
width: 210px;
}
#periodicity-dialog .periodicity-preferences-after-complete .left-block #input-after-complete {
width: 150px;
padding: 5px 5px;
text-align: center;
border: none;
border-bottom: 1px solid var(--gray-input-border, #bbb);
outline: none;
width: 137px;
}
#periodicity-dialog .periodicity-preferences-after-complete .left-block select {
margin: 0 0 0 5px;
padding: 5px 5px;
width: auto;
}
#periodicity-dialog #periodicity-dates {
margin: 30px 0 0 0;
display: flex;
}
#periodicity-dialog #periodicity-dates #PeriodicityBeginDate {
width: 150px;
padding: 5px 5px;
text-align: center;
border: none;
border-bottom: 1px solid var(--gray-input-border, #bbb);
outline: none;
text-align: left;
width: 200px;
}
#periodicity-dialog #periodicity-dates #repeat-until {
margin: 0 0 0 40px;
}
#periodicity-dialog #periodicity-dates #repeat-until .field-label {
margin: 0;
}
#periodicity-dialog #periodicity-dates #repeat-until #repeat-until-endless {
margin: 0 0 20px 0;
}
#periodicity-dialog #periodicity-dates #repeat-until #repeat-until-count {
margin: 0 0 15px 0;
}
#periodicity-dialog #periodicity-dates #repeat-until #repeat-until-count .periodicity-text {
margin: 0 5px;
}
#periodicity-dialog #periodicity-dates #repeat-until #repeat-until-date {
margin: 0 0 15px 0;
}
#periodicity-dialog #periodicity-dates #repeat-until #repeat-until-date .periodicity-text {
width: 80px;
padding: 5px 5px;
margin: 0 0 0 5px;
}
#periodicity-dialog #periodicity-dates #repeat-until .periodicity-radio {
margin: 0 10px 0 0;
opacity: 0;
}
#periodicity-dialog #periodicity-dates #repeat-until .periodicity-radio ~ .radio-custom {
position: relative;
display: inline-block;
margin: 0 10px 0 -23px;
padding: 9px;
top: 6px;
border-radius: 50%;
border: 1px solid var(--grey-planner-holiday, #ABABAB);
background-color: var(--white-black, #FFFFFF);
}
#periodicity-dialog #periodicity-dates #repeat-until .periodicity-radio:checked ~ .radio-custom {
border: 1px solid #186D0A;
background-color: #186D0A;
}
#periodicity-dialog #periodicity-dates #repeat-until .periodicity-radio:checked ~ .radio-custom:after {
position: absolute;
top: 6px;
left: 6px;
height: 6px;
width: 6px;
border-radius: 50%;
background-color: var(--white-black, #FFFFFF);
content: " ";
font-size: 33px;
}
#periodicity-dialog #periodicity-dates #repeat-until .periodicity-text {
text-align: center;
width: 15px;
}
#periodicity-dialog #summary {
max-width: 500px;
}
#periodicity-dialog #summary .field-label {
padding: 0 0 0 0;
margin: 20px 0 10px 0;
}
#periodicity-dialog #summary .periodicity-text {
text-align: center;
width: 15px;
color: var(--black-white, #000000);
}
#periodicity-dialog .dialog-btn-wrapper {
padding-top: 25px;
}
.report-schedule-container .report-periodicity {
max-width: 700px;
display: flex;
flex-direction: column;
}
.report-schedule-container .report-periodicity__repeat-block {
display: flex;
}
.report-schedule-container .report-periodicity__left-block,
.report-schedule-container .report-periodicity__right-block {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.report-schedule-container .report-periodicity__left-block {
margin-right: 9px;
}
.report-schedule-container .report-periodicity__left-block .value-selector__header {
height: 14px;
}
.report-schedule-container .report-periodicity__repeat-until-block {
display: flex;
}
.report-schedule-container .report-periodicity__repeat-until-block .value-switcher {
margin-left: 8px;
}
.report-schedule-container .report-periodicity__on-container {
display: flex;
flex-grow: 1;
align-items: flex-end;
justify-content: flex-end;
}
.report-schedule-container .report-periodicity__on-container_empty-bottom {
margin-bottom: 48px;
}
.report-schedule-container .report-periodicity__on-text {
color: var(--core-dropdown-text, #9C9C9C);
margin: 0 4px 10px 0;
}
.report-schedule-container .report-periodicity__date-block {
width: fit-content;
display: grid;
grid-template: "r1c1 r1c1 ." "r2c1 r2c2 r2c3" "r3c1 r3c1 .";
}
.report-schedule-container .report-periodicity__date-block .r1c1 {
grid-area: r1c1;
}
.report-schedule-container .report-periodicity__date-block .r2c1 {
grid-area: r2c1;
}
.report-schedule-container .report-periodicity__date-block .r2c2 {
grid-area: r2c2;
}
.report-schedule-container .report-periodicity__date-block .r3c1 {
grid-area: r3c1;
}
.report-schedule-container .report-periodicity__date-block .r2c3 {
grid-area: r2c3;
}
.report-schedule-container .report-periodicity__date-block .r2c2,
.report-schedule-container .report-periodicity__date-block .r2c3 {
margin-left: 8px;
}
.report-schedule-container .report-periodicity__date-block .value-selector__items {
width: 100%;
}
.report-schedule-container .report-periodicity__date-block .planfix-checkbox {
width: 100%;
margin-top: 14px;
}
.report-schedule-container .report-periodicity__date-block .planfix-checkbox .planfix-checkbox__text {
margin: 0 auto;
}
.report-schedule-container .report-periodicity .object-edit-field-input {
height: auto;
}
.report-schedule-container .report-periodicity .object-edit-field-input .value {
white-space: unset;
}
.report-schedule-container .report-periodicity .value-switcher__container .value-switcher__main-content {
height: 34px;
}
.report-schedule-container .report-periodicity .value-switcher__container .value-switcher__main-content .value-switcher__arrow {
margin: 5px;
}
.report-schedule-container .report-periodicity .value-switcher__container .value-switcher__main-content .value-switcher__current-val {
padding: 0 3px;
font-size: 13px;
}
.report-schedule-container .report-periodicity .value-switcher__container .value-switcher__select-list {
top: 35px;
}
.report-schedule-container .object-edit-field-base,
.report-schedule-container .object-edit-common-field {
margin-top: 14px;
}
.report-schedule-container .object-edit-field-date {
width: 145px;
}
.report-schedule-container .object-edit-field-select-employed-array .chzn-container {
width: 100% !important;
}
.planfix-checkbox {
border: 1px solid var(--grey-list-border, #dedede);
border-radius: 17px;
height: 34px;
display: flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
background-color: var(--time-type-switcher-bg, white);
width: fit-content;
cursor: pointer;
padding: 5px;
}
.planfix-checkbox__check-mark {
width: 22px;
height: 22px;
border-radius: 50%;
box-sizing: border-box;
text-align: center;
}
.planfix-checkbox__check-mark.planfix-checkbox__check-mark_active svg {
fill: var(--activeSlider, #1abe72);
stroke: var(--activeButtonElements, var(--white-black, #ffffff));
}
.planfix-checkbox__check-mark svg {
fill: var(--list-for-panel-row-draggable-border, #D1D1D1);
stroke: var(--white-black, #ffffff);
}
.planfix-checkbox__text {
color: var(--time-type-switcher-text, #d1d1d1);
}
.planfix-checkbox__text_active {
color: var(--black-white, black);
}
span.btn,
input.btn,
button.btn {
border: none;
border-radius: 6px;
font-size: 14px;
padding: 0 15px;
line-height: 1em;
user-select: none;
height: 28px;
background-color: rgba(var(--activeButtonRgb, 26, 190, 114), 0.7);
color: var(--activeButtonElements, var(--white-black, #ffffff));
cursor: pointer;
outline: 0;
box-sizing: border-box;
display: inline-block;
margin-right: 5px;
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
span.btn:hover,
input.btn:hover,
button.btn:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
text-decoration: none;
}
span.btn:active,
input.btn:active,
button.btn:active {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
span.btn:disabled,
input.btn:disabled,
button.btn:disabled {
cursor: default;
opacity: 0.5;
}
span.btn:disabled:hover,
input.btn:disabled:hover,
button.btn:disabled:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
span.btn_left,
input.btn_left,
button.btn_left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.b-top-btn {
height: 51px;
/* for border in planfix section */
overflow: hidden;
/* for buttons in compact task list */
padding: 0 0 0 25px;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.b-top-btn .l-btn-left {
float: right;
padding-right: 15px;
}
.b-top-btn .btn {
margin-top: 19px;
}
.b-top-btn .b-top-block-ddl-placeholder {
display: inline-block;
vertical-align: top;
margin-top: 19px;
}
.b-top-btn .b-top-block-ddl-placeholder .b-ddl-menu-selected-arrow {
padding: 0;
}
.b-top-btn.b-top-btn-clone {
position: fixed;
background: #F6F6F6;
border: 1px solid #E8E8E8;
border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 0 4px 7px #EEE;
top: 50px;
}
.b-top-btn.b-top-btn-clone input,
.b-top-btn.b-top-btn-clone button {
margin-top: 12px;
}
.top-btn-list-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.page-layout-block,
body {
/* span.btn,
input.btn {
font-size: @font-btn;
padding-bottom: 2px;
padding-top: 2px;
}
/* input.btn {
min-width: 48px;
}*/
}
.page-layout-block input.btn.ui-button,
body input.btn.ui-button,
.page-layout-block input.btn.ui-button.ui-widget,
body input.btn.ui-button.ui-widget,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.edit-draft-action.ui-button.ui-widget,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.edit-draft-action.ui-button.ui-widget,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.publish-draft-action.ui-button.ui-widget,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.publish-draft-action.ui-button.ui-widget,
.page-layout-block span.btn.ui-button,
body span.btn.ui-button,
.page-layout-block span.btn.ui-button.ui-widget,
body span.btn.ui-button.ui-widget,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.edit-draft-action.ui-button.ui-widget,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.edit-draft-action.ui-button.ui-widget,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.publish-draft-action.ui-button.ui-widget,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.publish-draft-action.ui-button.ui-widget {
background: #acacac;
border: none;
color: #ffffff;
border-radius: 3px;
padding: 6px;
margin-right: 5px;
outline: none;
}
body:not(.classic-font) .page-layout-block input.btn.ui-button,
body:not(.classic-font) body input.btn.ui-button,
body:not(.classic-font) .page-layout-block input.btn.ui-button.ui-widget,
body:not(.classic-font) body input.btn.ui-button.ui-widget,
body:not(.classic-font) .page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.edit-draft-action.ui-button.ui-widget,
body:not(.classic-font) body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.edit-draft-action.ui-button.ui-widget,
body:not(.classic-font) .page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.publish-draft-action.ui-button.ui-widget,
body:not(.classic-font) body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.publish-draft-action.ui-button.ui-widget,
body:not(.classic-font) .page-layout-block span.btn.ui-button,
body:not(.classic-font) body span.btn.ui-button,
body:not(.classic-font) .page-layout-block span.btn.ui-button.ui-widget,
body:not(.classic-font) body span.btn.ui-button.ui-widget,
body:not(.classic-font) .page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.edit-draft-action.ui-button.ui-widget,
body:not(.classic-font) body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.edit-draft-action.ui-button.ui-widget,
body:not(.classic-font) .page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.publish-draft-action.ui-button.ui-widget,
body:not(.classic-font) body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.publish-draft-action.ui-button.ui-widget {
line-height: 0.9;
}
.page-layout-block input.btn.ui-button.ui-state-hover,
body input.btn.ui-button.ui-state-hover,
.page-layout-block input.btn.ui-button.ui-widget.ui-state-hover,
body input.btn.ui-button.ui-widget.ui-state-hover,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.edit-draft-action.ui-button.ui-widget.ui-state-hover,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.edit-draft-action.ui-button.ui-widget.ui-state-hover,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.publish-draft-action.ui-button.ui-widget.ui-state-hover,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.publish-draft-action.ui-button.ui-widget.ui-state-hover,
.page-layout-block span.btn.ui-button.ui-state-hover,
body span.btn.ui-button.ui-state-hover,
.page-layout-block span.btn.ui-button.ui-widget.ui-state-hover,
body span.btn.ui-button.ui-widget.ui-state-hover,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.edit-draft-action.ui-button.ui-widget.ui-state-hover,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.edit-draft-action.ui-button.ui-widget.ui-state-hover,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.publish-draft-action.ui-button.ui-widget.ui-state-hover,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.publish-draft-action.ui-button.ui-widget.ui-state-hover {
background: #636363;
}
.page-layout-block input.btn.ui-button:last-child,
body input.btn.ui-button:last-child,
.page-layout-block input.btn.ui-button.ui-widget:last-child,
body input.btn.ui-button.ui-widget:last-child,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.edit-draft-action.ui-button.ui-widget:last-child,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.edit-draft-action.ui-button.ui-widget:last-child,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.publish-draft-action.ui-button.ui-widget:last-child,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.publish-draft-action.ui-button.ui-widget:last-child,
.page-layout-block span.btn.ui-button:last-child,
body span.btn.ui-button:last-child,
.page-layout-block span.btn.ui-button.ui-widget:last-child,
body span.btn.ui-button.ui-widget:last-child,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.edit-draft-action.ui-button.ui-widget:last-child,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.edit-draft-action.ui-button.ui-widget:last-child,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.publish-draft-action.ui-button.ui-widget:last-child,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.publish-draft-action.ui-button.ui-widget:last-child {
margin-right: 0;
}
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.edit-draft-action.ui-button.ui-widget:hover,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.edit-draft-action.ui-button.ui-widget:hover,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.publish-draft-action.ui-button.ui-widget:hover,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper input.btn.publish-draft-action.ui-button.ui-widget:hover,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.edit-draft-action.ui-button.ui-widget:hover,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.edit-draft-action.ui-button.ui-widget:hover,
.page-layout-block .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.publish-draft-action.ui-button.ui-widget:hover,
body .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper span.btn.publish-draft-action.ui-button.ui-widget:hover {
background: #636363;
}
.page-layout-block input.btn.btn-cancel.ui-button.ui-state-hover .ui-state-hover,
body input.btn.btn-cancel.ui-button.ui-state-hover .ui-state-hover,
.page-layout-block input.btn.btn-cancel.ui-button.ui-widget .ui-state-hover,
body input.btn.btn-cancel.ui-button.ui-widget .ui-state-hover,
.page-layout-block span.btn.btn-cancel.ui-button.ui-state-hover .ui-state-hover,
body span.btn.btn-cancel.ui-button.ui-state-hover .ui-state-hover,
.page-layout-block span.btn.btn-cancel.ui-button.ui-widget .ui-state-hover,
body span.btn.btn-cancel.ui-button.ui-widget .ui-state-hover {
background: #d00;
}
.page-layout-block .confirm-win-body input.btn.ui-button,
body .confirm-win-body input.btn.ui-button,
.page-layout-block .confirm-win-body input.btn.ui-button.ui-widget,
body .confirm-win-body input.btn.ui-button.ui-widget,
.page-layout-block .confirm-win-body span.btn.ui-button,
body .confirm-win-body span.btn.ui-button,
.page-layout-block .confirm-win-body span.btn.ui-button.ui-widget,
body .confirm-win-body span.btn.ui-button.ui-widget {
border-radius: 4px;
border: 1px solid #bbb;
background: #ececec;
padding: 0.3em 0.5em;
}
.page-layout-block .confirm-win-body input.btn.ui-button:last-child,
body .confirm-win-body input.btn.ui-button:last-child,
.page-layout-block .confirm-win-body input.btn.ui-button.ui-widget:last-child,
body .confirm-win-body input.btn.ui-button.ui-widget:last-child,
.page-layout-block .confirm-win-body span.btn.ui-button:last-child,
body .confirm-win-body span.btn.ui-button:last-child,
.page-layout-block .confirm-win-body span.btn.ui-button.ui-widget:last-child,
body .confirm-win-body span.btn.ui-button.ui-widget:last-child {
margin-left: 7px;
margin-right: 7px;
padding: 0.3em 0.5em;
}
.page-layout-block input.btn.ui-button.ui-widget.change-button-confirm,
body input.btn.ui-button.ui-widget.change-button-confirm,
.page-layout-block span.btn.ui-button.ui-widget.change-button-confirm,
body span.btn.ui-button.ui-widget.change-button-confirm {
border-radius: 4px;
border: 1px solid #bbb;
outline: none;
background: #ececec;
color: #606060 !important;
}
.page-layout-block input.btn.ui-button.ui-widget.change-button-confirm-red,
body input.btn.ui-button.ui-widget.change-button-confirm-red,
.page-layout-block span.btn.ui-button.ui-widget.change-button-confirm-red,
body span.btn.ui-button.ui-widget.change-button-confirm-red {
border-radius: 4px;
border: 1px solid #d00;
background: #d00;
color: #fff !important;
}
.page-layout-block .b-ddl-menu-selected-arrow-button input.btn.ui-button,
body .b-ddl-menu-selected-arrow-button input.btn.ui-button,
.page-layout-block .b-ddl-menu-selected-arrow-button span.btn.ui-button,
body .b-ddl-menu-selected-arrow-button span.btn.ui-button {
margin-left: 0px;
margin-right: 5px;
outline: none;
}
.page-layout-block .b-ddl-menu-selected-arrow-button input .ui-button-text,
body .b-ddl-menu-selected-arrow-button input .ui-button-text,
.page-layout-block .b-ddl-menu-selected-arrow-button span .ui-button-text,
body .b-ddl-menu-selected-arrow-button span .ui-button-text {
padding: 0;
line-height: 1;
}
body.classic-font .page-layout-block .b-ddl-menu-selected-arrow-button input .ui-button-text,
body.classic-font body .b-ddl-menu-selected-arrow-button input .ui-button-text,
body.classic-font .page-layout-block .b-ddl-menu-selected-arrow-button span .ui-button-text,
body.classic-font body .b-ddl-menu-selected-arrow-button span .ui-button-text {
line-height: normal;
}
.page-layout-block .b-top-block-ddl-placeholder-delete + input,
body .b-top-block-ddl-placeholder-delete + input,
.page-layout-block .b-top-block-ddl-placeholder-delete + span,
body .b-top-block-ddl-placeholder-delete + span {
margin-left: 5px;
}
.page-layout-block .ui-datepicker-calendar .ui-datepicker-today a,
body .ui-datepicker-calendar .ui-datepicker-today a {
background: #ff8a00;
color: #ffffff;
}
.btn-placeholder {
display: inline-block;
margin-top: 19px;
}
.btn-placeholder.only-menu .btn {
line-height: 2em;
}
.btn-placeholder.only-menu .btn .arrow {
margin-left: 3px;
}
.btn-placeholder:not(.only-menu) .btn {
margin-left: -4px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-placeholder .b-ddl-menu-selected-arrow {
padding: 0;
}
.save-panel-inline-text-custom-field {
cursor: default;
}
.save-panel-inline-text-custom-field .btn-save-inline-text-custom-field,
.save-panel-inline-text-custom-field .btn-cancel-inline-text-custom-field {
background-color: var(--gray-border, #e1e1e1);
border: 1px solid var(--gray-input-border, #bbbbbb);
margin-top: 10px;
margin-bottom: 2px;
color: var(--text-color, #000000);
margin-right: 10px;
border-radius: 3px;
cursor: pointer;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3D3F46,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3D3F46 {
border-color: #3D3F46 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3377C3,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3377C3 {
border-color: #3377C3 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-21931A,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-21931A {
border-color: #21931A !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-85878E,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-85878E {
border-color: #85878E !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-27A735,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-27A735 {
border-color: #27A735 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-30AB50,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-30AB50 {
border-color: #30AB50 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-00b4b4,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-00b4b4 {
border-color: #00b4b4 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-EF9A9A,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-EF9A9A {
border-color: #EF9A9A !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-F48FB1,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-F48FB1 {
border-color: #F48FB1 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-CE93D8,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-CE93D8 {
border-color: #CE93D8 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-B39DDB,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-B39DDB {
border-color: #B39DDB !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-9FA8DA,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-9FA8DA {
border-color: #9FA8DA !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-7CC3FC,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-7CC3FC {
border-color: #7CC3FC !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-69DDEC,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-69DDEC {
border-color: #69DDEC !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-80CBC4,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-80CBC4 {
border-color: #80CBC4 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-77DA7A,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-77DA7A {
border-color: #77DA7A !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-A1D209,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-A1D209 {
border-color: #A1D209 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-C5D247,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-C5D247 {
border-color: #C5D247 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-E9B800,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-E9B800 {
border-color: #E9B800 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FFAC92,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FFAC92 {
border-color: #FFAC92 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-BCAAA4,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-BCAAA4 {
border-color: #BCAAA4 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-A9A9A9,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-A9A9A9 {
border-color: #A9A9A9 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-ACBDC7,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-ACBDC7 {
border-color: #ACBDC7 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-EF5350,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-EF5350 {
border-color: #EF5350 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-EC407A,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-EC407A {
border-color: #EC407A !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-AB47BC,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-AB47BC {
border-color: #AB47BC !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-7E57C2,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-7E57C2 {
border-color: #7E57C2 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5C6BC0,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5C6BC0 {
border-color: #5C6BC0 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-2297F6,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-2297F6 {
border-color: #2297F6 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-1AD3E8,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-1AD3E8 {
border-color: #1AD3E8 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-26A69A,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-26A69A {
border-color: #26A69A !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5CC65F,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5CC65F {
border-color: #5CC65F !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-97C90B,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-97C90B {
border-color: #97C90B !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-C0CA33,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-C0CA33 {
border-color: #C0CA33 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FFAD00,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FFAD00 {
border-color: #FFAD00 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF8058,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF8058 {
border-color: #FF8058 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-8D6E63,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-8D6E63 {
border-color: #8D6E63 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-747474,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-747474 {
border-color: #747474 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-78909C,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-78909C {
border-color: #78909C !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF1744,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF1744 {
border-color: #FF1744 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-F50057,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-F50057 {
border-color: #F50057 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-D500F9,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-D500F9 {
border-color: #D500F9 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-651FFF,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-651FFF {
border-color: #651FFF !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3D5AFE,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3D5AFE {
border-color: #3D5AFE !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-2979FF,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-2979FF {
border-color: #2979FF !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-02C6DC,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-02C6DC {
border-color: #02C6DC !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-2CDBAF,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-2CDBAF {
border-color: #2CDBAF !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-00D06B,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-00D06B {
border-color: #00D06B !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-80AF13,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-80AF13 {
border-color: #80AF13 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-AFB42B,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-AFB42B {
border-color: #AFB42B !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF9400,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF9400 {
border-color: #FF9400 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF602E,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF602E {
border-color: #FF602E !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-795548,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-795548 {
border-color: #795548 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5A5A5A,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5A5A5A {
border-color: #5A5A5A !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5A717D,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5A717D {
border-color: #5A717D !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-F44336,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-F44336 {
border-color: #F44336 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-C3134F,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-C3134F {
border-color: #C3134F !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-9C27B0,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-9C27B0 {
border-color: #9C27B0 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-673AB7,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-673AB7 {
border-color: #673AB7 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3F51B5,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3F51B5 {
border-color: #3F51B5 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-0375CF,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-0375CF {
border-color: #0375CF !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-00B0C4,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-00B0C4 {
border-color: #00B0C4 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-008377,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-008377 {
border-color: #008377 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-16B31B,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-16B31B {
border-color: #16B31B !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-6B991A,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-6B991A {
border-color: #6B991A !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-8A8E22,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-8A8E22 {
border-color: #8A8E22 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF6F00,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF6F00 {
border-color: #FF6F00 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF3D00,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-FF3D00 {
border-color: #FF3D00 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5D4037,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5D4037 {
border-color: #5D4037 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3F3F3F,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3F3F3F {
border-color: #3F3F3F !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-455A64,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-455A64 {
border-color: #455A64 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-B71C1C,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-B71C1C {
border-color: #B71C1C !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-880E4F,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-880E4F {
border-color: #880E4F !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5719A3,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-5719A3 {
border-color: #5719A3 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3F25B1,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3F25B1 {
border-color: #3F25B1 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-242E96,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-242E96 {
border-color: #242E96 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-0D47A1,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-0D47A1 {
border-color: #0D47A1 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-008796,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-008796 {
border-color: #008796 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-005D54,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-005D54 {
border-color: #005D54 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-097F0C,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-097F0C {
border-color: #097F0C !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-517E22,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-517E22 {
border-color: #517E22 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-626315,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-626315 {
border-color: #626315 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-DC6103,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-DC6103 {
border-color: #DC6103 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-BF360C,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-BF360C {
border-color: #BF360C !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3E2723,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3E2723 {
border-color: #3E2723 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-000000,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-000000 {
border-color: #000000 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-2F3D44,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-2F3D44 {
border-color: #2F3D44 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-890D0D,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-890D0D {
border-color: #890D0D !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-600937,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-600937 {
border-color: #600937 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-340E62,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-340E62 {
border-color: #340E62 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-210C80,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-210C80 {
border-color: #210C80 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-141D76,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-141D76 {
border-color: #141D76 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-093476,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-093476 {
border-color: #093476 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-005B65,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-005B65 {
border-color: #005B65 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-00392F,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-00392F {
border-color: #00392F !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-005E02,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-005E02 {
border-color: #005E02 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3B581D,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-3B581D {
border-color: #3B581D !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-36400C,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-36400C {
border-color: #36400C !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-BB5200,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-BB5200 {
border-color: #BB5200 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-882507,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-882507 {
border-color: #882507 !important;
}
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-2B1A17,
.chronicle-item-container.chronicle-item-container-active.item-active-taskstatus-color-2B1A17 {
border-color: #2B1A17 !important;
}
.chronicle-item-container.chronicle-item-container-active .task-periodic-sign:not(.wr-action-from):not(.chronicle-item-quick-action):not(.svg-icon-wr-exclude) > svg,
.chronicle-item-container.chronicle-item-container-active .task-periodic-sign:not(.wr-action-from):not(.chronicle-item-quick-action):not(.svg-icon-wr-exclude) > svg {
fill: none !important;
stroke: #ffffff;
}
.planner-item-calendar-task.item-active-taskstatus-color-3D3F46 {
background-color: #3D3F46 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-3377C3 {
background-color: #3377C3 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-21931A {
background-color: #21931A !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-85878E {
background-color: #85878E !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-27A735 {
background-color: #27A735 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-30AB50 {
background-color: #30AB50 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-00b4b4 {
background-color: #00b4b4 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-EF9A9A {
background-color: #EF9A9A !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-F48FB1 {
background-color: #F48FB1 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-CE93D8 {
background-color: #CE93D8 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-B39DDB {
background-color: #B39DDB !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-9FA8DA {
background-color: #9FA8DA !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-7CC3FC {
background-color: #7CC3FC !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-69DDEC {
background-color: #69DDEC !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-80CBC4 {
background-color: #80CBC4 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-77DA7A {
background-color: #77DA7A !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-A1D209 {
background-color: #A1D209 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-C5D247 {
background-color: #C5D247 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-E9B800 {
background-color: #E9B800 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-FFAC92 {
background-color: #FFAC92 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-BCAAA4 {
background-color: #BCAAA4 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-A9A9A9 {
background-color: #A9A9A9 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-ACBDC7 {
background-color: #ACBDC7 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-EF5350 {
background-color: #EF5350 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-EC407A {
background-color: #EC407A !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-AB47BC {
background-color: #AB47BC !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-7E57C2 {
background-color: #7E57C2 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-5C6BC0 {
background-color: #5C6BC0 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-2297F6 {
background-color: #2297F6 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-1AD3E8 {
background-color: #1AD3E8 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-26A69A {
background-color: #26A69A !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-5CC65F {
background-color: #5CC65F !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-97C90B {
background-color: #97C90B !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-C0CA33 {
background-color: #C0CA33 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-FFAD00 {
background-color: #FFAD00 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-FF8058 {
background-color: #FF8058 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-8D6E63 {
background-color: #8D6E63 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-747474 {
background-color: #747474 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-78909C {
background-color: #78909C !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-FF1744 {
background-color: #FF1744 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-F50057 {
background-color: #F50057 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-D500F9 {
background-color: #D500F9 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-651FFF {
background-color: #651FFF !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-3D5AFE {
background-color: #3D5AFE !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-2979FF {
background-color: #2979FF !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-02C6DC {
background-color: #02C6DC !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-2CDBAF {
background-color: #2CDBAF !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-00D06B {
background-color: #00D06B !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-80AF13 {
background-color: #80AF13 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-AFB42B {
background-color: #AFB42B !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-FF9400 {
background-color: #FF9400 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-FF602E {
background-color: #FF602E !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-795548 {
background-color: #795548 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-5A5A5A {
background-color: #5A5A5A !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-5A717D {
background-color: #5A717D !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-F44336 {
background-color: #F44336 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-C3134F {
background-color: #C3134F !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-9C27B0 {
background-color: #9C27B0 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-673AB7 {
background-color: #673AB7 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-3F51B5 {
background-color: #3F51B5 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-0375CF {
background-color: #0375CF !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-00B0C4 {
background-color: #00B0C4 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-008377 {
background-color: #008377 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-16B31B {
background-color: #16B31B !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-6B991A {
background-color: #6B991A !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-8A8E22 {
background-color: #8A8E22 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-FF6F00 {
background-color: #FF6F00 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-FF3D00 {
background-color: #FF3D00 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-5D4037 {
background-color: #5D4037 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-3F3F3F {
background-color: #3F3F3F !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-455A64 {
background-color: #455A64 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-B71C1C {
background-color: #B71C1C !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-880E4F {
background-color: #880E4F !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-5719A3 {
background-color: #5719A3 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-3F25B1 {
background-color: #3F25B1 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-242E96 {
background-color: #242E96 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-0D47A1 {
background-color: #0D47A1 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-008796 {
background-color: #008796 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-005D54 {
background-color: #005D54 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-097F0C {
background-color: #097F0C !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-517E22 {
background-color: #517E22 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-626315 {
background-color: #626315 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-DC6103 {
background-color: #DC6103 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-BF360C {
background-color: #BF360C !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-3E2723 {
background-color: #3E2723 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-000000 {
background-color: #000000 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-2F3D44 {
background-color: #2F3D44 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-890D0D {
background-color: #890D0D !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-600937 {
background-color: #600937 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-340E62 {
background-color: #340E62 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-210C80 {
background-color: #210C80 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-141D76 {
background-color: #141D76 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-093476 {
background-color: #093476 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-005B65 {
background-color: #005B65 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-00392F {
background-color: #00392F !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-005E02 {
background-color: #005E02 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-3B581D {
background-color: #3B581D !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-36400C {
background-color: #36400C !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-BB5200 {
background-color: #BB5200 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-882507 {
background-color: #882507 !important;
}
.planner-item-calendar-task.item-active-taskstatus-color-2B1A17 {
background-color: #2B1A17 !important;
}
.planner-item-calendar-task.item-active-deadline-dead.item-active-deadline-dead {
background-color: #d40000;
}
.planner-item-calendar-task.item-active-deadline-dead.item-active-deadline-dead a {
color: #fff !important;
}
.planner-item-calendar-task.tr-tasktype-template.tr-tasktype-template {
background-color: #7f00a3;
}
.planner-item-calendar-task .task-periodic-sign:not(.wr-action-from):not(.chronicle-item-quick-action):not(.svg-icon-wr-exclude) > svg {
fill: none !important;
stroke: #ffffff;
}
.item-active-taskstatus-color-3D3F46 {
--task-status-color: #3D3F46;
--task-status-mix: color-mix(in srgb, #3D3F46 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #3D3F46 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #3D3F46 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-3D3F46 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #3D3F46 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-3377C3 {
--task-status-color: #3377C3;
--task-status-mix: color-mix(in srgb, #3377C3 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #3377C3 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #3377C3 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-3377C3 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #3377C3 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-21931A {
--task-status-color: #21931A;
--task-status-mix: color-mix(in srgb, #21931A 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #21931A 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #21931A 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-21931A + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #21931A 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-85878E {
--task-status-color: #85878E;
--task-status-mix: color-mix(in srgb, #85878E 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #85878E 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #85878E 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-85878E + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #85878E 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-27A735 {
--task-status-color: #27A735;
--task-status-mix: color-mix(in srgb, #27A735 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #27A735 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #27A735 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-27A735 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #27A735 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-30AB50 {
--task-status-color: #30AB50;
--task-status-mix: color-mix(in srgb, #30AB50 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #30AB50 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #30AB50 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-30AB50 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #30AB50 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-00b4b4 {
--task-status-color: #00b4b4;
--task-status-mix: color-mix(in srgb, #00b4b4 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #00b4b4 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #00b4b4 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-00b4b4 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #00b4b4 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-EF9A9A {
--task-status-color: #EF9A9A;
--task-status-mix: color-mix(in srgb, #EF9A9A 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #EF9A9A 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #EF9A9A 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-EF9A9A + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #EF9A9A 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-F48FB1 {
--task-status-color: #F48FB1;
--task-status-mix: color-mix(in srgb, #F48FB1 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #F48FB1 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #F48FB1 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-F48FB1 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #F48FB1 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-CE93D8 {
--task-status-color: #CE93D8;
--task-status-mix: color-mix(in srgb, #CE93D8 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #CE93D8 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #CE93D8 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-CE93D8 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #CE93D8 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-B39DDB {
--task-status-color: #B39DDB;
--task-status-mix: color-mix(in srgb, #B39DDB 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #B39DDB 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #B39DDB 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-B39DDB + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #B39DDB 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-9FA8DA {
--task-status-color: #9FA8DA;
--task-status-mix: color-mix(in srgb, #9FA8DA 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #9FA8DA 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #9FA8DA 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-9FA8DA + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #9FA8DA 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-7CC3FC {
--task-status-color: #7CC3FC;
--task-status-mix: color-mix(in srgb, #7CC3FC 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #7CC3FC 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #7CC3FC 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-7CC3FC + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #7CC3FC 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-69DDEC {
--task-status-color: #69DDEC;
--task-status-mix: color-mix(in srgb, #69DDEC 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #69DDEC 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #69DDEC 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-69DDEC + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #69DDEC 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-80CBC4 {
--task-status-color: #80CBC4;
--task-status-mix: color-mix(in srgb, #80CBC4 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #80CBC4 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #80CBC4 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-80CBC4 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #80CBC4 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-77DA7A {
--task-status-color: #77DA7A;
--task-status-mix: color-mix(in srgb, #77DA7A 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #77DA7A 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #77DA7A 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-77DA7A + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #77DA7A 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-A1D209 {
--task-status-color: #A1D209;
--task-status-mix: color-mix(in srgb, #A1D209 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #A1D209 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #A1D209 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-A1D209 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #A1D209 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-C5D247 {
--task-status-color: #C5D247;
--task-status-mix: color-mix(in srgb, #C5D247 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #C5D247 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #C5D247 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-C5D247 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #C5D247 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-E9B800 {
--task-status-color: #E9B800;
--task-status-mix: color-mix(in srgb, #E9B800 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #E9B800 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #E9B800 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-E9B800 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #E9B800 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-FFAC92 {
--task-status-color: #FFAC92;
--task-status-mix: color-mix(in srgb, #FFAC92 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #FFAC92 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #FFAC92 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-FFAC92 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #FFAC92 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-BCAAA4 {
--task-status-color: #BCAAA4;
--task-status-mix: color-mix(in srgb, #BCAAA4 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #BCAAA4 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #BCAAA4 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-BCAAA4 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #BCAAA4 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-A9A9A9 {
--task-status-color: #A9A9A9;
--task-status-mix: color-mix(in srgb, #A9A9A9 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #A9A9A9 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #A9A9A9 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-A9A9A9 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #A9A9A9 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-ACBDC7 {
--task-status-color: #ACBDC7;
--task-status-mix: color-mix(in srgb, #ACBDC7 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #ACBDC7 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #ACBDC7 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-ACBDC7 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #ACBDC7 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-EF5350 {
--task-status-color: #EF5350;
--task-status-mix: color-mix(in srgb, #EF5350 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #EF5350 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #EF5350 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-EF5350 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #EF5350 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-EC407A {
--task-status-color: #EC407A;
--task-status-mix: color-mix(in srgb, #EC407A 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #EC407A 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #EC407A 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-EC407A + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #EC407A 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-AB47BC {
--task-status-color: #AB47BC;
--task-status-mix: color-mix(in srgb, #AB47BC 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #AB47BC 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #AB47BC 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-AB47BC + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #AB47BC 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-7E57C2 {
--task-status-color: #7E57C2;
--task-status-mix: color-mix(in srgb, #7E57C2 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #7E57C2 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #7E57C2 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-7E57C2 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #7E57C2 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-5C6BC0 {
--task-status-color: #5C6BC0;
--task-status-mix: color-mix(in srgb, #5C6BC0 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #5C6BC0 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #5C6BC0 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-5C6BC0 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #5C6BC0 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-2297F6 {
--task-status-color: #2297F6;
--task-status-mix: color-mix(in srgb, #2297F6 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #2297F6 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #2297F6 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-2297F6 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #2297F6 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-1AD3E8 {
--task-status-color: #1AD3E8;
--task-status-mix: color-mix(in srgb, #1AD3E8 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #1AD3E8 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #1AD3E8 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-1AD3E8 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #1AD3E8 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-26A69A {
--task-status-color: #26A69A;
--task-status-mix: color-mix(in srgb, #26A69A 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #26A69A 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #26A69A 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-26A69A + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #26A69A 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-5CC65F {
--task-status-color: #5CC65F;
--task-status-mix: color-mix(in srgb, #5CC65F 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #5CC65F 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #5CC65F 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-5CC65F + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #5CC65F 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-97C90B {
--task-status-color: #97C90B;
--task-status-mix: color-mix(in srgb, #97C90B 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #97C90B 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #97C90B 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-97C90B + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #97C90B 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-C0CA33 {
--task-status-color: #C0CA33;
--task-status-mix: color-mix(in srgb, #C0CA33 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #C0CA33 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #C0CA33 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-C0CA33 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #C0CA33 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-FFAD00 {
--task-status-color: #FFAD00;
--task-status-mix: color-mix(in srgb, #FFAD00 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #FFAD00 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #FFAD00 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-FFAD00 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #FFAD00 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-FF8058 {
--task-status-color: #FF8058;
--task-status-mix: color-mix(in srgb, #FF8058 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #FF8058 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #FF8058 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-FF8058 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #FF8058 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-8D6E63 {
--task-status-color: #8D6E63;
--task-status-mix: color-mix(in srgb, #8D6E63 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #8D6E63 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #8D6E63 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-8D6E63 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #8D6E63 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-747474 {
--task-status-color: #747474;
--task-status-mix: color-mix(in srgb, #747474 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #747474 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #747474 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-747474 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #747474 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-78909C {
--task-status-color: #78909C;
--task-status-mix: color-mix(in srgb, #78909C 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #78909C 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #78909C 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-78909C + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #78909C 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-FF1744 {
--task-status-color: #FF1744;
--task-status-mix: color-mix(in srgb, #FF1744 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #FF1744 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #FF1744 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-FF1744 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #FF1744 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-F50057 {
--task-status-color: #F50057;
--task-status-mix: color-mix(in srgb, #F50057 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #F50057 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #F50057 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-F50057 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #F50057 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-D500F9 {
--task-status-color: #D500F9;
--task-status-mix: color-mix(in srgb, #D500F9 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #D500F9 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #D500F9 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-D500F9 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #D500F9 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-651FFF {
--task-status-color: #651FFF;
--task-status-mix: color-mix(in srgb, #651FFF 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #651FFF 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #651FFF 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-651FFF + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #651FFF 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-3D5AFE {
--task-status-color: #3D5AFE;
--task-status-mix: color-mix(in srgb, #3D5AFE 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #3D5AFE 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #3D5AFE 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-3D5AFE + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #3D5AFE 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-2979FF {
--task-status-color: #2979FF;
--task-status-mix: color-mix(in srgb, #2979FF 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #2979FF 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #2979FF 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-2979FF + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #2979FF 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-02C6DC {
--task-status-color: #02C6DC;
--task-status-mix: color-mix(in srgb, #02C6DC 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #02C6DC 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #02C6DC 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-02C6DC + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #02C6DC 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-2CDBAF {
--task-status-color: #2CDBAF;
--task-status-mix: color-mix(in srgb, #2CDBAF 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #2CDBAF 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #2CDBAF 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-2CDBAF + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #2CDBAF 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-00D06B {
--task-status-color: #00D06B;
--task-status-mix: color-mix(in srgb, #00D06B 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #00D06B 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #00D06B 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-00D06B + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #00D06B 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-80AF13 {
--task-status-color: #80AF13;
--task-status-mix: color-mix(in srgb, #80AF13 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #80AF13 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #80AF13 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-80AF13 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #80AF13 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-AFB42B {
--task-status-color: #AFB42B;
--task-status-mix: color-mix(in srgb, #AFB42B 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #AFB42B 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #AFB42B 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-AFB42B + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #AFB42B 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-FF9400 {
--task-status-color: #FF9400;
--task-status-mix: color-mix(in srgb, #FF9400 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #FF9400 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #FF9400 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-FF9400 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #FF9400 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-FF602E {
--task-status-color: #FF602E;
--task-status-mix: color-mix(in srgb, #FF602E 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #FF602E 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #FF602E 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-FF602E + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #FF602E 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-795548 {
--task-status-color: #795548;
--task-status-mix: color-mix(in srgb, #795548 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #795548 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #795548 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-795548 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #795548 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-5A5A5A {
--task-status-color: #5A5A5A;
--task-status-mix: color-mix(in srgb, #5A5A5A 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #5A5A5A 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #5A5A5A 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-5A5A5A + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #5A5A5A 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-5A717D {
--task-status-color: #5A717D;
--task-status-mix: color-mix(in srgb, #5A717D 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #5A717D 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #5A717D 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-5A717D + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #5A717D 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-F44336 {
--task-status-color: #F44336;
--task-status-mix: color-mix(in srgb, #F44336 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #F44336 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #F44336 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-F44336 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #F44336 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-C3134F {
--task-status-color: #C3134F;
--task-status-mix: color-mix(in srgb, #C3134F 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #C3134F 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #C3134F 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-C3134F + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #C3134F 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-9C27B0 {
--task-status-color: #9C27B0;
--task-status-mix: color-mix(in srgb, #9C27B0 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #9C27B0 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #9C27B0 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-9C27B0 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #9C27B0 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-673AB7 {
--task-status-color: #673AB7;
--task-status-mix: color-mix(in srgb, #673AB7 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #673AB7 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #673AB7 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-673AB7 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #673AB7 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-3F51B5 {
--task-status-color: #3F51B5;
--task-status-mix: color-mix(in srgb, #3F51B5 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #3F51B5 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #3F51B5 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-3F51B5 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #3F51B5 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-0375CF {
--task-status-color: #0375CF;
--task-status-mix: color-mix(in srgb, #0375CF 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #0375CF 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #0375CF 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-0375CF + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #0375CF 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-00B0C4 {
--task-status-color: #00B0C4;
--task-status-mix: color-mix(in srgb, #00B0C4 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #00B0C4 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #00B0C4 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-00B0C4 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #00B0C4 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-008377 {
--task-status-color: #008377;
--task-status-mix: color-mix(in srgb, #008377 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #008377 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #008377 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-008377 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #008377 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-16B31B {
--task-status-color: #16B31B;
--task-status-mix: color-mix(in srgb, #16B31B 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #16B31B 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #16B31B 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-16B31B + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #16B31B 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-6B991A {
--task-status-color: #6B991A;
--task-status-mix: color-mix(in srgb, #6B991A 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #6B991A 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #6B991A 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-6B991A + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #6B991A 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-8A8E22 {
--task-status-color: #8A8E22;
--task-status-mix: color-mix(in srgb, #8A8E22 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #8A8E22 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #8A8E22 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-8A8E22 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #8A8E22 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-FF6F00 {
--task-status-color: #FF6F00;
--task-status-mix: color-mix(in srgb, #FF6F00 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #FF6F00 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #FF6F00 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-FF6F00 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #FF6F00 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-FF3D00 {
--task-status-color: #FF3D00;
--task-status-mix: color-mix(in srgb, #FF3D00 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #FF3D00 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #FF3D00 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-FF3D00 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #FF3D00 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-5D4037 {
--task-status-color: #5D4037;
--task-status-mix: color-mix(in srgb, #5D4037 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #5D4037 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #5D4037 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-5D4037 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #5D4037 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-3F3F3F {
--task-status-color: #3F3F3F;
--task-status-mix: color-mix(in srgb, #3F3F3F 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #3F3F3F 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #3F3F3F 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-3F3F3F + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #3F3F3F 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-455A64 {
--task-status-color: #455A64;
--task-status-mix: color-mix(in srgb, #455A64 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #455A64 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #455A64 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-455A64 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #455A64 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-B71C1C {
--task-status-color: #B71C1C;
--task-status-mix: color-mix(in srgb, #B71C1C 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #B71C1C 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #B71C1C 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-B71C1C + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #B71C1C 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-880E4F {
--task-status-color: #880E4F;
--task-status-mix: color-mix(in srgb, #880E4F 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #880E4F 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #880E4F 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-880E4F + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #880E4F 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-5719A3 {
--task-status-color: #5719A3;
--task-status-mix: color-mix(in srgb, #5719A3 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #5719A3 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #5719A3 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-5719A3 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #5719A3 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-3F25B1 {
--task-status-color: #3F25B1;
--task-status-mix: color-mix(in srgb, #3F25B1 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #3F25B1 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #3F25B1 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-3F25B1 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #3F25B1 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-242E96 {
--task-status-color: #242E96;
--task-status-mix: color-mix(in srgb, #242E96 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #242E96 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #242E96 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-242E96 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #242E96 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-0D47A1 {
--task-status-color: #0D47A1;
--task-status-mix: color-mix(in srgb, #0D47A1 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #0D47A1 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #0D47A1 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-0D47A1 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #0D47A1 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-008796 {
--task-status-color: #008796;
--task-status-mix: color-mix(in srgb, #008796 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #008796 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #008796 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-008796 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #008796 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-005D54 {
--task-status-color: #005D54;
--task-status-mix: color-mix(in srgb, #005D54 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #005D54 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #005D54 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-005D54 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #005D54 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-097F0C {
--task-status-color: #097F0C;
--task-status-mix: color-mix(in srgb, #097F0C 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #097F0C 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #097F0C 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-097F0C + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #097F0C 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-517E22 {
--task-status-color: #517E22;
--task-status-mix: color-mix(in srgb, #517E22 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #517E22 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #517E22 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-517E22 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #517E22 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-626315 {
--task-status-color: #626315;
--task-status-mix: color-mix(in srgb, #626315 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #626315 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #626315 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-626315 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #626315 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-DC6103 {
--task-status-color: #DC6103;
--task-status-mix: color-mix(in srgb, #DC6103 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #DC6103 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #DC6103 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-DC6103 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #DC6103 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-BF360C {
--task-status-color: #BF360C;
--task-status-mix: color-mix(in srgb, #BF360C 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #BF360C 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #BF360C 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-BF360C + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #BF360C 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-3E2723 {
--task-status-color: #3E2723;
--task-status-mix: color-mix(in srgb, #3E2723 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #3E2723 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #3E2723 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-3E2723 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #3E2723 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-000000 {
--task-status-color: #000000;
--task-status-mix: color-mix(in srgb, #000000 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #000000 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #000000 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-000000 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #000000 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-2F3D44 {
--task-status-color: #2F3D44;
--task-status-mix: color-mix(in srgb, #2F3D44 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #2F3D44 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #2F3D44 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-2F3D44 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #2F3D44 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-890D0D {
--task-status-color: #890D0D;
--task-status-mix: color-mix(in srgb, #890D0D 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #890D0D 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #890D0D 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-890D0D + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #890D0D 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-600937 {
--task-status-color: #600937;
--task-status-mix: color-mix(in srgb, #600937 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #600937 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #600937 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-600937 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #600937 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-340E62 {
--task-status-color: #340E62;
--task-status-mix: color-mix(in srgb, #340E62 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #340E62 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #340E62 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-340E62 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #340E62 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-210C80 {
--task-status-color: #210C80;
--task-status-mix: color-mix(in srgb, #210C80 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #210C80 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #210C80 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-210C80 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #210C80 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-141D76 {
--task-status-color: #141D76;
--task-status-mix: color-mix(in srgb, #141D76 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #141D76 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #141D76 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-141D76 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #141D76 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-093476 {
--task-status-color: #093476;
--task-status-mix: color-mix(in srgb, #093476 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #093476 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #093476 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-093476 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #093476 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-005B65 {
--task-status-color: #005B65;
--task-status-mix: color-mix(in srgb, #005B65 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #005B65 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #005B65 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-005B65 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #005B65 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-00392F {
--task-status-color: #00392F;
--task-status-mix: color-mix(in srgb, #00392F 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #00392F 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #00392F 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-00392F + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #00392F 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-005E02 {
--task-status-color: #005E02;
--task-status-mix: color-mix(in srgb, #005E02 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #005E02 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #005E02 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-005E02 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #005E02 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-3B581D {
--task-status-color: #3B581D;
--task-status-mix: color-mix(in srgb, #3B581D 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #3B581D 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #3B581D 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-3B581D + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #3B581D 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-36400C {
--task-status-color: #36400C;
--task-status-mix: color-mix(in srgb, #36400C 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #36400C 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #36400C 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-36400C + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #36400C 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-BB5200 {
--task-status-color: #BB5200;
--task-status-mix: color-mix(in srgb, #BB5200 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #BB5200 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #BB5200 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-BB5200 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #BB5200 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-882507 {
--task-status-color: #882507;
--task-status-mix: color-mix(in srgb, #882507 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #882507 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #882507 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-882507 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #882507 50%, var(--white-black, #fff) 50%);
}
.item-active-taskstatus-color-2B1A17 {
--task-status-color: #2B1A17;
--task-status-mix: color-mix(in srgb, #2B1A17 25%, var(--white-black, #fff) 75%);
--task-status-mix50: color-mix(in srgb, #2B1A17 50%, var(--white-black, #fff) 50%);
--task-status-mix75: color-mix(in srgb, #2B1A17 75%, var(--white-black, #fff) 25%);
}
.item-active-taskstatus-color-2B1A17 + .tr-common-item {
--task-status-top-border: color-mix(in srgb, #2B1A17 50%, var(--white-black, #fff) 50%);
}
/*.tr-color-utility() {
.colors-loop(@j: 1) when (@j <= length(@colors)) {
@colorName: extract(@colors, @j);
@color: ~"#@{colorName}";
&.item-active-taskstatus-color-@{colorName} {
.td-head-qe-filter:hover,
.td-head-qe-filter.td-head-qe-filter-active,
.td-item-qe-editable:hover,
.td-item-qe-editable.td-item-qe-editable-active {
outline-color: @color;
}
.sort-item svg {
fill: @color;
}
}
.colors-loop(@j + 1);
}
.colors-loop;
} */
.taskview-actions > .table-actions > tbody > .tr-actions-body table,
.taskview-actions > div.table-actions > .tr-actions-body table,
.taskview-log > .table-actions > tbody > .tr-actions-body table,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new table,
.taskview-actions > div.table-actions > .tr-actions-body-new table,
.taskview-log > .table-actions > tbody > .tr-actions-body-new table {
border-spacing: 0;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-draft,
.taskview-actions > div.table-actions > .tr-actions-body-draft,
.taskview-log > .table-actions > tbody > .tr-actions-body-draft {
opacity: 0.7;
background: var(--background-color-light-gray, #f7f7f7);
}
.taskview-actions > .table-actions > tbody > .tr-actions-date-draft > td:before,
.taskview-actions > div.table-actions > .tr-actions-date-draft > td:before,
.taskview-log > .table-actions > tbody > .tr-actions-date-draft > td:before {
content: "\2022";
color: #FF5722;
padding-right: 8px;
margin-left: -16px;
font-size: 19px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-date-draft > td,
.taskview-actions > div.table-actions > .tr-actions-date-draft > td,
.taskview-log > .table-actions > tbody > .tr-actions-date-draft > td {
padding-top: 28px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body,
.taskview-actions > div.table-actions > .tr-actions-body,
.taskview-log > .table-actions > tbody > .tr-actions-body,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new,
.taskview-actions > div.table-actions > .tr-actions-body-new,
.taskview-log > .table-actions > tbody > .tr-actions-body-new {
font-size: 14px;
}
.classic-font .taskview-actions > .table-actions > tbody > .tr-actions-body,
.classic-font .taskview-actions > div.table-actions > .tr-actions-body,
.classic-font .taskview-log > .table-actions > tbody > .tr-actions-body,
.classic-font .taskview-actions > .table-actions > tbody > .tr-actions-body-new,
.classic-font .taskview-actions > div.table-actions > .tr-actions-body-new,
.classic-font .taskview-log > .table-actions > tbody > .tr-actions-body-new {
font-size: 12px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body body:not(.classic-font),
.taskview-actions > div.table-actions > .tr-actions-body body:not(.classic-font),
.taskview-log > .table-actions > tbody > .tr-actions-body body:not(.classic-font),
.taskview-actions > .table-actions > tbody > .tr-actions-body-new body:not(.classic-font),
.taskview-actions > div.table-actions > .tr-actions-body-new body:not(.classic-font),
.taskview-log > .table-actions > tbody > .tr-actions-body-new body:not(.classic-font) {
line-height: 19px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td a,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td a,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a {
font-size: 12px !important;
color: var(--grey-action-list, #7F7F7F) !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .planfix-round-buttons,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td .planfix-round-buttons,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .planfix-round-buttons,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a .planfix-round-buttons,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td a .planfix-round-buttons,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a .planfix-round-buttons,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .planfix-round-buttons,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td .planfix-round-buttons,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .planfix-round-buttons,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a .planfix-round-buttons,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td a .planfix-round-buttons,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a .planfix-round-buttons {
overflow: visible !important;
margin-top: 7px;
min-width: 85px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .action-accept-button-round,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td .action-accept-button-round,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .action-accept-button-round,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a .action-accept-button-round,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td a .action-accept-button-round,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a .action-accept-button-round,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-accept-button-round,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td .action-accept-button-round,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-accept-button-round,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a .action-accept-button-round,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td a .action-accept-button-round,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a .action-accept-button-round {
color: #1abe72 !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .action-accept-button-round:hover,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td .action-accept-button-round:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .action-accept-button-round:hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a .action-accept-button-round:hover,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td a .action-accept-button-round:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a .action-accept-button-round:hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-accept-button-round:hover,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td .action-accept-button-round:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-accept-button-round:hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a .action-accept-button-round:hover,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td a .action-accept-button-round:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a .action-accept-button-round:hover {
color: #fff !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .action-reject-button,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td .action-reject-button,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .action-reject-button,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a .action-reject-button,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td a .action-reject-button,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a .action-reject-button,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-reject-button,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td .action-reject-button,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-reject-button,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a .action-reject-button,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td a .action-reject-button,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a .action-reject-button {
color: #DD0000;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .action-reject-button:hover,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td .action-reject-button:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .action-reject-button:hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a .action-reject-button:hover,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td a .action-reject-button:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a .action-reject-button:hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-reject-button:hover,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td .action-reject-button:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-reject-button:hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a .action-reject-button:hover,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td a .action-reject-button:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a .action-reject-button:hover {
color: #fff !important;
}
.classic-font .taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td,
.classic-font .taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td,
.classic-font .taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td,
.classic-font .taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a,
.classic-font .taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td a,
.classic-font .taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a,
.classic-font .taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td,
.classic-font .taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td,
.classic-font .taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td,
.classic-font .taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a,
.classic-font .taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td a,
.classic-font .taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a {
font-size: 11px !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .fakelink-dashed,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td .fakelink-dashed,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .fakelink-dashed,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .fakelink-dashed,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td .fakelink-dashed,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .fakelink-dashed,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .fakelink-dashed-red,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td .fakelink-dashed-red,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .fakelink-dashed-red,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .fakelink-dashed-red,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td .fakelink-dashed-red,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .fakelink-dashed-red {
color: #7F7F7F;
border-color: #7F7F7F;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .log-expand,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td .log-expand,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .log-expand,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .log-expand,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td .log-expand,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .log-expand {
background: url("/img/tree-plus.gif");
height: 9px;
margin-top: 2px;
width: 6px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .log-close,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td .log-close,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .log-close,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .log-close,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td .log-close,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .log-close {
background: url("/img/tree-minus.gif");
height: 6px;
margin-top: 4px;
width: 6px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem:hover td,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem:hover td,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem:hover td,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem:hover td a,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem:hover td a,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem:hover td a,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem:hover td,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem:hover td,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem:hover td,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem:hover td a,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem:hover td a,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem:hover td a {
color: #333 !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td a,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td a,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a {
text-decoration: none;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a:hover,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td a:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td a:hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a:hover,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td a:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td a:hover {
text-decoration: underline;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-accept-button-round,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td .action-accept-button-round,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-accept-button-round {
color: #FFF !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .action-reject-button,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td .action-reject-button,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td .action-reject-button,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-reject-button,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td .action-reject-button,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td .action-reject-button {
color: #D00 !important;
vertical-align: baseline !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td img,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem td img,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem td img,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td img,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem td img,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem td img {
opacity: 0.5;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body:hover > td,
.taskview-actions > div.table-actions > .tr-actions-body:hover > td,
.taskview-log > .table-actions > tbody > .tr-actions-body:hover > td {
background: #f6f6f6;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body:hover > td.event-log,
.taskview-actions > div.table-actions > .tr-actions-body:hover > td.event-log,
.taskview-log > .table-actions > tbody > .tr-actions-body:hover > td.event-log {
background: var(--task-checklist-employer-border, #e6e6e6);
}
.taskview-actions > .table-actions > tbody > .tr-actions-body:hover:not(.tr-actions-body-linked) .td-actions-wrapper .spoiler,
.taskview-actions > div.table-actions > .tr-actions-body:hover:not(.tr-actions-body-linked) .td-actions-wrapper .spoiler,
.taskview-log > .table-actions > tbody > .tr-actions-body:hover:not(.tr-actions-body-linked) .td-actions-wrapper .spoiler {
box-shadow: -1px 0 20px 20px rgba(246, 246, 246, 0.8) !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover > td,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover > td,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover > td {
background: var(--actions-hovered, #FCF9C6);
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover:not(.tr-actions-body-linked) .td-actions-wrapper .spoiler,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover:not(.tr-actions-body-linked) .td-actions-wrapper .spoiler,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover:not(.tr-actions-body-linked) .td-actions-wrapper .spoiler {
box-shadow: -1px 0 20px 20px rgba(252, 249, 198, 0.8) !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > td,
.taskview-actions > div.table-actions > .tr-actions-body-new > td,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > td {
background: #FEFED9;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-actions-wrapper .spoiler,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-actions-wrapper .spoiler,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-actions-wrapper .spoiler {
box-shadow: -1px 0 20px 20px rgba(254, 254, 217, 0.8) !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-deleted.tr-actions-body-deleted td,
.taskview-actions > div.table-actions > .tr-actions-body-deleted.tr-actions-body-deleted td,
.taskview-log > .table-actions > tbody > .tr-actions-body-deleted.tr-actions-body-deleted td {
background: var(--tracking-data-error-bg, #ffe8e6);
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-linked:not(.tr-actions-body-new) > td,
.taskview-actions > div.table-actions > .tr-actions-body-linked:not(.tr-actions-body-new) > td,
.taskview-log > .table-actions > tbody > .tr-actions-body-linked:not(.tr-actions-body-new) > td,
.taskview-actions > .table-actions > tbody > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body:hover > td,
.taskview-actions > div.table-actions > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body:hover > td,
.taskview-log > .table-actions > tbody > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body:hover > td,
.taskview-actions > .table-actions > tbody > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body-new.tr-actions-body:hover > td,
.taskview-actions > div.table-actions > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body-new.tr-actions-body:hover > td,
.taskview-log > .table-actions > tbody > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body-new.tr-actions-body:hover > td,
.taskview-actions > .table-actions > tbody > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body.tr-actions-body:hover > td,
.taskview-actions > div.table-actions > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body.tr-actions-body:hover > td,
.taskview-log > .table-actions > tbody > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body.tr-actions-body:hover > td {
background: #eaffd2;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-linked td-actions-wrapper .td-actions-wrapper .spoiler,
.taskview-actions > div.table-actions > .tr-actions-body-linked td-actions-wrapper .td-actions-wrapper .spoiler,
.taskview-log > .table-actions > tbody > .tr-actions-body-linked td-actions-wrapper .td-actions-wrapper .spoiler {
box-shadow: -1px 0 20px 20px rgba(234, 255, 210, 0.8) !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body:last-child > td,
.taskview-actions > div.table-actions > .tr-actions-body:last-child > td,
.taskview-log > .table-actions > tbody > .tr-actions-body:last-child > td,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new:last-child > td,
.taskview-actions > div.table-actions > .tr-actions-body-new:last-child > td,
.taskview-log > .table-actions > tbody > .tr-actions-body-new:last-child > td {
border-bottom: none;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-event,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-event,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-event {
background: #FBF7AE;
height: 24px;
padding: 2px 20px 2px 20px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper {
padding: 25px 0;
vertical-align: top;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .dialog-btn-wrapper,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper .dialog-btn-wrapper,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .dialog-btn-wrapper,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .dialog-btn-wrapper,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper .dialog-btn-wrapper,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .dialog-btn-wrapper {
text-align: left;
padding-top: 15px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .dialog-btn-wrapper .btn-main,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper .dialog-btn-wrapper .btn-main,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .dialog-btn-wrapper .btn-main,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .dialog-btn-wrapper .btn-main,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper .dialog-btn-wrapper .btn-main,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .dialog-btn-wrapper .btn-main {
margin-right: 10px;
margin-left: 0;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .publish-draft-action,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper .publish-draft-action,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .publish-draft-action,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .publish-draft-action,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper .publish-draft-action,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .publish-draft-action,
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .edit-draft-action,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper .edit-draft-action,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .edit-draft-action,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .edit-draft-action,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper .edit-draft-action,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .edit-draft-action {
margin-top: 10px;
margin-right: 5px;
color: #000;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .publish-draft-action:hover,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper .publish-draft-action:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .publish-draft-action:hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .publish-draft-action:hover,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper .publish-draft-action:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .publish-draft-action:hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .edit-draft-action:hover,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper .edit-draft-action:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .edit-draft-action:hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .edit-draft-action:hover,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper .edit-draft-action:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .edit-draft-action:hover {
background-color: #EAEAEA;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .td-text .action-description-content-wrapper svg,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper .td-text .action-description-content-wrapper svg,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .td-text .action-description-content-wrapper svg,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .td-text .action-description-content-wrapper svg,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper .td-text .action-description-content-wrapper svg,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .td-text .action-description-content-wrapper svg {
display: none;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .td-text .action-description-content-wrapper .rc-text-editor-planfix-entity__icon svg,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper .td-text .action-description-content-wrapper .rc-text-editor-planfix-entity__icon svg,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .td-text .action-description-content-wrapper .rc-text-editor-planfix-entity__icon svg,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .td-text .action-description-content-wrapper .rc-text-editor-planfix-entity__icon svg,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper .td-text .action-description-content-wrapper .rc-text-editor-planfix-entity__icon svg,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .td-text .action-description-content-wrapper .rc-text-editor-planfix-entity__icon svg {
display: inline-block;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .td-text .action-description-content-wrapper div,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper .td-text .action-description-content-wrapper div,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper .td-text .action-description-content-wrapper div,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .td-text .action-description-content-wrapper div,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper .td-text .action-description-content-wrapper div,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper .td-text .action-description-content-wrapper div {
position: inherit !important;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-actions-wrapper,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem > .td-actions-wrapper,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-actions-wrapper,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-actions-wrapper,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem > .td-actions-wrapper,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-actions-wrapper {
padding: 7px 0 5px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-ico,
.taskview-actions > div.table-actions > .tr-actions-body > .td-ico,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-ico,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-ico,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-ico,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-ico {
width: 40px;
min-width: 40px;
max-width: 40px;
vertical-align: top;
padding: 25px 15px 25px 10px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-ico img.user-avatar-img,
.taskview-actions > div.table-actions > .tr-actions-body > .td-ico img.user-avatar-img,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-ico img.user-avatar-img,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-ico img.user-avatar-img,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-ico img.user-avatar-img,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-ico img.user-avatar-img {
margin-top: 3px;
border-radius: 50%;
}
.user-avatar-img-square .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-ico img.user-avatar-img,
.user-avatar-img-square .taskview-actions > div.table-actions > .tr-actions-body > .td-ico img.user-avatar-img,
.user-avatar-img-square .taskview-log > .table-actions > tbody > .tr-actions-body > .td-ico img.user-avatar-img,
.user-avatar-img-square .taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-ico img.user-avatar-img,
.user-avatar-img-square .taskview-actions > div.table-actions > .tr-actions-body-new > .td-ico img.user-avatar-img,
.user-avatar-img-square .taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-ico img.user-avatar-img {
border-radius: 0%;
}
.user-avatar-img-rounded .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-ico img.user-avatar-img,
.user-avatar-img-rounded .taskview-actions > div.table-actions > .tr-actions-body > .td-ico img.user-avatar-img,
.user-avatar-img-rounded .taskview-log > .table-actions > tbody > .tr-actions-body > .td-ico img.user-avatar-img,
.user-avatar-img-rounded .taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-ico img.user-avatar-img,
.user-avatar-img-rounded .taskview-actions > div.table-actions > .tr-actions-body-new > .td-ico img.user-avatar-img,
.user-avatar-img-rounded .taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-ico img.user-avatar-img {
border-radius: 20%;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-ico,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem > .td-ico,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-ico,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-ico,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem > .td-ico,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-ico {
padding: 0;
vertical-align: middle;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-ico img.user-avatar-img {
border-radius: 50%;
}
.user-avatar-img-square .taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.user-avatar-img-square .taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.user-avatar-img-square .taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.user-avatar-img-square .taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.user-avatar-img-square .taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.user-avatar-img-square .taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-ico img.user-avatar-img {
border-radius: 0%;
}
.user-avatar-img-rounded .taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.user-avatar-img-rounded .taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.user-avatar-img-rounded .taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.user-avatar-img-rounded .taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.user-avatar-img-rounded .taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem > .td-ico img.user-avatar-img,
.user-avatar-img-rounded .taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-ico img.user-avatar-img {
border-radius: 20%;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-ico .iconset-16px-reminder,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem > .td-ico .iconset-16px-reminder,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-ico .iconset-16px-reminder,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-ico .iconset-16px-reminder,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem > .td-ico .iconset-16px-reminder,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-ico .iconset-16px-reminder {
display: inline-block;
margin-left: 60px;
vertical-align: middle;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-ico .wr-action-from,
.taskview-actions > div.table-actions > .tr-actions-body > .td-ico .wr-action-from,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-ico .wr-action-from,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-ico .wr-action-from,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-ico .wr-action-from,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-ico .wr-action-from {
padding-left: 15px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-control,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-control,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-control,
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-control,
.taskview-actions > div.table-actions > .tr-actions-body .td-control,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-control {
text-align: center;
width: 100px;
padding-left: 10px;
vertical-align: middle;
background: #fff;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-files,
.taskview-actions > div.table-actions > .tr-actions-body .td-files,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-files,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-files,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-files,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-files {
width: 30%;
padding-right: 15px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-files > table,
.taskview-actions > div.table-actions > .tr-actions-body .td-files > table,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-files > table,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-files > table,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-files > table,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-files > table {
width: 100%;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-files td,
.taskview-actions > div.table-actions > .tr-actions-body .td-files td,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-files td,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-files td,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-files td,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-files td {
vertical-align: top;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head {
color: #7F7F7F;
height: 20px;
width: 70%;
padding-right: 15px;
background: transparent;
white-space: normal;
font-size: 13px;
position: relative;
}
.classic-font .taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head,
.classic-font .taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head,
.classic-font .taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head,
.classic-font .taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head,
.classic-font .taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head,
.classic-font .taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head {
font-size: 12px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]),
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]),
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]),
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]),
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]),
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]),
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]):hover,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]):hover,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]):hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]):hover,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]):hover,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-head a:not([href]):hover {
color: #444;
text-decoration: none;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head {
height: auto;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head .action-reminder-source-link,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head .action-reminder-source-link,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head .action-reminder-source-link,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head .action-reminder-source-link,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head .action-reminder-source-link,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem > .td-actions-wrapper > table > tbody > tr > .td-head .action-reminder-source-link {
text-decoration: underline;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-text,
.taskview-actions > div.table-actions > .tr-actions-body .td-text,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-text,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-text,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-text,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-text {
width: 70%;
padding-right: 15px;
position: relative;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-text img,
.taskview-actions > div.table-actions > .tr-actions-body .td-text img,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-text img,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-text img,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-text img,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-text img {
max-width: 100%;
/* height: auto;*/
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-text .actions-item-tracking,
.taskview-actions > div.table-actions > .tr-actions-body .td-text .actions-item-tracking,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-text .actions-item-tracking,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-text .actions-item-tracking,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-text .actions-item-tracking,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-text .actions-item-tracking {
position: static;
display: inline-block;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-text .actions-item-v2-normal-meta svg,
.taskview-actions > div.table-actions > .tr-actions-body .td-text .actions-item-v2-normal-meta svg,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-text .actions-item-v2-normal-meta svg,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-text .actions-item-v2-normal-meta svg,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-text .actions-item-v2-normal-meta svg,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-text .actions-item-v2-normal-meta svg,
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-text .actions-item-v2-normal-content svg,
.taskview-actions > div.table-actions > .tr-actions-body .td-text .actions-item-v2-normal-content svg,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-text .actions-item-v2-normal-content svg,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-text .actions-item-v2-normal-content svg,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-text .actions-item-v2-normal-content svg,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-text .actions-item-v2-normal-content svg {
display: none;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-text .action-description-content-wrapper,
.taskview-actions > div.table-actions > .tr-actions-body .td-text .action-description-content-wrapper,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-text .action-description-content-wrapper,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-text .action-description-content-wrapper,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-text .action-description-content-wrapper,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-text .action-description-content-wrapper {
overflow: hidden;
width: 100%;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-text .action-description-content-wrapper p,
.taskview-actions > div.table-actions > .tr-actions-body .td-text .action-description-content-wrapper p,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-text .action-description-content-wrapper p,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-text .action-description-content-wrapper p,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-text .action-description-content-wrapper p,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-text .action-description-content-wrapper p {
line-height: 1.2;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-text .actions-item-v2-normal-bubble-translated-header,
.taskview-actions > div.table-actions > .tr-actions-body .td-text .actions-item-v2-normal-bubble-translated-header,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-text .actions-item-v2-normal-bubble-translated-header,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-text .actions-item-v2-normal-bubble-translated-header,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-text .actions-item-v2-normal-bubble-translated-header,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-text .actions-item-v2-normal-bubble-translated-header {
font-weight: bold;
border-top: 1px solid #dedede;
padding: 5px 0 5px 0px;
margin-top: 7px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .action-spoiler,
.taskview-actions > div.table-actions > .tr-actions-body .action-spoiler,
.taskview-log > .table-actions > tbody > .tr-actions-body .action-spoiler,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .action-spoiler,
.taskview-actions > div.table-actions > .tr-actions-body-new .action-spoiler,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .action-spoiler {
width: 100%;
overflow: hidden;
display: inline-block;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .action-spoiler.is-slow > .td-text,
.taskview-actions > div.table-actions > .tr-actions-body .action-spoiler.is-slow > .td-text,
.taskview-log > .table-actions > tbody > .tr-actions-body .action-spoiler.is-slow > .td-text,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .action-spoiler.is-slow > .td-text,
.taskview-actions > div.table-actions > .tr-actions-body-new .action-spoiler.is-slow > .td-text,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .action-spoiler.is-slow > .td-text {
transition: max-height 1.5s ease-in-out;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .action-spoiler > .td-text,
.taskview-actions > div.table-actions > .tr-actions-body .action-spoiler > .td-text,
.taskview-log > .table-actions > tbody > .tr-actions-body .action-spoiler > .td-text,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .action-spoiler > .td-text,
.taskview-actions > div.table-actions > .tr-actions-body-new .action-spoiler > .td-text,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .action-spoiler > .td-text {
display: block;
width: 100%;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .action-spoiler > .td-text img,
.taskview-actions > div.table-actions > .tr-actions-body .action-spoiler > .td-text img,
.taskview-log > .table-actions > tbody > .tr-actions-body .action-spoiler > .td-text img,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .action-spoiler > .td-text img,
.taskview-actions > div.table-actions > .tr-actions-body-new .action-spoiler > .td-text img,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .action-spoiler > .td-text img {
display: block;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-actions-wrapper .spoiler,
.taskview-actions > div.table-actions > .tr-actions-body .td-actions-wrapper .spoiler,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-actions-wrapper .spoiler,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-actions-wrapper .spoiler,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-actions-wrapper .spoiler,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-actions-wrapper .spoiler {
height: 5px;
box-shadow: -1px 0 20px 20px rgba(255, 255, 255, 0.9);
position: relative;
cursor: pointer;
left: -20px;
background-position: -3px -6px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-actions-wrapper .spoiler .spoiler-clickable,
.taskview-actions > div.table-actions > .tr-actions-body .td-actions-wrapper .spoiler .spoiler-clickable,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-actions-wrapper .spoiler .spoiler-clickable,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-actions-wrapper .spoiler .spoiler-clickable,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-actions-wrapper .spoiler .spoiler-clickable,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-actions-wrapper .spoiler .spoiler-clickable {
height: 50px;
position: relative;
bottom: 50px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-actions-wrapper .spoiler .spoiler-clickable:before,
.taskview-actions > div.table-actions > .tr-actions-body .td-actions-wrapper .spoiler .spoiler-clickable:before,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-actions-wrapper .spoiler .spoiler-clickable:before,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-actions-wrapper .spoiler .spoiler-clickable:before,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-actions-wrapper .spoiler .spoiler-clickable:before,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-actions-wrapper .spoiler .spoiler-clickable:before {
position: relative;
display: inline-block;
top: 37px;
right: 1px;
background-image: url(/img/svg/triangle-down.svg);
background-position: center center;
width: 12px;
height: 16px;
content: "";
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .td-action-addition-info,
.taskview-actions > div.table-actions > .tr-actions-body .td-action-addition-info,
.taskview-log > .table-actions > tbody > .tr-actions-body .td-action-addition-info,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .td-action-addition-info,
.taskview-actions > div.table-actions > .tr-actions-body-new .td-action-addition-info,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .td-action-addition-info {
padding-top: 15px;
z-index: 0;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem .td-action-addition-info,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-issystem .td-action-addition-info,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-issystem .td-action-addition-info,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem .td-action-addition-info,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem .td-action-addition-info,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem .td-action-addition-info {
padding-top: 0px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-bottomright,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-bottomright,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-bottomright,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-bottomright,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-bottomright,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-bottomright {
position: absolute;
right: 0;
padding: 3px;
bottom: -23px;
min-width: 20px;
min-height: 10px;
z-index: 1;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-bottomright .b-action-mark-all,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-bottomright .b-action-mark-all,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-bottomright .b-action-mark-all,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-bottomright .b-action-mark-all,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-bottomright .b-action-mark-all,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-bottomright .b-action-mark-all {
vertical-align: top;
margin: 0 5px 0 0;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-bottomright .b-action-reminded-action,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-bottomright .b-action-reminded-action,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-bottomright .b-action-reminded-action,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-bottomright .b-action-reminded-action,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-bottomright .b-action-reminded-action,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-bottomright .b-action-reminded-action {
cursor: pointer;
text-decoration: none;
vertical-align: top;
margin: 0 4px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-bottomright .b-action-reminded-action:hover,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-bottomright .b-action-reminded-action:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-bottomright .b-action-reminded-action:hover,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-bottomright .b-action-reminded-action:hover,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-bottomright .b-action-reminded-action:hover,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-bottomright .b-action-reminded-action:hover {
text-decoration: none;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-topright,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-topright,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-topright,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-topright,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-topright,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-topright {
position: absolute;
right: 0;
padding: 3px;
top: -4px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-topright .actions-item-tracking,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-topright .actions-item-tracking,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-topright .actions-item-tracking,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-topright .actions-item-tracking,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-topright .actions-item-tracking,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-topright .actions-item-tracking {
position: static;
display: inline-block;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body-active-menu .b-action-topright,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body-active-menu .b-action-topright,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body-active-menu .b-action-topright {
z-index: 10;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-topright,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-topright,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-topright {
background: #FEFED9;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem.tr-actions-body-hidden .b-action-topright,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body-issystem.tr-actions-body-hidden .b-action-topright,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body-issystem.tr-actions-body-hidden .b-action-topright {
top: 0;
right: 25px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-topright,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body:hover .b-action-topright,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-topright {
background: #f6f6f6;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-topright,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover .b-action-topright,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-topright {
background: var(--actions-hovered, #fcf9c6);
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body-linked.tr-actions-body-linked .b-action-topright,
.taskview-actions > div.table-actions > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body-linked.tr-actions-body-linked .b-action-topright,
.taskview-log > .table-actions > tbody > .tr-actions-body-linked:not(.tr-actions-body-new).tr-actions-body-linked.tr-actions-body-linked .b-action-topright {
background: #eaffd2;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body-deleted.tr-actions-body-deleted.tr-actions-body-deleted .b-action-topright,
.taskview-actions > div.table-actions > .tr-actions-body-deleted.tr-actions-body-deleted.tr-actions-body-deleted .b-action-topright,
.taskview-log > .table-actions > tbody > .tr-actions-body-deleted.tr-actions-body-deleted.tr-actions-body-deleted .b-action-topright {
background: var(--tracking-data-error-bg, #ffe8e6);
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-hidden,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-hidden,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-hidden,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-hidden,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-hidden,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-hidden {
margin: 0 4px;
display: inline-block;
vertical-align: top;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-text > .b-action-bottomright > .b-action-ajax,
.taskview-actions > div.table-actions > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-text > .b-action-bottomright > .b-action-ajax,
.taskview-log > .table-actions > tbody > .tr-actions-body > .td-actions-wrapper > table > tbody > tr > .td-text > .b-action-bottomright > .b-action-ajax,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-text > .b-action-bottomright > .b-action-ajax,
.taskview-actions > div.table-actions > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-text > .b-action-bottomright > .b-action-ajax,
.taskview-log > .table-actions > tbody > .tr-actions-body-new > .td-actions-wrapper > table > tbody > tr > .td-text > .b-action-bottomright > .b-action-ajax {
width: 10px;
height: 10px;
/*margin: 3px 5px;*/
display: none;
/* ! */
margin: -4px 2px 0;
position: absolute;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-edit,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-edit,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-edit,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-edit,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-edit,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-edit,
.taskview-actions > .table-actions > tbody .b-draft-edit,
.taskview-actions > div.table-actions .b-draft-edit,
.taskview-log > .table-actions > tbody .b-draft-edit {
width: 20px;
height: 16px;
margin: -4px 2px 0;
display: none;
cursor: pointer;
text-align: center;
vertical-align: bottom;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-del,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-del,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-del,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-del,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-del,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-del,
.taskview-actions > .table-actions > tbody .b-draft-del-classic,
.taskview-actions > div.table-actions .b-draft-del-classic,
.taskview-log > .table-actions > tbody .b-draft-del-classic {
width: 20px;
height: 16px;
margin: -4px 2px 0;
display: none;
cursor: pointer;
text-align: center;
vertical-align: bottom;
}
.taskview-actions > .table-actions > tbody .b-draft-del,
.taskview-actions > div.table-actions .b-draft-del,
.taskview-log > .table-actions > tbody .b-draft-del {
cursor: pointer;
text-align: center;
vertical-align: bottom;
}
.taskview-actions > .table-actions > tbody .b-draft-del i,
.taskview-actions > div.table-actions .b-draft-del i,
.taskview-log > .table-actions > tbody .b-draft-del i,
.taskview-actions > .table-actions > tbody .b-draft-del svg,
.taskview-actions > div.table-actions .b-draft-del svg,
.taskview-log > .table-actions > tbody .b-draft-del svg {
width: 13px;
height: 13px;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2) .b-action-star,
.taskview-actions > div.table-actions > .tr-actions-body:not(.actions-item-v2) .b-action-star,
.taskview-log > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2) .b-action-star,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2) .b-action-star,
.taskview-actions > div.table-actions > .tr-actions-body-new:not(.actions-item-v2) .b-action-star,
.taskview-log > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2) .b-action-star {
display: inline-block;
width: 20px;
height: 16px;
margin: -4px 2px 0;
cursor: pointer;
text-align: center;
vertical-align: bottom;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2) .b-action-reply,
.taskview-actions > div.table-actions > .tr-actions-body:not(.actions-item-v2) .b-action-reply,
.taskview-log > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2) .b-action-reply,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2) .b-action-reply,
.taskview-actions > div.table-actions > .tr-actions-body-new:not(.actions-item-v2) .b-action-reply,
.taskview-log > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2) .b-action-reply,
.taskview-actions > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2) .b-action-translate,
.taskview-actions > div.table-actions > .tr-actions-body:not(.actions-item-v2) .b-action-translate,
.taskview-log > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2) .b-action-translate,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2) .b-action-translate,
.taskview-actions > div.table-actions > .tr-actions-body-new:not(.actions-item-v2) .b-action-translate,
.taskview-log > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2) .b-action-translate,
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-pin,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-pin,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-pin,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-pin,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-pin,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-pin {
width: 16px;
height: 16px;
margin: -4px 2px 0;
cursor: pointer;
text-align: center;
vertical-align: bottom;
fill: none;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2) .b-action-reply:not(.b-action-pin),
.taskview-actions > div.table-actions > .tr-actions-body:not(.actions-item-v2) .b-action-reply:not(.b-action-pin),
.taskview-log > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2) .b-action-reply:not(.b-action-pin),
.taskview-actions > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2) .b-action-reply:not(.b-action-pin),
.taskview-actions > div.table-actions > .tr-actions-body-new:not(.actions-item-v2) .b-action-reply:not(.b-action-pin),
.taskview-log > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2) .b-action-reply:not(.b-action-pin),
.taskview-actions > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2) .b-action-translate:not(.b-action-pin),
.taskview-actions > div.table-actions > .tr-actions-body:not(.actions-item-v2) .b-action-translate:not(.b-action-pin),
.taskview-log > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2) .b-action-translate:not(.b-action-pin),
.taskview-actions > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2) .b-action-translate:not(.b-action-pin),
.taskview-actions > div.table-actions > .tr-actions-body-new:not(.actions-item-v2) .b-action-translate:not(.b-action-pin),
.taskview-log > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2) .b-action-translate:not(.b-action-pin),
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-pin:not(.b-action-pin),
.taskview-actions > div.table-actions > .tr-actions-body .b-action-pin:not(.b-action-pin),
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-pin:not(.b-action-pin),
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-pin:not(.b-action-pin),
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-pin:not(.b-action-pin),
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-pin:not(.b-action-pin) {
stroke: #a9a9a9;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-reply,
.taskview-actions > div.table-actions > .tr-actions-body:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-reply,
.taskview-log > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-reply,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-reply,
.taskview-actions > div.table-actions > .tr-actions-body-new:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-reply,
.taskview-log > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-reply,
.taskview-actions > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-translate,
.taskview-actions > div.table-actions > .tr-actions-body:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-translate,
.taskview-log > .table-actions > tbody > .tr-actions-body:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-translate,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-translate,
.taskview-actions > div.table-actions > .tr-actions-body-new:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-translate,
.taskview-log > .table-actions > tbody > .tr-actions-body-new:not(.actions-item-v2):not(.tr-actions-body-static-hover) .b-action-translate {
visibility: hidden;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-menu,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-menu,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-menu,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-menu,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-menu,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-menu {
display: none;
cursor: pointer;
height: 16px;
margin: -4px 0 0 -5px;
vertical-align: bottom;
position: relative;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-menu .b-ddl-menu,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-menu .b-ddl-menu,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-menu .b-ddl-menu,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-menu .b-ddl-menu,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-menu .b-ddl-menu,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-menu .b-ddl-menu {
vertical-align: top;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body .b-action-mark-all,
.taskview-actions > div.table-actions > .tr-actions-body .b-action-mark-all,
.taskview-log > .table-actions > tbody > .tr-actions-body .b-action-mark-all,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new .b-action-mark-all,
.taskview-actions > div.table-actions > .tr-actions-body-new .b-action-mark-all,
.taskview-log > .table-actions > tbody > .tr-actions-body-new .b-action-mark-all {
cursor: pointer;
display: inline-block;
vertical-align: bottom;
height: 16px;
/* ! */
margin: 0 2px 0;
top: -2px;
position: relative;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-del,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body:hover .b-action-del,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-del,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-del,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover .b-action-del,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-del,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover .b-action-del,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover .b-action-del,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover .b-action-del,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-reply,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body:hover .b-action-reply,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-reply,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-reply,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover .b-action-reply,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-reply,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-translate,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body:hover .b-action-translate,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-translate,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-translate,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover .b-action-translate,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-translate,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover .b-action-reply,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover .b-action-reply,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover .b-action-reply,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover .b-action-translate,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover .b-action-translate,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover .b-action-translate,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-edit,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body:hover .b-action-edit,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-edit,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-edit,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover .b-action-edit,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-edit,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover .b-action-edit,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover .b-action-edit,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover .b-action-edit,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-menu,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body:hover .b-action-menu,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-menu,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-menu,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover .b-action-menu,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-menu,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover .b-action-menu,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover .b-action-menu,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover .b-action-menu,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-star,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body:hover .b-action-star,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-star,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-star,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover .b-action-star,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-star,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover .b-action-star,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover .b-action-star,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover .b-action-star,
.taskview-actions > .table-actions > tbody > .tr-actions-body:hover .b-draft-edit,
.taskview-actions > div.table-actions > .tr-actions-body:hover .b-draft-edit,
.taskview-log > .table-actions > tbody > .tr-actions-body:hover .b-draft-edit,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover .b-draft-edit,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover .b-draft-edit,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover .b-draft-edit,
.taskview-actions > .table-actions > tbody > .tr-actions-body:hover .b-draft-del-classic,
.taskview-actions > div.table-actions > .tr-actions-body:hover .b-draft-del-classic,
.taskview-log > .table-actions > tbody > .tr-actions-body:hover .b-draft-del-classic,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover .b-draft-del-classic,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover .b-draft-del-classic,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover .b-draft-del-classic,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-pin,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body:hover .b-action-pin,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-pin,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-pin,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover .b-action-pin,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-pin,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover .b-action-pin,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover .b-action-pin,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover .b-action-pin,
.taskview-actions > .table-actions > tbody > .tr-actions-body-active-menu .b-action-menu,
.taskview-actions > div.table-actions > .tr-actions-body-active-menu .b-action-menu,
.taskview-log > .table-actions > tbody > .tr-actions-body-active-menu .b-action-menu {
display: inline-block;
visibility: visible;
fill: none;
}
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-star .img-star,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body:hover .b-action-star .img-star,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-star .img-star,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover.tr-actions-body .b-action-star .img-star,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover.tr-actions-body .b-action-star .img-star,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover.tr-actions-body .b-action-star .img-star,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-star .img-star,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover .b-action-star .img-star,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-star .img-star,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover.tr-actions-body-new.tr-actions-body .b-action-star .img-star,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover.tr-actions-body-new.tr-actions-body .b-action-star .img-star,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover.tr-actions-body-new.tr-actions-body .b-action-star .img-star,
.taskview-actions > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-star .img-star.action-in-taskview.not-starred,
.taskview-actions > div.table-actions > .tr-actions-body.tr-actions-body:hover .b-action-star .img-star.action-in-taskview.not-starred,
.taskview-log > .table-actions > tbody > .tr-actions-body.tr-actions-body:hover .b-action-star .img-star.action-in-taskview.not-starred,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover.tr-actions-body .b-action-star .img-star.action-in-taskview.not-starred,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover.tr-actions-body .b-action-star .img-star.action-in-taskview.not-starred,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover.tr-actions-body .b-action-star .img-star.action-in-taskview.not-starred,
.taskview-actions > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-star .img-star.action-in-taskview.not-starred,
.taskview-actions > div.table-actions > .tr-actions-body-new.tr-actions-body:hover .b-action-star .img-star.action-in-taskview.not-starred,
.taskview-log > .table-actions > tbody > .tr-actions-body-new.tr-actions-body:hover .b-action-star .img-star.action-in-taskview.not-starred,
.taskview-actions > .table-actions > tbody > .tr-actions-body-static-hover .b-action-star .img-star.action-in-taskview.not-starred,
.taskview-actions > div.table-actions > .tr-actions-body-static-hover .b-action-star .img-star.action-in-taskview.not-starred,
.taskview-log > .table-actions > tbody > .tr-actions-body-static-hover .b-action-star .img-star.action-in-taskview.not-starred {
display: inline-block !important;
}
.desktop .tr-actions-body .b-action-mark-all.iconset-16px-flag:hover,
.desktop .tr-actions-body-new .b-action-mark-all.iconset-16px-flag:hover {
background-position: 0 -336px;
}
.desktop .tr-actions-body .b-action-menu:hover .iconset-16px-editmenu,
.desktop .tr-actions-body-new .b-action-menu:hover .iconset-16px-editmenu {
background-position: 0 -1584px;
}
.desktop .tr-actions-body .b-action-del:hover .iconset-16px-remove,
.desktop .tr-actions-body-new .b-action-del:hover .iconset-16px-remove,
.desktop .b-draft-del-classic:hover .iconset-16px-remove {
background-position: 0 -368px;
}
.desktop .tr-actions-body .b-action-edit:hover .iconset-16px-edit,
.desktop .tr-actions-body-new .b-action-edit:hover .iconset-16px-edit,
.desktop .b-draft-edit:hover .iconset-16px-edit {
background-position: 0 -400px;
}
.desktop .b-draft-edit:hover .gray.svg-icon-edit {
fill: #f58020;
}
.taskview-log {
padding-top: 16px;
}
.task-log-billing-hint {
margin: 12px 16px 0;
padding: 12px 14px;
border: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 4px;
background: var(--background-color-default, #fff);
color: var(--grey-label, #6f7785);
font-size: 12px;
line-height: 16px;
text-align: center;
}
.task-log-billing-hint a {
color: var(--Theme-colors-BlueSteel, var(--link-color, #4573B1));
}
.task-log-billing-hint.task-log-billing-hint-empty {
margin-top: 0;
}
/* common styles */
.taskview-actions > .table-actions .svg-arrow-right {
display: inline-block;
width: 12px;
height: 12px;
vertical-align: top;
margin-top: 2px;
}
.taskview-actions > .table-actions .svg-arrow-right svg {
width: 12px;
height: 12px;
stroke: var(--black-white, #000);
}
.taskview-actions > .table-actions .status-color-dot {
display: inline-block;
height: 10px;
}
.taskview-actions > .table-actions .status-color-dot span {
display: block;
width: 12px;
height: 12px;
border-bottom: none !important;
border-radius: 50%;
margin-left: 5px;
margin-right: 5px;
margin-top: -1px;
}
.taskview-actions > .table-actions .action-another-task-link-td svg {
fill: #7F7F7F;
}
.taskview-actions > .table-actions .action-another-task-link {
color: #5881B8;
text-decoration: none;
line-height: 100%;
align-self: flex-end;
}
.taskview-actions > .table-actions .action-another-task-link:hover {
text-decoration: underline;
}
.taskview-actions > .table-actions .wr-action-from.has-icon > img {
position: relative;
top: -15px;
left: 6px;
background-color: white;
box-shadow: 0 0 0 2px var(--white-black, white), inset 0 0 0 0.5px var(--white-black, white);
border-radius: 50px;
width: 16px;
height: 16px;
margin: 2px;
}
.taskview-actions > .table-actions .wr-action-from.has-icon > img#web-chat-api {
border-radius: 9px 9px 0 9px;
}
.taskview-actions > .table-actions .wr-action-from.has-icon > img#whatsapp {
border-radius: 9px 9px 9px 0;
}
.tr-actions-body .b-user-avatar-action img,
.tr-actions-body .actions-item-v2-normal-meta-notified img {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.tr-actions-body .label-action-change {
margin-right: 10px;
}
table.pf-ckeditor-table:not(.rc-text-editor-table) {
border-collapse: collapse;
border: 1px solid var(--task-checklist-employer-border, #e2e2e2);
table-layout: fixed;
word-break: break-word;
}
table.pf-ckeditor-table:not(.rc-text-editor-table) a.link-with-no-text[href] {
max-width: min(100%, 400px);
}
table.pf-ckeditor-table:not(.rc-text-editor-table) a[href]:not(.link-with-no-text) {
white-space: normal;
max-width: none;
}
table.pf-ckeditor-table:not(.rc-text-editor-table) td {
padding: 3px 10px;
border: 1px solid var(--task-checklist-employer-border, #e2e2e2);
}
table.pf-ckeditor-table:not(.rc-text-editor-table) td a.link-with-no-text[href] {
max-width: min(100%, 400px);
}
table.pf-ckeditor-table:not(.rc-text-editor-table) td a[href]:not(.link-with-no-text) {
white-space: normal;
max-width: none;
}
.b-before-green-block {
margin-bottom: -18px;
margin-top: 15px;
padding-left: 25px;
position: relative;
color: var(--core-dropdown-text, #9c9c9c);
min-height: 12px;
}
.b-before-green-block.b-before-green-block-chat {
margin-top: 34px;
}
.b-before-green-block a {
color: var(--core-dropdown-text, #9c9c9c);
text-decoration: none;
}
.b-before-green-block a:hover {
color: var(--core-dropdown-text, #9c9c9c);
text-decoration: underline;
}
/********************* Изменения по дизайну карточки задачи ********************/
.tbl-card .b-task-description {
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
}
.contact-card-container .b-task-description:before,
.contact-card-container .b-task-description:after {
display: none;
}
.b-task-description .b-checklist {
padding-left: 0;
}
.b-task-description .b-checklist.thisIs-newCheckList-soWeAddMargins {
margin: 20px 0 0 -20px;
}
.b-task-description .b-checklist .tbl-check-list-header,
.tr-action-checklist .tbl-check-list-header {
padding-bottom: 5px;
}
.b-task-description .b-checklist .tbl-check-list-header i.svg-icon-16px,
.tr-action-checklist .tbl-check-list-header i.svg-icon-16px {
margin-right: 0;
vertical-align: bottom;
}
.dark-theme .task-card-wrapper:not(.task-as-a-chat) #action-create-div form {
border-left-color: transparent;
border-right-color: transparent;
}
.b-task-description {
position: relative;
background: var(--white-black, #fff);
padding: 0 10px 0 0;
font-size: 16px;
border-top: 1px solid var(--grey-list-border, #dfdfdf);
}
.chat-colored .b-task-description {
background: var(--background-color-light-gray, #fff);
}
.b-task-description .b-card-control-menu {
font-size: 13px;
float: right;
margin-right: -10px;
}
.b-task-description > table {
width: 100%;
table-layout: fixed;
}
.b-task-description .b-checklist .tbl-check-list {
margin-left: -28px;
position: relative;
}
.b-task-description .action-spoiler {
overflow: hidden;
display: inline-block;
}
.b-task-description .action-spoiler .b-description-text-shown {
word-break: break-word;
}
.b-task-description .b-description-text .img-has-email-text {
margin-left: -24px;
margin-right: 8px;
position: relative;
vertical-align: middle;
}
.b-task-description .b-description-text.b-description-text-shown,
.b-task-description .b-description-text.b-description-additional-data {
padding: 16px 0 5px 67px;
-ms-word-wrap: break-word;
word-wrap: break-word;
overflow-x: auto;
overflow-y: hidden;
}
body:not(.classic-font) .b-task-description .b-description-text.b-description-text-shown,
body:not(.classic-font) .b-task-description .b-description-text.b-description-additional-data {
line-height: 21px;
}
.b-task-description .b-description-text.b-description-text-shown .b-description-text-link-letter,
.b-task-description .b-description-text.b-description-additional-data .b-description-text-link-letter {
padding-top: 10px;
}
.b-task-description .b-description-text.b-description-text-shown .b-description-text-link-letter span,
.b-task-description .b-description-text.b-description-additional-data .b-description-text-link-letter span {
color: #5881B8;
border-bottom: 1px dotted #5881B8;
padding-left: 2px;
cursor: pointer;
}
.b-task-description .b-description-text-translated {
padding: 15px 0 5px 67px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.b-task-description .b-description-text-translated .line {
border-radius: 3px;
max-width: 358px;
height: 8px;
background-color: var(--file-upload-ubloaded-block, #EAEAEA);
position: relative !important;
animation: gradientAnimation 4s linear infinite;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
margin: 10px 0;
}
.b-task-description .b-description-text-translated .line:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 200% 100%;
background: linear-gradient(217deg, rgba(255, 255, 255, 0) 27.09%, var(--task-card-checklist-gradient, rgba(255, 255, 255, 0.6)), rgba(255, 255, 255, 0) 65.07%) 100% 0;
animation: gradientAnimation 4s linear infinite;
}
.b-task-description .b-description-text-translated .line.left {
max-width: 238px;
}
.b-task-description .b-description-text-translated .line.left:before {
background: linear-gradient(217deg, rgba(255, 255, 255, 0) 27.09%, var(--task-card-checklist-gradient, rgba(255, 255, 255, 0.6)), rgba(255, 255, 255, 0) 65.07%) 100% 0;
}
body:not(.classic-font) .b-task-description .b-description-text-translated {
line-height: 21px;
}
.b-task-description .b-description-text-translated .translated-header {
font-weight: bold;
border-top: 1px solid var(--mindmap-menu-item-disabled, #dedede);
padding: 5px 0 5px 0;
margin-top: 7px;
}
.b-task-description .b-description-text-translated .translated-description {
overflow: auto;
}
.b-task-description .b-task-owner-ico {
float: left;
padding: 0 30px 0 10px;
}
.b-task-description .b-task-owner-name {
display: inline-block;
}
.b-task-description .b-task-owner-name a,
.b-task-description .b-task-owner-name a:link {
color: var(--task-card-description-owner-text, #434040);
font-size: 11pt;
font-weight: bold;
text-decoration: none;
}
.b-task-description .b-task-owner-name a:hover {
text-decoration: underline;
}
.b-task-description .b-task-owner-name a:not([href]):hover {
text-decoration: none;
}
.b-task-description .send-domain-status {
cursor: pointer;
padding: 5px 0 0 5px;
}
.b-task-description .b-task-begin-date {
color: var(--grey-action-list, #7F7F7F);
font-size: 16px;
}
.b-task-description .b-task-description-main {
vertical-align: top;
width: 70%;
padding: 5px 40px 5px 0;
}
.b-task-description.b-task-description-hidden .b-task-description-main {
padding-top: 0;
padding-bottom: 0;
}
.b-task-description .b-task-description-main .b-card-control {
margin-right: -40px;
margin-top: 13px;
position: relative;
}
.b-task-description .b-task-description-main .b-card-control .task-description-view-buttons {
margin-bottom: 25px;
margin-top: -43px;
}
.b-task-description .b-task-description-main .b-card-control .task-description-view-buttons .planfix-round-buttons {
border-radius: 6px !important;
font-size: 12px;
width: 50px;
padding: 2px !important;
border: 1px solid var(--drag-container-rc-resize, #E0E0E0);
background: var(--white-black, white);
color: var(--core-dropdown-text, #9C9C9C);
height: 15px;
}
.b-task-description .b-task-description-main .b-card-control .task-description-view-buttons .planfix-round-buttons.task-card-viewmode-button-active {
border: 1px solid var(--viewmode-button-active, #91d8d3);
background: var(--viewmode-button-active, #91D8D3);
color: var(--white-black, white);
cursor: default;
}
.b-task-description .b-task-description-main .b-card-control .task-description-view-buttons .planfix-round-buttons:last-child {
margin-left: 5px;
}
.b-task-description.b-task-description-editable.b-card-control-disabled .b-task-description-main .b-card-control {
/*display: none;*/
visibility: hidden;
}
.b-task-description .b-task-description-main:hover .b-card-control .b-card-control-edit {
/*display: inline-block;*/
visibility: visible;
}
.b-task-description.b-card-control-disabled .b-task-description-main:hover .b-card-control .b-card-control-edit {
/*display: none;*/
visibility: hidden;
}
.b-task-description .task-created-action {
padding-left: 95px;
vertical-align: top;
}
.b-task-description .task-created-action:not(.hide) {
padding-bottom: 10px;
}
.b-task-description .task-created-action td {
font-size: 13px;
vertical-align: top;
}
.b-task-description .task-created-action td.td-action-addition-info.td-text {
padding-left: 0;
}
.td-action-addition-info-emailtext {
margin-left: 24px;
word-break: break-word;
color: var(--gray-dark-icon, #626262);
}
.b-task-description .task-created-action > table {
margin-bottom: 7px;
}
.task-created-action .task-created-action-block-header {
margin-left: -30px;
padding-top: 16px;
}
.task-created-action .task-created-action-block-header > i,
.task-created-action .task-created-action-block-header > span > i {
margin-right: 6px;
vertical-align: bottom;
}
.task-created-action .task-created-action-other-periodicity-reminders,
.task-created-action .task-created-action-other-reminders {
font-size: 13px;
}
.task-created-action .task-created-action-other-periodicity-reminders .periodicity-reminder-summary,
.task-created-action .task-created-action-other-reminders .periodicity-reminder-summary {
margin: 6px 0 6px -30px;
}
.task-created-action .task-created-action-other-periodicity-reminders .periodicity-reminder-summary span,
.task-created-action .task-created-action-other-reminders .periodicity-reminder-summary span {
margin: 0 0 0 6px;
}
.task-created-action .task-created-action-other-periodicity-reminders div[class*="periodicity-reminder-details"],
.task-created-action .task-created-action-other-reminders div[class*="periodicity-reminder-details"] {
display: none;
}
.task-created-action .task-created-action-other-periodicity-reminders div[class*="periodicity-reminder-details"] .grid-container,
.task-created-action .task-created-action-other-reminders div[class*="periodicity-reminder-details"] .grid-container {
display: flex;
width: 100%;
max-width: 500px;
min-width: 410px;
padding: 12px;
margin: 10px 0 15px 0;
border: 0.5px solid var(--grey-list-border, #dedede);
border-radius: 8px;
color: var(--billing-gray-label, #868686);
background: var(--white-black, #fff);
box-sizing: border-box;
}
.task-created-action .task-created-action-other-periodicity-reminders div[class*="periodicity-reminder-details"] .grid-container .periodicity-reminder-grid,
.task-created-action .task-created-action-other-reminders div[class*="periodicity-reminder-details"] .grid-container .periodicity-reminder-grid {
width: 100%;
display: grid;
grid-template-columns: 30% auto;
grid-row-gap: 4px;
grid-column-gap: 18px;
}
.b-task-description .b-task-description-change {
display: none;
padding: 15px 0 5px 80px;
}
.b-task-description .b-task-description-change .task-card-data-edit-buttons {
padding: 0;
font-size: 10pt;
}
.task-project-path {
display: block;
padding-right: 32px;
min-height: 16px;
}
.b-before-green-block .path-ellipses {
display: none;
cursor: pointer;
}
.b-task-data {
position: relative;
background: var(--white-black, #fff);
margin: -10px -10px 30px;
padding: 0 10px;
font-size: 12pt;
display: none;
}
.b-task-data:before,
.b-task-data:after {
content: "";
position: absolute;
z-index: -2;
}
.b-task-data:before {
top: 50%;
bottom: 0;
left: 7px;
right: 7px;
-webkit-box-shadow: 0 0 12px var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
-moz-box-shadow: 0 0 12px var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
-o-box-shadow: 0 0 12px var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
box-shadow: 0 0 12px var(--work-space-dialog-hover-dark, rgba(0, 0, 0, 0.13));
-webkit-border-radius: 100px / 10px;
-moz-border-radius: 100px / 10px;
border-radius: 100px / 10px;
background-clip: padding-box;
}
.b-task-data.b-task-data-template:before {
display: none;
}
.b-task-pull-top-down {
width: 29px;
height: 12px;
margin: 0 auto;
cursor: pointer;
visibility: hidden;
position: relative;
margin-top: -12px;
border-bottom: 1px solid var(--gray-border, #e2e2e2);
border-left: 1px solid var(--gray-border, #e2e2e2);
border-right: 1px solid var(--gray-border, #e2e2e2);
border-radius: 0 0 4px 4px;
overflow: hidden;
}
.b-task-pull-top-down .svg-wr {
width: 12px;
height: 12px;
margin: 0 auto;
line-height: 0;
}
.b-task-pull-top-up {
width: 29px;
height: 12px;
margin: 0 auto;
visibility: hidden;
cursor: pointer;
border-bottom: 1px solid var(--gray-border, #e2e2e2);
border-left: 1px solid var(--gray-border, #e2e2e2);
border-right: 1px solid var(--gray-border, #e2e2e2);
border-radius: 0 0 4px 4px;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-task-pull-top-up .svg-wr {
width: 12px;
height: 12px;
margin: 0 auto;
line-height: 0;
transform: rotate(180deg);
}
.b-task-pull-top-down .svg-wr svg,
.b-task-pull-top-up .svg-wr svg {
width: 12px;
height: 12px;
fill: var(--task-card-pull-svg, #a1a1a1);
}
.b-task-pull-bottom-up {
width: 29px;
height: 12px;
margin: 0 auto;
background: url('/img/ico-pull-bottom-up.gif');
visibility: hidden;
cursor: pointer;
}
.b-task-pull-bottom-down {
width: 29px;
height: 12px;
margin: 0 auto;
background: url('/img/ico-pull-bottom-down.gif');
visibility: hidden;
cursor: pointer;
margin-top: 15px;
}
.b-task-pull-top-down.b-task-pull-visible {
visibility: visible;
}
.b-task-card-container:hover .b-task-pull-visible {
visibility: visible !important;
}
body.mobile .b-task-card-container .b-task-pull-visible {
visibility: visible !important;
}
.actions-menu-placeholder {
float: right;
border: none;
position: relative;
margin-top: 10px;
margin-right: 18px;
}
.b-green-block i.iconset-16px-periodic,
.b-green-block i.iconset-16px-chain,
.b-green-block i.iconset-16px-urgent-task,
.b-green-block i.svg-icon-16px {
vertical-align: bottom;
margin-bottom: 6px;
margin-right: 7px;
cursor: pointer;
}
.b-green-block .task-important {
vertical-align: bottom;
margin-bottom: 5px;
margin-right: 7px;
cursor: pointer;
}
.b-green-block .task-status-icon {
position: relative;
vertical-align: bottom;
margin-bottom: 6px;
margin-right: 8px;
}
.b-green-block i.iconset-16px-urgent-task {
border-radius: 3px;
background-color: #f00;
}
.task-card-periodicity-win {
padding: 0;
max-width: unset;
min-width: max-content;
box-shadow: 0 0 4px 0 var(--dialog-box-shadow-light);
border-radius: 8px;
}
.task-card-periodicity-win .g-popup-win-pointer-pointer {
display: none;
}
.task-card-periodicity-win .task-card-periodicity-info__title {
padding: 20px 16px;
font-size: 18px;
color: var(--confirm-win-head-bg, #4B4B4B);
}
.task-card-periodicity-win .task-card-periodicity-info__content {
padding: 20px 16px 24px;
background: var(--background-color-light-gray, #F7F7F7);
font-size: 15px;
color: var(--text-color, #343434);
}
.task-card-periodicity-win .task-card-periodicity-info__content .tr-tasktype-template {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-top: 9px;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.task-card-periodicity-win .task-card-periodicity-info__content .tr-tasktype-template svg {
width: 16px;
height: 16px;
margin-right: 6px;
}
.task-card-periodicity-win .task-card-periodicity-info__content .tr-tasktype-template svg path {
stroke: var(--default-gray, #808080);
}
.task-card-periodicity-win .task-card-periodicity-info__content span {
display: block;
max-width: 373px;
}
.task-card-periodicity-win .task-card-periodicity-info__content .next-date {
margin-top: 15px;
max-width: 373px;
color: var(--default-gray, #808080);
}
.task-card-periodicity-win .task-card-periodicity-info__btn {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
background: var(--grey-list-border, #DEDEDE);
padding: 16px;
border-radius: 0 0 8px 8px;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.task-card-periodicity-win .task-card-periodicity-info__btn .fakelink-dashed,
.task-card-periodicity-win .task-card-periodicity-info__btn .fakelink-dashed-red,
.task-card-periodicity-win .task-card-periodicity-info__btn .go-to-list {
font-size: 14px;
border-radius: 6px;
padding: 6px 16px 7px;
border: none;
line-height: normal;
margin: 0;
}
.task-card-periodicity-win .task-card-periodicity-info__btn .fakelink-dashed,
.task-card-periodicity-win .task-card-periodicity-info__btn .go-to-list {
background: var(--activeButton, #0fabdd);
color: var(--activeButtonElements, var(--white-black, #ffffff));
margin-right: 8px;
}
.task-card-periodicity-win .task-card-periodicity-info__btn .fakelink-dashed-red {
background: var(--white-black, #ffffff);
color: var(--confirm-win-head-bg, #4B4B4B);
}
.b-task-param-editable {
border-bottom: 1px solid transparent;
}
.b-green-block .b-task-title-wrapper {
cursor: pointer;
display: inline;
}
.b-green-block div.b-task-param-editable {
display: inline;
float: none;
}
.b-green-block div.b-task-param-editable a {
text-decoration: none;
color: #4b4b4b;
}
.b-task-param-editable:hover {
cursor: pointer;
}
.b-task-param-editable.b-task-param-editing:hover {
border-bottom: 1px solid transparent;
cursor: auto;
}
.b-task-param-editable input,
.b-task-param-editable input.text-box {
font-size: 26px;
min-width: 500px;
width: 100%;
}
.b-task-param-editable input:focus {
outline: none;
}
.b-task-param-editable.b-task-param-editing input.text-box {
border: none;
border-bottom: 3px solid #838383;
padding: 0;
}
.b-green-block .b-task-param-editing + .b-dropdown-menu,
.b-task-param-editing + .b-dropdown-menu,
.b-task-param-editing + .b-dropdown-menu + .img-star {
display: none;
}
.task-card-data-edit-buttons {
display: inline-block;
margin-top: 3px;
padding-left: 7px;
vertical-align: top;
}
.task-card-data-edit-buttons.task-card-data-edit-buttons-workers {
display: block;
padding-right: 10px;
padding-top: 5px;
text-align: right;
white-space: nowrap;
}
.log-styled-diff del {
text-decoration: line-through;
color: #999;
}
.log-styled-diff ins {
text-decoration: none;
font-weight: bold;
}
.task-card-worker-link {
display: inline-block;
white-space: nowrap;
line-height: 1.2;
}
.task-card-worker-link .fakelink-dashed {
color: var(--grey-action-list, #7F7F7F);
border-color: var(--grey-action-list, #7F7F7F);
}
.task-card-data-worker-win-wrapper {
position: relative;
margin-left: -15px;
}
.task-card-data-worker-win {
font-size: 13px;
position: absolute;
border-top: 1px solid var(--gray-inner, #eee);
border-bottom: 1px solid var(--gray-inner, #eee);
background-color: var(--white-black, #fff);
box-shadow: 0px 0px 11px var(--viewer-file-container-frame-shadow, #ddd);
display: inline-block;
padding-top: 15px;
padding-bottom: 15px;
z-index: 1;
}
.task-card-data-worker-win-pointer {
width: 0;
height: 0;
position: absolute;
margin-top: -29px;
border: 7px solid transparent;
border-bottom: 7px solid var(--white-black, white);
}
.task-card-data-worker-win-at-top .task-card-data-worker-win-pointer {
top: 100%;
margin-top: 0;
border-top: 7px solid var(--white-black, white);
border-bottom: 7px solid transparent;
}
.task-card-data-worker-win .destroy-button {
float: right;
font-size: 13px;
cursor: pointer;
}
.task-card-data-worker-win .destroy-button i {
margin-left: -30px;
margin-top: -5px;
position: absolute;
z-index: 11;
}
.task-card-data-worker-win .destroy-button:hover .iconset-16px-close {
background-position: 0 -80px;
}
.task-card-data-worker-win .destroy-button:hover .svg-icon-16px.gray {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.task-card-data-worker-win .tbl-card {
position: relative;
}
.task-card-data-worker-win .contact-panel-ico {
position: relative;
left: 10px;
top: 2px;
}
.td-taskview-email .iconset-16px-hint,
.project-card-common-email .iconset-16px-hint {
cursor: pointer;
margin-bottom: 3px;
margin-left: 10px;
vertical-align: bottom;
}
.task-notify {
font-size: 13px;
/*line-height: 1.8;*/
}
.task-notify-current-state {
padding: 8px 15px;
margin-bottom: 30px;
margin-left: 2px;
background: var(--checklist-keyboard-help-bg);
border: 1px dashed var(--gray-input-border);
box-sizing: border-box;
border-radius: 6px;
font-size: 14px;
position: relative;
line-height: 18px;
color: var(--tooltip-actions-color);
}
.task-notify-current-state:after {
content: '';
display: block;
position: absolute;
background: var(--tooltip-actions-after);
border-radius: 6px 0 0 6px;
width: 6px;
left: -1px;
bottom: 0;
top: -1px;
height: calc(100% + 1.5px);
}
.task-notify-current-state a {
color: #1B7FE8;
}
.project-notify .task-notify-current-state {
margin-bottom: 0;
}
.task-notify-current-state .task-notify-current-state-header {
font-weight: bold;
}
.task-notify-current-state ul {
margin: 0;
padding-left: 30px;
}
.task-notify-current-state ul li {
list-style-type: square;
}
.task-notify-channels {
padding-bottom: 20px;
}
.task-notify-channels > div {
display: inline-block;
vertical-align: middle;
}
.task-notify-channels .task-notify-channels-first {
text-align: center;
}
.task-notify-channels .task-notify-channels-left-text {
color: #838383;
}
.task-notify-channels .task-notify-channels-arrow {
padding-left: 15px;
padding-right: 15px;
}
.task-notify-channels ul {
margin: 0;
padding: 0;
}
.task-notify-channels ul li {
list-style-type: none;
}
.task-notify-subscribe-text {
border-top: 1px solid #b6b6b6;
color: #686868;
padding-top: 20px;
}
.task-notify-subscribe-turn-on {
padding-top: 20px;
}
.task-notify-subscribe-turn-on div {
padding-bottom: 20px;
font-weight: bold;
}
.b-top-block-ddl-placeholder-small {
display: none;
}
.task-notify-subscribe-btn-style.btn {
height: 28px;
width: 105px;
outline: none;
font-size: 13px;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.format-view-customSubscribe {
display: flex;
align-items: center;
}
.task-notify-subscribe-span-style {
margin-left: 15px;
color: #686868;
cursor: default;
}
.task-notify-subscribe-btn-off-style {
color: #686868;
border: 1px solid #bbb;
border-radius: 4px;
background: #fff;
height: 25px;
outline: none;
}
.task-notify-subscribe-btn-off-style:hover {
color: #ffffff;
background: #1abe72;
cursor: pointer;
}
.task-card-container-small .b-top-block-ddl-placeholder-small {
display: inline-block;
}
.task-card-container-small .btn-taskcard-top-merge,
.task-card-container-small .b-top-block-ddl-placeholder,
.task-card-container-small .btn-taskcard-top-add-subtask,
.task-card-container-small .btn-taskcard-top-edit,
.task-card-container-small .btn-taskcard-top-complete,
.task-card-container-small .btn-taskcard-top-macros-button,
.task-card-container-small .btn-taskcard-change-status,
.task-card-container-small #btnEdit,
.task-card-container-small #btnRemove,
.task-card-container-small .make-public {
display: none;
}
.b-green-block .b-dropdown-menu {
display: inline-block;
vertical-align: middle;
padding-left: 3px;
padding-bottom: 4px;
margin-right: -5px;
color: #626262;
font-size: 13px;
}
.topPanel-after-green-block {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-bottom: 10px;
}
.topPanel-after-green-block .task-current-state {
padding-bottom: 0px;
margin-bottom: 5px;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 24px;
width: 100%;
justify-content: space-between;
}
.topPanel-after-green-block .task-current-state .task-current-status {
margin-left: 25px;
font-size: 14px;
color: #A7A7A7;
display: flex;
align-items: center;
}
.classic-font .topPanel-after-green-block .task-current-state .task-current-status {
font-size: 12px;
}
.topPanel-after-green-block .task-current-state .task-current-status .status-color-dot span {
margin-left: 0;
}
.topPanel-after-green-block .task-current-state .task-current-expect-date {
margin-right: 25px;
margin-left: 25px;
}
.topPanel-after-green-block .userActiveList-topTask {
position: initial;
margin-right: 15px;
overflow: hidden;
}
.topPanel-after-green-block .userActiveList-topTask.no-users {
display: none;
}
.topPanel-after-green-block .userActiveList-topTask .user-active-list-users {
margin-right: 10px;
}
/*.right-panel-title-contact { // +_+TODO
.user-list-active-now {
margin: 15px 0 0 auto;
padding-right: 10px;
height: 40px;
display: flex;
flex-direction: column;
align-items: flex-end;
overflow: hidden;
.user-active-list {
position: relative;
background: none;
z-index: 10;
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-right: 10px;
height: 30px;
&.no-users {
display: none;
}
.user-active-list-label {
vertical-align: sub;
padding-top: 0px;
min-width: 70px;
margin-left: 10px;
align-self: center;
text-align: end;
}
.user-active-list-users {
display: inline-block;
vertical-align: top;
white-space: nowrap;
max-width: 390px;
overflow: hidden;
}
}
}
}*/
.b-task-description-main .b-description-text-shown img {
max-width: 100%;
/* height: auto; */
}
.b-task-description-main .b-description-text-shown > table {
float: none;
}
.b-task-description-main .b-task-owner-ico > .user-avatar-img {
display: block;
}
.b-task-description-main .b-task-owner-ico .wr-action-from {
float: right;
}
.b-task-description-main .b-task-owner-ico .wr-action-from > img {
position: relative;
top: -15px;
left: 6px;
background-color: white;
box-shadow: 0 0 0 2px var(--white-black, white), inset 0 0 0 0.5px var(--white-black, white);
border-radius: 50px;
width: 16px;
height: 16px;
margin: 2px;
}
.b-task-description-main .b-task-owner-ico .wr-action-from > img#web-chat-api {
border-radius: 9px 9px 0 9px;
}
.b-task-description-main .b-task-owner-ico .wr-action-from > img#whatsapp {
border-radius: 9px 9px 9px 0;
}
.b-task-description-main .dialog-btn-wrapper {
text-align: left;
}
.b-task-description-main .dialog-btn-wrapper .btn-main {
margin: 0 10px 0 0;
}
.b-task-description-main .spoiler-actionlist .spoiler-clickable {
height: 20px;
position: relative;
z-index: 1;
}
.b-task-description-main .spoiler-actionlist .spoiler-clickable .spoiler-taskcard-leftline {
position: relative;
display: inline-block;
border-top: 1px solid #e5e5e5;
width: 10%;
left: 38%;
bottom: 6px;
}
.b-task-description-main .spoiler-actionlist .spoiler-clickable .spoiler-taskcard-circle {
position: relative;
display: inline-block;
left: 39%;
content: "";
height: 17px;
width: 17px;
border-radius: 50%;
border: 1px solid #e5e5e5;
}
.b-task-description-main .spoiler-actionlist .spoiler-clickable .spoiler-taskcard-circle .spoiler-taskcard-TriangleDown {
width: 11px;
margin-left: 3px;
margin-top: -1px;
}
.b-task-description-main .spoiler-actionlist .spoiler-clickable .spoiler-taskcard-circle .spoiler-taskcard-TriangleDown svg > polygon {
fill: #a9a9a9;
}
.b-task-description-main .spoiler-actionlist .spoiler-clickable .spoiler-taskcard-rightline {
position: relative;
display: inline-block;
border-top: 1px solid #e5e5e5;
left: 40%;
width: 10%;
bottom: 6px;
}
.b-task-description-main .spoiler-actionlist .spoiler-clickable:hover .spoiler-taskcard-circle {
background: #00864b;
border-color: #00864b;
}
.b-task-description-main .spoiler-actionlist .spoiler-clickable:hover .spoiler-taskcard-circle svg > polygon {
fill: white;
}
.b-task-description-main .spoiler-actionlist .spoiler-clickable:before {
position: relative;
display: none;
margin-left: 43px;
top: 0;
right: 1px;
background-image: url(/img/svg/triangle-down.svg);
background-position: center center;
background-repeat: no-repeat;
width: 16px;
height: 12px;
content: "";
}
.b-task-description-main .spoiler-actionlist .spoiler-actionlist-shadow-wrapper .spoiler-actionlist-shadow {
background: linear-gradient(rgba(255, 255, 255, 0), var(--background-color-light-gray, #fff));
}
.task-card-status-button {
color: #fff;
/*&:first-child {
margin-left: 0;
}*/
}
.task-card-status-button.macros {
text-align: center;
}
.task-card-status-button.macros.loading {
cursor: default;
pointer-events: none;
}
.task-card-status-button.task-card-status-button-loading {
background-image: url(/img/login/loader_button.gif);
}
.task-current-status-change-dialog {
position: absolute;
z-index: 25;
margin-top: -7px;
}
.task-current-status-change-dialog.has-activation-time {
margin-top: -17px;
border: 1px solid var(--orgtree-add-user-border, #e7e7e7);
background: var(--main-menu-popup-bg, #fff);
box-shadow: 0 0 7px 0 var(--popup-shadow, #bbb);
padding: 10px;
}
.task-current-status-change-dialog .task-change-status-control-status-label {
display: none;
}
.task-current-status-change-dialog .task-change-status-control-date-editor-picker {
top: 60px;
}
.task-current-status-change-dialog .task-change-status-control-date-edit {
margin-bottom: 0;
}
.dark-theme .task-current-status-change-dialog input:not([type="button"]),
.dark-theme .task-current-status-change-dialog .chzn-container .chzn-drop,
.dark-theme .task-current-status-change-dialog .chzn-container .chzn-results .no-results {
background: var(--main-menu-popup-bg);
}
.dark-theme .task-current-status-change-dialog .chzn-search-border {
border-color: var(--grey-list-border);
}
.dark-theme .task-current-status-change-dialog .chzn-search-border,
.dark-theme .task-current-status-change-dialog .chzn-search-border input {
background-color: var(--white-black);
}
.task-current-status-change-dialog .time-picker-container {
background-color: var(--main-menu-popup-bg, #fff);
}
.tr-item-task-card-contact .td-item {
padding-top: 8px;
}
.tr-item-task-card-contact .td-item > span {
margin: 8px 0;
}
.tr-item-task-card-contact .l-center {
vertical-align: top;
padding-top: 16px;
}
.tr-item-task-card-contact .td-item-task-card-contact-name {
font-size: 15px;
padding-right: 20px;
vertical-align: top;
padding-bottom: 4px;
}
.tr-item-task-card-contact .td-item-task-card-contact-name .task-card-contact-post {
margin-bottom: 8px;
}
.tr-item-task-card-contact .task-card-contact-name-wrapper {
padding-top: 8px;
}
.tr-item-task-card-contact .task-card-contact-name {
margin-bottom: 8px;
}
.tr-item-task-card-contact .task-card-contact-post {
font-size: 12px;
color: #838383;
line-height: 12px;
}
.tr-item-task-card-contact .task-card-contact-post a {
font-size: 12px;
color: #838383;
line-height: 12px;
text-decoration: none;
}
.tr-item-task-card-contact .task-card-contact-post a:hover {
text-decoration: underline;
color: #838383;
}
.tr-item-task-card-contact .task-card-contact-companies.task-card-contact-companies-telephony {
padding-left: 20px;
}
.tr-item-task-card-contact .task-card-contact-companies .task-card-contact-company {
padding: 8px 0;
}
.tr-item-task-card-contact .td-padding-l span {
font-size: 15px;
margin-bottom: 16px;
display: inline-block;
}
.task-description-spoiler-text {
position: relative;
}
.task-description-spoiler-text .vanisher {
position: absolute;
top: 0;
height: calc(100% - 20px);
width: 100%;
background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.task-description-spoiler-text .description-container {
overflow: hidden;
}
.task-description-spoiler-text .task-description-spoiler {
height: 20px;
cursor: pointer;
width: 100%;
}
.task-description-spoiler-text .task-description-spoiler .spoiler-clickable {
height: 20px;
position: relative;
z-index: 1;
}
.task-description-spoiler-text .task-description-spoiler .spoiler-clickable .spoiler-taskcard-leftline {
position: relative;
display: inline-block;
border-top: 1px solid #e5e5e5;
width: 10%;
left: 38%;
bottom: 6px;
}
.task-description-spoiler-text .task-description-spoiler .spoiler-clickable .spoiler-taskcard-circle {
position: relative;
display: inline-block;
left: 39%;
content: "";
height: 17px;
width: 17px;
border-radius: 50%;
border: 1px solid #e5e5e5;
}
.task-description-spoiler-text .task-description-spoiler .spoiler-clickable .spoiler-taskcard-circle .spoiler-taskcard-TriangleDown {
width: 11px;
margin-left: 3px;
margin-top: -1px;
}
.task-description-spoiler-text .task-description-spoiler .spoiler-clickable .spoiler-taskcard-circle .spoiler-taskcard-TriangleDown svg > polygon {
fill: #a9a9a9;
}
.task-description-spoiler-text .task-description-spoiler .spoiler-clickable .spoiler-taskcard-rightline {
position: relative;
display: inline-block;
border-top: 1px solid #e5e5e5;
left: 40%;
width: 10%;
bottom: 6px;
}
.task-description-spoiler-text .task-description-spoiler .spoiler-clickable:hover .spoiler-taskcard-circle {
background: #00864b;
border-color: #00864b;
}
.task-description-spoiler-text .task-description-spoiler .spoiler-clickable:hover .spoiler-taskcard-circle svg > polygon {
fill: white;
}
.task-description-spoiler-text .task-description-spoiler .spoiler-clickable:before {
position: relative;
display: none;
margin-left: 43px;
top: 0;
right: 1px;
background-image: url(/img/svg/triangle-down.svg);
background-position: center center;
background-repeat: no-repeat;
width: 16px;
height: 12px;
content: "";
}
.task-info.dialog-error-header {
color: #417897;
background-color: #f6fafe;
border-color: #d8e9fc;
border-right: 0;
border-left: 0;
font-size: 14px;
line-height: 1.4;
}
.taskview-actions {
margin-top: 20px;
}
.taskview-actions:empty {
margin: unset;
}
.task-info + .taskview-actions {
margin-top: 17px;
}
.page-layout-block.cardmenu.leftmenu-container.b-left-block.page-layout-block-first.panel-left-block-hide-at-all {
display: none !important;
}
.page-layout-block.cardmenu.leftmenu-container.b-left-block.page-layout-block-first.panel-left-block-hide-at-all + .page-layout-block {
left: 0 !important;
}
.page-layout-block.cardmenu.leftmenu-container.b-left-block.page-layout-block-first.panel-left-block-hide-at-all + .page-layout-block .page-layout-block-resizer {
display: none !important;
}
.page-layout-block.draw-styles-for-taskCard {
color: var(--text-color, #343434);
}
.page-layout-block.draw-styles-for-taskCard .b-main-block-content .b-main-block {
overflow-y: visible;
overflow-x: visible;
}
.page-layout-block.draw-styles-for-taskCard > .b-main-block-content {
display: flex;
flex-direction: column;
height: 100%;
}
.page-layout-block.draw-styles-for-taskCard > .b-main-block-content > .baron_wrapper {
height: 100%;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description {
border-top: none;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main:empty {
height: 0px;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-task-owner {
display: flex;
margin-left: -1px;
align-items: center;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-task-owner .b-task-owner-ico {
padding-right: 16px;
height: 40px;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-task-owner .b-task-owner-name::after {
display: block;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-task-owner .b-task-info-splitter {
display: flex;
align-items: center;
padding: 7px;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-task-owner .b-task-info-splitter span {
width: 3px;
height: 3px;
border-radius: 100%;
background: var(--black-white, #000000);
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-task-owner .b-task-info-splitter.hidden-block {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-task-owner .b-task-action-tracking {
cursor: pointer;
font-size: 0;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-task-owner .task-owner-info {
display: flex;
flex-direction: column;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-task-owner .task-owner-info .task-owner-info-date {
display: flex;
align-items: center;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-description-text.b-description-text-shown {
margin-top: 5px;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-description-text.b-description-text-shown .dynamic-block-task-desc-style {
padding-top: 5px;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-description-text.b-description-text-shown .dynamic-block-task-desc-style svg {
width: 16px;
height: 16px;
fill: #a9a9a9;
cursor: pointer;
stroke: #a9a9a9;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-description-text.b-description-text-shown .dynamic-block-task-desc-style .dynamic-block-svg {
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
background: url("/img/svg/dynamic-block.svg");
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-accept-container {
padding-left: 65px;
font-size: 15px;
clear: both;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-accept-container .action-reject-button {
font-size: 15px;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-accept-container > span {
display: inline-block;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-accept-container.wide-textarea .status-buttons {
width: 100%;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-accept-container .reject-description-block .action-reject-button-round,
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .b-accept-container .reject-description-block .make-button-reject-link {
font-size: 15px;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .task-created-action-files {
padding-left: 65px;
}
.page-layout-block.draw-styles-for-taskCard .b-task-card-container .b-task-description-main .task-created-action-files:empty {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .drop-down-content-wrapper .b-task-description .b-description-text.empty-description {
width: 100%;
margin-top: 12px;
margin-left: 19px;
padding: 16px 0px 47px 12px;
color: #9c9c9c;
transition: 0.3s;
font-size: 16px;
}
.page-layout-block.draw-styles-for-taskCard .drop-down-content-wrapper .b-task-description .b-description-text.empty-description.description-editable:hover {
background-color: #f7f7f7;
border-radius: 3px;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks {
background: var(--white-black, #ffffff);
border-bottom: 1px solid #f2f2f2;
/*
.b-top-btn {
.b-top-yellow-block {
input[type="button"] {
border: none;
padding: 6px;
color: #ffffff;
outline: none;
margin-right: 6px;
body.classic-font & {
line-height: 16px;
}
&:last-child {
margin-right: 0px;
}
}
}
}
*/
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks.public-account-no-description {
border-bottom: none;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks.public-account-no-description.card-header-smallHeight {
border-bottom: 1px solid #f2f2f2;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks .b-green-block-progress {
margin-bottom: 0px;
padding-bottom: 3px;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks .topPanel-after-green-block {
margin-bottom: 7px;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks .topPanel-after-green-block.hidden-block {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks .b-green-block .b-task-param-editable a {
color: inherit;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks .b-green-block.green-block-in-taskCard {
display: flex;
justify-content: space-between;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks .b-green-block .b-green-block-taskAfterLabel {
display: flex;
flex-shrink: 0;
justify-content: flex-end;
align-items: center;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks.no-border-bottom {
border-bottom: unset;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks.card-header-smallHeight .title-container.title-editing.bottom-margin {
margin-bottom: 40px;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks.card-header-smallHeight .topPanel-after-green-block {
padding: 0 !important;
margin: 0 !important;
height: 0 !important;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks.card-header-smallHeight .topPanel-after-green-block .userActiveList-topTask {
margin-top: -45px;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks.card-header-smallHeight .topPanel-after-green-block .userActiveList-topTask .user-active-list-label {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks.task-is-overdue.card-header-smallHeight .b-green-block > div:first-child a {
color: #d40000;
}
.page-layout-block.draw-styles-for-taskCard.contact-card-container .b-task-card-container {
margin-left: 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel {
display: flex;
justify-content: center;
position: relative;
margin-top: 20px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions-and-task-status {
position: absolute;
background: transparent;
left: 25px;
top: -14px;
z-index: 3;
display: flex;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions-and-task-status .task-card-header-status {
height: 28px;
margin-right: 15px;
padding: 0 8px 0 2px;
border: 1px solid var(--gray-border, #e2e2e2);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions-and-task-status .task-card-header-status .status-text {
padding: 3px 0;
overflow: hidden;
text-overflow: ellipsis;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions-and-task-status .task-card-header-status .until-text {
padding: 3px 0;
border-bottom: 1px solid transparent;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions-and-task-status .task-card-header-status .task-current-status-text-activate-date {
border-bottom: 1px solid transparent;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions-and-task-status .attached-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions-and-task-status .scheduled-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions-and-task-status .stared-count {
font-size: 11px;
margin-top: -2px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions-and-task-status .task-header-icons-container {
display: flex;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions-and-task-status .task-current-status .task-current-status-text {
width: 100%;
white-space: nowrap;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions-and-task-status .task-current-status .task-current-status-text.b-task-param-editing {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions i,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions i {
margin-right: 3px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon {
margin-right: 15px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon .attached-count {
margin-left: 3px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon .attached-count:empty {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-mark-all {
padding: 7px;
height: 14px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon i,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions i,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions i,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions i,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-mark-all i {
margin-right: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-description-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-fields-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-comments-icon {
padding: 7px;
height: 14px;
margin-right: 16px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-description-icon .title-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-fields-icon .title-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon .title-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-comments-icon .title-icon {
position: relative;
top: -1px;
margin-left: 5px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon .attached-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions .attached-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions .attached-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions .attached-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-comments-icon .attached-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon .stared-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions .stared-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions .stared-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions .stared-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-comments-icon .stared-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon .scheduled-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions .scheduled-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions .scheduled-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions .scheduled-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-comments-icon .scheduled-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon .comment-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions .comment-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions .comment-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions .comment-count,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-comments-icon .comment-count {
margin-top: unset;
font-size: 13px;
margin-left: 5px;
position: relative;
top: -1px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper {
position: absolute;
display: flex;
top: -20px;
right: 16px;
flex-direction: row;
align-items: center;
z-index: 3;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .dates-container {
padding: 0;
line-height: unset;
margin-left: 10px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .dates-container .task-current-expect-date {
padding: 7px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .dates-container .task-current-expect-date .b-task-param-editable {
stroke: #626262;
border-bottom: unset;
display: inline-block;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .dates-container.task-empty-date {
font-size: 0;
line-height: unset;
top: -12px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .dates-container:empty {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-current-expect-date .b-task-param-editable-short-data {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .active-users-and-search-wrapper {
display: flex;
align-items: center;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .active-users-container {
right: 18px;
height: 40px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .active-users-container .userActiveList-topTask {
position: unset;
min-width: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .active-users-container .user-active-list-label {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .active-users-container .user-active-list-users {
position: relative;
top: 5px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .active-users-container .user-active-list-users img {
border: 2px solid var(--white-black, #fff);
border-radius: 50% !important;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .active-users-container .user-active-list-users .user-active-list-user img {
box-sizing: border-box;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-search,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-mark-all,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .stared-actions {
background: var(--white-black, white);
margin-left: 10px;
padding: 7px;
border: 1px solid var(--gray-border, #e2e2e2);
-webkit-transition-property: border-color, background-color;
-moz-transition-property: border-color, background-color;
-o-transition-property: border-color, background-color;
-ms-transition-property: border-color, background-color;
transition-property: border-color, background-color;
-webkit-transition-duration: 150ms;
-moz-transition-duration: 150ms;
-o-transition-duration: 150ms;
-ms-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
-ms-transition-timing-function: ease;
transition-timing-function: ease;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-search .svg-icon-stroke.red svg,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-mark-all .svg-icon-stroke.red svg,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .stared-actions .svg-icon-stroke.red svg {
stroke: var(--task-deadline-dead, #fd0000);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-search svg,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-mark-all svg,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .stared-actions svg {
-webkit-transition: stroke 200ms ease;
-moz-transition: stroke 200ms ease;
-o-transition: stroke 200ms ease;
-ms-transition: stroke 200ms ease;
transition: stroke 200ms ease;
stroke: #626262;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-search:hover,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-mark-all:hover,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .stared-actions:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #F5F5F5);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-search.active,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-mark-all.active,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .stared-actions.active {
color: var(--activeButtonElements, var(--white-black, #ffffff));
background-color: var(--activeButton, #00864b);
border-color: var(--activeButton, #00864b);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-search.active i svg,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .task-actions-mark-all.active i svg,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper .stared-actions.active i svg {
stroke: var(--activeButtonElements, var(--white-black, #ffffff));
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper.chat .dates-container,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper.chat .task-actions-search,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper.chat .stared-actions,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper.chat .scheduled-actions,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper.chat .attached-actions,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper.chat .task-actions-mark-all {
margin: 0 0 0 16px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper.chat .dates-container .task-current-expect-date {
color: var(--gray-dark-icon, #626262);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .active-users-and-dates-wrapper.chat .clone-dates-container {
opacity: 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .dates-container,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-fields-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-description-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-search,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-mark-all,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-comments-icon {
display: flex;
align-items: center;
border-radius: 16px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .dates-container:not(:hover):not(.active),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions:not(:hover):not(.active),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-header-status:not(:hover):not(.active),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon:not(:hover):not(.active),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions:not(:hover):not(.active),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-fields-icon:not(:hover):not(.active),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-description-icon:not(:hover):not(.active),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-search:not(:hover):not(.active),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions:not(:hover):not(.active),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-mark-all:not(:hover):not(.active),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-comments-icon:not(:hover):not(.active),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .dates-container.task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions.task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-header-status.task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon.task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions.task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-fields-icon.task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-description-icon.task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-search.task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions.task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-mark-all.task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-comments-icon.task-card-header-status,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .dates-container.dates-container:not(.task-empty-date),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions.dates-container:not(.task-empty-date),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-header-status.dates-container:not(.task-empty-date),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon.dates-container:not(.task-empty-date),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions.dates-container:not(.task-empty-date),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-fields-icon.dates-container:not(.task-empty-date),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-description-icon.dates-container:not(.task-empty-date),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-search.dates-container:not(.task-empty-date),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions.dates-container:not(.task-empty-date),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-mark-all.dates-container:not(.task-empty-date),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-comments-icon.dates-container:not(.task-empty-date) {
background: var(--white-black, white);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .dates-container:not(.task-card-header-status),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .attached-actions:not(.task-card-header-status),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-header-status:not(.task-card-header-status),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .check-list-icon:not(.task-card-header-status),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .stared-actions:not(.task-card-header-status),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-fields-icon:not(.task-card-header-status),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-description-icon:not(.task-card-header-status),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-search:not(.task-card-header-status),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .scheduled-actions:not(.task-card-header-status),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-actions-mark-all:not(.task-card-header-status),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-comments-icon:not(.task-card-header-status) {
cursor: pointer;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-header-status:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #F5F5F5) !important;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-card-header-status:hover .chzn-single {
background-color: var(--task-card-header-status-icons-hover-bg, #F5F5F5);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .header-line-separator {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .header-line-separator .border-center {
border-bottom: 1px solid var(--gray-border, #e2e2e2);
width: 100%;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container {
border-top: 1px solid transparent;
border-bottom: 1px solid #e2e2e2;
overflow: hidden;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-description,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-custom-fields-in-panel,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list {
overflow: auto;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-description::-webkit-scrollbar,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-custom-fields-in-panel::-webkit-scrollbar,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list::-webkit-scrollbar {
width: 5px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-description::-webkit-scrollbar-thumb,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-custom-fields-in-panel::-webkit-scrollbar-thumb,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list::-webkit-scrollbar-thumb {
border: unset;
background-color: #dddddd;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake {
border: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 6px;
background: var(--white-black, #fff);
padding: 16px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list-header,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list-header {
padding-top: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list-header .b-ddl-menu .b-ddl-menu-flex .b-ddl-menu-selected-arrow:hover,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list-header .b-ddl-menu .b-ddl-menu-flex .b-ddl-menu-selected-arrow:hover {
background-color: var(--background-color-light-gray, #f5f5f5);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list-header .b-ddl-menu .b-ddl-menu-flex .checklist-header,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list-header .b-ddl-menu .b-ddl-menu-flex .checklist-header {
font-size: 14px;
font-weight: bold;
color: var(--black-white, #000000);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-element,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-element {
margin-bottom: 2px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-element:last-child,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-element:last-child {
margin-bottom: 4px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .gradient-line,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .gradient-line {
width: 100%;
border-radius: 3px;
height: 8px;
background-color: var(--task-card-add-action-borded, #EAEAEA);
position: relative !important;
animation: gradientAnimation 4s linear infinite;
display: flex;
flex-direction: column;
gap: 10px;
margin: 9px 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .gradient-line:before,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .gradient-line:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 200% 100%;
background: linear-gradient(217deg, rgba(255, 255, 255, 0) 27.09%, var(--task-card-checklist-gradient, rgba(255, 255, 255, 0.6)), rgba(255, 255, 255, 0) 65.07%) 100% 0;
animation: gradientAnimation 4s linear infinite;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .gradient-line.first,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .gradient-line.first {
max-width: 407px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .gradient-line.second,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .gradient-line.second {
max-width: 281px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .gradient-line.third,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .gradient-line.third {
max-width: 332px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .check-list-text .check-list-description,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-element .checkListElement-mainContent-wraper .check-list-text .check-list-description {
font-size: 14px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-edit,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-edit {
margin: 4px 0 0 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-edit .check-list-add-description-wrapper,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-edit .check-list-add-description-wrapper {
border-color: var(--grey-list-border, #dedede);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-edit .check-list-add-description-wrapper textarea,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-edit .check-list-add-description-wrapper textarea {
color: var(--black-white, #000);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row .tbl-check-list .tr-check-list-add,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-add {
margin-top: 4px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list .task-microcard-row-fake .tbl-check-list .tr-check-list-element:hover {
background: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-custom-fields-in-panel {
scrollbar-color: var(--baron-scroller-bar-border, #dadada) var(--background-color-light-gray, #f7f7f7);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-custom-fields-in-panel .task-card-fields-block-rc .switcher {
padding: 0 0 0 14px;
display: flex;
align-items: center;
height: 58px;
border-radius: 6px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-custom-fields-in-panel .task-card-fields-block-rc .switcher .usually-switcher-rc-v2 {
height: 58px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-custom-fields-in-panel .task-card-fields-block-rc .switcher a.help-link svg {
stroke: var(--gray-input-border, #bbbbbb);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-custom-fields-in-panel .task-card-main-fields .tr-item .td-empty {
background: var(--background-color-light-gray, #f7f7f7);
border-bottom: 1px solid var(--task-checklist-employer-border, #e5e5e5);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-custom-fields-in-panel,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .check-list {
padding: 39px 16px 50px 25px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container .task-card-description {
padding: 0 0 50px 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container:not(.no-scroll) .task-card-custom-fields-in-panel,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container:not(.no-scroll) .check-list {
padding: 39px 11px 50px 25px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container:not(.no-scroll) .task-card-description {
padding: 0 0 50px 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container:not(.no-scroll) .task-card-description .task-as-chat .b-task-description-main .b-task-owner,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container:not(.no-scroll) .task-card-description .task-as-chat .b-task-description-main .task-description-chat-wrapper,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container:not(.no-scroll) .task-card-description .task-as-chat .b-task-description-main .task-created-action-files,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll-container:not(.no-scroll) .task-card-description .task-as-chat .b-task-description-main .task-created-action {
margin-right: 11px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll {
padding: 0 30px 30px;
box-sizing: border-box;
width: 100%;
background: var(--background-color-light-gray, #f7f7f7);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll .tr-check-list-add .add-newCheck-container {
border: 1px solid var(--grey-list-border, #dedede);
background: var(--white-black, #fff);
border-radius: 6px;
padding: 4px 7px !important;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .common-scroll:empty {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .tr-check-list-add {
margin-left: 18px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .tr-check-list-add {
margin-left: 25px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .tbl-check-list-header.task-created-action-block-header {
width: 100%;
padding-top: 17px;
min-width: 450px;
font-size: 13px;
color: #626262;
padding-bottom: 5px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .tbl-check-list-header.task-created-action-block-header > span:first-child {
vertical-align: bottom;
font-size: 0px;
display: inline-block;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-as-chat-editor .b-task-description .b-task-description-main .task-description-editor {
margin: 24px 0 0 25px;
width: 100%;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-as-chat-editor .b-task-description .b-task-description-main .task-description-editor.inline-editor-container .cke_top {
border: unset !important;
padding: 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-as-chat-editor .b-task-description .b-task-description-main .task-description-editor.inline-editor-container > .planfix-ckeditor-element {
padding: 17px 0 18px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-as-chat-editor body.cke_editable {
font-size: 16px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .task-as-chat-editor iframe html body {
font-size: 16px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description {
border-top: unset;
margin-bottom: unset;
padding-right: 25px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat {
background: transparent;
padding-right: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main {
width: 100%;
padding: 39px 0 0 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .b-task-owner {
margin: 0 16px 0 25px;
padding: 15px 20px;
background: var(--white-black, #FFFFFF);
border-radius: 6px;
border: 1px solid var(--grey-list-border, #DEDEDE);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .b-task-owner .b-task-owner-name a,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .b-task-owner .task-owner-info-date .b-task-begin-date {
font-size: 14px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper {
margin: 16px 16px 0 25px;
background: var(--white-black, #FFFFFF);
border-radius: 6px;
border: 1px solid var(--grey-list-border, #DEDEDE);
position: relative;
padding: 24px 20px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .b-description-text {
margin: unset;
min-height: 112px;
font-size: 14px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .b-description-text.b-description-text-shown {
padding: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .b-description-text.description-editable {
font-size: 14px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .b-description-text.description-editable:hover {
background-color: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .b-description-text-translated {
padding: 15px 0 5px 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-editor {
margin: 0 0 0 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-editor .cke {
margin: unset;
padding: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-editor .cke .cke_inner {
margin: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .toolbar-bottom {
padding-bottom: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
gap: 8px;
position: absolute;
width: 100%;
top: 8px;
right: 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons .b-card-control {
margin: 0 8px 0 0;
float: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons .b-edit-description,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons .quote-plus,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons .b-action-translate {
cursor: pointer;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons .b-edit-description:hover svg,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons .quote-plus:hover svg,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons .b-action-translate:hover svg {
stroke: var(--gray-dark-icon, #626262);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons .b-card-control .b-card-control-menu {
margin: unset;
float: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons .b-card-control .b-card-control-menu .b-ddl-menu-flex {
display: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons .b-card-control .b-card-control-menu .b-ddl-menu-flex .b-ddl-menu-selected {
padding: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper .task-description-chat-buttons .b-card-control .b-card-control-menu .b-ddl-menu-flex .b-ddl-menu-selected-arrow {
padding: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-description-chat-wrapper.small-height {
margin-bottom: 110px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action-files {
margin: 8px 16px 0 25px;
padding: 20px 16px 0 16px;
background: var(--white-black, #FFFFFF);
border: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 6px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action-files .file-attached-block-new {
margin: 0 26px 20px 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action {
margin: 8px 16px 0 25px;
border-radius: 6px;
background: transparent;
padding: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-analitics,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-reminders,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-periodicity-reminders {
padding: 20px 16px;
border: 1px dashed var(--grey-list-border, #dedede);
background: var(--white-black, #FFFFFF);
border-radius: 6px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-analitics .periodicity-reminder-summary,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-reminders .periodicity-reminder-summary,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-periodicity-reminders .periodicity-reminder-summary {
margin: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-analitics .task-created-action-block-header,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-reminders .task-created-action-block-header,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-periodicity-reminders .task-created-action-block-header,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-analitics .actions-item-normal-bubble-string,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-reminders .actions-item-normal-bubble-string,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-periodicity-reminders .actions-item-normal-bubble-string {
padding: unset;
margin: unset;
display: flex;
align-items: center;
font-size: 14px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-analitics .task-created-action-block-header .count-analitic,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-reminders .task-created-action-block-header .count-analitic,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-periodicity-reminders .task-created-action-block-header .count-analitic,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-analitics .actions-item-normal-bubble-string .count-analitic,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-reminders .actions-item-normal-bubble-string .count-analitic,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-periodicity-reminders .actions-item-normal-bubble-string .count-analitic {
border-bottom: unset;
padding: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-analitics.separated,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-reminders.separated,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .task-created-action .task-created-action-other-periodicity-reminders.separated {
margin-bottom: 10px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .bottom-panel-target {
position: fixed;
bottom: 0;
margin: 24px 0 0 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .bottom-panel-target .dialog-bottom-panel-button-rc {
height: 64px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-task-description-main .bottom-panel-target .dialog-bottom-panel-button-rc .buttons-list .dialog-btn {
border-radius: 6px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description.task-as-chat .b-description-text-shown:not(.empty-description) {
padding-top: 23px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main {
padding: 25px 0 0 8px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner {
display: flex;
align-items: center;
padding-left: 30px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-task-owner-ico {
padding: 0 10px 0 0;
float: unset;
position: relative;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-task-owner-ico .wr-action-from {
position: absolute;
font-size: 0;
bottom: -5px;
right: 5px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-task-owner-ico .wr-action-from > img {
position: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .task-owner-info {
display: flex;
flex-direction: row;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .task-owner-info .task-owner-info-date {
display: flex;
align-items: center;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-edit-description,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-action-translate {
display: flex;
cursor: pointer;
margin: 0 4px 0 5px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-edit-description:hover svg,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-action-translate:hover svg {
stroke: var(--gray-dark-icon, #626262);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-edit-description.b-action-translate,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-action-translate.b-action-translate {
margin-top: 5px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-card-control {
margin: 0px -20px 0 0;
display: flex;
align-items: center;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-card-control .task-description-view-buttons {
margin: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-card-control .task-description-view-buttons .planfix-round-buttons {
margin: 0 3px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-card-control .quote-plus {
margin-left: 5px;
cursor: pointer;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-task-owner .b-card-control .quote-plus:hover svg {
stroke: var(--gray-dark-icon, #626262);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-description-text.b-description-text-shown:not(.empty-description),
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .task-created-action-files,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-description-text.b-description-additional-data,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .b-description-text-translated {
padding-left: 30px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .task-detail-compressed-view {
border-bottom: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .task-detail-compressed-view .td-label {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .task-description-editor {
padding: unset;
margin: 5px 0 0 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .task-description-editor .cke_reset {
border: unset;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .b-task-description-main .task-description-editor .cke_reset.cke_inner {
margin-left: 5px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .b-task-description .task-created-action {
padding-left: 62px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper {
height: 0;
width: 100%;
position: absolute;
z-index: 2;
margin-top: 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .btn-task-drop-down-menu {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .btn-task-drop-down-menu .js-edit-save {
position: relative;
right: 25px;
font-weight: 400;
border-radius: 6px;
font-size: 14px;
line-height: 17px;
bottom: 17px;
padding: 7px 11px 9px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .btn-close-edit-desc i {
background-color: var(--activeFilter);
border-color: var(--activeFilter);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .btn-close-edit-desc i svg {
stroke: var(--white-black, #ffffff);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .close-task-drop-down-menu {
position: relative;
font-size: 0;
height: 0;
display: flex;
justify-content: center;
bottom: 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .close-task-drop-down-menu i {
cursor: pointer;
border: 1px solid #E2E2E2;
padding: 6px;
border-radius: 50%;
position: absolute;
top: -12px;
background: white;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .close-task-drop-down-menu i svg {
stroke: #AFAFAF;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .close-task-drop-down-menu:hover i {
border: 1px solid var(--task-deadline-dead, #fd0000);
transform: rotateZ(-90deg);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .close-task-drop-down-menu:hover i svg {
stroke: var(--task-deadline-dead, #fd0000);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .close-task-drop-down-menu i,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .close-task-drop-down-menu svg {
height: 10px;
width: 10px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .close-task-drop-down-menu i {
border-color: var(--gray-border, #E2E2E2);
background-color: var(--white-black, white);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .close-task-drop-down-menu i svg {
stroke: var(--task-card-add-action-icons, #AFAFAF);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .drop-down-content-wrapper .close-task-drop-down-menu:hover i {
background: var(--white-black, white);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .attached-actions-and-task-status {
flex-direction: column;
align-items: flex-start;
min-width: 200px;
max-width: calc(100% - 300px);
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .attached-actions-and-task-status .task-card-header-status {
margin-bottom: 10px;
max-width: 100%;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .active-users-and-dates-wrapper {
flex-direction: column;
align-items: flex-end;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .active-users-and-dates-wrapper .active-users-container {
padding-right: unset;
padding-bottom: 3px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .active-users-and-dates-wrapper.empty-active-users {
top: -21px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .active-users-and-dates-wrapper.empty-active-users .active-users-container {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .active-users-and-search-wrapper {
margin-bottom: 3px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .active-users-and-search-wrapper .task-actions-search,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .active-users-and-search-wrapper .task-actions-mark-all {
margin: 7px 0 7px 10px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .dates-container .task-current-expect-date .b-task-param-editable:not(.b-task-param-editable-settaskdates) {
display: none;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .dates-container .task-current-expect-date .b-task-param-editable-short-data {
font-size: 13px;
display: inline-block;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized:not(.task-as-chat) .active-users-and-dates-wrapper {
flex-direction: row;
align-items: center;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized:not(.task-as-chat) .active-users-and-dates-wrapper .active-users-and-search-wrapper {
margin-bottom: 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .b-task-description.task-as-chat .b-task-description-main {
padding: 70px 0 0 0;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .common-scroll-container .task-card-custom-fields-in-panel,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.minimized .common-scroll-container .check-list {
padding: 70px 16px 50px 25px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.only-icon .task-card-description-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.only-icon .task-card-fields-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.only-icon .check-list-icon,
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.only-icon .task-card-comments-icon {
padding: 7px;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel .gradient-block {
width: 100%;
height: 50px;
background: linear-gradient(180deg, var(--white-black, #fff) 0%, var(--task-card-header-gradient2, rgba(255, 255, 255, 0.88)) 60%, var(--task-card-header-gradient3, rgba(255, 255, 255, 0)) 100%);
position: absolute;
top: 1px;
z-index: 1;
}
.page-layout-block.draw-styles-for-taskCard .task-card-header-additional-panel.expanded .gradient-block {
background: linear-gradient(180deg, var(--background-color-light-gray, #f7f7f7) 0%, var(--task-card-header-gradient2, rgba(247, 247, 247, 0.88)) 60%, var(--task-card-header-gradient3, rgba(247, 247, 247, 0)) 100%);
z-index: 3;
pointer-events: none;
}
.page-layout-block.draw-styles-for-taskCard .taskCard-header-data-blocks {
border-bottom: none;
}
.page-layout-block.draw-styles-for-taskCard.task-card-container-small .b-top-btn .b-top-yellow-block .b-top-block-ddl-placeholder-small,
.task-card-container-small.conf-create .b-top-btn .b-top-yellow-block .b-top-block-ddl-placeholder-small {
display: inline-block;
vertical-align: top;
margin-top: 20px;
margin-left: -3px;
}
.page-layout-block.status-ban .task-card-header-additional-panel .quote-plus {
display: none;
}
.b-ddl-menu .b-ddl-menu-selected-arrow {
overflow: visible;
}
.three-horizontal-dots-container {
background-color: rgba(var(--activeButtonRgb, 26, 190, 114), 0.7);
width: 28px;
height: 28px;
display: inline-block;
overflow: hidden;
border-radius: 6px;
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.three-horizontal-dots-container:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.three-horizontal-dots-container:active {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
.three-horizontal-dots-container .three-horizontal-dots {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: 100%;
align-items: center;
}
.three-horizontal-dots-container .three-horizontal-dots svg {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
padding-bottom: 2px;
padding-top: 2px;
}
.three-horizontal-dots-container .three-horizontal-dots svg path {
fill: var(--activeButtonElements, var(--white-black, #ffffff));
}
.task-current-status .task-current-status-text,
.task-current-status-control .task-current-status-text {
color: var(--black-white, #000000);
}
.task-current-status .task-current-status-label,
.task-current-status-control .task-current-status-label {
display: none;
}
.task-current-status .task-current-status-label.task-current-status-label-visible,
.task-current-status-control .task-current-status-label.task-current-status-label-visible {
display: inline;
}
.task-current-status .status-color-dot,
.task-current-status-control .status-color-dot {
display: inline-block;
vertical-align: middle;
}
.task-current-status .status-color-dot span,
.task-current-status-control .status-color-dot span {
width: 12px;
height: 12px;
display: block;
border-bottom: none !important;
border-radius: 50%;
margin-left: 5px;
margin-right: 5px;
}
.task-current-status .status-text,
.task-current-status-control .status-text {
color: var(--black-white, #000000);
border-bottom: 1px solid transparent;
}
.task-current-status .status-tooltip,
.task-current-status-control .status-tooltip {
margin: 0 0 0 15px;
vertical-align: sub;
cursor: pointer;
}
.task-current-status .status-tooltip svg,
.task-current-status-control .status-tooltip svg {
display: block;
}
.td-task-name .task-important {
font-size: 13px;
border-radius: 14px;
padding: 0 7.4px 2px;
}
.task-status-icon {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
padding: 2px;
border-radius: 4px;
width: 14px;
height: 14px;
margin-right: 4px;
}
.task-status-icon svg {
stroke: white;
width: 14px;
height: 14px;
fill: none !important;
}
.planner-block-list .b-group-val .task-status-icon {
width: 12px;
height: 12px;
}
.planner-block-list .b-group-val .task-status-icon svg {
width: 12px;
height: 12px;
}
.svg-icon-periodic-task {
margin-right: 4px;
}
.task-important {
font-size: 13px;
border-radius: 14px;
padding: 0 7.4px 2px;
font-style: normal;
color: var(--white-black, #FFFFFF);
display: inline-block;
}
.classic-font .task-important {
font-size: 11px;
/*font-weight: bold;*/
padding: 0 2px;
}
.classic-font .b-green-block .task-important {
margin-top: 2px;
font-size: 13px;
border-radius: 14px;
padding: 2px 7.2px 2px;
}
.search-field-block {
width: auto;
padding: 5px 0px 5px 0px;
border: 1px solid var(--gray-border, #e0e0e0);
border-radius: 5px;
background: var(--white-black, #fff);
display: flex;
height: 20px;
margin: 0px 10px 15px 25px;
}
.search-field-block .search-field {
font-size: 13px;
width: 100%;
border: none;
background: none;
outline: none;
margin-left: 5px;
margin-top: 1px;
}
.search-field-block .clear-search-field {
display: none;
margin-top: 2px;
padding-right: 10px;
padding-left: 10px;
cursor: pointer;
}
.search-field-block .clear-search-field svg {
width: 10px;
height: 10px;
stroke: var(--toggle-switcher-lock, #828282);
}
.task-multiple-objects-name-change,
.task-object-change {
display: none;
}
.object-chosen {
width: 100%;
}
.auto-size-textarea {
font-size: 26px;
color: var(--task-card-title-text, #4B4B4B);
width: 100%;
box-sizing: border-box;
min-height: 31px;
overflow: hidden;
resize: none;
border: none;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
padding: unset;
}
.auto-size-textarea.formula-text-box,
.auto-size-textarea.task-custom-field-val {
font-size: 13px;
}
.auto-size-textarea.formula-text-box {
min-height: 55px;
border: 1px solid var(--gray-input-border, #bbb);
}
.auto-size-textarea.as-input {
border: none;
border-bottom: 1px solid var(--gray-input-border, #bbb);
padding: 5px;
min-height: 27px;
}
.auto-size-textarea-report {
width: 474px;
min-height: 46px;
padding: 8px 8px;
resize: none;
outline: none;
word-wrap: break-word;
}
.taskCard-header-data-blocks .b-green-block {
overflow: unset;
}
.taskCard-header-data-blocks .b-green-block .card-header {
display: flex;
flex-direction: column;
float: unset;
padding: unset;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.taskCard-header-data-blocks .b-green-block .card-header.per-line {
flex-direction: row;
}
.taskCard-header-data-blocks .b-green-block .card-header.per-line .title-and-active-users {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.taskCard-header-data-blocks .b-green-block .card-header.per-line .title-and-active-users .active-users-container {
display: none;
}
.taskCard-header-data-blocks .b-green-block .card-header.per-line .macros-container {
display: none;
}
.taskCard-header-data-blocks .b-green-block .card-header.per-line .eye-container {
align-items: unset;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container .status-buttons > span,
.taskCard-header-data-blocks .b-green-block .card-header .macros-container .macros,
.taskCard-header-data-blocks .b-green-block .card-header .macros-container .contact-spamButton {
margin-left: unset;
margin-right: 5px;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container .macros {
min-height: 16px;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container .status-buttons {
display: inline-block;
margin-top: 15px;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container .status-buttons:empty {
display: none;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-and-active-users,
.taskCard-header-data-blocks .b-green-block .card-header .macros-and-eye {
display: flex;
flex-direction: row;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-and-active-users .title-container,
.taskCard-header-data-blocks .b-green-block .card-header .macros-and-eye .title-container,
.taskCard-header-data-blocks .b-green-block .card-header .title-and-active-users .macros-container,
.taskCard-header-data-blocks .b-green-block .card-header .macros-and-eye .macros-container {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-and-active-users .eye-container,
.taskCard-header-data-blocks .b-green-block .card-header .macros-and-eye .eye-container,
.taskCard-header-data-blocks .b-green-block .card-header .title-and-active-users .active-users-container,
.taskCard-header-data-blocks .b-green-block .card-header .macros-and-eye .active-users-container {
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-and-active-users .eye-container,
.taskCard-header-data-blocks .b-green-block .card-header .macros-and-eye .eye-container {
width: 37px;
position: relative;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-and-active-users .eye-container .b-ddl-menu,
.taskCard-header-data-blocks .b-green-block .card-header .macros-and-eye .eye-container .b-ddl-menu {
position: absolute;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-and-eye {
padding-top: 8px;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-and-active-users {
color: var(--task-card-title-text, #4B4B4B);
font-size: 26px;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-and-active-users .userActiveList-topTask {
min-width: 40px;
position: unset;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-and-active-users .userActiveList-topTask .user-active-list-label {
display: none;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-container.title-editing.bottom-margin {
margin-bottom: 40px;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-container.title-editing .b-task-param-editing {
border-bottom: 3px solid var(--black-white, black);
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .title-and-eye-menu {
display: flex;
flex-direction: row;
color: var(--task-card-title-text, #4B4B4B);
font-size: 26px;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .title-and-eye-menu .eye-menu-container,
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .title-and-eye-menu .top-buttons-menu-container {
margin-top: 4px;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .title-container {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .title-container .favorite-item {
height: 24px;
width: 24px;
margin-left: 8px;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .title-container .favorite-item svg {
padding: 4px;
margin-bottom: -4px;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .title-container .favorite-item:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
border-radius: 6px;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .title-container .favorite-item .loader {
margin: 5px 2px 1px 5px;
display: inherit;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .title-container .b-ddl-menu {
margin: -4px 0;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .title-container .b-ddl-menu:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
border-radius: 6px;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .eye-menu-container,
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .top-buttons-menu-container {
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
color: #626262;
font-size: 13px;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .eye-menu-container.eye-menu-container,
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .top-buttons-menu-container.eye-menu-container {
display: flex;
align-items: center;
margin-left: auto;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .eye-menu-container.eye-menu-container .b-ddl-menu,
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .top-buttons-menu-container.eye-menu-container .b-ddl-menu {
padding: 2px 1px 2px 4px;
border-radius: 6px;
margin: 0 3px;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .eye-menu-container.eye-menu-container .b-ddl-menu:hover,
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .top-buttons-menu-container.eye-menu-container .b-ddl-menu:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .top-buttons-menu-container {
display: inline-flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin-left: 8px;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .top-buttons-menu-container .common-buttons {
position: relative;
height: 16px;
padding: 3px 0;
border-radius: 4px;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .top-buttons-menu-container .common-buttons:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .top-buttons-menu-container .common-buttons .b-ddl-menu-selected-arrow {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
height: 22px;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .reject-description-block .title-reject-description {
color: #3ba3d0;
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .reject-description-block .reject-description-textarea {
border-bottom: 3px solid #3ba3d0;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container {
font-size: 15px;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container.wide-textarea .status-buttons {
width: 100%;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container.wide-textarea .status-buttons .reject-description-block .reason-for-declining-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container.wide-textarea .status-buttons .reject-description-block .reason-for-declining-block .object-edit-field-input {
width: 100%;
margin-right: 16px;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container.wide-textarea .status-buttons .reject-description-block .reason-for-declining-block .dialog-bottom-panel-button-rc {
height: unset;
background-color: unset;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container.wide-textarea .status-buttons .reject-description-block .reason-for-declining-block .dialog-bottom-panel-button-rc .buttons-list {
margin-right: 0;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container.wide-textarea .status-buttons .reject-description-block .reason-for-declining-block .dialog-bottom-panel-button-rc .buttons-list .dialog-btn {
min-width: 107px;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container.wide-textarea .planfix-round-buttons.macros {
display: none;
}
.taskCard-header-data-blocks .b-green-block .card-header .macros-container.wide-textarea .contact-spamButton {
display: none;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-container {
padding-right: 40px;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-container .js-task-title,
.taskCard-header-data-blocks .b-green-block .card-header .title-container .b-task-title-wrapper {
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
word-break: break-word;
}
.taskCard-header-data-blocks .b-green-block .card-header .title-container .js-task-title:hover,
.taskCard-header-data-blocks .b-green-block .card-header .title-container .b-task-title-wrapper:hover {
color: var(--activeSlider, #1abe72);
}
.taskCard-header-data-blocks .b-green-block .card-header.task-as-chat .macros-container .status-buttons {
min-height: 58px;
}
.taskCard-header-data-blocks.one-line-title .title-and-eye-menu {
white-space: nowrap;
}
.taskCard-header-data-blocks.one-line-title .title-and-eye-menu .js-task-title {
white-space: nowrap;
}
.taskCard-header-data-blocks.one-line-title .card-header.task-as-chat {
max-width: 100%;
}
.taskCard-header-data-blocks.one-line-title .card-header .title-container {
display: flex;
align-items: center;
max-width: calc(100% - 160px);
padding-right: 57px;
}
.taskCard-header-data-blocks.one-line-title .card-header .title-container .b-task-param-editable {
display: flex;
max-width: 100%;
align-items: center;
}
.taskCard-header-data-blocks.one-line-title .card-header .title-container .b-task-param-editable .js-task-title {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.taskCard-header-data-blocks.one-line-title .card-header .title-container .b-task-param-editable.b-task-param-editing {
width: 100%;
}
.taskCard-header-data-blocks.one-line-title .card-header .title-container .favorite-item {
margin-top: 4px;
}
.taskCard-header-data-blocks.one-line-title .card-header .title-container .b-dropdown-menu {
margin-top: 8px;
}
.taskCard-header-data-blocks.one-line-title .card-header .title-container .b-task-title-wrapper {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.taskCard-header-data-blocks.one-line-title .card-header .title-container .task-status-icon,
.taskCard-header-data-blocks.one-line-title .card-header .title-container .task-important {
margin-bottom: 0;
}
.task-current-status {
position: relative;
}
.task-current-status .task-current-status-change-dialog {
margin: unset;
}
.task-current-status .task-current-status-change-dialog:not(.has-activation-time) {
position: unset;
}
.task-current-status .task-current-status-change-dialog.has-activation-time {
align-self: flex-start;
}
.task-current-status .task-current-status-change-dialog .chzn-container {
margin-left: 7px;
}
.task-current-status .task-current-status-change-dialog .chzn-container .chzn-single {
border-bottom: unset;
padding: unset;
}
.task-current-status .task-current-status-text {
display: flex;
align-items: center;
}
.task-current-status .task-current-status-text.b-task-param-editable {
border-bottom: unset;
cursor: pointer;
}
.hoverable-icon-task-card-header {
border: 1px solid var(--gray-border, #e2e2e2);
-webkit-transition-property: border-color, background-color;
-moz-transition-property: border-color, background-color;
-o-transition-property: border-color, background-color;
-ms-transition-property: border-color, background-color;
transition-property: border-color, background-color;
-webkit-transition-duration: 150ms;
-moz-transition-duration: 150ms;
-o-transition-duration: 150ms;
-ms-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
-ms-transition-timing-function: ease;
transition-timing-function: ease;
}
.hoverable-icon-task-card-header .svg-icon-stroke.red svg {
stroke: var(--task-deadline-dead, #fd0000);
}
.hoverable-icon-task-card-header svg {
-webkit-transition: stroke 200ms ease;
-moz-transition: stroke 200ms ease;
-o-transition: stroke 200ms ease;
-ms-transition: stroke 200ms ease;
transition: stroke 200ms ease;
stroke: #626262;
}
.hoverable-icon-task-card-header:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #F5F5F5);
}
.hoverable-icon-task-card-header.active {
color: var(--activeButtonElements, var(--white-black, #ffffff));
background-color: var(--activeButton, #00864b);
border-color: var(--activeButton, #00864b);
}
.hoverable-icon-task-card-header.active i svg {
stroke: var(--activeButtonElements, var(--white-black, #ffffff));
}
.task-owner-info .b-task-action-tracking {
cursor: pointer;
font-size: 0;
}
.task-owner-info .b-task-info-splitter {
display: flex;
align-items: center;
padding: 7px;
}
.task-owner-info .b-task-info-splitter span {
width: 3px;
height: 3px;
border-radius: 100%;
background: var(--black-white, #000000);
}
.task-owner-info .b-task-info-splitter.hidden-block {
display: none;
}
.common-hover:hover {
background-color: var(--task-card-header-status-icons-hover-bg, #f5f5f5);
border-radius: 6px;
}
.search-field-block .clear-actions-search-field {
padding: 2px 3px;
height: 16px;
margin-right: 5px;
display: none;
cursor: pointer;
}
.search-field-block .clear-actions-search-field i,
.search-field-block .clear-actions-search-field svg {
width: 10px;
height: 10px;
}
.search-field-block .clear-actions-search-field i {
font-size: 0;
margin: 3px 0;
}
.search-field-block .clear-actions-search-field:hover i {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.search-by-results {
display: flex;
margin: 0 10px 15px 25px;
}
.search-by-results .search-element {
padding: 7px;
background-color: var(--white-black, #ffffff);
text-align: center;
cursor: pointer;
transition: all 150ms ease-in-out;
border: 1px solid var(--gray-border, #e2e2e2);
border-radius: 6px;
font-size: 13px;
color: var(--task-card-search-text, #8a8a8a);
width: 50%;
}
.search-by-results .search-element:first-of-type {
margin-right: 10px;
}
.search-by-results .search-element:hover {
-webkit-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
-moz-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
-o-box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
box-shadow: inset 0 0 0 1px var(--task-card-action-draft-shadow-hover, rgba(0, 0, 0, 0.45));
}
.search-by-results .search-element.active {
color: var(--activeButtonElements, #ffffff);
background: var(--activeButton, #0fabdd);
}
.task-card-empty-bubble {
margin: 40px 0 45px;
display: flex;
flex-direction: column;
align-items: center;
font-size: 14px;
}
.task-card-empty-bubble span {
font-size: 18px;
color: #626262;
margin: 24px 0;
}
.task-card-empty-bubble .icon {
background-image: url("/img/empty/svgEmpty15.svg");
width: 220px;
height: 220px;
}
.task-card-empty-bubble.empty-comments .icon {
background-image: url("/img/empty/svgEmpty15.svg");
}
.task-card-empty-bubble.action-done .icon {
background-image: url("/img/empty/svgEmpty13.svg");
}
.task-card-empty-bubble .btn-main {
border-radius: 4px;
}
.task-card-empty-bubble .svg-icon {
margin-bottom: 25px;
}
.task-created-action-like {
display: flex;
align-items: center;
}
.task-created-action-like:hover svg {
stroke: var(--gray-dark-icon, #626262);
}
.task-created-action-like .like-icon svg {
width: 12px;
height: 12px;
}
.task-created-action-like .action-like {
display: flex;
align-items: center;
height: 15px;
padding: 0;
}
.task-created-action-like .num-like {
padding: 0 3px 1px 0;
font-size: 12px;
}
.b-task-description.task-as-chat .task-created-action-like .action-like {
position: absolute;
bottom: 10px;
right: 16px;
display: flex;
align-items: center;
height: 15px;
padding: 0;
}
.b-task-description.task-as-chat .task-created-action-like .action-like svg {
width: 14px;
height: 14px;
}
.class-partial-update-interface-cards .b-main-block {
display: flex;
height: 100%;
padding: 0;
}
.class-partial-update-interface-cards .task-card-wrapper {
width: 100%;
}
.class-partial-update-interface-cards .taskview-actions {
margin-top: 0;
}
.class-partial-update-interface-cards .b-bottom-btn {
display: none !important;
}
@keyframes gradientAnimation {
0% {
background-size: 200% 100%;
background-position: 100% 0;
}
50% {
background-size: 200% 100%;
background-position: 0 0;
}
100% {
background-size: 200% 100%;
background-position: 100% 0;
}
}
@media print {
.report-edit-tab .b-before-green-block {
display: none;
}
}
.flex-time-picker {
padding: 18px 0;
position: relative;
}
.log-ftp-title-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 13px;
}
.log-ftp-title-row .log-date {
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #777777;
}
.log-ftp-title-row .instruments-block {
display: flex;
}
.log-ftp-title-row .instruments-block .filter-item-block {
display: flex;
flex-direction: column;
padding: 4px;
border-radius: 5px;
}
.log-ftp-title-row .instruments-block .filter-item-block.active {
background-color: var(--task-card-header-status-icons-hover-bg, #eaeaea);
}
.log-ftp-title-row .instruments-block .filter-item-block:hover {
cursor: pointer;
background-color: var(--task-card-header-status-icons-hover-bg, #eaeaea);
}
.log-ftp-title-row .instruments-block .filter-item-block i.svg-icon-stroke.filtered svg circle {
fill: var(--activeButton, #898989);
stroke: var(--activeButton, #898989);
}
.log-ftp-title-row .instruments-block .filter-item-block i.svg-icon-stroke.filtered svg line {
stroke: var(--activeButtonElements, #fff);
}
.td-item-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.td-item-wrapper .svg-icon-link {
margin-left: auto;
}
.td-item-wrapper .td-task-name-link {
white-space: normal;
line-height: 1.2em;
}
.td-item-wrapper .td-task-name-link .strong {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.td-item-wrapper .td-task-name-link a.webhook-info {
user-select: none;
}
.td-item-wrapper .td-task-name-link a.webhook-info:hover {
border-bottom: 1px dotted #25BB69;
}
.td-item-wrapper .td-task-name-link .fit-item {
word-break: break-word;
}
.billing-hint .log-billing-hint-block {
display: flex;
align-items: center;
flex-direction: column;
margin-top: 215px;
}
.billing-hint .log-billing-hint-block .log-billing-hint-text {
text-align: center;
max-width: 210px;
padding-top: 55px;
}
.billing-hint .log-billing-hint-block .log-billing-hint-svg {
background-image: url('/img/svg/svgLogBilling.svg');
width: 167px;
height: 169px;
}
.trigger-exec-cell {
width: 16px;
height: 16px;
margin-left: auto;
}
.trigger-exec-svg svg {
stroke: #808080;
}
.task-summary .td-sort,
.task-summary .tr-item .td-sort {
padding: 0;
width: 16px;
}
.task-summary .td-label,
.task-summary .tr-item .td-label {
padding-left: 0px;
color: var(--task-card-add-action-svg-path, #808080);
vertical-align: top;
}
.task-summary .td-value,
.task-summary .tr-item .td-value {
padding-left: 7px;
}
.task-summary .td-value .file-attached-block-new,
.task-summary .tr-item .td-value .file-attached-block-new {
line-height: normal;
position: relative;
}
.task-summary .td-value .file-attached-block-new:last-child .file-attached-block-new-text,
.task-summary .tr-item .td-value .file-attached-block-new:last-child .file-attached-block-new-text {
padding-bottom: 2px;
}
.task-summary .td-value .file-attached-block-new:last-child .file-attached-block-new-name,
.task-summary .tr-item .td-value .file-attached-block-new:last-child .file-attached-block-new-name {
padding-bottom: 2px;
}
.task-summary .td-value .upload-file-block.upload-file-block-existing:hover,
.task-summary .tr-item .td-value .upload-file-block.upload-file-block-existing:hover {
background-color: inherit;
}
.task-summary .td-value .upload-existing-file-data .file-thereis-newer,
.task-summary .tr-item .td-value .upload-existing-file-data .file-thereis-newer {
font-size: 8pt;
}
.task-summary .sort-item {
cursor: url("/img/openhand.cur"), move;
display: block;
height: 14px;
width: 6px;
}
.task-summary .sort-item svg {
height: 14px;
width: 10px;
fill: var(--gray-ico, #a9a9a9);
}
.task-summary .tr-shadow td {
background: var(--task-bg-action-bg, #f6f6f6);
height: 35px;
}
.tbl-card .tr-item td.td-field-value-file {
line-height: normal;
}
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .upload-file-block-new {
border-color: var(--white-black, #fff);
box-shadow: none;
}
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .task-attachment-del {
display: none;
}
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active.td-field-value-file {
padding-left: 2px;
padding-right: 2px;
padding-top: 4px;
padding-bottom: 10px;
}
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active.td-field-value-file .iconset-16px-attachment {
margin-left: 8px;
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active {
background: #3ba3d0;
color: var(--white-black, #fff);
cursor: default;
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .upload-file-block.upload-file-block-existing,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .upload-file-block.upload-file-block-existing {
margin-left: 0;
padding-left: 8px;
margin-top: 0;
box-sizing: border-box;
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .upload-file-block.upload-file-block-existing .ufb-existing-file-row td,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .upload-file-block.upload-file-block-existing .ufb-existing-file-row td {
line-height: normal;
font-size: 9pt;
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .upload-file-block.upload-file-block-existing:hover,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .upload-file-block.upload-file-block-existing:hover {
background-color: var(--white-black, #fff);
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .upload-file-block.upload-file-block-existing:hover .task-attachment-del,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .upload-file-block.upload-file-block-existing:hover .task-attachment-del {
display: inline-block;
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .upload-file-block.upload-file-block-existing:hover .ufb-existing-file-row a,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .upload-file-block.upload-file-block-existing:hover .ufb-existing-file-row a,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .upload-file-block.upload-file-block-existing:hover .ufb-existing-file-row span,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .upload-file-block.upload-file-block-existing:hover .ufb-existing-file-row span {
color: var(--date-picker-navigation-svg, #777);
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover a[href],
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active a[href],
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover a[href]:hover,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active a[href]:hover,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover > span,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active > span {
color: var(--white-black, #fff);
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .file-attached-block-name,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .file-attached-block-name,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .file-attached-block-new-links,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .file-attached-block-new-links,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .task-card-worker-link,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .task-card-worker-link,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .task-importance-text,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .task-importance-text,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover.td-taskview-enddate *,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active.td-taskview-enddate *,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover.td-taskview-startdate *,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active.td-taskview-startdate *,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover.td-taskview-duration *,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active.td-taskview-duration *,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .fakelink-dashed,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .fakelink-dashed {
color: var(--white-black, #fff) !important;
border-color: var(--white-black, #fff) !important;
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .file-attached-block-name::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .file-attached-block-name::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .file-attached-block-new-links::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .file-attached-block-new-links::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .task-card-worker-link::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .task-card-worker-link::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .task-importance-text::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .task-importance-text::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover.td-taskview-enddate *::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active.td-taskview-enddate *::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover.td-taskview-startdate *::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active.td-taskview-startdate *::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover.td-taskview-duration *::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active.td-taskview-duration *::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .fakelink-dashed::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .fakelink-dashed::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .file-attached-block-name * ::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .file-attached-block-name * ::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .file-attached-block-new-links * ::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .file-attached-block-new-links * ::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .task-card-worker-link * ::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .task-card-worker-link * ::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .task-importance-text * ::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .task-importance-text * ::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover.td-taskview-enddate * * ::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active.td-taskview-enddate * * ::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover.td-taskview-startdate * * ::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active.td-taskview-startdate * * ::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover.td-taskview-duration * * ::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active.td-taskview-duration * * ::selection,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .fakelink-dashed * ::selection,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .fakelink-dashed * ::selection {
background: var(--white-black, #fff);
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover input[type=text],
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active input[type=text],
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover select,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active select {
outline: none;
border: none;
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .upload-file-block-new input[type=text],
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .upload-file-block-new input[type=text],
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .upload-file-block-new select,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .upload-file-block-new select {
border: 1px solid var(--switcher-with-label-box-bg, #cbcbcb);
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover input[type=checkbox],
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active input[type=checkbox] {
outline: none;
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .iconset-16px-attachment,
.tbl-card .tr-item .td-field-value-editable.td-field-value-editable-active .iconset-16px-attachment {
background-position: 0 -2816px;
}
.tbl-card .tr-item .qe-field-editable-nobg-highlight.td-field-value-editable-active,
.tbl-card .tr-item.tr-item-active .qe-field-editable-nobg-highlight:hover {
border-left: 5px solid #3ba3d0;
padding-left: 5px;
}
.tbl-card .tr-item.tr-item-active .nobg-highlight,
.tbl-card .tr-item.tr-item-active .qe-field-editable-nobg-highlight {
background-color: transparent;
}
.tbl-card .tr-item.tr-item-active .nobg-highlight .upload-file-block.upload-file-block-existing:hover,
.tbl-card .tr-item.tr-item-active .qe-field-editable-nobg-highlight .upload-file-block.upload-file-block-existing:hover {
background-color: transparent;
}
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .fakelink-dashed a,
.tbl-card .tr-item.tr-item-active .td-field-value-editable:hover .fakelink-dashed {
color: var(--white-black, #fff);
border-bottom-color: var(--white-black, #fff);
}
.tbl-card .tr-item.tr-item-active.project-card-common-date .td-field-value-editable:hover .project-card-item-text {
color: var(--white-black, #fff) !important;
border-color: var(--white-black, #fff) !important;
}
.tbl-card .tr-item.tr-field-value-editable-active > td {
background: var(--task-bg-action-bg, #F6F6F6);
}
.b-task-card-workers .b-task-card-workers-space:last-child,
.b-task-card-members .b-task-card-workers-space:last-child {
display: none;
}
.task-card-data-custom-value-text:not(.value-color-field-wr) {
display: block;
/* overflow: hidden; - если его включить*/
/*иначе пропадает нижний бордер у справочников если включить overflow, но тогда на этот пиксель поля скачут при редактировании */
/*padding-bottom: 1px;*/
}
.task-card-data-custom-location-map {
height: 300px;
width: 100%;
max-width: 100%;
margin-top: 10px;
box-sizing: border-box;
}
.task-summary:not(.handbook-item-tbl).moving-styles-for-detail {
display: flex;
align-items: center;
font-size: 15px;
}
.task-summary:not(.handbook-item-tbl).moving-styles-for-detail .td-label {
padding-bottom: 4px;
padding-top: 4px;
border-bottom: 1px solid var(--gray-light-border, #bebebe);
margin: 0px;
}
.task-summary:not(.handbook-item-tbl).moving-styles-for-detail .sort-item {
margin-right: 10px;
}
.task-summary tr-shadow,
.task-card-main-fields:not(.handbook-item-tbl) tr-shadow {
background: #3ba3d0;
height: 35px;
}
.task-summary .tr-item,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item {
display: flex;
flex-direction: row;
}
.task-summary .tr-item.group,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item.group {
padding-top: 8px;
}
.task-summary .tr-item.group .task-create-panel-expander-group,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item.group .task-create-panel-expander-group {
display: block;
width: 0;
height: 0;
border-left: 5px solid var(--black-white, #000000);
border-right: 5px solid transparent;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
content: '';
margin-left: 2px;
margin-top: 5px;
transition: 0.1s;
}
.task-summary .tr-item.group.active .task-create-panel-expander-group,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item.group.active .task-create-panel-expander-group {
margin-top: 8px;
transform: rotate(90deg);
}
.task-summary .tr-item .td-sort,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .td-sort {
display: flex;
align-items: flex-start;
flex-shrink: 0;
}
.task-summary .tr-item .td-sort .sort-item,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .td-sort .sort-item {
padding-top: 40px;
padding-right: 3px;
}
.task-summary .tr-item .task-detail-compressed-view,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view {
display: flex;
flex-direction: column;
padding-bottom: 2px;
border-bottom: 1px solid var(--task-checklist-employer-border, #e5e5e5);
cursor: pointer;
width: 100%;
min-width: 150px;
margin-right: 5px;
}
.task-summary .tr-item .task-detail-compressed-view.group,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view.group {
flex-direction: inherit;
padding-top: 8px;
background: var(--grey-list-border, #dfdfdf);
margin-bottom: 6px;
}
.task-summary .tr-item .task-detail-compressed-view .td-label,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-label {
padding-left: 0;
margin-left: 0;
margin-bottom: 5px;
margin-top: 15px;
font-size: 12px;
transition: margin 0.15s, height 0.15s;
height: 18px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.task-summary .tr-item .task-detail-compressed-view .td-label.no-value,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-label.no-value {
font-size: 15px;
margin-top: 38px;
margin-bottom: 6px;
height: 22px;
}
.task-summary .tr-item .task-detail-compressed-view .td-label.no-value + .td-value,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-label.no-value + .td-value {
max-height: 0;
min-height: 0;
margin-bottom: 0;
overflow: hidden;
}
.task-summary .tr-item .task-detail-compressed-view .td-label.no-value + .td-value input.text-box,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-label.no-value + .td-value input.text-box {
max-height: 0;
padding: 0;
}
.task-summary .tr-item .task-detail-compressed-view .td-label.group,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-label.group {
margin-top: 0;
font-size: 15px;
margin-left: 9px;
height: 20px;
margin-bottom: 3px;
}
.task-summary .tr-item .task-detail-compressed-view .td-label.no-cut-field,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-label.no-cut-field {
height: auto;
min-height: 18px;
text-overflow: unset;
overflow: unset;
white-space: unset;
}
.task-summary .tr-item .task-detail-compressed-view .td-label span,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-label span {
font-weight: bold;
color: #dc0049;
margin: 0 3px;
}
.task-summary .tr-item .task-detail-compressed-view .td-value,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value {
margin-top: 0;
padding-left: 0;
margin-bottom: 10px;
padding-bottom: 0;
font-size: 15px;
color: var(--black-white, black);
/* баг в яндекс браузере 19.09 #370781 */
word-break: break-word;
max-height: 100000px;
min-height: 18px;
transition: max-height 0.15s, min-height 0.15s, margin-bottom 0.15s;
}
.task-summary .tr-item .task-detail-compressed-view .td-value.td-value-with-input-text,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value.td-value-with-input-text {
max-height: 18px;
}
.task-summary .tr-item .task-detail-compressed-view .td-value input.text-box,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value input.text-box {
max-height: 18px;
padding: 5px;
transition: max-height 0.15s, padding 0.15s;
}
.task-summary .tr-item .task-detail-compressed-view .td-value.analitic-total-value,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value.analitic-total-value {
display: flex;
}
.task-summary .tr-item .task-detail-compressed-view .td-value.analitic-total-value .task-card-data-custom-value-text,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value.analitic-total-value .task-card-data-custom-value-text {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.task-summary .tr-item .task-detail-compressed-view .td-value :not(.chzn-search):not(.tr-activation-date):not(.timepicker-block) > input[type='text']:not(.skip-rule),
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value :not(.chzn-search):not(.tr-activation-date):not(.timepicker-block) > input[type='text']:not(.skip-rule) {
border: none;
background: none;
outline: none;
padding-left: 0;
margin-left: 0;
font-size: 15px;
margin-top: -5px;
margin-bottom: -5px;
}
.task-summary .tr-item .task-detail-compressed-view .td-value a:not(.chzn-single):not(.custom-plashka-element):hover,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value a:not(.chzn-single):not(.custom-plashka-element):hover {
color: var(--task-status-color, #25BB69);
}
.task-summary .tr-item .task-detail-compressed-view .td-value select,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value select {
border: none;
margin-left: 0;
padding-bottom: 8px;
padding-top: 2px;
margin-bottom: -10px;
font-size: 15px;
}
.task-summary .tr-item .task-detail-compressed-view .td-value select.input-type-select,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value select.input-type-select {
margin-top: -5px;
margin-bottom: -5px;
padding-bottom: 5px;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .task-card-data-custom-value-color .chzn-container,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .task-card-data-custom-value-color .chzn-container {
margin: -5px 0;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .chzn-container,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .chzn-container {
margin-bottom: -9px;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .chzn-single,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .chzn-single {
border-bottom: none;
font-size: 15px;
padding-bottom: 4px;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .input-type-select,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .input-type-select {
border: none;
background: none;
padding-left: 0;
margin-left: 0;
outline: none;
margin-bottom: 8px;
width: 100%;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .svg-email-disabled,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .svg-email-disabled {
padding-right: 5px;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .svg-email-disabled svg,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .svg-email-disabled svg {
fill: #e63223;
margin-bottom: -8px;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .task-card-data-custom-value-text a,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .task-card-data-custom-value-text a {
margin-bottom: 0;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .svg-arrow-left,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .svg-arrow-left {
margin: 0 0 0 8px;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .svg-arrow-left svg,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .svg-arrow-left svg {
width: 10px;
height: 10px;
fill: var(--gray-ico, #a9a9a9);
transform: rotate(270deg);
}
.task-summary .tr-item .task-detail-compressed-view .td-value .subordinates-list a,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .subordinates-list a {
color: var(--grey-action-list, #7F7F7F) !important;
}
.task-summary .tr-item .task-detail-compressed-view .td-value.td-field-value-disabled,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value.td-field-value-disabled {
margin-bottom: 4px !important;
display: flex;
align-items: center;
}
.task-summary .tr-item .task-detail-compressed-view .td-value.td-field-value-disabled .project-card-item-text,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value.td-field-value-disabled .project-card-item-text {
border: none;
color: var(--link-color-gray, #9d9d9d);
text-decoration-color: var(--link-color-gray, #9d9d9d);
text-decoration-style: solid;
text-decoration-line: line-through;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .task-detail-edit-chosen-wrapper,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .task-detail-edit-chosen-wrapper {
line-height: 0;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .task-detail-edit-chosen-wrapper .chzn-choices,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .task-detail-edit-chosen-wrapper .chzn-choices {
padding-left: 0;
margin-right: 0;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .task-detail-edit-chosen-wrapper .value-color-field,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .task-detail-edit-chosen-wrapper .value-color-field {
font-size: 15px;
line-height: initial;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .value-color-field-wr,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .value-color-field-wr {
margin-top: -5px;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .value-color-field-wr.left-side,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .value-color-field-wr.left-side {
margin-left: 0;
}
.task-summary .tr-item .task-detail-compressed-view .td-value .dynamic-block-task-desc-style svg,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .dynamic-block-task-desc-style svg {
width: 16px;
height: 16px;
fill: var(--task-card-title-text, #4B4B4B);
cursor: pointer;
stroke: var(--task-card-title-text, #4B4B4B);
}
.task-summary .tr-item .task-detail-compressed-view .td-value .dynamic-block-task-desc-style .dynamic-block-svg,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .dynamic-block-task-desc-style .dynamic-block-svg {
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
background: url("/img/svg/dynamic-block.svg");
}
.task-summary .tr-item .task-detail-compressed-view .td-value .template-deleted,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-value .template-deleted {
text-decoration: line-through;
}
.task-summary .tr-item .task-detail-compressed-view .detail-field-value-non-edit,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .detail-field-value-non-edit {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
}
.task-summary .tr-item .task-detail-compressed-view .detail-field-value-non-edit .task-email-icon,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .detail-field-value-non-edit .task-email-icon {
margin-left: auto;
}
.task-summary .tr-item .task-detail-compressed-view .detail-field-value-active.chzn-container-multi .chzn-choices,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .detail-field-value-active.chzn-container-multi .chzn-choices,
.task-summary .tr-item .task-detail-compressed-view .td-item-qe-editable .chzn-container-multi .chzn-choices,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .td-item-qe-editable .chzn-container-multi .chzn-choices {
background-color: var(--white-black, #ffffff) !important;
}
.task-summary .tr-item .task-detail-compressed-view .detail-field-value-active .chzn-container-multi .chzn-choices,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .detail-field-value-active .chzn-container-multi .chzn-choices {
background: none;
}
.task-summary .tr-item .task-detail-compressed-view .detail-field-value-active.no-r-pad,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .detail-field-value-active.no-r-pad {
padding-right: 0;
}
.task-summary .tr-item .task-detail-compressed-view .details-value-font-size,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .task-detail-compressed-view .details-value-font-size {
font-size: 15px;
color: var(--black-white, black);
}
.task-summary .tr-item .detail-editable:hover:not(.detail-editor),
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .detail-editable:hover:not(.detail-editor) {
padding-bottom: 0;
border-bottom: 3px solid #3ba3d0;
}
.task-summary .tr-item .detail-editable:hover:not(.detail-editor) .td-label:not(.label-error),
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .detail-editable:hover:not(.detail-editor) .td-label:not(.label-error) {
color: #3ba3d0;
}
.task-summary .tr-item .detail-editable:hover:not(.detail-editor) .td-value a:not(.chzn-single):not(.custom-plashka-element),
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .detail-editable:hover:not(.detail-editor) .td-value a:not(.chzn-single):not(.custom-plashka-element) {
text-decoration: none !important;
}
.task-summary .tr-item .detail-editable:hover:not(.detail-editor) .td-value a:not(.chzn-single):not(.custom-plashka-element):hover,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .detail-editable:hover:not(.detail-editor) .td-value a:not(.chzn-single):not(.custom-plashka-element):hover {
color: var(--task-status-color, #25BB69);
text-decoration: none !important;
}
.task-summary .tr-item .detail-compressed-active:not(.detail-editor):not(.box-error),
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .detail-compressed-active:not(.detail-editor):not(.box-error) {
border-bottom: 3px solid var(--grey-label, #838383) !important;
padding-bottom: 0;
}
.task-summary .tr-item .detail-compressed-active:not(.detail-editor):not(.box-error) .detail-editor,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .detail-compressed-active:not(.detail-editor):not(.box-error) .detail-editor {
padding-bottom: 2px;
border-bottom: 1px solid var(--task-checklist-employer-border, #e5e5e5) !important;
}
.task-summary .tr-item .box-error,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .box-error {
border-bottom: 3px solid #dc0049 !important;
}
.task-summary .tr-item .box-error .td-value,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .box-error .td-value {
color: #dc0049;
background: rgba(255, 0, 0, 0.03);
}
.task-summary .tr-item .detail-has-select,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item .detail-has-select {
border-bottom: 1px solid var(--task-checklist-employer-border, #e5e5e5) !important;
}
.task-summary .tr-item.cf-location,
.task-card-main-fields:not(.handbook-item-tbl) .tr-item.cf-location {
flex-direction: column;
}
.task-summary .tr-item:first-child .td-sort .sort-item {
padding-top: 24px;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-shadow {
background: var(--task-bg-action-bg, #F6F6F6);
height: 35px;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed {
display: flex;
flex-direction: row;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .task-detail-compressed-view {
min-width: 120px;
position: relative;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .task-detail-compressed-view .td-label {
margin-top: 16px;
padding-right: 0;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .task-detail-compressed-view .td-label input {
outline: none;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .task-detail-compressed-view .task-card-field-quick-add-analitic {
position: absolute;
top: 41px;
right: 0px;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .detail-in-main-margin {
margin-left: 35px;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .detail-in-main-margin:first-child {
margin-left: 0;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .td-empty {
width: 100%;
background: var(--white-black, #ffffff);
margin-right: 24px;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .td-empty.td-shadow {
background: var(--task-bg-action-bg, #F6F6F6);
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .td-sort {
border-top: none;
border-bottom: none;
margin-left: 35px;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .td-sort:first-child {
margin-left: 0;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .td-sort:hover {
background: none;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .td-sort .sort-item {
padding-right: 10px;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed:hover {
background: none;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed:hover .td-sort {
background: none;
}
.task-card-main-fields:not(.handbook-item-tbl) .tr-flush-for-compressed .td-second-col-start {
border-top: none;
}
.tbl-taskpfnetwork .tr-common-item:hover {
background-color: var(--white-black, #ffffff);
}
.tbl-taskpfnetwork .td-task-name {
cursor: default;
overflow: hidden;
border-left-color: var(--gray-border, #e2e2e2) !important;
}
.tbl-taskpfnetwork .td-task-name > div {
display: flex;
align-items: center;
}
.tbl-taskpfnetwork .td-task-name .svg-icon-24px {
margin-right: 7px;
}
.tbl-taskpfnetwork .td-task-name .svg-icon-24px svg {
border-radius: 50px;
}
.tbl-taskpfnetwork .td-task-name.td-head {
overflow: unset;
}
.tbl-taskpfnetwork .svg-icon-remove {
cursor: pointer;
}
.task-create-panel-expander-group {
display: block;
width: 0;
height: 0;
border-left: 5px solid #000000;
border-right: 5px solid transparent;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
content: '';
margin-left: 2px;
margin-top: 5px;
}
.task-create-panel-expander-group.active {
margin-top: 8px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
border-bottom: 5px solid transparent;
}
.task-custom-field-val.date.hasDatepicker {
float: left;
width: 80px;
margin-right: 5px;
outline: none;
}
.task-custom-field-val.hasDatepicker {
text-align: center;
}
.timepicker-block {
position: relative;
float: left;
}
.timepicker-block .task-custom-field-val.time {
outline: none;
width: 142px;
text-align: center;
}
.timepicker-block.no-float {
float: none;
}
.timepicker-block .timepicker {
z-index: 1;
position: absolute;
border: 1px solid #bbbbbb;
}
.timepicker-block .timepicker .time-picker-container {
padding: 10px;
}
.task-create-field-input .timepicker-block .timepicker,
.task-card-data-custom-value-edit .timepicker-block .timepicker,
.handbook-item-add-field-input .timepicker-block .timepicker {
z-index: 100;
}
.task-card-data-custom-value-edit input.text-box {
box-sizing: content-box !important;
}
.yandex-suggest-dropdown,
.two-gis-suggest-dropdown,
.tomtom-suggest-dropdown,
.geoapify-suggest-dropdown,
.mapbox-suggest-dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: var(--main-menu-popup-bg);
max-height: 200px;
max-width: 300px;
overflow-y: auto;
z-index: 9999;
}
.yandex-suggest-dropdown .suggest-item,
.two-gis-suggest-dropdown .suggest-item,
.tomtom-suggest-dropdown .suggest-item,
.geoapify-suggest-dropdown .suggest-item,
.mapbox-suggest-dropdown .suggest-item {
padding: 8px;
cursor: pointer;
user-select: none;
white-space: normal;
word-break: break-word;
line-height: 18px;
height: fit-content;
min-height: 18px;
}
.yandex-suggest-dropdown .suggest-item:hover,
.two-gis-suggest-dropdown .suggest-item:hover,
.tomtom-suggest-dropdown .suggest-item:hover,
.geoapify-suggest-dropdown .suggest-item:hover,
.mapbox-suggest-dropdown .suggest-item:hover {
background-color: var(--main-menu-popup-bg-hover);
}
.yandex-suggest-dropdown .suggest-item.is-active,
.two-gis-suggest-dropdown .suggest-item.is-active,
.tomtom-suggest-dropdown .suggest-item.is-active,
.geoapify-suggest-dropdown .suggest-item.is-active,
.mapbox-suggest-dropdown .suggest-item.is-active {
background-color: var(--main-menu-popup-bg-hover);
}
.ctrl-wr .timepicker-block .timepicker {
position: static;
z-index: 100;
}
.task-create-container .task-name {
width: 518px;
padding: 5px 5px 4px;
border-bottom: 1px solid var(--gray-input-border, #bbbbbb);
background: var(--white-black, #ffffff);
}
.task-create-container .timepicker-block .task-custom-field-val.time {
margin-top: 0;
}
.task-change-date-input .timepicker {
width: 140px;
position: absolute;
left: 140px;
border: 1px solid #bbbbbb;
}
.task-change-date-input .timepicker .time-picker-container {
padding: 5px;
}
.td-taskview-importance .task-importance-text.task-importance-\#000000 {
color: var(--black-white, #000000);
}
.td-taskview-importance .task-importance-text.task-importance-\#FF0000 {
color: #ff0000;
}
.task-card-fields {
padding-left: 65px;
}
.contact-card-container .task-card-fields {
padding-left: 0;
}
.task-card-main-fields {
table-layout: fixed;
}
.task-card-main-fields > tbody > tr > td {
border-bottom: 1px solid var(--task-checklist-employer-border, #eee);
}
.task-card-main-fields > tbody > tr > td.no-bottom-border {
border-bottom-color: var(--white-black, #fff);
}
.task-card-main-fields > tbody > tr > td.td-label {
max-width: 170px;
}
.task-card-main-fields > tbody > tr > td.td-space {
border-bottom: none;
width: 50px;
}
.task-card-main-fields > tbody > tr > td.td-empty {
width: 40%;
}
.task-card-main-fields > tbody > tr > td.td-shadow {
background: var(--task-bg-action-bg, #f6f6f6);
}
.task-card-main-fields > tbody > tr:first-child > td {
border-top: 1px solid var(--task-checklist-employer-border, #eee);
}
.task-card-main-fields > tbody > tr:first-child > td.td-space {
border-top: none;
width: 50px;
}
.task-card-main-fields .td-sort,
.task-card-main-fields .tr-item .td-sort {
padding: 0;
width: 16px;
}
.task-card-main-fields .td-label,
.task-card-main-fields .tr-item .td-label {
padding-left: 0;
padding-right: 10px;
color: var(--td-first-child, #808080);
}
.task-card-main-fields .td-value,
.task-card-main-fields .tr-item .td-value {
padding-left: 10px;
/*убрал для корректного расчета ширина контрола автокомплита гугл карт*/
/*padding-right: 20px;*/
}
.task-card-main-fields .sort-item {
cursor: url("/img/openhand.cur"), move;
display: block;
height: 14px;
width: 6px;
}
.task-card-main-fields .sort-item svg {
height: 14px;
width: 10px;
fill: #a9a9a9;
}
.task-card-main-fields .tr-shadow td {
background: #f6f6f6;
height: 35px;
}
.task-card-main-fields.tbl-card .tr-item.tr-item-active .td-space {
background: none;
}
.remind-tab {
display: none;
margin: 0;
}
.remind-tab .remind-tab-info-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.remind-tab .remind-tab-text-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-top: 14px;
}
.remind-tab .remind-tab-text-container .remind-tab-text-wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.remind-tab.active {
display: block;
}
.remind-tab dt {
display: block;
color: var(--planner-schedule-free-day, #a2a2a2);
font-size: 18px;
font-weight: bold;
margin-top: 17px;
line-height: 21px;
padding-bottom: 5px;
}
.remind-tab dt.remind-tab-i-date-today {
color: var(--black-white, #000000);
font-weight: bold;
}
.remind-tab dt:first-letter {
text-transform: uppercase;
}
.remind-tab.remind-tab-template dt:first-child {
margin-top: 30px;
}
.remind-tab dd {
position: relative;
display: block;
background: var(--white-black, #fff);
box-shadow: 0 1px 2px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
border-radius: 12px;
padding: 15px 11px 9px 13px;
margin: 16px 0 0;
}
.remind-tab dd:hover .remind-tab-i-icodone svg,
.remind-tab dd:hover .remind-tab-i-edit svg {
display: block;
}
.remind-tab dd.remind-tab-empty {
background: none;
border: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
box-shadow: none;
}
.remind-tab dd.remind-tab-empty .btn-remind-new {
background: var(--activeButton);
color: var(--activeButtonElements);
}
.remind-tab dd.remind-tab-empty .svg-icon-done {
display: inline-block;
position: relative;
}
.remind-tab dd.remind-tab-empty .svg-icon-unset {
display: inline-block;
position: relative;
}
.remind-tab dd.remind-tab-empty .svg-img {
background-image: url("/img/empty/svgEmpty15.svg");
width: 220px;
height: 220px;
opacity: var(--emptyIconOpacity, 1);
}
.remind-tab dd.remind-tab-empty span {
display: inline-block;
line-height: normal;
text-align: center;
}
.remind-tab dd.remind-tab-empty span .remind-tab-empty-ico {
width: 61px;
height: 61px;
display: inline-block;
}
.remind-tab dd.remind-tab-empty span .remind-tab-empty-ico svg {
width: 61px;
height: 61px;
}
.remind-tab dd.remind-tab-empty span b {
display: block;
margin-top: 30px;
color: var(remind-tab-empty span, var(--chosen-text, #333333));
font-weight: normal;
max-width: 370px;
font-size: 16px;
line-height: 19px;
}
.remind-tab dd.remind-tab-empty .remind-main-top {
margin-top: 25px;
min-width: unset;
}
.remind-tab dd.remind-tab-empty .remind-main-top input {
padding: 7px 32px 8px;
border-radius: 6px;
border: none;
color: var(--white-black, #FFFFFF);
font-size: 14px;
cursor: pointer;
}
.remind-tab dd.remind-tab-empty .remind-main-top input:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.remind-tab dd .remind-tab-i-edit {
margin-left: 9px;
cursor: pointer;
}
.remind-tab dd .remind-tab-i-edit svg {
display: none;
}
.remind-tab dd .remind-tab-i-icodone {
cursor: pointer;
}
.remind-tab dd .remind-tab-i-icodone svg {
display: none;
}
.remind-tab dd .remind-tab-i-time {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 12px;
color: var(--task-card-date-block-meta-text, #b6b6b6);
}
.remind-tab dd .periodicity {
margin-right: 10px;
margin-top: 2px;
}
.remind-tab dd .remind-tab-i-description {
display: block;
color: var(--black-white, #000000);
font-size: 15px;
margin-bottom: 10px;
width: 100%;
}
.classic-font .remind-tab dd .remind-tab-i-description {
font-size: 14px;
}
.remind-tab dd .remind-tab-i-user-avatar {
width: 24px;
height: 24px;
margin: 0 8px 8px 0;
}
.remind-main-top {
min-width: 550px;
}
.remind-main-top .btn {
margin-right: 3px;
}
.display-mode-container {
margin-top: 20px;
}
.display-mode-container .display-mode-label {
font-size: 16px;
line-height: 1.33;
font-weight: 600;
color: var(--task-card-title-text, #4b4b4b);
}
.display-mode-container .display-mode-set-block .display-mode-switchers-block {
margin-top: 12px;
}
.display-mode-container .display-mode-set-block .display-mode-switchers-block > div {
color: var(--gray-dark-icon, #626262);
background-color: var(--white-black, #ffffff);
border: 1px solid var(--mindmap-menu-item-disabled, #dedede);
padding: 5px 16px;
border-bottom-color: transparent;
}
.display-mode-container .display-mode-set-block .display-mode-switchers-block > div:first-child {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.display-mode-container .display-mode-set-block .display-mode-switchers-block > div:last-child {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-color: var(--mindmap-menu-item-disabled, #dedede);
}
.display-mode-container .display-mode-set-block .display-mode-switchers-block.radiobtn-container .radio-button-item,
.display-mode-container .display-mode-set-block .display-mode-switchers-block .checkbox-item-rc {
padding: 12px 16px;
}
.display-mode-container .display-mode-set-block .value-selector {
margin-top: 12px;
}
.tooltip-actions.view-settings-tooltip {
margin-bottom: 20px;
}
.task-change-add-action-text input[type=text] {
padding: 5px;
}
.task-change-add-action-file-template .upload-file-block-new,
.task-change-add-action-file-all-projects .upload-file-block-new {
background: transparent;
border: none;
box-shadow: none;
padding: 5px 0 0;
}
.task-change-add-action-file-template .upload-file-block-new .upload-file-delete,
.task-change-add-action-file-all-projects .upload-file-block-new .upload-file-delete,
.task-change-add-action-file-template .upload-file-block-new tr:first-child,
.task-change-add-action-file-all-projects .upload-file-block-new tr:first-child,
.task-change-add-action-file-template .upload-file-block-new .upload-file-tr-filename,
.task-change-add-action-file-all-projects .upload-file-block-new .upload-file-tr-filename,
.task-change-add-action-file-template .upload-file-block-new .upload-file-tr-docstemplate-extra-number,
.task-change-add-action-file-all-projects .upload-file-block-new .upload-file-tr-docstemplate-extra-number {
display: none !important;
}
.task-change-add-action-file-template .upload-file-block-new.upload-file-block .upload-file-ddl,
.task-change-add-action-file-all-projects .upload-file-block-new.upload-file-block .upload-file-ddl {
width: 276px;
}
.task-change-add-action-file-all-projects .upload-file-block-new .upload-file-tr-all-projects .td-first {
display: none !important;
}
/*.task-change-add-action-file-item + .task-change-add-action-file-item {
margin-top: 10px;
}*/
.trigger-addfile-block-del {
vertical-align: text-bottom;
cursor: pointer;
padding-top: 7px;
margin-left: 5px;
}
.task-change-add-action-file-item .qr-code-margin,
.task-change-add-action-file-item .qr-code-filename {
width: 390px;
}
.task-change-add-action-file-item .qr-code-file-extension,
.task-change-add-action-file-item .error-correction-level,
.task-change-add-action-file-item .qr-code-size {
width: 400px;
margin: 5px 0 !important;
}
.task-change-add-action-file-item textarea.qr-code-data {
height: 21px;
}
.task-change-add-action-file-item a.show-post-request-fields-details {
cursor: pointer;
}
.task-change-add-action-file-item + .task-change-add-action-file-item {
margin-top: 10px;
}
.task-change-add-action-file-item.has-border {
border-bottom: 1px solid #bbb;
padding-bottom: 10px;
}
.masschange-custom-field-set-field-wrapper .masschange-custom-field-set-field-main {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.masschange-custom-field-set-field-wrapper .masschange-custom-field-set-field-main select.text-box.masschange-custom-field-set-field {
margin-bottom: 0;
}
.masschange-custom-field-set-field-wrapper .masschange-custom-field-set-field-main .masschange-custom-field-set-help {
padding-left: 10px;
line-height: 0;
}
.masschange-custom-field-set-field-wrapper .masschange-custom-field-set-field-more {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.masschange-custom-field-set-field-wrapper .masschange-custom-field-set-field-more-sign {
margin-right: 4px;
cursor: pointer;
}
.masschange-custom-field-set-field-wrapper .masschange-custom-field-set-field-more-sign svg {
fill: #a9a9a9;
width: 12px;
}
.masschange-custom-field-set-field-wrapper .masschange-custom-field-set-field-more-sign .masschange-custom-field-set-field-more-closed-ico,
.masschange-custom-field-set-field-wrapper .masschange-custom-field-set-field-more-sign .masschange-custom-field-set-field-more-opened-ico {
display: none;
}
.masschange-custom-field-set-field-wrapper .masschange-custom-field-set-field-more-sign.masschange-custom-field-set-field-more-closed .masschange-custom-field-set-field-more-closed-ico {
display: block;
}
.masschange-custom-field-set-field-wrapper .masschange-custom-field-set-field-more-sign.masschange-custom-field-set-field-more-opened .masschange-custom-field-set-field-more-opened-ico {
display: block;
}
.task-change-date .task-change-date-type-val,
.task-change-date .task-change-date-change-duration-val {
padding: 5px;
width: 400px;
}
.task-change-date .task-change-date-input {
padding-top: 10px;
}
.task-change-date .task-change-date-input .task-change-date-input-date-val {
padding: 5px;
width: 100px;
text-align: center;
}
.task-change-date .task-change-date-input .task-change-date-input-time-val {
width: 70px;
padding: 5px;
margin-left: 10px;
text-align: center;
}
.task-change-date .task-change-date-shift {
padding-top: 10px;
}
.task-change-date .task-change-date-shift .task-change-date-shift-string {
display: flex;
align-items: center;
}
.task-change-date .task-change-date-shift .task-change-date-shift-text {
padding-right: 5px;
}
.task-change-date .task-change-date-shift .task-change-date-shift-period-item {
border: 1px solid var(--gray-input-border, #bbb);
height: 20px;
padding-top: 8px;
color: var(--planner-file-control-svg, #b7b7b7);
background: var(--white-black, #fff);
font-size: 12px;
cursor: pointer;
display: inline-block;
width: 40px;
text-align: center;
margin-left: 5px;
}
.task-change-date .task-change-date-shift .task-change-date-shift-period-item.task-change-date-shift-period-item-active {
color: var(--white-black, #fff);
cursor: auto;
background: var(--planner-file-control-svg, #b7b7b7);
}
.task-change-date .task-change-date-shift .task-change-date-shift-period-item.task-change-date-shift-period-item-active:hover {
background: var(--planner-file-control-svg, #b7b7b7);
}
.task-change-date .task-change-date-shift .task-change-date-shift-period-item:hover {
background: var(--task-bg-action-bg, #f6f6f6);
}
.task-change-date .task-change-date-shift .task-change-date-shift-val {
width: 90px;
padding: 7px;
}
.task-change-date .task-change-date-shift .task-change-date-shift-plus {
margin: 1.5px 5px 1.5px 0;
width: 24px;
height: 24px;
border-radius: 8px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 24px;
vertical-align: bottom;
cursor: default;
user-select: none;
}
.task-change-date .task-change-date-shift .task-change-date-shift-plus.task-change-date-shift-minus {
margin-right: 5px;
}
.task-change-date .task-change-date-shift .task-change-date-shift-plus:hover {
background-color: var(--black, #ffffff);
background-clip: content-box;
cursor: pointer;
}
.task-change-date .task-change-date-shift .task-change-date-shift-work-time {
padding-top: 10px;
}
.task-change-date .task-change-date-shift .task-change-date-shift-work-time .task-change-date-shift-work-time-val {
padding: 5px;
width: 400px;
}
.task-change-date .task-change-date-change-duration-label {
padding: 10px 5px 5px;
}
.task-mass-change-params .task-change-date-input {
padding-top: 10px;
}
.task-mass-change-params .task-change-date-input .task-change-date-input-date-val {
padding: 5px;
width: 100px;
text-align: center;
}
.task-mass-change-params .task-change-date-input.till-date-container {
display: flex;
flex-direction: column;
}
.task-mass-change-params .task-change-date-input.till-date-container .task-change-date-input-date-val {
display: flex;
align-self: center;
outline: none;
height: 35px;
border: 1px solid var(--gray-input-border, #bbbbbb);
font-size: 20px;
color: var(--reminder-dialog-textbox, #767676);
padding: 3px 8px 0px 8px;
width: 120px;
}
.task-mass-change-params .task-change-date-input.till-date-container .task-delete-till-date-label {
display: inline-block;
text-align: center;
font-size: 8pt;
color: var(--gray-ico, #a9a9a9);
margin-top: 25px;
}
/************* Task checklists **************************/
tr:not(.tr-action-checklist-head) .tbl-check-list-header {
width: 100%;
padding-top: 10px;
min-width: 450px;
font-size: 13px;
color: var(--gray-dark-icon, #626262);
}
.tr-actions-quick-add .tbl-check-list-header {
padding-left: 0px;
padding-bottom: 4px;
}
/* checklists overflow */
.action-standalone-form .tbl-new-action {
table-layout: fixed;
}
.action-standalone-form .tbl-check-list .tr-check-list-element > span {
word-break: break-word;
}
.tbl-check-list {
font-size: 13px;
}
.tbl-check-list span input[type=checkbox] {
margin: 5px 0 0 4px;
}
.tbl-check-list span img {
margin: 0 6px;
}
.tbl-check-list .check-list-folding {
display: inline-block;
vertical-align: middle;
width: 6px;
padding: 0 5px 0 4px;
height: 14px;
}
.tbl-check-list .check-list-folding.enable {
background: transparent url(/img/tree-minus.gif) no-repeat 4px center;
cursor: pointer;
}
.tbl-check-list .check-list-folding.enable.fold {
background: transparent url(/img/tree-plus.gif) no-repeat 4px center;
}
.tbl-check-list .check-list-forall-switch,
.tbl-check-list .check-list-cite,
.tbl-check-list .check-list-add-keyboard-help {
cursor: pointer;
}
.tbl-check-list .tr-check-list-element > span {
padding-top: 3px;
padding-bottom: 3px;
line-height: 21px;
display: inline-block;
vertical-align: top;
white-space: pre-wrap;
align-items: center;
}
.tbl-check-list .tr-check-list-element > span .check-list-description {
font-size: 10pt;
margin-right: 120px;
display: inline-block;
padding: 0;
}
.tbl-check-list .tr-check-list-element > span .check-list-description .check-list-description-date {
font-weight: bold;
font-size: 8pt;
margin-right: 5px;
}
.tbl-check-list .tr-check-list-element > div .check-list-description-is-done.checkMark-text {
text-decoration: line-through;
color: var(--task-card-action-like-num, #9D9D9D);
}
.tbl-check-list .tr-check-list-element > div .check-list-users {
display: inline;
color: var(--task-card-pull-svg, #A2A2A2);
font-size: 8pt;
margin-left: 10px;
line-height: 1em;
}
.tbl-check-list .tr-check-list-element span.check-list-move {
cursor: url("/img/openhand.cur"), move;
display: inline-block;
height: 22px;
width: 12px;
margin-left: 3px;
}
.tbl-check-list .tr-check-list-element:not(.tr-check-list-element-static-hover) span.check-list-move {
visibility: hidden;
}
.tbl-check-list .tr-check-list-element.is-deleted span.check-list-move {
cursor: default;
}
.tbl-check-list .tr-check-list-element .check-list-move-img {
display: inline-block;
margin-top: 2px;
width: 12px;
height: 16px;
}
.tbl-check-list .tr-check-list-element .check-list-move-img .svg-icon-wr {
width: 6px;
height: 14px;
margin: 1px auto;
}
.tbl-check-list .tr-check-list-element .check-list-move-img svg {
width: 6px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
}
.tbl-check-list .tr-check-list-element:hover span.check-list-move {
visibility: visible;
}
.tbl-check-list .tr-check-list-element span.check-list-nomove {
display: inline-block;
height: 22px;
width: 12px;
margin-right: 3px;
visibility: hidden;
}
.tbl-check-list .tr-check-list-element .check-list-editmenu,
.tbl-check-list .tr-check-list-element .check-list-icon-item,
.tbl-check-list .tr-check-list-element .check-list-action-created-link {
float: right;
width: 20px;
height: 21px;
margin: -1px 2px 0;
cursor: pointer;
text-align: center;
line-height: 21px;
padding: 6px 0 0;
position: relative;
}
.tbl-check-list .tr-check-list-element .check-list-editmenu .svg-icon-16px,
.tbl-check-list .tr-check-list-element .check-list-icon-item .svg-icon-16px,
.tbl-check-list .tr-check-list-element .check-list-action-created-link .svg-icon-16px {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.tbl-check-list .tr-check-list-element:not(.tr-check-list-element-static-hover) .check-list-editmenu,
.tbl-check-list .tr-check-list-element:not(.tr-check-list-element-static-hover) .check-list-icon-item,
.tbl-check-list .tr-check-list-element:not(.tr-check-list-element-static-hover) .check-list-action-created-link {
visibility: hidden;
}
.tbl-check-list .tr-check-list-element .check-list-editmenu {
margin-left: 6px;
}
.tbl-check-list .tr-check-list-element .check-list-editmenu .b-ddl-menu .b-ddl-menu-selected {
display: none;
}
.tbl-check-list .tr-check-list-element .check-list-editmenu .b-ddl-menu .b-ddl-menu-selected-arrow {
padding: 0;
}
.tbl-check-list .tr-check-list-element .check-list-editmenu .iconset-16px,
.tbl-check-list .tr-check-list-element .check-list-action-created-link .iconset-16px {
vertical-align: bottom;
}
.tbl-check-list .tr-check-list-element:not(.check-list-moving):hover .check-list-editmenu,
.tbl-check-list .tr-check-list-element:not(.check-list-moving):hover .check-list-icon-item,
.tbl-check-list .tr-check-list-element:not(.check-list-moving):hover .check-list-del,
.tbl-check-list .tr-check-list-element:not(.check-list-moving):hover .check-list-action-created-link {
visibility: visible;
}
.tbl-check-list .tr-check-list-element.tr-check-list-element-hovered .check-list-editmenu,
.tbl-check-list .tr-check-list-element.tr-check-list-element-hovered .check-list-del {
visibility: visible;
}
.tbl-check-list .tr-check-list-add:first-child > span {
padding-top: 0;
}
.tbl-check-list .tr-check-list-edit .tr-check-list-edit-body {
padding-left: 15px;
text-align: left;
}
.tbl-check-list .tr-check-list-edit .check-list-add-cancel:hover .iconset-16px-close {
background-position: 0 -80px;
}
.tbl-check-list .tr-check-list-edit .check-list-add-description-wrapper {
border: 1px solid var(--task-card-checklist-item-hover, #E8E8E8);
box-sizing: border-box;
border-radius: 6px;
position: relative;
white-space: nowrap;
padding-right: 70px;
background-color: var(--white-black, #FFFFFF);
}
.tbl-check-list .tr-check-list-edit .check-list-add-description-wrapper.check-list-add-description-wrapper-multiline {
padding-top: 10px;
padding-bottom: 10px;
}
.tbl-check-list .tr-check-list-edit .check-list-add-description-wrapper.check-list-add-description-wrapper-nocancel {
padding-right: 50px;
}
.tbl-check-list .tr-check-list-edit > span textarea {
width: 100%;
border: none;
background: transparent;
vertical-align: top;
outline: 0;
resize: none;
overflow: hidden;
line-height: 21px;
color: var(--text-color, #343434);
}
.tbl-check-list .tr-check-list-edit > span input[type=radio] {
vertical-align: bottom;
}
.tbl-check-list .tr-check-list-edit > span .check-list-add-buttons {
position: absolute;
right: 0;
display: flex;
}
.tbl-check-list .tr-check-list-edit > span .check-list-add-buttons i {
margin-right: 7px;
vertical-align: top;
}
.tbl-check-list .tr-check-list-edit > span .check-list-add-description-wrapper.check-list-add-description-wrapper-nocancel .check-list-add-buttons {
margin-right: -50px;
}
.tbl-check-list .tr-check-list-edit > span .check-list-workers-wrapper .check-list-add-buttons {
display: inline-block;
float: none;
margin-bottom: 5px;
margin-left: 7px;
vertical-align: bottom;
position: static;
margin-right: -20px;
}
.tbl-check-list .tr-check-list-edit > span .check-list-radio-block {
padding-top: 7px;
font-size: 8pt;
}
.tbl-check-list .tr-check-list-edit > span .task-check-faces-div {
width: 100%;
display: inline-block;
}
.tbl-check-list .tr-check-list-loading > span {
font-size: 10pt;
color: var(--task-card-pull-svg, #A2A2A2);
padding-top: 3px;
padding-bottom: 3px;
padding-left: 18px;
line-height: 21px;
}
.tbl-check-list .checkListElement-mainContent-wraper {
width: 100%;
padding: 0 6px 3px 0;
display: flex;
align-items: center;
}
.tbl-check-list .tr-check-list-edit + div {
margin-top: 3px;
}
.tbl-check-list .tr-check-list-element {
display: flex;
}
.tbl-check-list .tr-check-list-element .check-list-state {
display: flex;
justify-content: flex-start;
}
.tbl-check-list .tr-check-list-element .check-list-state .check-list-folding-viewer {
min-width: 9px;
height: 12px;
display: flex;
align-self: flex-start;
cursor: pointer;
margin-right: 6px;
}
.tbl-check-list .tr-check-list-element .check-list-state .check-list-folding-viewer .check-list-folding-viewer-opened {
margin-top: 1.5px;
width: 9px;
}
.tbl-check-list .tr-check-list-element .check-list-state .check-list-folding-viewer .check-list-folding-viewer-closed {
width: 9px;
padding-top: 1px;
}
.tbl-check-list .tr-check-list-element .check-list-state .check-list-folding-viewer svg {
fill: var(--text-color, #343434);
}
.tbl-check-list .tr-check-list-element .check-list-text {
display: flex;
min-height: 25px;
align-items: center;
line-height: 21px;
margin-bottom: -1px;
word-break: break-word;
}
.tbl-check-list .tr-check-list-element .check-list-text .check-list-description {
flex: 1;
font-size: 10pt;
}
.tbl-check-list .tr-check-list-element .check-list-text .check-list-description .check-list-description-date {
font-size: 8pt;
font-weight: bold;
margin-right: 5px;
}
.tbl-check-list .tr-check-list-element .check-list-text .check-list-description .deleted-item {
color: #9d9d9d;
text-decoration: underline;
}
.tbl-check-list .tr-check-list-element .check-list-text .check-list-description .tr-taskdeadline-dead,
.tbl-check-list .tr-check-list-element .check-list-text .check-list-description .tr-taskdeadline-dead a,
.tbl-check-list .tr-check-list-element .check-list-text .check-list-description .tr-taskdeadline-dead a:hover {
color: var(--task-deadline-dead, #fd0000) !important;
}
.tbl-check-list .tr-check-list-element .svgChecked-ico.svgChecked-for-firefox .foreground-svg-forDiv {
left: 0px;
top: 0px;
border: 1px solid #bebebe;
}
.tbl-check-list .tr-check-list-element.tr-check-list-element-editable .checkListElement-mainContent-wraper .check-list-text {
cursor: text;
}
.tbl-check-list .tr-check-list-element.tr-check-list-element-editable:hover {
cursor: default;
background-color: var(--task-card-checklist-item-hover, #E8E8E8);
display: flex;
border-radius: 6px;
}
.tbl-check-list .tr-check-list-element.tr-check-list-element-editable:hover .iconset-16px-man {
background-position: 0 -944px;
}
.tr-actions-quick-add .tbl-check-list {
padding: 0 0 0 30px;
margin-bottom: -9px;
}
.b-add-action .tbl-check-list {
padding-left: 0;
padding-right: 10px;
}
.task-list-container .check-list-description-date {
font-weight: bold;
font-size: 8pt;
margin-right: 5px;
}
.b-task-microcard .tbl-check-list .tr-check-list-element .check-list-editmenu {
cursor: default;
position: absolute !important;
right: 0;
margin: -2px 0 0;
width: auto;
height: auto;
line-height: 1;
padding: 4px 8px;
float: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
z-index: 4;
}
.tbl-check-list:not(.from-print-window) .tr-check-list-element:hover,
.tbl-check-list .tr-check-list-element.tr-check-list-element-hovered {
cursor: default;
background-color: var(--task-card-checklist-item-hover, #E8E8E8);
display: flex;
border-radius: 6px;
}
.b-add-action .tbl-check-list .tr-check-list-element:hover,
.b-add-action .tbl-check-list .tr-check-list-element.tr-check-list-element-hovered {
background: var(--actions-hovered, #FCF9C6);
}
.drop-down-content-wrapper .tbl-check-list .tr-check-list-edit .tr-check-list-edit-body,
.action-create-checklist-win .tbl-check-list .tr-check-list-edit .tr-check-list-edit-body {
padding-left: 25px;
text-align: left;
}
.check-list-moving {
position: absolute;
background: #e5e5e5;
z-index: 15;
}
.check-list-move-shadow {
border-left: 6px solid #f58220;
border-right: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
border-top: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
border-bottom: 1px solid var(--list-for-panel-row-draggable-border, #d1d1d1);
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==') repeat;
height: 20px;
}
.tr-check-list-add {
display: flex;
}
.tr-check-list-add i {
margin-right: 7px;
}
.b-task-description .tr-check-list-add {
margin-left: 15px;
}
.tr-check-list-add .add-newCheck-container {
vertical-align: bottom;
border-bottom: 1px solid var(--task-action-rem-border, #dcdcdc);
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 1px solid transparent;
padding: 5px 7px;
box-sizing: border-box;
margin-left: 6px;
width: 100%;
min-width: 200px;
cursor: text;
}
.tr-check-list-add .add-newCheck-container.for-microcard {
min-width: inherit;
}
.tr-check-list-add .add-newCheck-container:hover {
border: 1px solid var(--task-card-checklist-item-hover, #E8E8E8);
box-sizing: border-box;
border-radius: 6px;
padding: 5px 7px;
background-color: var(--white-black, #FFFFFF);
}
.check-list-keyboard-help-header {
font-weight: bold;
padding-bottom: 10px;
display: inline-block;
}
.check-list-keyboard-help-left {
padding-right: 25px;
text-align: left;
}
.check-list-keyboard-help-left span {
display: inline-block;
color: var(--tooltip-actions-color);
font-size: 10px;
}
#action-create-div tr > td.check-list-keyboard-help-left {
padding-left: 0 !important;
}
.check-list-keyboard-help {
background: var(--checklist-keyboard-help-bg);
border-left: 6px solid var(--tooltip-actions-after);
border-radius: 6px;
padding: 10px 12px 12px 10px;
filter: drop-shadow(0px 1px 3px var(--task-card-action-shadow, rgba(156, 156, 156, 0.25)));
}
.check-list-keyboard-help.g-popup-gray::after {
background: var(--checklist-keyboard-help-bg);
}
.check-list-keyboard-help-right {
color: var(--text-color, #343434);
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
gap: 2px;
}
.check-list-keyboard-help-right span {
-webkit-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-moz-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
-o-box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
box-shadow: 0 1px 3px 0 var(--task-card-action-shadow, rgba(156, 156, 156, 0.25));
border-radius: 2px;
background: var(--white-black, #FFFFFF);
padding: 0 2px;
font-size: 10px;
}
.tr-check-list-empty {
border-left: 2px solid #6FA92F;
color: #808080;
margin-bottom: 4px;
margin-left: 15px;
margin-top: 4px;
padding-left: 7px;
padding-top: 4px;
}
.tr-action-checklist-head .b-ddl-menu {
position: relative;
}
.tbl-list-print-columns-check-list .check-list-text {
margin-left: 5px;
}
.action-check,
.action-uncheck {
cursor: pointer;
}
.action-create-checklist-win .svgChecked-ico,
.drop-down-content-wrapper .svgChecked-ico {
margin-left: 10px;
}
.svgChecked-ico {
width: 16px;
height: 16px;
margin-top: 3px;
display: flex;
align-self: flex-start;
cursor: pointer;
}
.tbl-analitic-of-action-container-div .svgChecked-ico {
align-self: center;
margin-top: 0;
}
.svgChecked-ico svg {
height: 16px;
width: 16px;
fill: var(--black-white, #000);
}
.svgChecked-ico.checkmark-checked .cls-checkmark-circle {
fill: #1abe72;
stroke: #1abe72;
}
.svgChecked-ico.checkmark-checked .cls-checkmark-v {
fill: var(--white-black, #ffffff);
}
.svgChecked-ico.checkmark-unchecked .cls-checkmark-circle {
fill: var(--white-black, #ffffff);
stroke: var(--gray-light-border, #bebebe);
}
.svgChecked-ico.checkmark-unchecked .cls-checkmark-v {
fill: var(--white-black, #ffffff);
}
.svgChecked-ico.checkmark-unchecked:hover .cls-checkmark-v {
fill: #1abe72;
}
.unchecked {
border: 1px solid var(--gray-light-border, #bebebe);
border-radius: 25px;
width: 14px;
height: 14px;
background: #fff;
display: table;
flex-shrink: 0;
}
.tbl-analitic-of-action-container-div .desc {
margin-left: 6px;
}
.tbl-analitic-of-action-container-div .description {
margin: 0 18px;
}
.no-was {
width: 16px;
display: table;
flex-shrink: 0;
}
.foreground-svg-forDiv {
border-radius: 25px;
width: 14px;
height: 14px;
margin: auto;
background: #fff;
display: inline-block;
position: absolute;
left: 1px;
top: 1px;
}
.get-border-for-svg-forDiv {
border: 1px solid #bebebe;
top: 0;
left: 0;
background: none;
}
.tr-check-list-add .check-list-item-ico,
.tr-check-list-edit-body .check-list-item-ico {
min-height: 14px;
padding: 0;
vertical-align: middle;
display: flex;
align-items: center;
}
.tr-check-list-add .check-list-item-ico svg,
.tr-check-list-edit-body .check-list-item-ico svg {
margin-right: 2px;
width: 16px;
height: 16px;
}
.tr-check-list-add .check-list-item-ico svg .cls-checkmark-circle,
.tr-check-list-edit-body .check-list-item-ico svg .cls-checkmark-circle {
fill: var(--white-black, #ffffff);
stroke: var(--gray-light-border, #bebebe);
}
.tr-check-list-add .check-list-item-ico svg .cls-checkmark-v,
.tr-check-list-edit-body .check-list-item-ico svg .cls-checkmark-v {
display: none;
}
.check-list-add-description-wrapper {
width: 100%;
margin-left: 6px;
}
.tr-check-list-edit {
margin-bottom: -3px;
}
.checkList-icoAndDescription-wraper {
display: flex;
flex-direction: row;
align-items: center;
}
.tr-check-list-edit-body {
display: flex;
flex-direction: column;
}
.tr-check-list-edit-body .checkList-icoAndDescription-wraper .check-list-item-ico {
align-self: flex-start;
margin-top: 6px;
padding-right: 2px;
}
.tr-check-list-edit-body .checkList-icoAndDescription-wraper.check-list-edit-for-firefox .check-list-add-description-wrapper textarea {
margin-top: 0px;
padding-bottom: 2px;
}
.tr-check-list-edit-body .check-list-item-ico {
align-self: flex-start;
margin-top: 6px;
padding-right: 2px;
}
.tr-check-list-edit-body .check-list-add-description-wrapper textarea {
padding-bottom: 3px;
margin-left: -1px;
padding-left: 7px;
}
.tr-check-list-edit-body .check-list-add-description-wrapper .check-list-add-buttons {
top: 4px;
}
.tr-check-list-edit-body .check-list-workers-wrapper {
margin-left: 32px;
}
.tr-check-list-edit-body .check-list-workers-wrapper .employer {
padding: 5px 0;
border-bottom: 1px solid var(--task-checklist-employer-border, #e5e5e5);
}
.tr-check-list-edit-body .check-list-workers-wrapper .task-check-faces-div {
margin-top: 3px;
}
.td-item-add.td-item-second .tbl-check-list .tr-check-list-element.tr-check-list-element-editable:hover {
background-color: var(--white-black, #FFFFFF);
}
.thereAreNo-visible-checkElements-after {
margin-bottom: 0px !important;
margin-top: 3px;
}
.check-list-edit-margin {
margin-bottom: 1px;
}
.check-list-edit-margin > span textarea {
margin-bottom: 0px !important;
margin-top: 0px !important;
padding-bottom: 3px !important;
}
.check-list-edit-margin .check-list-add-description-wrapper {
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.check-list-edit-margin .check-list-workers-wrapper .task-check-faces-div {
margin-top: 0px;
}
.checkElement-add-placeholder {
color: var(--task-card-add-action-comment-text, #c0c0c0);
}
.tr-action-checklist .tr-check-list-add {
margin-left: 15px;
}
.tr-action-checklist .tbl-check-list {
margin-bottom: 30px;
}
.action-create-checklist-win .tr-action-checklist .tr-check-list-add {
margin-left: 25px;
}
.grey-loader {
border-left: 0.1em solid var(--gray-light-border, #bebebe);
}
.white-loader {
border-left: 0.1em solid var(--white-black, #FFFFFF);
}
.print-check-container {
padding-top: 15px;
}
.print-check-container .tbl-check-list .tr-check-list-element {
margin-bottom: 11px;
}
.print-check-container .tbl-check-list .tr-check-list-element input {
margin-top: 1px;
margin-right: 5px;
}
.tr-check-list-loading {
display: flex;
align-items: center;
}
.tr-check-list-loading .ajax-menu {
padding-left: 0;
margin-left: 8px;
max-width: 16px;
max-height: 16px;
}
.tr-check-list-loading .ajax-menu .grey-loader {
max-width: 14px;
max-height: 14px;
}
.check-list-forall-switch {
margin-right: 5px;
}
.check-list-forall-switch .check-list-svgWorkersIco {
width: 16px;
height: 16px;
margin-top: 0;
margin-left: 0;
display: block;
}
.check-list-forall-switch .check-list-svgWorkersIco path {
fill: #a9a9a9;
}
.check-list-action-created-link .created-link-svgChain {
width: 16px;
height: 16px;
}
.check-list-action-created-link .created-link-svgChain svg {
margin-top: 5px;
}
.check-list-action-created-link .created-link-svgChain path {
fill: #a9a9a9;
}
.tbl-check-list-header .numberOf-checkElements {
top: -4px;
position: relative;
font-size: 12px;
margin-left: 4px;
color: #8C8C8C;
}
.tbl-check-list-header .numberOf-checkElements-in-new-action {
position: relative;
}
.tr-action-checklist .td-item-add .td-item-second .checklist-summary {
padding-bottom: 15px;
}
.tr-action-checklist-head td.td-item.td-item-add-ex {
vertical-align: bottom;
text-align: end;
}
.tr-action-checklist-head td.td-item.td-item-add-ex .b-ddl-menu {
margin-right: 16px;
}
.tr-action-checklist-head .tbl-check-list-header .checkList-show-hide {
vertical-align: top;
margin-left: 15px;
position: relative;
top: 2px;
}
.b-task-microcard .task-microcard-row .tr-check-list-element .checkListElement-mainContent-wraper .check-list-description {
word-break: break-word;
font-size: 13px;
}
.b-task-microcard .task-microcard-row .tr-check-list-element .checkListElement-mainContent-wraper .check-list-description .check-list-users {
display: initial;
}
.b-task-microcard .task-microcard-row .tr-check-list-edit .tr-check-list-edit-body .checkList-icoAndDescription-wraper .check-list-add-buttons {
margin-top: 0;
}
.b-task-microcard .task-microcard-row .tbl-check-list .tr-check-list-element {
overflow: hidden;
}
.b-checklist .check-list-loading {
display: flex;
margin-top: 16px;
margin-left: -30px;
}
.b-checklist .check-list-loading #ajax_menu {
width: 16px;
height: 16px;
}
.b-checklist .check-list-loading #ajax_menu .loader {
width: 14px;
height: 14px;
border-left: 0.1em solid #bebebe !important;
}
.b-checklist .check-list-loading .checklist-loading-text {
margin-left: 15px;
font-size: 12px;
align-self: flex-end;
color: #bebebe;
}
.b-checklist + .task-created-action-other {
margin-top: 10px;
}
.tbl-check-list .tr-check-list-element > div .check-list-description-is-done.checkMark-text a {
text-decoration: line-through;
color: #9D9D9D;
}
#action-create-div .tbl-check-list,
.action-create-checklist-win .tbl-check-list {
margin-left: 15px;
}
#action-create-div.action-create-checklist-win .tbl-check-list,
.action-create-checklist-win.action-create-checklist-win .tbl-check-list {
margin-left: 0;
padding-left: 0;
}
#action-create-div .tr-action-add-label,
.action-create-checklist-win .tr-action-add-label {
width: 60px;
margin-right: 20px;
}
#action-create-div .td-employers-label,
.action-create-checklist-win .td-employers-label {
margin-right: 15px;
}
#action-create-div .task-addAction-header-wraper,
.action-create-checklist-win .task-addAction-header-wraper {
display: flex;
align-items: center;
}
#action-create-div .task-addAction-header-wraper i,
.action-create-checklist-win .task-addAction-header-wraper i {
min-width: 16px;
}
#action-create-div .task-addAction-header-wraper .checkList-show-hide,
.action-create-checklist-win .task-addAction-header-wraper .checkList-show-hide {
min-width: 140px;
}
#action-create-div .task-addAction-header-wraper .task-addAction-ddl-wraper,
.action-create-checklist-win .task-addAction-header-wraper .task-addAction-ddl-wraper {
width: 100%;
justify-content: flex-end;
margin-right: 16px;
text-align: end;
}
.check-list-closed-in-action {
padding-bottom: 10px;
}
.task-create-checklist-header {
padding-bottom: 15px;
}
.task-create-checklist-header span.fakelink-dashed,
.task-create-checklist-header span.fakelink-dashed-red {
position: relative;
top: 1px;
}
.checklist-summary.task-created-action-block-header,
.tbl-check-list-header.task-created-action-block-header {
display: flex;
align-items: center;
}
.checklist-summary .check-list-state-header,
.tbl-check-list-header .check-list-state-header {
height: 16px;
cursor: pointer;
margin-left: 8px;
}
.checklist-summary .check-list-state-header .checklist-header-viewer-opened svg,
.tbl-check-list-header .check-list-state-header .checklist-header-viewer-opened svg {
width: 9px;
transform: rotate(0);
}
.checklist-summary .check-list-state-header .checklist-header-viewer-closed svg,
.tbl-check-list-header .check-list-state-header .checklist-header-viewer-closed svg {
width: 9px;
transform: rotate(270deg);
}
.checklist-summary .checklist-menu-container,
.tbl-check-list-header .checklist-menu-container {
margin-left: 8px;
margin-right: 6px;
}
.checklist-summary .checklist-menu-container .menu-view .b-ddl-menu-selected-arrow-svg,
.tbl-check-list-header .checklist-menu-container .menu-view .b-ddl-menu-selected-arrow-svg {
max-height: 16px;
margin-left: 6px;
display: flex;
align-items: center;
padding: 4px;
}
.checklist-summary .checklist-menu-container .menu-view .b-ddl-menu-selected-arrow-svg:hover,
.tbl-check-list-header .checklist-menu-container .menu-view .b-ddl-menu-selected-arrow-svg:hover {
border-radius: 6px;
background-color: var(--task-card-checklist-item-hover, #E8E8E8);
}
.checklist-summary .count-label,
.tbl-check-list-header .count-label {
border-bottom: none;
color: #8C8C8C;
font-size: 12px;
margin: -8px 0 0 5px;
}
.fakelink-dashed-checklist {
margin: -1px 0 0 6px;
padding-left: 0;
}
.task-list-columns-item {
white-space: nowrap;
margin-right: 10px;
/*margin-bottom: 3px;*/
padding: 10px 5px 15px;
display: flex;
align-items: center;
}
.task-list-columns-item > div {
display: inline-block;
}
.task-list-columns-item.task-list-columns-item-clone {
background: var(--white-black, #fff);
}
.task-list-columns-item.task-list-columns-item-clone .task-list-columns-item-close {
display: none;
}
.task-list-columns-item .task-list-columns-item-select .chzn-fake,
.task-list-columns-item .task-list-columns-item-select select {
width: 284px;
}
.task-list-columns-item .task-list-columns-item-close {
margin: 1px 0 0 5px;
cursor: pointer;
vertical-align: bottom;
}
.task-list-columns-item:hover .task-list-columns-item-close {
visibility: visible;
}
.task-list-columns-item .task-list-columns-item-move {
cursor: url("/img/openhand.cur"), move;
display: inline-block;
height: 14px;
width: 6px;
vertical-align: bottom;
margin: 0 6px 3px 0;
}
.task-list-columns-item .task-list-columns-item-move .svg-icon-wr {
width: 6px;
height: 14px;
margin: 1px auto;
}
.task-list-columns-item .task-list-columns-item-move .svg-icon-wr svg {
width: 6px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
}
.task-list-columns-item-shadow {
width: 260px;
height: 35px;
background: var(--gray-border, #e2e2e2);
}
.task-list-columns-add {
margin-left: 10px;
vertical-align: middle;
font-size: 13px;
line-height: 16px;
cursor: pointer;
height: 17px;
padding: 2px 14px 0;
display: inline-block;
position: relative;
}
.task-list-columns-add span {
color: #5881b8;
border-bottom: 1px dotted #5881b8;
}
.border-task-list-columns-settings {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.task-list-columns-settings {
font-size: 15px !important;
padding: 20px 15px 25px 25px;
white-space: unset;
line-height: 1.33;
}
.task-list-columns + .task-list-columns-settings,
.task-list-columns-add + .task-list-columns-settings {
border-top: 1px solid var(--gray-border, #e2e2e2);
margin-top: 20px;
}
.task-list-columns-settings .task-list-columns-settings-row {
clear: both;
padding: 10px 0;
margin-left: 5px;
display: flex;
}
.task-list-columns-settings .task-list-columns-settings-row .atc-state {
margin-top: 2px;
margin-right: 16px;
}
.task-list-columns-settings .task-list-columns-settings-row .atc-state .ts-blt {
background-color: var(--grey-action-list, #7f7f7f);
margin-right: 16px;
}
.task-list-columns-settings .task-list-columns-settings-row .atc-state .ts-blt.scs-af-background {
background-color: var(--activeSlider, #00864b);
}
.task-list-columns-settings input[type=checkbox] {
float: left;
vertical-align: top;
margin-right: 5px;
}
.task-list-columns-settings label {
display: block;
white-space: normal;
}
.setting-columns {
display: block !important;
margin-top: auto;
}
.setting-columns .additional-settings {
margin: 12px 0 12px 16px;
width: 350px;
height: 33px;
background: var(--grey-list-border, #dfdfdf);
border-radius: 3px;
cursor: pointer;
}
.setting-columns .additional-settings p {
font-style: normal;
line-height: 21px;
padding-top: 5px;
padding-left: 11px;
font-size: 15px;
font-weight: 600;
color: var(--setting-columns-text, #525252);
}
.setting-columns .additional-settings .triangle-additional-settings {
position: static;
float: right;
display: block;
width: 8px;
height: 8px;
margin-top: -12px;
line-height: 0;
transition: all 0.3s;
padding-right: 11px;
}
.setting-columns .additional-settings .triangle-additional-settings .svg-triangle-additional-settings {
fill: var(--setting-columns-text, #525252);
}
.setting-columns .additional-settings .triangle-additional-settings .up {
transform: rotate(180deg);
}
.setting-columns .b-bottom-yellow-block {
margin-top: auto;
position: relative ;
padding-bottom: 12px ;
padding-top: 5px;
align-self: flex-end;
margin-left: -3px;
background: var(--task-checklist-employer-border, #E5E5E5);
}
.setting-columns .b-bottom-yellow-block .dialog-bottom-panel-button-rc {
margin-right: 17px;
background-color: unset;
}
.setting-columns .b-bottom-yellow-block .b-text-btn {
padding-top: 7px;
}
.setting-columns .b-bottom-yellow-block .b-text-btn .task-list-columns-saveclose {
background: var(--task-checklist-employer-border, #E5E5E5) !important;
color: var(--task-card-action-gray-btn, #949494) !important;
width: 148px !important;
height: 31px !important;
line-height: 14px !important;
margin-right: 15px !important;
border-radius: 4px !important;
font-size: 14px;
}
.setting-columns .b-bottom-yellow-block .b-text-btn .task-list-columns-saveclose:hover {
-webkit-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 1px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.setting-columns .b-bottom-yellow-block .b-text-btn .task-list-columns-save {
width: 115px !important;
height: 31px !important;
border-radius: 4px !important;
font-size: 14px;
}
.setting-columns .b-bottom-yellow-block .b-text-btn .task-list-columns-save:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-moz-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
-o-box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
box-shadow: inset 0 0 0 2px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
text-decoration: none;
}
.task-list-columns-copy-from-filters {
padding-bottom: 5px;
padding-left: 4px;
padding-right: 15px;
border-bottom: 1px solid var(--gray-inner, #eee);
}
.task-list-columns-copy-from-filters .task-list-columns-copy-from-filters-select select {
width: 275px;
}
.task-list-columns-copy-from-filters .task-list-columns-copy-from-filters-text {
padding-bottom: 5px;
color: var(--gray, gray);
margin-top: 23px;
font-size: 12px;
}
.task-list-columns-copy-from-filters .task-list-columns-copy-from-filters-btn {
padding-top: 10px;
height: 20px;
}
.task-list-columns-copy-from-filters .task-list-columns-copy-from-filters-btn .btn {
font-size: 13px;
cursor: pointer;
width: auto;
float: left;
margin-right: 10px;
}
.task-create-field-label .task-create-container,
.task-create-template-fields,
.tr-task-attach-anchor,
.attached-analitics,
.attached-files {
font-size: 13px;
}
.classic-font .task-create-field-label .task-create-container,
.classic-font .task-create-template-fields,
.classic-font .tr-task-attach-anchor,
.classic-font .attached-analitics,
.classic-font .attached-files {
font-size: 12px;
}
.task-create-template-fields {
width: 665px;
}
.task-create-panel {
width: 665px;
padding-bottom: 8px;
margin-top: 4px;
}
.task-create-panel .expander-header-container {
padding: 10px 12px;
background-color: var(--grey-list-border, #dfdfdf);
cursor: pointer;
margin-bottom: 10px;
}
.task-create-panel .task-create-panel-fields {
margin-top: 11px;
}
.task-create-panel.has-autocomplete-right-panel {
width: 720px;
}
.task-create-panel:first-child {
margin-top: 0 !important;
}
.task-create-panel-noname.task-create-panel {
margin-top: 0;
}
.task-create-panel-noname.task-create-panel-rolled.task-create-panel {
margin-top: 4px;
}
.task-create-panel-header {
color: var(--task-card-add-action-svg-path, #808080);
font-size: 14px;
display: inline-block;
position: relative;
z-index: 1;
}
.classic-font .task-create-panel-header {
font-size: 12px;
}
.task-create-panel-rolled .task-create-panel-fields,
.task-create-panel-rolled .shadow-separator-bottom {
display: none;
}
.task-create-panel-not-rollable .shadow-separator-bottom,
.task-create-panel-not-rollable .task-create-panel-expander {
display: none;
}
.task-create-panel-noname .task-create-panel-header,
.task-create-panel-noname .expander-header-container {
display: none;
}
.task-create-panel-noname .shadow-separator-bottom {
margin-top: -25px;
}
.task-create-panel-expander {
margin-right: 5px;
width: 14px;
height: 14px;
position: relative;
z-index: 1;
display: inline-block;
vertical-align: bottom;
cursor: pointer;
}
.task-create-panel-expander::after {
display: block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid var(--black-white, black);
content: '';
margin-left: 3px;
margin-top: 4px;
}
.task-create-panel-noname .task-create-panel-expander {
margin-bottom: -4px;
box-shadow: 0 0 0 3px #fff;
}
.task-create-panel-rolled.task-create-panel-noname .task-create-panel-expander {
margin-bottom: 0;
}
.task-create-panel-rolled .task-create-panel-expander {
transform: rotate(-90deg);
}
.task-create-panel-fields {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.task-create-field {
padding: 7px 0;
display: inline-flex;
align-items: center;
}
.task-create-field.task-create-field-text .task-create-field-label {
padding-top: 9px;
align-self: flex-start;
}
.task-create-field.task-create-field-line-first:not(.task-create-field-break-after) select#TaskStatus {
max-width: 200px;
}
.task-create-field .attach-new-file-cff {
display: inline-flex;
align-items: center;
white-space: nowrap;
}
.task-create-field .attach-new-file-cff .number-top-cff {
top: -4px;
margin-left: 4px;
position: relative;
font-size: 8pt;
color: #5881B8;
}
.task-create-field.disable-field .fakelink-dashed {
color: #9c9c9c;
border-bottom: 1px dotted #9c9c9c;
}
.task-create-field .task-create-field-input .fakelink-dashed {
word-break: break-word;
}
.task-create-field .task-create-field-input .fakelink-dashed.template-deleted {
text-decoration: line-through;
}
.task-create-field.next-margin-null + .task-create-field {
margin: 0 !important;
}
.task-create-field.next-margin-null + .task-create-field .task-create-field-label {
padding-left: 0 !important;
}
br.task-create-field {
content: " ";
flex-basis: 100%;
padding: 0;
}
.task-create-field-label {
color: var(--grey-label, #838383);
padding-right: 10px;
padding-left: 10px;
display: inline-block;
}
.task-create-field-label.not-filled {
color: #D00;
}
.task-create-field-break-after {
flex-basis: 100%;
}
.task-create-field-break-after.task-create-field-line-last {
flex-basis: auto;
}
.task-create-field-line-first .task-create-field-label {
width: 125px;
min-width: 125px;
padding-left: 0;
vertical-align: middle;
word-break: break-word;
}
.for-object-task {
pointer-events: none;
}
.task-create-field.task-create-field-system.task-create-field-system-5.task-create-field-line-first .task-create-field-input {
display: inline-block;
max-width: 520px;
}
.task-create-field.task-create-field-system.task-create-field-system-5.task-create-field-line-first .task-create-field-input .text-box {
max-width: 518px;
}
.task-create-field-input > input[type=text] {
width: 100px;
}
.task-create-field-input > select.task-custom-field-val.time {
box-sizing: border-box;
height: 26px;
}
.task-create-field-input label {
color: #838383;
}
.task-create-container .tooltip-actions {
box-sizing: border-box;
max-width: 665px;
width: 100%;
}
.task-create-container .NewLookSwitch-target {
margin-top: 5px;
margin-bottom: 16px;
box-sizing: border-box;
max-width: 667px;
width: 100%;
}
.task-editor-container .task-desc-error {
color: #D00;
display: inline-block;
border-bottom: 1px solid #D4D4D4;
width: 100%;
padding: 7px 0;
}
.g-popup-win-scroll-content-main .bottom-btn-wrapper {
padding-left: unset;
}
.task-create-panel.task-create-panel-template.task-create-panel-rolled .task-create-template-fields {
display: none;
}
.task-create-panel.task-create-panel-template:not(.task-create-panel-rolled) .task-create-template-fields {
display: block;
}
.task-detail-compressed-view .tr-activation-date {
margin-top: 20px;
}
.tr-activation-date {
display: none;
margin-top: 10px;
color: #838383;
}
.tr-activation-date .date {
width: 80px;
height: auto;
margin-left: 10px;
}
.tr-activation-date .timepicker-block {
display: inline-block;
float: none;
}
.tr-activation-date .timepicker-block .time {
width: 150px;
margin-left: 6px;
text-align: center;
box-sizing: border-box;
}
.tr-total .total-control-check {
margin-top: 10px;
}
.tr-total .total-options {
float: right;
}
.tr-total .total-options > span {
margin-right: 20px;
}
.tr-total .total-suffix {
width: 80px;
margin-left: 20px;
}
.tr-next-incr .next-incr-td-wr {
margin-top: 8px;
}
.tr-flag .custom-field-flag[data-flag='4'] {
margin-top: 10px;
}
.tr-flag .analitic-field-is-link {
margin-top: 10px;
}
.task-custom-field-create-tr-protocol,
.tr-protocol {
display: none;
}
.task-custom-field-create-tr-protocol .td-item .link-support-protocol-use,
.tr-protocol .td-item .link-support-protocol-use {
display: none;
position: relative;
bottom: 2px;
margin-left: 12px;
}
.task-custom-field-create-tr-protocol .td-item.td-item-absolute,
.tr-protocol .td-item.td-item-absolute {
position: absolute;
}
.task-custom-field-create-tr-protocol .td-item.td-item-absolute .link-support-protocol-use,
.tr-protocol .td-item.td-item-absolute .link-support-protocol-use {
margin-left: 26px;
}
.task-custom-field-create-tr-analitic-total .analitic-total-suffix {
float: right;
margin-right: 37px;
}
.task-custom-field-val[readonly] {
border: none;
background: none;
}
.iconset-custom {
background: url('/img/iconset/custom.png') no-repeat 0 0;
display: inline-block;
width: 16px;
height: 16px;
}
.iconset-custom-none {
background: none;
}
.iconset-custom-string {
background-position: 0 0;
}
.iconset-custom-number {
background-position: 0 -16px;
}
.iconset-custom-text {
background-position: 0 -32px;
}
.iconset-custom-date {
background-position: 0 -48px;
}
.iconset-custom-time {
background-position: 0 -64px;
}
.iconset-custom-checkbox {
background-position: 0 -80px;
}
.iconset-custom-handbook {
background-position: 0 -96px;
}
.iconset-custom-enum {
background-position: 0 -112px;
}
.iconset-custom-timeperiod {
background-position: 0 -128px;
}
.iconset-custom-client {
background-position: 0 -144px;
}
.iconset-custom-user {
background-position: 0 -160px;
}
.iconset-custom-contact {
background-position: 0 -176px;
}
.iconset-custom-set {
background-position: 0 -192px;
}
.iconset-custom-datetime {
background-position: 0 -208px;
}
.iconset-custom-period {
background-position: 0 -224px;
}
.iconset-custom-loginlist {
background-position: 0 -256px;
}
.custom-field-create-hint,
.task-custom-field-create-hint {
margin-left: 12px;
position: relative;
top: 3px;
}
.custom-field-create-hint.hint2,
.task-custom-field-create-hint.hint2 {
margin-left: 28px;
}
.custom-field-type-ico,
.task-custom-field-create-type-ico,
.task-custom-field-formula-result-type-ico {
float: right;
margin: 0px 8px 0;
}
.task-custom-field-manager {
width: 300px;
font-size: 13px;
}
.classic-font .task-custom-field-manager {
font-size: 12px;
}
.task-custom-field-manager-header {
color: var(--grey-label, #838383);
font-size: 18px;
padding-bottom: 20px;
padding-top: 30px;
}
.task-custom-field-manager-list-added .task-custom-field-manager-header {
padding-top: 15px;
}
.task-custom-field-manager-buttons {
margin: 0 15px 15px;
}
.task-custom-field-manager-search {
display: flex;
align-items: center;
margin: 0 15px 10px;
border: 1px solid var(--gray-input-border, #bbb);
}
.task-custom-field-manager-search.b-search-query input {
width: 225px;
}
.task-custom-field-manager-search .b-search-query-close {
display: none;
}
.task-custom-field-manager-search input:valid + .b-search-query-close {
display: inline-block;
}
.task-custom-field-manager-list {
font-size: 13px;
}
.classic-font .task-custom-field-manager-list {
font-size: 12px;
}
.baron_wrapper .task-custom-field-manager-list {
margin: 0 15px;
}
.task-custom-field-manager-panel-ajax {
text-align: center;
}
.task-custom-field-manager-panel {
border: 1px solid var(--chosen-text-no-results-bg, #f4f4f4);
margin-bottom: 15px;
}
.task-custom-field-manager-panel-header {
background: var(--chosen-text-no-results-bg, #f4f4f4);
display: flex;
align-items: center;
padding: 7px;
}
.classic-font .task-custom-field-manager-panel-header {
padding: 7px 7px 4px;
}
.task-custom-field-manager-panel-header-name {
color: var(--default-user-avatar, #909090);
display: inline-block;
margin-left: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
font-size: 13px;
}
.classic-font .task-custom-field-manager-panel-header-name {
font-size: 12px;
font-weight: bold;
}
.task-custom-field-manager-panel-header-move {
cursor: url('/img/openhand.cur'), move;
display: inline-block;
font-size: 0;
height: 16px;
line-height: 0;
vertical-align: top;
width: 12px;
flex-shrink: 0;
}
.task-custom-field-manager-panel-hidden .task-custom-field-manager-panel-header-move {
visibility: hidden;
}
.task-custom-field-manager-panel-header-move .svg-icon-wr {
width: 6px;
height: 14px;
margin: 1px auto;
}
.task-custom-field-manager-panel-header-move svg {
width: 6px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
}
.task-custom-field-manager-panel-header-expander {
margin-left: 10px;
}
.task-custom-field-manager-panel-fields {
padding: 0 7px;
}
.task-custom-field-manager-panel-field {
padding: 7px 0 4px;
border-bottom: 1px solid var(--chosen-text-no-results-bg, #f4f4f4);
background: var(--white-black, #fff);
display: flex;
align-items: center;
}
.task-custom-field-manager-panel-field.task-custom-field-manager-panel-field-moving {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==') repeat;
margin-left: -7px;
margin-right: -7px;
padding-left: 7px;
}
.task-custom-field-manager-panel-field:last-child {
border-bottom: none;
}
.task-custom-field-manager-panel-field-name {
color: var(--grey-label, #838383);
border-bottom: 1px dotted transparent;
display: inline-block;
cursor: pointer;
margin-left: 7px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
}
.classic-font .task-custom-field-manager-panel-field-name {
font-size: 12px;
}
.task-custom-field-manager-panel-field-move {
cursor: url('/img/openhand.cur'), move;
display: inline-block;
font-size: 0;
height: 16px;
line-height: 0;
vertical-align: top;
width: 12px;
flex-shrink: 0;
}
.task-custom-field-manager-panel-field-move .svg-icon-wr {
width: 6px;
height: 14px;
margin: 1px auto;
}
.task-custom-field-manager-panel-field-move svg {
width: 6px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
}
.task-custom-field-manager-panel-field-ico {
margin-left: 12px;
display: inline-block;
width: 16px;
}
.task-custom-field-manager-panel-field-menu {
display: inline-block;
float: right;
}
.task-custom-field-manager-panel-header-dots,
.task-custom-field-manager-panel-field-dots {
margin-left: auto;
}
.task-custom-field-manager-panel-header-dots svg,
.task-custom-field-manager-panel-field-dots svg {
width: 16px;
height: 16px;
fill: var(--gray-ico, #a9a9a9);
cursor: pointer;
}
.task-custom-field-panel-create {
font-size: 13px;
background-color: var(--file-viewer-canvas-email-bg, #eeeeee);
border-radius: 6px;
box-shadow: 0px 0px 4px var(--dialog-box-shadow-light);
}
.classic-font .task-custom-field-panel-create {
font-size: 12px;
}
.task-custom-field-panel-create-header {
padding-top: 29px;
margin-bottom: 8px;
padding-left: 13px;
color: var(--popup-win-header, #747474);
font-size: 14pt;
border-radius: 6px;
}
.task-custom-field-panel-create-text .tabs-panel-layout-target {
padding-right: 17px;
padding-left: 13px;
padding-bottom: 22px;
}
.task-custom-field-panel-create-text .tabs-panel-layout-target .container {
padding-left: 10px;
height: 76px;
}
.task-custom-field-panel-create-text .field-item {
margin-top: 10px;
margin-bottom: 20px;
}
.task-custom-field-panel-create-text input.text-box {
font-size: 16pt;
}
.task-custom-field-panel-create-button {
padding-top: 15px;
}
.task-custom-field-create.b-newtask-table > tbody > tr > td.td-item:first-child,
.task-custom-field-create.b-newtask-table > tbody > tr > td.td-item-checkbox {
padding-top: 7px;
padding-bottom: 7px;
}
.task-custom-field-create.b-newtask-table > tbody > tr > td.td-item:first-child input.text-box[type='checkbox'].task-custom-field-create-flag,
.task-custom-field-create.b-newtask-table > tbody > tr > td.td-item-checkbox input.text-box[type='checkbox'].task-custom-field-create-flag {
top: 0;
}
.task-custom-field-create .td-item .chzn-container input[type='text'] {
height: auto;
}
.task-custom-field-create .td-item:not(.tr-additional-fields-list) input.task-custom-field-val[type='text'] {
height: 27px;
box-sizing: border-box;
}
.task-custom-field-create .task-custom-field-create-require {
color: #ff0000;
display: inline-block;
margin-top: -2px;
padding-left: 3px;
vertical-align: top;
}
a.custom-plashka-element,
.custom-plashka-element {
margin-left: 9px;
padding: 4px 7px;
border-radius: 6px;
font-size: 13px;
cursor: pointer;
margin-bottom: 5px;
color: var(--black-white, black);
text-decoration: none;
border: 1px solid var(--task-edit-btn-val-shadow, rgba(0, 0, 0, 0.2));
width: auto;
text-overflow: ellipsis;
overflow: hidden;
}
a.custom-plashka-element:hover,
.custom-plashka-element:hover {
color: var(--black-white, black);
text-decoration: none;
}
.td-item-qe-editable.td-item-qe-editable-active a.custom-plashka-element:not(.black-background),
.td-item-qe-editable.td-item-qe-editable-active .custom-plashka-element:not(.black-background) {
color: var(--black-white, black) !important;
}
.custom-field-plashka {
display: flex;
justify-content: inherit;
flex-wrap: wrap;
margin-left: -9px;
margin-right: -5px;
margin-top: 5px;
line-height: initial;
max-height: 320px;
overflow: auto;
}
.task-custom-field-create .tr-next-incr .next-incr,
.task-custom-field-create .task-custom-field-create-tr-next-incr .next-incr {
padding-right: 7px;
vertical-align: middle;
}
.task-custom-field-create-group-new {
cursor: pointer;
position: relative;
margin-left: -35px;
top: 3px;
}
.task-custom-field-create-access-read-handbook td {
background: var(--custom-field-create-access-bg, #f4fae7);
color: var(--date-picker-navigation-svg, #777);
padding: 15px !important;
}
.task-custom-field-manager-list-other-list .task-custom-field-manager-panel-field-move {
visibility: hidden;
}
.task-custom-field-manager-panel-field-title {
display: none;
}
.task-custom-field-manager-panel-group .task-custom-field-manager-panel-header-move {
display: none;
}
.task-custom-field-manager-panel-group .task-custom-field-manager-panel-header-expander {
margin-left: 6px;
}
.task-custom-field-type-ico {
display: inline-block;
}
.task-custom-field-create-comment .task-custom-field-create-comment {
display: block;
font-size: 10pt;
width: 308px;
margin-right: 10px;
padding: 8px 8px;
resize: none;
height: 50px;
margin-top: 3px;
}
.task-custom-field-list-comment-cell {
font-size: 13px;
word-wrap: break-word;
word-break: break-word;
}
.task-custom-field-list-comment-cell,
.task-custom-field-list-language,
.task-custom-field-list-access {
white-space: pre-line;
word-break: break-word;
}
.task-custom-field-list-columns-menu .td-head-add-column {
margin-right: auto;
}
.task-custom-field-list-name-link {
font-size: 15px;
line-height: 15px;
word-break: break-word;
}
.tr-item-task-custom-field .task-custom-field-list-name-link {
padding: 8px 0 0;
margin: 0 0 2px;
}
.tr-item-task-custom-group .task-custom-field-list-name-link:hover {
text-decoration: none;
}
.tr-item-task-custom-field:hover .td-item.td-project-name,
.tr-item-task-custom-group:hover .td-item.td-project-name {
border-left-color: transparent;
overflow: hidden;
}
.custom-field-total-type,
.custom-field-total-select,
.custom-field-total-input {
margin-left: 10px;
}
.task-custom-field-create-tr-enum input.item-value {
width: 277px;
margin: 10px 5px 0 0;
}
.task-custom-field-create-tr-enum .svg-icon-remove {
margin-top: 15px;
cursor: pointer;
vertical-align: top;
}
.task-custom-field-create-tr-enum .placeholder-wrapper {
height: 38px;
}
.task-custom-field-create-tr-enum .placeholder-wrapper .placeholder.check-list-move-shadow {
height: 28px;
background-color: var(--white-black, white);
position: relative;
top: 8px;
width: 319px;
}
.task-custom-field-create-tr-enum .block-list-value-item {
vertical-align: top;
margin: 17px 0 0 0;
display: inline-block;
cursor: pointer;
}
.task-custom-field-create.b-newtask-table .system-customfield-create-value-wr .upload-file-block-parent-cff {
padding: 7px 0 0 0 !important;
}
/************************** Блок выбора даты задачи ****************************/
.task-dates-dialog {
padding: 10px 18px 0;
}
.task-dates-dialog .context-popup-dialog-triangle {
border-bottom-color: #eee;
border-top-color: #eee;
}
.task-dates-dialog *:not(input) {
user-select: none;
}
.task-dates-dialog-win-block .dialog-btn-wrapper {
padding: 15px 0;
}
.tr-task-date-duration input::-moz-placeholder {
color: var(--gray-input-border, #bbb);
}
.tr-task-date-duration input::-webkit-input-placeholder {
color: var(--gray-input-border, #bbb);
}
.task-dates-block {
white-space: nowrap;
border-radius: 3px;
}
.task-dates-block .task-dates-block-header {
color: var(--grey-label, #838383);
font-size: 14px;
}
.classic-font .task-dates-block .task-dates-block-header {
font-size: 12px;
}
.task-dates-block .task-dates-block-time {
height: 35px;
padding: 12px 0;
}
.task-dates-block .task-dates-block-time .task-dates-block-switch-input.locked.task-dates-block-switch-input-active .task-dates-block-switch-input-text {
display: block;
}
.task-dates-block .task-dates-block-time .task-dates-block-switch-input.locked.task-dates-block-switch-input-active .task-dates-block-switch-input-text span {
display: block;
font-size: 16px;
padding-top: 6px;
}
.task-dates-block .time-picker-wrapper {
position: absolute;
width: 0px;
}
.task-dates-block .time-picker-wrapper .time-picker-block {
position: relative;
width: 146px;
height: 145px;
background: var(--white-black, #ffffff);
border: 1px solid var(--gray-input-border, #bbb);
left: -1px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
top: 39px;
}
.task-dates-block .time-picker-wrapper .time-picker-block.top {
top: unset;
bottom: 153px;
}
.task-dates-block .task-dates-block-duration {
position: relative;
margin: 0 35px;
width: 175px;
}
.task-dates-block .task-dates-block-switch-input {
border: 1px solid var(--gray-input-border, #bbb);
cursor: pointer;
border-radius: 3px;
}
.task-dates-block .task-dates-block-switch-input .task-dates-block-switch-input-ico {
padding-top: 0;
border-radius: 3px;
color: var(--grey-planner-holiday, #ababab);
}
.task-dates-block .task-dates-block-switch-input.task-dates-block-time-input {
flex: 3;
height: 33px;
}
.task-dates-block .task-dates-block-switch-input.task-dates-block-time-input.task-dates-block-switch-input-active {
display: flex;
}
.task-dates-block .task-dates-block-switch-input.task-dates-block-time-input.task-dates-block-switch-input-active:hover {
box-shadow: 0 0 inset;
}
.task-dates-block .task-dates-block-switch-input.task-dates-block-time-input .task-dates-block-switch-input-ico {
padding-top: 0;
border-radius: 3px;
}
.task-dates-block .task-dates-block-switch-input.task-dates-block-time-input .task-dates-block-switch-input-ico span {
margin-right: 0;
margin-left: 0;
}
.task-dates-block .task-dates-block-switch-input.task-dates-block-time-input .task-dates-block-switch-input-text input.text-box {
background: transparent;
font-size: 16px;
border-radius: 3px;
}
.task-dates-block .task-dates-block-switch-input.locked {
cursor: initial;
}
.task-dates-block .task-dates-block-switch-input.locked.task-dates-block-switch-input-active .task-dates-block-switch-input-text input,
.task-dates-block .task-dates-block-switch-input.locked.task-dates-block-switch-input-active .task-dates-block-switch-input-ico,
.task-dates-block .task-dates-block-switch-input.locked.task-dates-block-switch-input-active .task-dates-block-switch-input-close {
display: none;
}
.task-dates-block .task-dates-block-switch-input.task-dates-block-duration-input {
width: 175px;
height: 45px;
box-sizing: border-box;
display: flex;
}
.task-dates-block .task-dates-block-switch-input.task-dates-block-duration-input .task-dates-block-switch-input-text {
border-radius: 3px;
}
.task-dates-block .task-dates-block-switch-input.task-dates-block-duration-input .task-dates-block-switch-input-text input.text-box:hover {
box-shadow: inset 0 0 0 1px var(--task-dates-input-shadow, #b1b1b1);
}
.task-dates-block .task-dates-block-switch-input .task-dates-block-switch-input-text input.text-box {
padding: 10px 0;
font-size: 20px;
color: var(--black-white, black);
border: none;
text-align: center;
height: 100%;
box-sizing: border-box;
border-radius: 3px;
width: 100%;
background: none;
}
.task-dates-block .task-dates-block-switch-input:not(.locked):hover {
box-shadow: inset 0 0 0 1px var(--task-dates-input-shadow, #b1b1b1);
}
.task-dates-block .task-dates-block-switch-input.task-dates-block-switch-input-active {
cursor: default;
background: var(--white-black, white);
}
.task-dates-block .task-dates-block-switch-input.task-dates-block-switch-input-active .task-dates-block-switch-input-ico {
display: none;
}
.task-dates-block .task-dates-block-switch-select {
border-radius: 3px;
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-offsetunit-select {
margin-top: 12px;
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-offsetunit-select .task-dates-block-switch-select-item:hover {
box-shadow: inset 0 0 0 1px var(--task-dates-input-shadow, #b1b1b1);
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-offsetunit-select .task-dates-block-switch-select-item:last-child {
width: 53px;
margin-right: 0;
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item {
margin-top: 12px;
border-radius: 3px;
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item:first-child,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item:first-child,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item:first-child {
margin-top: 0;
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-none,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-none,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item.task-dates-block-switch-select-item-none {
text-align: center;
height: 45px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-none .svg-icon-dates,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-none .svg-icon-dates,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item.task-dates-block-switch-select-item-none .svg-icon-dates {
margin-right: 10px;
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-none.task-dates-block-switch-select-item-active .iconset-16px-date,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-none.task-dates-block-switch-select-item-active .iconset-16px-date,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item.task-dates-block-switch-select-item-none.task-dates-block-switch-select-item-active .iconset-16px-date {
background-position: 0 -2144px;
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-create,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-create,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item.task-dates-block-switch-select-item-create,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-accept,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-accept,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item.task-dates-block-switch-select-item-accept,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-start,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-start,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item.task-dates-block-switch-select-item-start {
text-align: center;
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset {
height: 35px;
white-space: normal;
text-align: left;
padding: 0;
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset.task-dates-block-switch-select-item-active input.text-box,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset.task-dates-block-switch-select-item-active input.text-box,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset.task-dates-block-switch-select-item-active input.text-box {
border-bottom: 1px solid var(--gray-input-border, #bbb);
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset input.text-box,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset input.text-box,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset input.text-box {
margin-right: 5px;
font-size: 12px;
color: var(--reminder-dialog-textbox, #767676);
width: 21px;
text-align: right;
padding: unset;
line-height: 1.7em;
background: transparent;
border: none;
}
.task-dates-block .task-dates-block-switch-select.task-dates-block-templatestart-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset .task-dates-block-switch-select-item-offset-text-container,
.task-dates-block .task-dates-block-switch-select.task-dates-block-templateend-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset .task-dates-block-switch-select-item-offset-text-container,
.task-dates-block .task-dates-block-switch-select.task-dates-block-duration .task-dates-block-switch-select-item.task-dates-block-switch-select-item-offset .task-dates-block-switch-select-item-offset-text-container {
margin-right: 5px;
}
.task-dates-block .task-dates-block-switch-select .task-dates-block-switch-select-item {
border: 1px solid var(--gray-input-border, #bbb);
color: var(--grey-planner-holiday, #ababab);
font-size: 12px;
cursor: pointer;
background: var(--gray-group-border, #d4d4d4);
border-radius: 3px;
}
.task-dates-block .task-dates-block-switch-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-calendartime,
.task-dates-block .task-dates-block-switch-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-worktime {
font-size: 11px;
line-height: 11px;
}
.task-dates-block .task-dates-block-switch-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-active {
color: var(--grey-planner-holiday, #ababab);
cursor: auto;
background: var(--white-black, #ffffff);
}
.task-dates-block .task-dates-block-switch-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-active .svg-icon-dates {
fill: var(--grey-planner-holiday, #ababab);
stroke: var(--grey-planner-holiday, #ababab);
}
.task-dates-block .task-dates-block-switch-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-active:hover {
background: var(--white-black, #ffffff);
}
.task-dates-block .task-dates-block-switch-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-disabled {
display: none;
border: 1px solid transparent;
color: var(--gray-group-border, #d4d4d4);
cursor: auto;
}
.task-dates-block .task-dates-block-switch-select .task-dates-block-switch-select-item.task-dates-block-switch-select-item-disabled:hover {
background: none;
}
.task-dates-block .task-dates-block-switch-select .task-dates-block-switch-select-item:hover {
box-shadow: inset 0 0 0 1px var(--task-dates-input-shadow, #b1b1b1);
}
.task-dates-block .task-dates-block-template {
display: flex;
margin-top: 14px;
}
.task-dates-block .task-dates-block-template .task-dates-block-duration .task-dates-block-switch-input-ico {
background: var(--white-black, white);
}
.task-dates-block .task-dates-block-template .task-dates-block-duration .task-dates-block-switch-input-ico .svg-icon-dates {
margin-right: 10px;
}
.task-dates-block .task-dates-block-template .task-dates-block-duration .task-dates-block-switch-select {
border-radius: 3px;
margin-top: 12px;
}
.task-dates-block .task-dates-block-dates {
margin-top: 14px;
}
.task-is-summary-info-dates.g-popup-gray .description {
line-height: 1.8;
}
.task-is-summary-info-dates.g-popup-gray .btn-info {
float: right;
background-color: var(--chosen-text, #333);
border-radius: 6px;
margin-top: 3px;
}
.task-is-summary-info-dates.g-popup-gray .btn-info > a {
color: var(--white-black, white);
padding: 5px;
line-height: 1.6;
font-weight: normal;
text-decoration: none;
}
.task-is-summary-info-dates.g-popup-gray.g-popup-gray-top-center::after {
left: 170px;
top: 0;
margin-top: -5px;
}
.tr-task-dialogMenu .task-dates-block .task-dates-block-time .task-dates-block-start,
.task-dates-dialog .task-dates-block .task-dates-block-time .task-dates-block-start,
.tr-task-dialogMenu .task-dates-block .task-dates-block-time .task-dates-block-end,
.task-dates-dialog .task-dates-block .task-dates-block-time .task-dates-block-end {
background: transparent;
}
.tr-task-dialogMenu .task-dates-block .task-dates-block-time .task-dates-block-start input.text-box:hover,
.task-dates-dialog .task-dates-block .task-dates-block-time .task-dates-block-start input.text-box:hover,
.tr-task-dialogMenu .task-dates-block .task-dates-block-time .task-dates-block-end input.text-box:hover,
.task-dates-dialog .task-dates-block .task-dates-block-time .task-dates-block-end input.text-box:hover {
box-shadow: 0 0 inset;
}
.tr-task-dialogMenu .alignedview-destroy-button,
.task-dates-dialog .alignedview-destroy-button {
margin-left: auto;
cursor: pointer;
width: 16px;
height: 16px;
}
.tr-task-dialogMenu .alignedview-destroy-button:hover .svg-icon-16px.gray,
.task-dates-dialog .alignedview-destroy-button:hover .svg-icon-16px.gray {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.task-dates-dialog .task-dates-block-switch-input-close {
cursor: pointer;
display: none;
font-size: 0;
width: 16px;
height: 16px;
}
.task-dates-dialog .task-dates-block-switch-input-close .svg-icon-16px.gray {
display: flex;
justify-content: center;
align-items: center;
}
.task-dates-dialog .task-dates-block-switch-input-close .svg-icon-16px.gray svg {
width: 9px;
height: 9px;
}
.task-dates-dialog .task-dates-block-switch-input-close:hover .svg-icon-16px {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.task-dates-block-durationtimetype {
display: flex;
justify-content: center;
}
.task-dates-block-header,
.task-dates-block-dates,
.task-dates-block-time {
display: flex;
}
.task-dates-block-header .task-dates-block-start,
.task-dates-block-header .task-dates-block-duration,
.task-dates-block-header .task-dates-block-end {
display: block;
text-align: center;
font-size: 14px;
}
.task-dates-block-switch-time-ico,
.task-dates-block-time-input {
margin-right: 6px;
}
.task-dates-summary-block .task-dates-block-switch-time-ico,
.task-dates-summary-block .task-dates-block-time-input {
margin-right: unset;
}
.task-dates-summary-block .dates-block-lock {
position: absolute;
cursor: pointer;
bottom: 9px;
left: -10px;
}
.task-dates-summary-block .dates-block-lock .wr {
border: 1px solid #A5A1A1;
padding: 2px 2px 0 2px;
display: inline-block;
border-radius: 12px;
background: var(--white-black, white);
}
.task-dates-summary-block .dates-block-lock .wr > i {
transform: scale(0.75);
}
.task-dates-block-switch-input {
position: relative;
}
.task-dates-block-switch-input .task-dates-block-switch-input-close {
position: absolute;
top: 1px;
right: 1px;
}
.task-dates-block-switch-input.task-dates-block-date-input {
width: 100%;
height: 45px;
box-sizing: border-box;
background: transparent;
}
.task-dates-block-switch-input.task-dates-block-date-input .task-dates-block-switch-input-text {
border-radius: 3px;
}
.task-dates-block-switch-input.task-dates-block-switch-input-active .task-dates-block-switch-input-text {
display: flex;
}
.task-dates-block-switch-input.task-dates-block-switch-input-active .destroy-button {
display: block;
}
.task-dates-block-switch-planner,
.task-dates-block-switch-time-ico {
flex: 1;
min-width: 37px;
font-size: 0;
border: 1px solid var(--gray-input-border, #bbbbbb);
}
.task-dates-block-switch-planner:hover,
.task-dates-block-switch-time-ico:hover {
box-shadow: inset 0 0 0 1px var(--task-dates-input-shadow, #b1b1b1);
}
.task-dates-block-end,
.task-dates-block-start {
position: relative;
width: 191px;
display: flex;
align-items: center;
}
.task-dates-block-switch-input-ico {
text-align: center;
vertical-align: top;
width: 100%;
height: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
color: var(--grey-planner-holiday, #ababab);
font-size: 12px;
cursor: pointer;
background: var(--white-black, white);
border-radius: 3px;
}
.task-dates-block-switch-input-ico:hover {
border: 1px solid var(--task-dates-input-shadow, #b1b1b1);
}
.task-dates-block-switch-select-item {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex: 1;
margin-right: 10px;
padding-bottom: 1px;
border-radius: 3px;
box-sizing: border-box;
}
.task-dates-block-switch-select-item:last-child {
margin-right: 0;
}
.task-dates-block-switch-select {
height: 35px;
display: flex;
width: 175px;
}
.task-dates-block-switch-input-text {
width: 100%;
height: 100%;
display: none;
align-items: center;
justify-content: center;
}
.task-dates-block-switch-input-text span {
text-align: center;
font-size: 20px;
color: var(--task-dates-input-text, #cecece);
min-width: 45px;
cursor: auto;
}
body.dark-theme .task-dates-block-switch-input-text span {
color: #93979f !important;
}
.task-dates-block-template .task-dates-block-templatestart-select,
.task-dates-block-template .task-dates-block-templateend-select {
width: 100%;
margin-right: unset;
flex-direction: column;
}
.task-dates-block-template .task-dates-block-templatestart-select .task-dates-block-switch-select-item,
.task-dates-block-template .task-dates-block-templateend-select .task-dates-block-switch-select-item {
margin-right: unset;
flex: unset;
}
.task-dates-block-template .task-dates-block-templatestart-select {
height: 92px;
}
.task-dates-block-template .task-dates-block-templateend-select {
height: unset;
}
.task-dates-block-template .task-dates-block-start,
.task-dates-block-template .task-dates-block-end {
flex-direction: column;
}
.task-dates-block-template .task-dates-block-start .task-dates-block-switch-select-item-accept,
.task-dates-block-template .task-dates-block-end .task-dates-block-switch-select-item-accept,
.task-dates-block-template .task-dates-block-start .task-dates-block-switch-select-item-create,
.task-dates-block-template .task-dates-block-end .task-dates-block-switch-select-item-create,
.task-dates-block-template .task-dates-block-start .task-dates-block-switch-select-item-start,
.task-dates-block-template .task-dates-block-end .task-dates-block-switch-select-item-start {
height: unset;
padding: 9px 5px 10px;
white-space: normal;
}
.task-dates-block-template .task-dates-block-offsetunit-select {
width: 100%;
}
.time-picker-active {
background-color: var(--time-picker-dates, #C7C7C7);
}
.time-picker-active svg {
fill: var(--white-black, #ffffff);
}
.task-dates-template-block .task-dates-block-switch-time-ico {
margin-right: unset;
}
.task-dates-template-block .task-dates-block-switch-input.task-dates-block-time-input {
flex: 5;
}
.task-dates-template-block .task-dates-block-time {
padding: 12px 0;
margin-top: 0;
}
.task-dates-template-block.task-dates-summary-block .task-dates-block-switch-select-item-none {
position: relative;
}
.task-deps-dialog-subheader {
color: var(--chosen-text-disabled, #989898);
font-size: 13px;
margin-left: 2px;
margin-top: -15px;
}
.task-deps-dialog-subheader.orgtree {
margin-top: 0;
margin-bottom: 0;
}
.dialog-task-deps .dep-label {
font-size: 18px;
display: inline-block;
margin-bottom: 3px;
}
.dialog-task-deps .dep-label.orgtree {
margin-bottom: 0;
border-bottom: 1px solid var(--file-viewer-canvas-email-bg, #eee);
padding-bottom: 3px;
width: inherit;
}
.dialog-task-deps .dialog-btn-wrapper {
padding-top: 15px;
}
.task-deps-dialog-table {
width: 740px;
margin-top: 20px;
margin-bottom: 10px;
}
.task-deps-dialog-item {
height: 45px;
}
.task-deps-dialog-item .td-item {
border-bottom: 1px solid var(--file-viewer-canvas-email-bg, #eee);
}
.task-deps-dialog-item .editable:hover {
background: var(--confirm-win-content-border, #d9d9d9);
cursor: pointer;
}
.task-deps-dialog-item:hover {
background-color: var(--email-filter-then-bg, #f9f9f9);
}
.task-deps-dialog-item:hover .af-editmenu {
visibility: visible;
}
.task-deps-dialog-item .readonly {
color: var(--cke-dialog-tab, #595959);
}
.task-deps-dialog-item .task-deps-remove-td {
text-align: center;
}
.af-row-btn-add {
font-size: 13px;
margin-top: 10px;
}
.af-row-btn-add .handle-click.svg-icon-16px,
.af-row-btn-add .handle-click.iconset-16px {
margin-right: 7px;
}
.af-row-btn-add .handle-click.fakelink-dashed {
vertical-align: top;
}
.af-row-btn-add .handle-click.fakelink-dashed.input {
border: none;
background: transparent;
border-bottom: 1px dotted;
}
.af-row-btn-add.microcard-edit {
margin-top: 0;
margin-bottom: 10px;
}
.task-deps-dialog-item-clicked .td-item {
background: var(--task-bg-action-linked, #eaffd2);
}
.task-deps-dialog-item-task-edit select {
width: 300px;
}
.task-deps-dialog-item-type-edit select {
width: 180px;
}
.task-deps-dialog-item-lag-edit input.text-box {
font-size: 10pt;
margin-top: 0;
padding: 4px 5px;
width: 50px;
}
.task-deps-dialog-item-text {
line-height: 20px;
/* 27px чтобы не скакало */
}
.task-deps-dialog-item-remove {
margin-top: 2px;
display: none;
cursor: pointer;
}
.task-deps-dialog-item:hover .task-deps-dialog-item-remove {
display: inline-block;
}
.task-deps-add-new-item.task-deps-dialog-item:hover .task-deps-dialog-item-remove {
display: none;
}
.task-deps-dialog-item-remove.iconset-16px.iconset-16px-remove.inactive:hover {
background-position: 0 -368px;
}
.task-deps-dialog-table.successors {
margin-top: 30px;
}
.task-deps-dialog-table.children {
margin-top: 30px;
}
.b-main-block .dep-label {
margin-bottom: 5px;
color: var(--grey-group-text, #6C6C6C);
font-weight: bold;
font-size: 12pt;
}
.b-main-block .dep-label.successors {
margin-top: 30px;
}
.deps-task-title {
font-size: 17pt;
color: var(--confirm-win-head-bg, #4b4b4b);
}
.deps-project-path {
margin-top: 15px;
font-size: 13px;
color: var(--core-dropdown-text, #9c9c9c);
}
.b-main-block .deps-empty-block {
display: flex;
justify-content: center;
height: 100%;
flex-direction: column;
align-items: center;
}
.b-main-block .deps-empty-block .deps-empty-icon {
margin-right: 4px;
width: 220px;
height: 220px;
background-image: url("/img/empty/svgEmpty02.svg");
}
.b-main-block .deps-empty-block .deps-empty-text {
color: var(--confirm-win-head-bg, #4B4B4B);
font-size: 18px;
margin: 16px 0;
}
.b-main-block .deps-empty-block .b-text-btn {
margin-left: 9px;
}
.rc-orgtree-deps-dialog__row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 4px;
}
.rc-orgtree-deps-dialog__row-select {
flex: 1;
min-width: 0;
}
.rc-orgtree-deps-dialog__add-row {
margin-top: 8px;
padding-bottom: 4px;
}
.task-filter-block {
border: 1px solid var(--gray-border, #e2e2e2);
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
display: inline-block;
font-size: 11px;
position: relative;
background: var(--white-black, #fff);
}
.task-filter-block input.text-box {
border: medium none;
margin: 2px 4px;
width: 220px;
outline: none;
padding: 2px 0 2px 25px;
background: url("/img/search.png") no-repeat 5px center #fff;
font-size: 11px;
}
.task-filter-block input.text-box::-moz-placeholder {
color: #a8a8a8;
}
.task-filter-block input.text-box::-webkit-input-placeholder {
color: #a8a8a8;
}
.tbl-list-gant .task-filter-block input.text-box {
width: 150px;
}
.task-filter-block-ddl {
display: inline-block;
}
.task-filter-block-ddl .b-ddl-menu {
display: inline-block;
font-size: 10pt;
vertical-align: top;
margin-top: 10px;
}
.classic-font .task-filter-block-ddl .b-ddl-menu {
margin-top: 8px;
}
.task-filter-block-ddl .b-ddl-menu .b-ddl-menu-selected-arrow {
padding: 0 7px;
}
.task-filter-header {
font-size: 16pt;
padding: 15px 10px 5px;
}
.task-filter-header span {
border-bottom: 1px dashed #000;
cursor: pointer;
display: none;
}
.task-filter-header input.text-box {
font-size: 16pt;
width: 400px;
}
.task-filter-owner {
display: none;
margin-bottom: -20px;
margin-top: 5px;
padding-right: 10px;
text-align: right;
}
.task-filter-owner span {
color: #7a7a7a;
}
.task-filter-owner span .owner-filter-text {
font-size: 8pt;
}
.task-filter-owner span .owner-name-text {
font-size: 8pt;
font-weight: bold;
}
.task-filter-owner span a {
text-decoration: none;
color: #7a7a7a;
}
.task-filter-owner span a:hover {
text-decoration: underline;
}
.task-filter-container {
font-size: 13px;
width: 100%;
min-width: 705px;
padding: 10px 10px 0;
}
.task-filter-container.task-filter-container-loading > tbody > tr {
display: none;
}
.task-filter-cases .task-filter-cases-add {
padding-top: 10px;
padding-bottom: 20px;
}
.task-filter-cases .task-filter-case > div {
display: inline-block;
vertical-align: top;
}
.task-filter-cases-container td {
background: #ecf3ed;
border-top: 1px solid #c4cdc5;
}
.task-filter-cases-container .task-filter-label {
padding-bottom: 20px;
}
.task-filter-cases-container .task-filter-case {
margin: 3px 0;
display: flex;
align-items: center;
}
.task-filter-cases-container .task-filter-case .task-filter-case-type {
background: none repeat scroll 0 0 #C2CFC4;
display: inline-block;
padding: 5px 6px 5px;
height: 27px;
white-space: nowrap;
}
.task-filter-cases-container .task-filter-case .task-filter-case-type select {
width: 360px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-type-2 {
display: none;
}
.task-filter-cases-container .task-filter-case .task-filter-case-type-tail {
border-bottom: 21px solid transparent;
border-left: 16px solid #C2CFC4;
border-top: 17px solid transparent;
display: inline-block;
height: 0;
width: 0;
}
.task-filter-cases-container .task-filter-case .task-filter-case-operator {
margin-left: 10px;
display: inline-block;
margin-top: 3px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-operator > select {
width: 43px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-operator .chzn-container {
vertical-align: bottom;
}
.task-filter-cases-container .task-filter-case .task-filter-case-menu-for-item {
display: inline-block;
margin: 5px 10px 0 20px;
cursor: pointer;
}
.task-filter-cases-container .task-filter-case.task-filter-case-2-type-controls .task-filter-case-type {
display: inline-block;
padding: 5px 6px 5px;
height: 27px;
vertical-align: top;
}
.task-filter-cases-container .task-filter-case.task-filter-case-2-type-controls .task-filter-case-type select {
width: 175px;
}
.task-filter-cases-container .task-filter-case.task-filter-case-2-type-controls .task-filter-case-type .chzn-container {
width: 175px !important;
}
.task-filter-cases-container .task-filter-case.task-filter-case-2-type-controls .task-filter-case-type-2 {
display: inline-block;
background: none repeat scroll 0 0 #C2CFC4;
height: 27px;
padding: 5px 6px;
}
.task-filter-cases-container .task-filter-case.task-filter-case-2-type-controls .task-filter-case-type-2 select {
width: 175px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-test-result {
margin: -3px 0 0 auto;
align-self: stretch;
align-items: center;
width: 45px;
justify-content: center;
display: none;
}
.task-filter-cases-container .task-filter-case .task-filter-case-test-result.task-filter-case-test-result-true {
background: #139b13;
display: flex;
}
.task-filter-cases-container .task-filter-case .task-filter-case-test-result.task-filter-case-test-result-false {
background: #ce0c28;
display: flex;
}
.task-filter-cases-container .task-filter-case .timepicker {
position: relative;
}
.task-filter-cases-container .task-filter-case .timepicker input {
width: 142px;
text-align: center;
}
.task-filter-cases-container .task-filter-case .timepicker .filter-value-timepicker-block {
z-index: 100;
position: absolute;
border: 1px solid #bbbbbb;
padding: 10px;
background: white;
top: 25px;
left: 0px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value {
display: inline-block;
margin-left: 10px;
vertical-align: top;
white-space: nowrap;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value .task-filter-case-compare-fields,
.task-filter-cases-container .task-filter-case .task-filter-case-value .chzn-container {
white-space: normal;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value select {
width: 260px;
font-size: 10pt;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value .task-filter-case-week-day {
width: 110px;
outline: none;
margin-left: 5px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value .chosen-control-placeholder {
line-height: 20px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value input[type=text] {
display: inline-block;
font-size: 16pt;
vertical-align: bottom;
width: 472px;
margin: 0;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value .chzn-container input[type=text] {
font-size: 10pt;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value input.task-filter-case-value-with-operator[type=text] {
width: 120px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value input.task-filter-case-value-date[type=text] {
font-size: 10pt;
width: 70px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value span.task-filter-case-value-date-from {
margin-left: 5px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value span.task-filter-case-value-certday-from {
margin-left: 5px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value select.task-filter-case-value-date {
width: 200px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value input.task-filter-case-value-period[type=text] {
font-size: 10pt;
width: 30px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
padding-right: 3px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value input.task-filter-case-value-certday-from[type=text] {
font-size: 10pt;
width: 16px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value input.task-filter-case-value-certday-to[type=text] {
font-size: 10pt;
width: 16px;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value input.taskFilter-durationInput {
margin-right: 10px;
width: 100px;
outline: none;
}
.task-filter-cases-container .task-filter-case .task-filter-case-value .taskFilter-durationSelect {
width: 100px;
outline: none;
}
.task-filter-schedule-fields-analitics-container .task-filter-schedule-analitic {
margin-bottom: 10px;
display: flex;
align-items: center;
}
.task-filter-schedule-fields-analitics-container .task-filter-schedule-analitic .task-filter-data-val {
margin-right: 12px;
vertical-align: bottom;
}
.task-filter-schedule-fields-analitics-container .task-filter-schedule-analitic:last-child {
margin-bottom: 0;
}
.task-filter-schedule-fields-analitics-container .task-filter-schedule-analitic select {
width: 260px;
}
.task-filter-schedule-fields-analitics-container .task-filter-schedule-analitic .task-filter-case-close {
margin: 0;
width: 17px;
display: none;
cursor: pointer;
vertical-align: bottom;
}
.task-filter-schedule-fields-analitics-container .task-filter-schedule-analitic + .task-filter-schedule-analitic:hover .task-filter-case-close {
display: inline-block;
}
.task-filter-schedule-fields-analitics-container .task-filter-schedule-analitic .task-filter-case-number {
background: var(--email-filter-case-number, #8DAF92);
color: var(--white-black, #FFFFFF);
margin: 0;
padding: 2px 5px;
display: inline-block;
}
.task-filter-schedule-fields-analitics-container .task-filter-schedule-analitic + .task-filter-schedule-analitic:hover .task-filter-case-number {
display: none;
}
.task-filter-cases-container .task-filter-case .task-filter-case-close {
margin: 0 0 0 13px;
display: none;
cursor: pointer;
vertical-align: bottom;
}
.task-filter-cases-container .task-filter-case .task-filter-case-number {
background: var(--email-filter-case-number, #8DAF92);
color: var(--white-black, #FFFFFF);
margin: 9px 0 6px 12px;
padding: 2px 5px;
display: inline-block;
}
.task-filter-cases-container .task-filter-case:hover .task-filter-case-close {
display: inline-block;
}
.task-filter-cases-container .task-filter-case:hover .task-filter-case-number {
display: none;
}
.task-filter-container .task-filter-label {
padding-left: 10px;
color: #7a7a7a;
vertical-align: top;
padding-top: 20px;
line-height: 1.3;
padding-right: 7px;
}
.task-filter-container .task-filter-cases {
padding-top: 10px;
}
.task-filter-logic-container td {
background: #e8ebf2;
border-top: 1px solid #fff;
}
.task-filter-logic-container .task-filter-label {
padding-top: 0;
padding-bottom: 0;
vertical-align: middle;
}
.task-filter-logic .task-filter-logic-wrapper {
display: flex;
padding: 10px 0;
}
.task-filter-logic .task-filter-logic-wrapper .task-filter-logic-test-result {
margin: -10px 0 -10px auto;
align-self: stretch;
align-items: center;
width: 45px;
justify-content: center;
display: none;
}
.task-filter-logic .task-filter-logic-wrapper .task-filter-logic-test-result.task-filter-logic-test-result-true {
background: #139b13;
display: flex;
}
.task-filter-logic .task-filter-logic-wrapper .task-filter-logic-test-result.task-filter-logic-test-result-false {
background: #ce0c28;
display: flex;
}
.task-filter-logic input.text-box {
font-size: 10pt;
padding: 4px;
width: 705px;
text-transform: uppercase;
}
.task-filter-logic .task-filter-logic-note {
font-size: 8pt;
color: #a7a7a7;
padding-top: 3px;
}
.task-filter-sort-container td {
padding-top: 10px;
padding-bottom: 10px;
background: #e8ebf2;
}
.task-filter-sorts > div {
display: inline-flex;
vertical-align: top;
}
.task-filter-sorts .task-filter-sort-add {
border-left: 1px solid #C2C2C2;
border-top: 1px solid #C2C2C2;
border-bottom: 1px solid #C2C2C2;
height: 17px;
background: #fff;
padding: 2px 5px 0;
cursor: pointer;
margin: 8px 0;
}
.task-filter-sorts .task-filter-sort-add-end {
height: 21px;
width: 24px;
background: url('/img/report-groupby-end-add.png');
cursor: pointer;
margin: 8px 0;
}
.task-filter-sort {
margin-right: 10px;
margin-bottom: 3px;
padding: 5px 5px 7px;
background: #C1D4F4;
align-items: center;
}
.task-filter-sort > div {
display: inline-block;
}
.task-filter-sort .task-filter-sort-select select {
width: 150px;
}
.task-filter-sort .task-filter-sort-close {
width: 20px;
height: 21px;
margin: 0 0 0 5px;
visibility: hidden;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.task-filter-sort .task-filter-sort-move {
cursor: url("/img/openhand.cur"), move;
display: inline-block;
height: 14px;
width: 6px;
vertical-align: bottom;
margin: 0 4px 3px 0;
}
.task-filter-sort .task-filter-sort-move svg {
width: 6px;
height: 14px;
fill: #a9a9a9;
}
.task-filter-sort:hover .task-filter-sort-close {
visibility: visible;
}
.task-filter-cases .task-filter-sort-move {
cursor: url("/img/openhand.cur"), move;
display: inline-block;
height: 14px;
width: 6px;
vertical-align: bottom;
padding: 0 4px 6px 0;
}
.task-filter-sort-after {
border-left: 1px solid #C2C2C2;
border-top: 1px solid #C2C2C2;
border-bottom: 1px solid #C2C2C2;
height: 17px;
background: #fff;
padding: 2px 5px 0;
cursor: pointer;
margin: 8px 0;
}
.task-filter-sort-after-end {
height: 21px;
width: 12px;
background: url('/img/report-groupby-end.png');
cursor: pointer;
margin: 8px 10px 0 0;
}
.task-filter-sort-orderusers-container td {
padding-top: 10px;
padding-bottom: 10px;
background: #e8ebf2;
}
.task-filter-sort-orderusers-val {
width: 545px;
}
.task-filter-groupby-container td {
padding-top: 10px;
padding-bottom: 10px;
background: #e8ebf2;
}
.task-filter-groupby-container > td > span {
display: inline-block;
}
.task-filter-groupby-container .not-show-empty-groups {
vertical-align: bottom;
padding: 5px 5px 7px;
color: #7A7A7A;
}
.task-filter-groupby-container .not-show-empty-groups-row {
vertical-align: middle;
}
.task-filter-groupby-container > .kanban-groupby + .task-filter-groupby-block .task-filter-groupby-select option[value="1"] {
display: none;
}
.task-filter-groupby-container .task-filter-groupby-block > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.task-filter-groupby-container .task-filter-groupby-block > div .not-show-empty-groups {
line-height: 1.1em;
}
.task-filter-groupby-container-test {
display: none;
}
.task-filter-groupby-container-test td > div {
display: flex;
padding: 15px 100px;
align-items: center;
color: #fff;
font-size: 15px;
background: #ce0c28;
}
.task-filter-groupby-container-test.task-filter-groupby-container-test-false {
display: table-row;
}
.task-filter-groupby-container-test .test-false-text {
margin-left: 10px;
}
.task-filter-groupbys > div {
display: inline-flex;
vertical-align: top;
}
.task-filter-kanban-group-by-specific-container td {
padding-bottom: 10px;
background: #e8ebf2;
}
.task-filter-schedule-fields-container .task-filter-fields-add,
.task-filter-groupbys .task-filter-groupby-add {
border-left: 1px solid #C2C2C2;
border-top: 1px solid #C2C2C2;
border-bottom: 1px solid #C2C2C2;
height: 17px;
background: #fff;
padding: 2px 5px 0;
cursor: pointer;
margin: 8px 0;
}
.task-filter-schedule-fields-container .task-filter-fields-add-end,
.task-filter-groupbys .task-filter-groupby-add-end {
height: 21px;
width: 24px;
background: url('/img/report-groupby-end-add.png');
cursor: pointer;
margin: 8px 0;
}
.task-filter-schedule-fields-container .task-filter-fields-add,
.task-filter-schedule-fields-container .task-filter-fields-add-end {
margin-top: 4px;
}
.task-filter-schedule-fields-container.expanded .task-filter-fields-add,
.task-filter-schedule-fields-container.expanded .task-filter-fields-add-end {
display: none;
}
.task-filter-schedule-fields-container:not(.expanded) .task-filter-label {
padding-top: 6px;
padding-bottom: 6px;
}
.task-filter-schedule-fields-container:not(.expanded) .task-filter-fields {
padding-top: 5px;
}
.task-filter-groupby {
margin-right: 10px;
padding: 5px 5px 7px;
background: #C1D4F4;
align-items: center;
}
.task-filter-groupby > div {
display: inline-block;
}
.task-filter-groupby .task-filter-groupby-select select {
width: 175px;
}
.task-filter-groupby .task-filter-groupby-close {
width: 20px;
height: 21px;
margin: 0 0 0 5px;
visibility: hidden;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.task-filter-groupby:hover .task-filter-groupby-close {
visibility: visible;
}
.task-filter-panel-container td {
padding-top: 10px;
padding-bottom: 10px;
background: #fdf5d9;
border-top: 1px solid #FFFFFF;
}
.task-filter-panel-container td.task-filter-label {
padding-top: 10px;
}
.task-filter-panel-container .task-filter-panel-ico {
margin-right: 3px;
vertical-align: bottom;
}
.task-filter-panel-container .task-filter-panel-off .svg-object-lamp svg .svg-part-lamp-top {
fill: #7C7C7C;
}
.task-filter-ical-container td {
padding-top: 10px;
padding-bottom: 10px;
background: #fdf5d9;
}
.task-filter-ical-container td.task-filter-label {
padding-top: 10px;
}
.task-filter-ical-container a {
margin-right: 20px;
}
.task-filter-google-calendar-container td {
background: #fffde7;
}
.task-filter-google-calendar-container span.google-calendar-action {
float: none !important;
}
.task-filter-google-calendar-container td.task-filter-label {
padding-top: 10px;
padding-bottom: 10px;
}
.task-filter-google-calendar-container td.task-filter-google-calendar {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.task-filter-google-calendar-container td.task-filter-google-calendar span.fakelink-dashed {
float: right;
}
.task-filter-google-contacts-container td,
.task-filter-google-contacts-sync-container td {
background: #fffde7;
}
.task-filter-google-contacts-container span.google-contacts-action {
float: none !important;
}
.task-filter-google-contacts-container td.task-filter-label {
padding-top: 10px;
padding-bottom: 10px;
}
.task-filter-google-contacts-container td.task-filter-google-contacts {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
td.task-filter-google-contacts span.fakelink-dashed {
float: right;
}
.task-filter-google-contacts-sync-container .task-filter-google-contacts-sync {
padding-right: 10px;
padding-bottom: 10px;
}
.task-filter-google-contacts-sync-container .task-filter-google-contacts-sync-label {
color: #7a7a7a;
}
.task-filter-emailmarket-container td {
background-color: #f3eafb;
border-top: 1px solid #FFFFFF;
}
.task-filter-emailmarket-container td.task-filter-emailmarket {
padding-right: 10px;
}
.task-filter-emailmarket-container td.task-filter-label {
padding-top: 10px;
padding-bottom: 10px;
}
.task-filter-emailmarket-container span.fakelink-dashed.fr {
float: right;
}
.task-filter-emailmarket-container .emailmarket-service-change {
padding-top: 2px;
}
.task-filter-data-container td {
padding-top: 10px;
padding-bottom: 10px;
background: #e8ebf2;
border-top: 1px solid #fff;
}
.task-filter-data-container td .task-filter-data-add {
padding: 10px 0;
}
.task-filter-data-container td .task-filter-data .chzn-container {
margin-right: 12px;
}
.task-filter-data-container td .task-filter-data-val {
margin-right: 12px;
vertical-align: bottom;
}
.task-filter-data-container td .task-filter-data-user {
width: 200px;
vertical-align: bottom;
}
.task-filter-data-container td .task-filter-data-wrapper {
display: flex;
align-items: center;
}
.task-filter-data-container td .task-filter-data .task-filter-data-color {
margin-bottom: 2px;
border: none;
width: 35px;
vertical-align: bottom;
}
.task-filter-data-container td .task-filter-data .task-filter-data-color-picker {
display: none;
}
.task-filter-data-container td .task-filter-data .task-filter-data-color-current {
width: 35px;
}
.task-filter-data-container td .task-filter-data {
padding: 5px 0;
}
.task-filter-data-container td .task-filter-data:first-child {
padding-top: 0;
}
.task-filter-data-container td .task-filter-data-close {
margin-left: 12px;
display: none;
}
.task-filter-data-container td .task-filter-data-test-result {
margin: -5px 0 -5px auto;
align-self: stretch;
align-items: center;
width: 45px;
justify-content: center;
display: none;
}
.task-filter-data-container td .task-filter-data-test-result.task-filter-data-test-result-true {
background: #139b13;
display: flex;
}
.task-filter-data-container td .task-filter-data-test-result.task-filter-data-test-result-false {
background: #ce0c28;
display: flex;
}
.task-filter-schedule-row,
.task-filter-kanban-row {
margin-bottom: 5px;
}
.task-filter-schedule-row .block-list-value-item,
.task-filter-kanban-row .block-list-value-item {
cursor: url(/img/openhand.cur), move;
display: inline-block;
height: 14px;
width: 6px;
vertical-align: bottom;
padding: 0 4px 6px 0;
}
.task-filter-schedule-row .block-list-value-item svg,
.task-filter-kanban-row .block-list-value-item svg {
fill: #a9a9a9;
}
.task-filter-schedule-row .task-filter-sort-move {
display: inline-block;
cursor: url(/img/openhand.cur), move;
vertical-align: bottom;
padding: 0 4px 6px 0;
height: 14px;
width: 6px;
}
.task-filter-schedule-row .task-filter-data-color-picker {
display: none;
}
.task-filter-schedule-row .task-filter-data-color-current {
width: 35px;
margin-left: 12px;
vertical-align: middle;
}
.task-filter-schedule-rows,
.task-filter-kanban-rows {
padding-top: 3px;
}
.task-filter-schedule-rows .placeholder,
.task-filter-kanban-rows .placeholder {
height: 27px;
margin-bottom: 5px;
}
.task-filter-schedule-rows .task-filter-schedule-row:last-child .task-filter-schedule-row-value {
margin-bottom: 10px;
}
.task-filter-schedule-row-add,
.task-filter-kanban-row-add {
padding-top: 7px;
}
.task-filter-schedule-row-add .task-filter-schedule-row-add-ico {
margin-right: 7px;
}
.task-filter-schedule-row-add .fakelink-dashed {
vertical-align: top;
}
.task-filter-kanban-row-add {
padding-bottom: 14px;
}
.task-filter-schedule-row .task-filter-schedule-row-del,
.task-filter-kanban-row .task-filter-kanban-row-del,
.task-filter-kanban-group-by-specifi-row-del {
margin: 0 0 6px 12px;
display: none;
cursor: pointer;
vertical-align: bottom;
}
.task-filter-schedule-row:hover .task-filter-schedule-row-del,
.task-filter-kanban-row:hover .task-filter-kanban-row-del,
.task-filter-data:hover .task-filter-data-close,
.task-filter-kanban-group-by-specific-row:hover .task-filter-kanban-group-by-specifi-row-del {
display: inline-block;
}
.task-filter-fields-analitics-list {
padding-bottom: 10px;
padding-top: 8px;
}
.task-filter-fields-analitics-list .task-filter-generic-add-block {
display: inline-block;
vertical-align: top;
}
.task-filter-fields-analitics-list .task-filter-generic-add-block .task-filter-generic-add-ico {
margin: 7px;
}
.task-filter-fields-analitics-list .task-filter-generic-add-block .fakelink-dashed {
vertical-align: top;
}
.task-filter-fields-analitics-list .task-filter-generic-add-head {
margin-left: 12px;
}
.task-filter-fields-analitics-list .task-filter-generic-add-block.lonely .task-filter-generic-add-head {
margin-left: 0;
}
.task-filter-fields-analitics-list .task-filter-schedule-analitic .task-filter-generic-add-block {
display: none;
vertical-align: middle;
}
.task-filter-fields-analitics-list .task-filter-schedule-analitic:last-child .task-filter-generic-add-block {
display: inline-block;
}
.task-filter-fields-analitics-list.all-selected .task-filter-schedule-analitic .task-filter-generic-add-block {
display: none;
}
.task-filter-fields-analitics-list .task-filter-generic-add-block.lonely:last-child {
display: inline-block !important;
}
.task-filter-plannercolor-container td {
background: #fff;
vertical-align: top;
padding-top: 10px;
}
.task-filter-plannercolor-container td.task-filter-plannercolor {
padding-top: 18px;
}
.task-filter-plannercolor-container td.task-filter-plannercolor .task-filter-plannercolor-picker.color-picker-picker {
width: 780px !important;
margin-bottom: 15px;
}
.task-filter-plannercolor-container td.task-filter-label.task-filter-label {
padding: 10px;
}
.task-filter-plannercolor-circle {
border: 1px solid #9094a4;
width: 10px;
height: 10px;
display: inline-block;
vertical-align: top;
margin: 1px 0 0 6px;
border-radius: 10px;
}
.task-filter-open-task-card td {
padding: 10px;
border-bottom: 3px solid #fff;
background-color: #e4e4e4;
}
.task-filter-open-task-card span {
display: inline-block;
padding-top: 1px;
color: #7A7A7A;
}
.task-filter-open-task-card input[type="checkbox"] {
margin: 1px 5px 0 0px;
}
.task-filter-planner-total-checkbox-container td {
padding: 10px;
background-color: #e4e4e4;
border-top: 3px solid #fff;
}
.task-filter-planner-total-checkbox-container input[type="checkbox"] {
margin: 1px 5px 0 0px;
}
.task-filter-planner-total-container td {
padding: 10px 20px 10px;
background-color: #ededed;
}
.task-filter-planner-hide-new-task-control td {
padding: 10px;
background: #e4e4e4;
border-bottom: 3px solid #fff;
}
.task-filter-planner-hide-new-task-control span {
display: inline-block;
padding-top: 1px;
color: #7A7A7A;
}
.task-filter-planner-hide-new-task-control input {
margin: 1px 5px 0 0px;
}
.task-filter-hide-on-empty td,
.task-filter-show-microcard td {
padding: 10px;
background: #e4e4e4;
vertical-align: top;
}
.task-filter-hide-on-empty span,
.task-filter-show-microcard span {
display: inline-block;
padding-top: 1px;
color: #7A7A7A;
}
.task-filter-hide-on-empty input[type="checkbox"],
.task-filter-show-microcard input[type="checkbox"] {
margin: 1px 5px 0 0px;
}
.task-filter-show-microcard td {
border-top: 3px solid #fff;
}
.task-filter-microcard-container-header td {
padding: 10px 20px 10px 10px;
background-color: #e4e4e4;
border-top: 3px solid #fff;
}
.task-filter-microcard-container td {
padding: 10px 20px 10px 10px;
background: #ededed;
vertical-align: top;
}
.task-filter-microcard-container .task-filter-microcard-label {
margin-bottom: 15px;
}
.task-filter-microcard-label {
color: #7a7a7a;
}
.task-filter-microcard-area {
display: flex;
width: 100%;
}
.task-filter-microcard-area.hide-card-settings .task-filter-microcard-preview,
.task-filter-microcard-area.hide-card-settings .card-view,
.task-filter-microcard-area.hide-card-settings .enabled-panel-for-action,
.task-filter-microcard-area.hide-card-settings .head-menu-card-editor {
display: none;
}
.task-filter-microcard-area.hide-card-settings .card-menu-settings {
display: block;
}
.task-filter-microcard-settings {
vertical-align: top;
width: 100%;
padding: 0 30px 0 0;
}
.task-filter-microcard-settings .head-menu-card-editor {
margin: 30px 0;
border-bottom: 1px solid #bbb;
display: flex;
flex-direction: row;
}
.task-filter-microcard-settings .head-menu-card-editor .head-menu-card-editor-item {
margin: 0 auto;
padding: 0 0 6px 0;
border-bottom: 6px solid transparent;
}
.task-filter-microcard-settings .head-menu-card-editor .head-menu-card-editor-item .menu-editor-item-text {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
text-transform: uppercase;
}
.task-filter-microcard-settings .head-menu-card-editor .head-menu-card-editor-item.active {
cursor: default;
border-bottom: 6px solid #1abe72;
}
.task-filter-microcard-settings .head-menu-card-editor .head-menu-card-editor-item:not(.active) {
cursor: pointer;
}
.task-filter-microcard-settings .fields-table-head {
display: flex;
flex-direction: row;
font-size: 14px;
}
.task-filter-microcard-settings .fields-table-head .fields-table-row {
overflow: hidden;
text-overflow: ellipsis;
}
.task-filter-microcard-settings .fields-table-head .row-1 {
width: 220px;
padding: 0 0px 15px 20px;
}
.task-filter-microcard-settings .fields-table-head .row-2 {
width: 49px;
padding: 0 13px;
}
.task-filter-microcard-settings .fields-table-head .row-3 {
width: 49px;
padding: 0 8px;
}
.task-filter-microcard-settings .fields-table-head .row-4 {
width: 49px;
padding: 0 0px;
}
.task-filter-microcard-settings .fields-table-head .row-5 {
width: 50px;
padding: 0 8px;
}
.task-filter-microcard-settings .fields-table-head .row-6 {
width: 49px;
padding: 0 0px;
}
.task-filter-microcard-settings .task-filter-microcard-row .switch-state {
align-items: center;
display: flex;
width: 32px;
padding: 0 12px;
}
.task-filter-microcard-settings .task-filter-microcard-row .select-type-view {
padding: 0 12px;
width: 50px;
}
.task-filter-microcard-settings .task-filter-microcard-row .select-type-view select {
width: 50px;
height: 27px;
}
.move-micro-card-row {
background: var(--gray-modal-background, #ededed);
box-shadow: 0 0 3px var(--move-micro-card-shadow, rgba(0, 0, 0, 0.5));
padding: 5px;
}
.move-micro-card-row .switch-state {
align-items: center;
display: flex;
padding: 0 10px;
}
.move-micro-card-row .select-type-view {
padding: 0 10px;
}
.move-micro-card-row .select-type-view select {
width: 50px;
}
.task-filter-microcard-settings-separator {
margin: 5px 10px 0 0;
height: 1px;
background-color: var(--gray-border, #d3d3d3);
}
.task-filter-microcard-actions {
margin-top: 20px;
}
.task-filter-microcard-preview {
margin-left: auto;
width: 300px;
}
.task-filter-microcard-preview .g-popup-win-pointer {
width: 280px;
margin: 117px 0px 2px 0px;
position: relative;
padding: 7px 7px 17px 0px;
background: var(--white-black, #fff);
border: 1px solid var(--grey-list-border, #dfdfdf);
border-radius: 4px;
box-shadow: 0 1px 0 0 var(--gray-input-border, #bbb);
}
.task-filter-microcard-preview .b-task-microcard {
padding: 0 0 5px 7px;
}
.task-filter-microcard-row {
margin-bottom: 15px;
white-space: nowrap;
display: flex;
flex-direction: row;
}
.task-filter-microcard-row i {
margin-top: 4px;
vertical-align: top;
}
.task-filter-microcard-row select {
vertical-align: top;
width: 220px;
}
.task-filter-microcard-row .task-filter-microcard-row-delete {
cursor: pointer;
margin-left: 8px;
margin-right: 8px;
visibility: hidden;
}
.task-filter-microcard-row:hover .task-filter-microcard-row-delete {
visibility: visible;
}
.task-filter-microcard-row-drag {
margin-right: 4px;
cursor: url("/img/openhand.cur"), move;
display: inline-block;
width: 16px;
height: 16px;
padding-top: 1px;
text-align: center;
}
.task-filter-microcard-row-drag svg {
width: 6px;
height: 14px;
fill: var(--gray-ico, #a9a9a9);
}
.task-filter-microcard-row-add > * {
vertical-align: top;
}
.task-filter-microcard-row-add .task-filter-microcard-label {
display: inline-block;
width: 90px;
padding-top: 3px;
}
.task-filter-actions-container-header td {
padding: 10px;
background: #e4e4e4;
border-top: 3px solid #fff;
}
.task-filter-actions-container td {
padding: 10px;
background: #ededed;
vertical-align: top;
}
.task-filter-chronicle-view-settings-container-header td {
padding: 10px;
background-color: #e4e4e4;
border-top: 3px solid #fff;
}
.task-filter-chronicle-view-settings-container td {
background-color: #ededed;
padding: 10px;
vertical-align: top;
}
.task-filter-chronicle-view-settings-container ul {
list-style-type: none;
padding-left: 10px;
margin-bottom: 0;
margin-top: 0;
font-size: 10pt;
padding-left: 0;
}
.task-filter-chronicle-view-settings-container ul li {
margin-bottom: 2px;
}
.task-filter-chronicle-view-settings-container input[type="checkbox"] {
margin: 1px 5px 0 0px;
}
.task-filter-chronicle-view-settings-container .task-filter-chronicle-view-settings-options {
display: inline-block;
}
.task-filter-chronicle-view-settings-container .task-filter-label {
padding-top: 10px;
}
.task-filter-chronicle-view-settings-container .fakelink-dashed {
padding-left: 0;
}
.task-filter-buttons-container td {
padding-top: 25px;
}
.task-filter-buttons-left {
float: right;
}
.task-filter-buttons-left i {
margin-bottom: -2px;
margin-right: 6px;
vertical-align: bottom;
cursor: pointer;
}
.task-filter-buttons-right {
float: left;
}
.task-filter-edit {
cursor: pointer;
border-bottom: 1px solid transparent;
display: inline;
/*-block;*/
word-break: break-all;
}
.taskfilter-head-block {
display: flex;
align-items: center;
flex-grow: 0;
}
.taskfilter-head-block .task-filter-edit {
flex: none;
flex-shrink: 1;
max-width: 660px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: unset;
cursor: pointer;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
.taskfilter-head-block .task-filter-edit:hover {
color: var(--activeSlider, #1abe72) !important;
}
.taskfilter-head-block .faster-filter-button-target {
display: flex;
align-items: center;
margin-top: 4px;
}
.taskfilter-filter-menu {
display: flex;
align-items: center;
height: 30px;
background: var(--white-black, #ffffff);
border-radius: 15px;
border: 1px solid var(--grey-list-border, #dedede);
position: absolute;
z-index: 2;
right: 16px;
overflow: hidden;
}
.taskfilter-filter-menu .menu-icon-and-text-container {
display: inline-flex;
cursor: pointer;
align-items: center;
}
.taskfilter-filter-menu .menu-icon-and-text-container:hover {
background: var(--main-menu-popup-bg-hover, #eee);
}
.taskfilter-filter-menu .menu-icon {
width: 10px;
height: 10px;
border-radius: 2px;
margin: 10px 2px 10px 10px;
}
.taskfilter-filter-menu .menu-text {
font-size: 13px;
padding: 0 6px;
box-sizing: border-box;
user-select: none;
max-width: 335px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--task-card-title-text, #4B4B4B);
line-height: 1.2;
}
.taskfilter-filter-menu .menu-indicator {
border-left: 1px solid var(--grey-list-border, #dedede);
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
width: 24px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.taskfilter-filter-menu .menu-indicator:hover {
background: var(--main-menu-popup-bg-hover, #eee);
}
.taskfilter-filter-menu .menu-indicator .svg-icon-16px svg {
fill: var(--task-card-title-text, #4B4B4B);
}
.task-filter-edit.task-filter-edit-loading:after {
content: "";
display: inline-block;
height: 16px;
width: 20px;
}
.task-filter-config-table,
.task-filter-config-table table {
width: 100%;
}
.task-filter-config-table td,
.task-filter-config-table th {
font-size: 9pt;
padding: 7px 0;
}
.task-filter-config-right tr .task-filter-config-lamp .svg-object-lamp svg .svg-part-lamp-top {
fill: #7C7C7C;
}
.task-filter-config-right tr:hover .task-filter-config-lamp .svg-object-lamp {
visibility: visible;
}
.task-filter-config-right tr.task-filter-config-visible .task-filter-config-lamp .svg-object-lamp svg .svg-part-lamp-top {
fill: #FFC107;
}
.task-filter-config-lamp {
width: 30px;
}
.task-filter-config-lamp .svg-object-lamp {
visibility: hidden;
}
.task-filter-config-visible .task-filter-config-lamp {
cursor: pointer;
}
.task-filter-config-visible .svg-object-lamp {
visibility: visible;
}
.task-filter-config-right tr.task-filter-config-visible:hover .task-filter-config-lamp,
.task-filter-config-left tr.task-filter-config-visible:hover .task-filter-config-lamp,
.task-filter-config-drag tr.task-filter-config-visible .task-filter-config-lamp {
cursor: pointer;
}
.task-filter-config-right tr:hover .task-filter-config-lamp,
.task-filter-config-left tr:hover .task-filter-config-lamp,
.task-filter-config-drag tr .task-filter-config-lamp {
cursor: pointer;
}
.task-filter-config-text {
padding: 0 15px;
}
.task-filter-config-move {
width: 30px;
cursor: url("/img/openhand.cur"), move;
}
.task-filter-config-checkbox {
text-align: center;
padding: 5px 0 4px;
}
.task-filter-config-table .task-filter-config-left {
padding-right: 40px;
}
.task-filter-config-table .task-filter-config-left th,
.task-filter-config-table .task-filter-config-right th {
text-align: left;
background-color: #D9D9D9;
font-weight: normal;
}
.task-filter-config-table .task-filter-config-left td,
.task-filter-config-table .task-filter-config-right td {
border-bottom: 1px solid #eee;
}
.task-filter-config-right tr td.task-filter-config-move .svg-icon-wr,
.task-filter-config-left tr td.task-filter-config-move .svg-icon-wr {
width: 6px;
height: 14px;
margin: 0 auto;
line-height: 0;
}
.task-filter-config-right tr td.task-filter-config-move svg,
.task-filter-config-left tr td.task-filter-config-move svg {
width: 6px;
height: 14px;
fill: #a9a9a9;
}
.task-filter-config-drag {
width: 100%;
}
.task-filter-config-drag td {
font-size: 9pt;
padding: 7px 0;
}
.task-filter-config-drag .svg-icon-wr {
width: 6px;
height: 14px;
margin: 0 auto;
line-height: 0;
}
.task-filter-config-drag .svg-icon-wr svg {
width: 6px;
height: 14px;
fill: #a9a9a9;
}
.task-filter-plannertype-container .task-filter-plannertype-list {
list-style: none;
padding: 8px 0 4px 0;
margin: 0px;
}
.task-filter-plannertype-container .task-filter-plannertype-list > li {
display: inline-block;
margin-right: 40px;
vertical-align: top;
}
.task-filter-plannertype-container .task-filter-label {
padding-top: 11px;
padding-bottom: 9px;
margin-right: 65px;
}
.task-filter-plannertype-container .task-filter-object .task-filter-label {
margin-right: 20px;
}
.task-filter-plannertype-container td {
border: 1px solid #d8d8d8;
}
.task-filter-plannertype-container .task-filter-object .iconset-16px,
.task-filter-plannertype-container .task-filter-plannertype .iconset-16px {
vertical-align: top;
display: inline-block;
margin-right: 5px;
margin-top: -1px;
}
.task-filter-plannertype-container .task-filter-object .svg-icon-16px,
.task-filter-plannertype-container .task-filter-plannertype .svg-icon-16px {
fill: #a9a9a9;
vertical-align: top;
display: inline-block;
margin-right: 5px;
margin-top: -1px;
}
.task-filter-plannertype-container .task-filter-plannersubtype-placeholder {
vertical-align: top;
display: inline-block;
}
.task-filter-plannertype-container .task-filter-plannertype .b-ddl-menu .b-ddl-menu-selected,
.task-filter-plannertype-container .task-filter-object .b-ddl-menu .b-ddl-menu-selected {
color: #000;
font-weight: normal;
}
.task-filter-schedule-fields-container > td {
padding-top: 10px;
border-top: 1px solid #fff;
}
.task-filter-schedule-fields-container .task-filter-fields-close {
visibility: hidden;
display: inline-block;
margin-top: 5px;
margin-left: 5px;
cursor: pointer;
}
.task-filter-schedule-fields-container:hover .task-filter-fields-close {
visibility: visible;
}
.task-filter-schedule-fields-container td {
background: none repeat scroll 0 0 #e0efe3;
padding-bottom: 10px;
padding-top: 10px;
}
.task-filter-schedule-fields-container td {
padding-top: 0;
padding-bottom: 0;
}
.task-filter-schedule-fields-container.expanded td {
padding-bottom: 10px;
padding-top: 10px;
}
.task-filter-schedule-fields-container .task-filter-label {
display: inline-block;
width: 90px;
padding-top: 10px;
}
.task-filter-schedule-fields-container .task-filter-fields {
display: inline-block;
margin-top: 3px;
}
.task-filter-schedule-fields-container .task-filter-fields > div {
display: inline-block;
vertical-align: top;
}
.task-filter-schedule-fields-container .task-filter-fields-display-option {
margin-left: 14px;
display: inline-flex;
align-items: center;
}
.task-filter-schedule-fields-container .task-filter-fields-display-option > span:nth-child(2) {
color: #7A7A7A;
display: inline-block;
margin-right: 10px;
padding: 5px 5px 5px 10px;
vertical-align: bottom;
width: 110px;
}
.task-filter-schedule-fields-container .task-filter-fields-display-option > span:nth-child(3) {
background: none repeat scroll 0 0 #c2cfc4;
margin-right: 10px;
display: inline-block;
vertical-align: top;
padding: 6px 5px 8px;
margin-top: 4px;
}
.task-filter-schedule-fields-container .task-filter-fields-display-option > span > span {
display: inline-block;
vertical-align: bottom;
}
.task-filter-schedule-fields-container .task-filter-fields-display-option .task-filter-fields-display-option-text {
text-align: center;
width: 179px;
}
.task-filter-schedule-fields-container .fields-container {
min-width: 685px;
}
.task-filter-schedule-fields-container .task-filter-label {
display: inline-block;
width: 83px;
padding-top: 0;
margin-top: 5px;
}
.task-filter-schedule-fields-period-day-container td {
background: none repeat scroll 0 0 #e0efe3;
padding-bottom: 10px;
padding-top: 10px;
}
.task-filter-schedule-fields-analitics-container {
height: 29px;
/* min-height */
}
.task-filter-schedule-fields-analitics-container td {
background: none repeat scroll 0 0 #e0efe3;
}
.task-filter-schedule-fields-analitics-container .task-filter-label {
padding-top: 8px;
}
.task-filter-schedule-rows-container {
display: none;
}
.task-filter-schedule-rows-container td {
padding-top: 13px;
background: none repeat scroll 0 0 #e0efe3;
padding-bottom: 10px;
}
.task-filter-schedule-rows-container .task-filter-schedule-row-value {
display: inline-block;
}
.task-filter-schedule-rows-container select.text-box {
width: 360px;
height: 27px;
font-size: 10pt;
margin-top: 3px;
}
.task-filter-schedule-rows-container .task-filter-label {
vertical-align: top;
padding-top: 13px;
}
.task-filter-schedule-rows-container .task-filter-field-values {
margin-right: 12px;
margin-top: 10px;
}
.task-filter-schedule-rows-container .task-filter-field-values .chzn-choices {
background: #e0efe3;
cursor: default;
}
.task-filter-schedule-rows-container .task-filter-field-values .chzn-choices input {
cursor: default;
}
.task-filter-schedule-rows-container .task-filter-field-values .chzn-choices:hover {
background: #3ba3d0;
}
.task-filter-schedule-rows-container .task-filter-field-values .chzn-choices:hover .search-field > input {
color: #fff;
}
.task-filter-schedule-rows-container .task-filter-field-values .text-box {
width: 100%;
}
.task-filter-kanban-rows-container .task-filter-kanban-row-value {
display: inline-block;
}
.task-filter-kanban-rows-container select.text-box {
width: 360px;
height: 27px;
font-size: 10pt;
margin-top: 3px;
}
.task-filter-kanban-rows-container .task-filter-label {
vertical-align: top;
padding-top: 0;
}
.task-filter-kanban-group-by-specific-container select.text-box {
width: 360px;
height: 27px;
font-size: 10pt;
margin-top: 3px;
}
.task-filter-groupby-date-settings {
display: none;
}
.task-filter-groupby-date-settings td {
background: none repeat scroll 0 0 #E8EBF2;
padding-bottom: 10px;
padding-top: 10px;
min-width: 690px;
}
.task-filter-groupby-date-settings-period {
padding-bottom: 4px;
}
.task-filter-groupby-date-settings-period select {
width: 175px;
}
.task-filter-groupby-date-settings-default-shift {
margin-left: 25px;
display: inline-flex;
align-items: center;
}
.task-filter-groupby-date-settings-default-shift > span > span {
display: inline-block;
vertical-align: bottom;
}
.task-filter-fields-display-option-left,
.task-filter-groupby-date-settings-default-shift-decr {
cursor: pointer;
}
.task-filter-fields-display-option-left:hover.iconset-16px-arrow-left-white,
.task-filter-groupby-date-settings-default-shift-decr:hover.iconset-16px-arrow-left {
background-position: 0 -736px;
}
.task-filter-fields-display-option-right,
.task-filter-groupby-date-settings-default-shift-incr {
cursor: pointer;
}
.task-filter-fields-display-option-right:hover.iconset-16px-arrow-right-white,
.task-filter-groupby-date-settings-default-shift-incr:hover.iconset-16px-arrow-right {
background-position: 0 -768px;
}
.task-filter-groupby-date-settings-default-shift-text {
width: 179px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.task-filter-groupby-date-settings-period > span:first-child,
.task-filter-groupby-date-settings-default-shift > span:first-child {
color: #7A7A7A;
display: inline-block;
margin-right: 10px;
padding: 5px 5px 10px 10px;
vertical-align: bottom;
}
.task-filter-groupby-date-settings-default-shift > span:first-child {
padding-left: 5px;
width: 120px;
margin-right: 0px;
}
.task-filter-groupby-date-settings-period > span:first-child {
width: 75px;
}
.task-filter-groupby-date-settings-period > span:nth-child(2),
.task-filter-groupby-date-settings-default-shift > span:nth-child(2) {
background: none repeat scroll 0 0 #C1D4F4;
margin-right: 10px;
display: inline-block;
vertical-align: top;
}
.task-filter-groupby-date-settings-period > span:nth-child(2) {
padding: 5px 5px 7px;
}
.task-filter-groupby-date-settings-default-shift > span:nth-child(2) {
padding: 8px 5px 9px;
}
.task-filter-groupby-calendar-step-settings {
display: none;
}
.task-filter-groupby-calendar-step-settings.simplified-for-daily-planner .task-filter-groupby-calendar-step-settings-value {
display: none;
}
.task-filter-groupby-calendar-step-settings.simplified-for-daily-planner .task-filter-schedule-row-height > span:first-child {
width: 85px;
}
.task-filter-groupby-calendar-step-settings.simplified-for-daily-planner .task-filter-schedule-row-height > span:nth-child(2) {
width: 175px;
}
.task-filter-groupby-calendar-step-settings td {
background: none repeat scroll 0 0 #E8EBF2;
padding-bottom: 10px;
min-width: 690px;
}
.task-filter-groupby-calendar-step-settings-value {
padding-bottom: 4px;
}
.task-filter-groupby-calendar-step-settings-value select {
width: 175px;
}
.task-filter-groupby-calendar-step-settings-value > span:first-child {
color: #7A7A7A;
display: inline-block;
margin-right: 10px;
padding: 5px 5px 10px 10px;
vertical-align: bottom;
width: 75px;
}
.task-filter-groupby-calendar-step-settings-value > span:nth-child(2) {
background: none repeat scroll 0 0 #C1D4F4;
margin-right: 30px;
display: inline-block;
vertical-align: top;
padding: 5px 5px 7px;
}
.task-filter-schedule-row-height {
margin-left: 5px;
}
.task-filter-schedule-row-height select {
width: 100%;
}
.task-filter-schedule-row-height > span:nth-child(1) {
color: #7A7A7A;
display: inline-block;
padding: 5px 5px 10px 5px;
vertical-align: bottom;
width: 120px;
}
.task-filter-schedule-row-height > span:nth-child(2) {
background: none repeat scroll 0 0 #C1D4F4;
margin-right: 10px;
display: inline-block;
vertical-align: top;
padding: 5px 5px 7px;
width: 210px;
}
.task-filter-access-container {
display: none;
}
.task-filter-access-container td {
padding-top: 10px;
padding-bottom: 10px;
background: #f6e1f6;
border-top: 1px solid #FFFFFF;
}
.task-filter-access-container td.task-filter-label {
padding-top: 10px;
}
.task-filter-access-container .task-filter-access-ico {
margin-right: 3px;
vertical-align: bottom;
}
.task-filter-access-data-container td {
padding-left: 45px;
padding-top: 10px;
}
.task-filter-generic-add {
white-space: nowrap;
display: inline-block;
}
.task-filter-generic-add .af-row-btn-add {
margin-left: 20px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.task-filter-generic-add-head {
display: inline-block;
vertical-align: top;
border-left: 1px solid #C2C2C2;
border-top: 1px solid #C2C2C2;
border-bottom: 1px solid #C2C2C2;
height: 17px;
background: #fff;
padding: 2px 5px 0;
cursor: pointer;
}
.task-filter-generic-add-tail {
display: inline-block;
vertical-align: top;
height: 21px;
width: 24px;
background: url('/img/report-groupby-end-add.png');
cursor: pointer;
}
.task-filter-planner-total-container .planner-total-type {
margin-left: 91px;
width: 175px;
}
.task-filter-planner-total-container .task-filter-planner-total {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
color: #7A7A7A;
margin-top: 5px;
}
.task-filter-planner-total-container .l-opt {
display: none;
}
.task-filter-planner-total-container .task-filter-planner-total-left-b {
text-align: right;
width: 60%;
padding-right: 15px;
}
.task-filter-planner-total-container .task-filter-planner-total-left-b > div {
padding: 2.5px 0;
height: 31px;
line-height: 2.1;
}
.task-filter-planner-total-container .task-filter-planner-total-left-b .planner-total-type-b {
position: absolute;
}
.task-filter-planner-total-container .task-filter-planner-total-left-b .planner-total-type-b > select {
margin-top: 0;
width: 175px;
}
.task-filter-planner-total-container .task-filter-planner-total-right-b {
margin-top: -10px;
}
.task-filter-planner-total-container .task-filter-planner-total-right-b > div {
margin: 10px 0;
}
.task-filter-planner-total-container .task-filter-planner-total-right-b input {
padding: 4px;
height: 17px;
}
.task-filter-planner-total-container .task-filter-planner-total-right-b > div:last-child {
margin-bottom: 0;
}
.task-filter-planner-total-container .task-filter-planner-total-right-b .planner-total-postfix {
width: 250px;
}
.task-filter-planner-total-container .task-filter-planner-total-right-b .planner-total-suffix {
width: 250px;
}
.task-filter-planner-total-container .task-filter-planner-total-right-b .planner-total-condition-value {
width: 56px;
}
.task-filter-planner-total-container .task-filter-planner-total-right-b .condition-bigger-than-color-current {
margin-top: 2px;
margin-bottom: 2px;
width: 64px;
height: 26px;
}
.task-filter-planner-total-container .task-filter-planner-total-right-b .condition-bigger-than-color-picker {
width: 231px;
}
.task-filter-planner-total-container .task-filter-planner-total-right-b .planner-total-condition-operator {
width: 64px;
margin-right: 8px;
}
.task-filter-planner-total-container .task-filter-planner-total-right-b .check-box {
margin-top: 6px;
}
.task-filter-planner-total-container select {
width: 260px;
height: 27px;
}
.task-filter-kanban-data-container .task-filter-label {
padding-top: 0;
padding-bottom: 0;
vertical-align: middle;
}
.task-filter-kanban-data-container .task-filter-kanban-data {
height: 50px;
}
.task-filter-kanban-rows-container .task-filter-kanban-data {
height: 50px;
}
.task-filter-kanban-data-container,
.task-filter-kanban-rows-container,
.task-filter-kanban-date-period-container {
background-color: #dbe1f1;
}
.task-filter-kanban-date-period-container {
padding-top: 10px;
}
.task-filter-groupby-date-settings-period,
.task-filter-fields-container .fields-container {
display: inline-flex;
align-items: center;
}
.task-filter-kanban-group-by-specific-container .task-filter-kanban-group-by-specific-row {
margin-bottom: 5px;
}
.task-filter-kanban-group-by-specific-container .taks-filter-kanban-group-by-specific-add {
padding: 5px 0;
}
.task-filter-kanban-group-by-specific-value {
display: inline-block;
}
.task-filter-kanban-group-by-specific-row-drag {
margin-right: 4px;
cursor: url("/img/openhand.cur"), move;
display: inline-block;
width: 16px;
height: 16px;
position: relative;
top: 1px;
text-align: center;
}
.task-filter-kanban-group-by-specific-row-drag svg {
width: 6px;
height: 14px;
fill: #a9a9a9;
}
.testing-header-green {
color: #39674a;
}
.task-filter-schedule-fields-period-day-container .task-filter-label {
padding-top: 15px;
vertical-align: middle;
}
.task-filter-schedule-fields-period-day-container .task-filter-groupby-date-day-period .select-span {
padding: 10px 5px 13px 5px;
background: none repeat scroll 0 0 #C1D4F4;
}
.task-filter-schedule-fields-period-day-container .task-filter-groupby-date-day-period .select-span select {
width: 175px;
height: 30px;
}
.card-menu-settings .enabled-panel-for-action {
display: flex;
flex-direction: row;
padding-left: 20px;
}
.card-menu-settings .enabled-panel-for-action .enabled-panel-for-action-text {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.card-menu-settings .enabled-panel-for-action .enabled-panel-for-action-switch {
align-items: center;
display: flex;
width: 32px;
padding: 0 12px;
}
.task-filter-container .task-filter-schedule-rows-color td,
.task-filter-container .task-filter-schedule-rows-handbook-subfield td {
padding-top: 13px;
background: none repeat scroll 0 0 #e0efe3;
padding-bottom: 10px;
}
.task-filter-container .task-filter-schedule-rows-color .task-filter-label span,
.task-filter-container .task-filter-schedule-rows-handbook-subfield .task-filter-label span {
vertical-align: sub;
}
.task-filter-container .task-filter-schedule-rows-color .select-color-type select,
.task-filter-container .task-filter-schedule-rows-handbook-subfield .select-color-type select {
height: 27px;
}
.task-filter-container .task-filter-schedule-rows-handbook-subfield .handbook-sub-field select {
height: 27px;
}
.taskfilter-view-switch {
gap: 10px;
padding: 0 8px;
display: flex;
align-items: center;
height: 30px;
border-radius: 15px;
position: absolute;
z-index: 2;
overflow: hidden;
width: fit-content;
left: 16px;
}
.taskfilter-view-switch .taskfilter-view-btn {
position: relative;
z-index: 1;
width: 30px;
height: 30px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid var(--grey-list-border);
background: var(--white-black, #ffffff);
cursor: pointer;
transition: all 250ms ease-in-out;
}
.taskfilter-view-switch .taskfilter-view-btn svg {
stroke: #626262;
}
.taskfilter-view-switch .taskfilter-view-btn.active {
background: var(--accept-btn);
border-color: var(--accept-btn);
}
.taskfilter-view-switch .taskfilter-view-btn.active svg {
stroke: var(--white-black);
}
.task-card-header-additional-panel.taskfilter-header-panel {
display: flex;
align-items: center;
gap: 10px;
position: relative;
}
.task-card-header-additional-panel.taskfilter-header-panel .header-line-separator {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.task-card-header-additional-panel.taskfilter-header-panel .header-line-separator .border-center {
border-bottom: 1px solid var(--gray-border, #e2e2e2);
width: 100%;
}
.task-card-header-additional-panel.taskfilter-header-panel .taskfilter-view-switch,
.task-card-header-additional-panel.taskfilter-header-panel .taskfilter-filter-menu {
z-index: 2;
}
.task-current-sort-block {
font-size: 13px;
padding-bottom: 10px;
white-space: nowrap;
}
.task-current-sort-block img {
line-height: 24px;
}
.task-current-sort-block .task-current-sort-block-label {
color: var(--task-card-resizer, #979797);
padding: 0 7px 0 0;
line-height: 24px;
}
.task-current-sort-block .task-current-sort-block-text {
cursor: pointer;
color: #4573b1;
line-height: 24px;
border-bottom: 1px dashed transparent;
}
.task-current-sort-block .task-current-sort-block-text:hover {
border-bottom-color: currentColor;
}
.task-current-sort-block .task-current-sort-block-control {
display: none;
}
.task-current-sort-block .task-current-sort-block-control select {
width: 150px;
}
.task-current-sort-block_empty {
padding: 10px 0;
}
.text-break-all {
word-break: break-all;
}
.tasks-container-small,
.task-card-container-small {
overflow: hidden;
}
.tasks-container-small .b-top-block-ddl-placeholder-delete,
.task-card-container-small .b-top-block-ddl-placeholder-delete {
display: none;
}
.tasks-container-small .tr-common-item > td,
.tasks-container-small .tr-tasklist-project-item > td,
.tasks-container-small .tr-common-item-header > td,
.tasks-container-small .crm-list-import,
.tasks-container-small .crm-list-taskperclient,
.tasks-container-small .crm-google-contacts-sync,
.tasks-container-small .b-green-block .b-ddl-menu .b-ddl-menu-selected,
.tasks-container-small .tr-common-item-header > td.td-before-task-name.td-before-task-name_project {
display: none;
}
.tasks-container-small .tr-common-item-header > td.td-cbx,
.tasks-container-small .tr-common-item-header > td.td-move,
.tasks-container-small .tr-common-item-header > td.td-task-name,
.tasks-container-small .tr-common-item-header > td.td-project-name,
.tasks-container-small .tr-common-item-header > td.td-before-task-name,
.tasks-container-small .tr-tasklist-project-item > td.td-before-task-name,
.tasks-container-small .tr-tasklist-project-item > td.td-task-name,
.tasks-container-small .tr-common-item > td.td-cbx,
.tasks-container-small .tr-common-item > td.td-task-name,
.tasks-container-small .tr-common-item > td.td-project-name,
.tasks-container-small .tr-common-item > td.td-move,
.tasks-container-small .tr-tasklist-project-item .td-tasklist-project-item {
display: table-cell;
}
.tasks-container-small .tr-common-item > td.td-task-name .td-task-name-project {
display: inline-block;
}
.tasks-container-small .tr-common-item > td.td-task-name .td-task-name-link,
.tasks-container-small .tr-common-item > td.td-project-name .td-project-name-link {
margin-right: 15px;
font-size: 15px;
}
.tasks-container-small .tr-common-item > td.td-task-name .handbook-list-item-view {
word-break: break-all;
}
.tasks-container-small .tr-group-header + .tr-common-item > td.td-task-name,
.tasks-container-small .tr-common-add-new + .tr-common-item > td.td-task-name,
.tasks-container-small .tr-group-header + .tr-common-item > td.td-project-name,
.tasks-container-small .tr-common-add-new + .tr-common-item > td.td-project-name {
border-top-right-radius: 12px;
}
.tasks-container-small .tr-common-item > td.td-task-name,
.tasks-container-small .tr-common-item > td.td-project-name {
border-right: 1px solid var(--gray-border, #e2e2e2);
}
.tasks-container-small .tr-common-item > td.td-task-name.not-last,
.tasks-container-small .tr-common-item > td.td-project-name.not-last {
border-right-color: transparent;
}
.tasks-container-small .tr-common-item.tr-task-active:hover > td.td-task-name {
border-left-color: transparent;
}
.tasks-container-small .tr-common-item.tr-task-active:hover > td.td-task-name.not-last {
border-right-color: transparent;
}
.tasks-container-small .tr-common-item.tr-common-item-last > td.td-task-name,
.tasks-container-small .tr-common-item:last-child > td.td-task-name,
.tasks-container-small .tr-common-item.tr-common-item-last > td.td-project-name,
.tasks-container-small .tr-common-item:last-child > td.td-project-name {
border-bottom-right-radius: 12px;
}
.tasks-container-small .tr-common-item.tr-common-item-last > td.td-task-name.not-last,
.tasks-container-small .tr-common-item:last-child > td.td-task-name.not-last,
.tasks-container-small .tr-common-item.tr-common-item-last > td.td-project-name.not-last,
.tasks-container-small .tr-common-item:last-child > td.td-project-name.not-last {
border-bottom-right-radius: 0;
}
.tasks-container-small .tr-docs-parent + .tr-common-item > td.td-task-name {
border-top-right-radius: 12px;
}
.tasks-container-small .tr-head > td.td-task-name:not(.not-last),
.tasks-container-small .tr-head > td.td-project-name {
border-right: 1px solid var(--gray-border, #e2e2e2);
border-top-right-radius: 12px;
border-top-left-radius: 12px;
}
.tasks-container-small .tr-head .td-move + .td-task-name:not(.not-last),
.tasks-container-small .tr-head .td-head-cbx + td.td-task-name,
.tasks-container-small .tr-head .td-head-cbx ~ td.td-task-name {
border-top-left-radius: 0;
}
.tasks-container-small.tasks-container-small-350 .task-current-sort-block .img-sorttype {
padding-right: 5px;
}
.tasks-container-small.tasks-container-small-350 .task-current-sort-block .task-current-sort-block-label {
display: none;
}
.tasks-container-small .tr-tasklist-project-item td.td-task-name {
padding-left: 16px;
}
.tasks-container-small .tbl-list-scroll__container colgroup col {
display: none;
}
.tasks-container-small .tbl-list-scroll__container colgroup col.show-small,
.tasks-container-small .tbl-list-scroll__container colgroup col.before-task-name:not(.before-task-name_project) {
display: table-column;
}
.tasks-container-small .tbl-list-scroll__container_left {
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
}
.tasks-container-small .tbl-list-scroll__container_right {
width: 100%;
}
.tasks-container-small.tasks-container-without-checkbox .tr-common-item-header > td.td-task-name,
.tasks-container-small.tasks-container-without-checkbox .tr-common-item-header > td.td-project-name {
border-top-left-radius: 12px;
border-left-color: var(--gray-border, #e2e2e2);
}
.tasks-container-small.tasks-container-without-checkbox .tr-common-item > td.td-task-name,
.tasks-container-small.tasks-container-without-checkbox .tr-common-item > td.td-project-name {
border-left: 1px solid var(--gray-border, #e2e2e2);
}
.tasks-container-small.tasks-container-without-checkbox .tr-common-item.tr-task-active > td {
border-left-color: var(--task-status-mix50, #ebebeb);
}
.tasks-container-small.tasks-container-without-checkbox .tr-common-item.tr-common-item-last > td.td-task-name,
.tasks-container-small.tasks-container-without-checkbox .tr-common-item:last-child > td.td-task-name,
.tasks-container-small.tasks-container-without-checkbox .tr-common-item.tr-common-item-last > td.td-project-name,
.tasks-container-small.tasks-container-without-checkbox .tr-common-item:last-child > td.td-project-name {
border-bottom-left-radius: 12px;
}
.tr-common-item > td.td-task-name .td-task-name-project {
display: none;
}
.task-list-container .baron_scroller__bar {
z-index: 11;
border: none;
border-radius: 3px;
width: 6px;
margin: 1px;
cursor: pointer;
background-color: var(--scrollbar-thumb, #d8d9dc);
-webkit-transition: background-color 200ms ease;
-moz-transition: background-color 200ms ease;
-o-transition: background-color 200ms ease;
-ms-transition: background-color 200ms ease;
transition: background-color 200ms ease;
}
.task-list-container .baron_scroller__bar:hover {
background-color: var(--gray-input-border, #bbbbbb);
}
.task-list-container .b-main-block {
min-height: 100%;
box-sizing: border-box;
padding-right: 3px;
}
.task-list-container .check-list-description-date {
display: none;
}
.task-list-container.tasks-container-small .check-list-description-date {
display: inline-block;
color: var(--chosen-multi-search-input-active, #111);
}
.task-list-container .b-green-block {
margin-top: 10px;
}
.task-list-container:not(.task-list-from-project) a:not(.td-task-name-link) {
text-decoration: none !important;
}
.b-planner-block .b-green-block > div:first-child,
.task-list-container .b-green-block > div:first-child {
max-width: 100%;
}
.modern-scroll-bar .baron_scroller__bar {
z-index: 11;
border: none;
border-radius: 3px;
width: 6px;
margin: 1px;
cursor: pointer;
background-color: var(--scrollbar-thumb, #d8d9dc);
-webkit-transition: background-color 200ms ease;
-moz-transition: background-color 200ms ease;
-o-transition: background-color 200ms ease;
-ms-transition: background-color 200ms ease;
transition: background-color 200ms ease;
}
.modern-scroll-bar .baron_scroller__bar:hover {
background-color: var(--gray-input-border, #bbbbbb);
}
.td-task-name {
position: relative;
overflow: hidden;
}
.td-task-name a {
cursor: pointer;
}
.td-task-name .td-task-name-crm-ico {
vertical-align: middle;
padding-left: 7px;
}
.td-task-name .td-task-name-link,
.td-task-name.td-task-name-deleted,
.td-task-name .log-top-text,
.td-task-name .log-script-text {
font-size: 15px;
}
.td-task-name.td-log-name,
.td-task-name.td-task-name-deleted {
border-left-color: var(--grey-list-border, #dedede);
cursor: default;
}
.td-task-name.td-head {
overflow: unset;
}
.td-task-name.td-task-name-starred {
padding-right: 30px;
}
.tbl-list .td-item.td-project-name .td-task-name-link.inactive,
.tbl-list .td-item.td-task-name .td-task-name-link.inactive,
.tbl-list .td-item.td-project-name .td-project-name-link.inactive,
.tbl-list .td-item.td-task-name .td-project-name-link.inactive {
color: var(--link-color-gray, #9d9d9d);
}
.tbl-list .td-item.td-project-name .td-task-name-link.inactive:hover,
.tbl-list .td-item.td-task-name .td-task-name-link.inactive:hover,
.tbl-list .td-item.td-project-name .td-project-name-link.inactive:hover,
.tbl-list .td-item.td-task-name .td-project-name-link.inactive:hover {
color: var(--link-color-gray, #9d9d9d);
}
.tbl-list .td-item.td-project-name .td-task-name-link:hover,
.tbl-list .td-item.td-task-name .td-task-name-link:hover,
.tbl-list .td-item.td-project-name .td-project-name-link:hover,
.tbl-list .td-item.td-task-name .td-project-name-link:hover {
text-decoration: none;
}
.td-setting-name,
.td-project-name {
position: relative;
overflow: hidden;
height: 30px;
}
.td-setting-name.td-item,
.td-project-name.td-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.adaptive-width .td-setting-name.td-item,
.adaptive-width .td-project-name.td-item {
padding-top: 0;
padding-bottom: 1px;
}
.td-setting-name .td-project-name-link,
.td-project-name .td-project-name-link,
.td-setting-name.td-project-name-deleted,
.td-project-name.td-project-name-deleted {
font-size: 15px;
line-height: 1.2em;
}
.task-list-view-options-menu,
.task-list-location-view-options {
display: inline-block;
border-left: 1px solid var(--task-checklist-employer-border, #e6e6e6);
margin: -4px 0 0 10px;
padding-left: 10px;
vertical-align: top;
height: 30px;
white-space: nowrap;
}
.task-list-view-options-menu .b-ddl-menu,
.task-list-location-view-options .b-ddl-menu {
margin: 6px 0 0 15px;
vertical-align: top;
}
.task-list-view-options-menu .b-ddl-menu:first-child,
.task-list-location-view-options .b-ddl-menu:first-child {
margin-left: 0;
}
.task-list-view-options-menu .b-ddl-menu .b-ddl-menu-label .svg-icon-16px,
.task-list-location-view-options .b-ddl-menu .b-ddl-menu-label .svg-icon-16px {
margin-right: 2px;
}
.task-list-view-options-menu .b-ddl-menu .b-ddl-menu-label img,
.task-list-location-view-options .b-ddl-menu .b-ddl-menu-label img {
vertical-align: top;
margin-top: 1px;
}
.task-list-view-options-menu.no-border,
.task-list-location-view-options.no-border {
border: none;
}
.b-top-block-ddl-placeholder-delete {
margin-left: -4px;
}
.b-top-block-ddl-placeholder-delete input.btn.ui-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
min-width: 28px;
}
.b-top-block-ddl-placeholder-delete .b-ddl-menu .b-ddl-menu-selected-arrow {
padding: 0;
}
input.btn.ui-button.b-top-block-delete-combined {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* Task Status Dialog */
.task-status-dialog,
.crm-phones-dialog,
.crm-mails-dialog,
.crm-contact-name-dialog {
padding: 10px;
}
.task-status-dialog .task-status-dialog-row-loading {
position: relative;
}
.task-status-dialog .task-status-dialog-row-loading::after {
z-index: 5;
position: absolute;
content: '';
display: block;
top: 25px;
right: 20px;
width: 10px;
height: 10px;
}
.crm-contact-name-dialog-row {
display: flex;
}
.crm-contact-name-dialog-row .crm-contact-name-dialog-col {
margin-bottom: 7px;
}
.crm-contact-name-dialog-row .crm-contact-name-dialog-col + .crm-contact-name-dialog-col {
margin-left: 15px;
}
.crm-contact-name-dialog-row .crm-contact-name-dialog-col > span {
display: block;
font-size: 13px;
color: var(--chosen-multi-search-input, #666);
margin-bottom: 4px;
}
.crm-contact-name-dialog-row .crm-contact-name-dialog-col > input[type=text] {
display: block;
height: 25px;
width: 150px;
box-sizing: border-box;
font-size: 13px;
}
.b-green-block-progress {
position: relative;
height: 6px;
margin: -9px 10px 3px 25px;
}
.b-green-block-progress .bar {
top: 2px;
}
.b-green-block > div:first-child a,
.b-green-block > div:first-child a:hover {
color: var(--task-card-title-text, #4B4B4B);
}
.b-green-block > div:first-child .js-project-title,
.b-green-block > div:first-child .b-project-title-wrapper {
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
cursor: pointer;
word-break: break-word;
}
.b-green-block > div:first-child .js-project-title:hover,
.b-green-block > div:first-child .b-project-title-wrapper:hover {
color: var(--activeSlider, #1abe72);
}
.task-list-page-notice {
margin-bottom: 16px;
margin-right: 20px;
}
.tooltip-actions.tasks-recycle-bin {
margin: 0 19px 10px 25px;
}
.task-filter-color {
width: 12px;
height: 12px;
border-radius: 3px;
cursor: pointer;
margin-right: 8px;
flex-shrink: 0;
display: flex;
}
.task-filter-color:not(.task-filter-color-editable) {
cursor: default;
}
.task-filter-color__with-icon {
width: 22px;
height: 22px;
box-sizing: border-box;
line-height: 22px;
border-radius: 6px;
padding: 3px;
}
.task-filter-color__with-icon .icon {
position: relative;
height: 100%;
width: 100%;
}
.task-filter-color__with-icon .icon svg {
position: absolute;
inset: 0;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
height: 100%;
}
.td-task-gender-crm-ico {
text-align: center;
vertical-align: middle;
}
.td-task-gender-crm-ico span {
margin-top: 5px;
}
.crm-google-contacts-sync {
float: right;
}
.td-task-relation {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
.td-task-relation > svg {
border-radius: 50px;
}
.td-task-relation > svg#web-chat-api {
border-radius: 9px 9px 0 9px;
}
.td-task-relation > svg#whatsapp {
border-radius: 9px 9px 9px 0;
}
.tr-group-source > img {
width: 24px;
height: 24px;
padding-right: 3px;
}
.tr-group-source > img + span {
vertical-align: super;
}
.tr-tasklist-project-item:not(.docs-list-item-folder) td {
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.tr-tasklist-project-item {
height: 33px;
}
.tr-tasklist-project-item td {
cursor: pointer;
background-color: var(--background-color-light-gray, #f7f7f7);
}
.tr-tasklist-project-item td.td-task-name {
padding-left: 10px;
}
.tr-tasklist-project-item td.td-task-name.is-first-column {
padding-left: 16px;
}
.tr-tasklist-project-item td.td-before-task-name {
padding-left: 12px;
}
.tr-tasklist-project-item td a {
white-space: normal;
font-size: 15px;
}
.tr-tasklist-project-item.tr-tasklist-project-item-last td.td-tasklist-project-item {
border-bottom: none;
}
.tr-tasklist-project-item .td-tasklist-project-item {
border-top: none !important;
}
.tr-tasklist-project-item .td-tasklist-project-item-wrapper {
position: relative;
overflow: hidden;
white-space: nowrap;
padding: 7px 10px 7px 0;
background: var(--white-black, #ffffff);
border: 1px solid var(--grey-list-border, #dedede);
border-bottom: none;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
}
.tr-tasklist-project-item .td-tasklist-project-item-wrapper .folder-docs-item-name {
outline-color: var(--task-status-color, var(--cardmenu-back, #53586b));
}
.tr-tasklist-project-item:hover .td-tasklist-project-item-wrapper {
background-color: var(--gray-modal-background, #ebebeb);
}
.tr-tasklist-project-item .tasklist-project-icon {
margin-left: 8px;
margin-right: 21px;
}
.tr-tasklist-project-item .tasklist-project-icon.svg-icon-stroke {
margin-left: 45px;
margin-right: 15px;
}
.tr-tasklist-project-item .td-tasklist-project-item-wrapper-span {
margin: 0 19px;
}
.tr-tasklist-project-item .tr-tbllist-checkbox + .td-tasklist-project-item-wrapper-span {
margin: 0 33px;
}
.tr-common-add-new + .tr-tasklist-project-item .td-tasklist-project-item-wrapper {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.tr-tasklist-project-item.tr-tasklist-project-item-first {
height: 48px;
}
.tr-tasklist-project-item.tr-tasklist-project-item-first .td-tasklist-project-item-wrapper {
border-top-right-radius: 12px;
border-top-left-radius: 12px;
}
.tr-tasklist-project-item.tr-tasklist-project-item-last {
height: 48px;
}
.tr-tasklist-project-item.tr-tasklist-project-item-last .td-tasklist-project-item-wrapper {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
margin-bottom: 15px;
border-bottom: 1px solid var(--grey-list-border, #dedede);
padding-bottom: 6px;
}
.tr-tasklist-project-item.tr-tasklist-project-item-last.tr-item-task-custom-group .td-tasklist-project-item-wrapper {
margin-bottom: 0;
margin-top: 0;
}
.tr-tasklist-project-item + .tr-common-item .td-item:first-child {
border-top-left-radius: 12px;
}
.tr-tasklist-project-item + .tr-common-item .td-item:last-child {
border-top-right-radius: 12px;
}
.tr-common-item-header + .tr-tasklist-project-item.tr-tasklist-project-item-first .td-tasklist-project-item-wrapper {
margin-top: 15px;
}
.tr-common-add-new.tr-common-add-new-root:not(.tr-common-add-new-active) {
display: block;
}
.tr-common-add-new.tr-common-add-new-root:not(.tr-common-add-new-active) td {
display: block;
}
.tr-common-add-new.tr-common-add-new-root .td-close-add-new {
display: none;
}
.tr-common-add-new.tr-common-add-new-root .tr-common-add-new-wrapper {
border-top: 1px solid var(--grey-list-border, #dedede);
border-radius: 12px;
margin-top: 12px;
}
.tr-common-add-new.tr-common-add-new-root .tr-common-add-new-wrapper input.text-box {
padding-left: 40px;
}
.tr-common-add-new.tr-common-add-new-persistent {
display: block;
}
.tr-common-add-new.tr-common-add-new-persistent td {
display: block;
}
.tr-common-add-new.tr-common-add-new-persistent .tr-common-add-new-cancel {
display: none;
}
.tr-common-add-new.tr-common-add-new-persistent.tr-common-add-new-root {
display: none;
}
.tr-common-add-new-outer {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.tr-common-add-new .td-close-add-new {
margin-right: 10px;
margin-top: 8px;
cursor: pointer;
}
.tr-common-add-new .td-close-add-new:hover {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.tr-common-add-new .tr-common-add-new-wrapper {
position: relative;
overflow: hidden;
white-space: nowrap;
padding: 7px 0;
background: var(--white-black, #fff);
border: 1px solid var(--grey-list-border, #dedede);
border-top: none;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 0 0 12px 12px;
margin-bottom: 15px;
}
.tr-common-add-new .tr-common-add-new-wrapper.tr-common-add-new-wrapper-detached {
position: absolute;
bottom: 0;
border-top: 1px solid var(--grey-list-border, #dedede);
}
.tr-common-add-new .tr-common-add-new-wrapper .tr-common-add-new-buttons {
position: absolute;
right: 5px;
display: none;
}
.tr-common-add-new .tr-common-add-new-wrapper .tr-common-add-new-buttons i {
margin-right: 3px;
}
.tr-common-add-new .tr-common-add-new-wrapper .tr-common-add-new-ico {
position: absolute;
left: 8px;
display: inline-block;
height: 16px;
}
.tr-common-add-new .tr-common-add-new-wrapper .tr-common-add-new-ajax {
position: absolute;
left: 8px;
margin-top: 0;
display: none;
}
.tr-common-add-new .tr-common-add-new-wrapper input.text-box {
font-size: 15px;
width: 100%;
padding-left: 30px;
border: none;
outline: none;
padding-top: 0;
padding-bottom: 0;
}
.tr-common-add-new .tr-common-add-new-wrapper input.text-box::-moz-placeholder {
color: var(--gray-ico, #a9a9a9);
}
.tr-common-add-new .tr-common-add-new-wrapper input.text-box::-webkit-input-placeholder {
color: var(--gray-ico, #a9a9a9);
}
.tr-common-add-new.tr-common-add-new-active .tr-common-add-new-buttons {
display: block;
}
.tr-common-add-new.tr-common-add-new-loading .tr-common-add-new-ico {
display: none;
}
.tr-common-add-new.tr-common-add-new-loading .tr-common-add-new-ajax {
display: block;
right: 8px;
left: unset;
}
.tr-common-add-new td {
font-size: 12px;
}
.spinner {
margin: 0 auto;
width: 70px;
text-align: center;
display: inline-block;
}
.spinner.gray > div {
background: #acacac;
}
.spinner > div {
width: 12px;
height: 12px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.task-mass-change-dialog {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 400px;
}
.task-mass-change-dialog .text-box {
width: 100%;
}
.task-mass-change-checkbox {
margin-top: 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.task-mass-change-checkbox input {
margin: 0;
}
.task-mass-change-checkbox .task-mass-change-is-notify-text {
margin-left: 5px;
font-size: 14px;
line-height: 1.3em;
}
.task-mass-change-dialog-header-small {
color: #777777;
display: inline-block;
font-size: 9pt;
margin-left: 5px;
margin-top: 5px;
vertical-align: top;
}
.task-change-add-action-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.task-mass-change-type {
width: 529px !important;
}
.task-mass-change-params {
padding-top: 15px;
display: none;
}
.task-mass-change-params > div {
margin-bottom: 10px;
}
.task-mass-change-params > div select.text-box {
width: 400px;
padding: 5px;
margin-bottom: 10px;
}
.task-mass-change-params .task-mass-change-depslag-label {
padding: 15px 5px 5px;
font-size: 12px;
margin-bottom: 0;
}
.task-mass-change-params input.text-box.lag-val[type="text"] {
box-sizing: border-box;
padding: 7px;
}
.task-mass-change-params .task-change-object-label {
padding: 5px 5px 5px;
font-size: 12px;
margin-bottom: 0;
}
.task-mass-change-params input.text-box.string-val[type="text"] {
width: 100%;
box-sizing: border-box;
padding: 7px;
}
.task-mass-change-params select.task-into-chosen {
width: 443px;
}
.task-mass-change-params .btn-container {
padding-top: 10px;
display: inline-block;
}
.task-mass-change-params .btn-container span.new-block-btn.active {
color: #4573B1;
cursor: pointer;
}
.task-mass-change-params .btn-container span.new-block-btn.active:hover {
color: #25BB69;
}
.task-mass-change-params .change-item-block {
width: 529px;
max-width: none;
}
.task-mass-change-params .change-item-control {
width: 529px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: none !important;
}
.task-mass-change-params > .task-change-add-action-file {
max-width: 529px;
}
.task-mass-change-params .masschange-control-with-title-container {
display: flex;
width: 529px;
align-items: center;
justify-content: space-between;
}
.task-mass-change-params .masschange-control-with-title-container select.text-box {
margin-bottom: 0;
}
.task-mass-change-params .params-block {
width: 529px;
}
.task-mass-change-params .params-block .root-container {
width: 100%;
display: inline-flex;
align-items: center;
}
.task-mass-change-params .params-block .root-container select.root-filter {
width: 100%;
}
.task-mass-change-params .chzn-container {
max-width: 529px;
}
.task-mass-change-params .chzn-container .chzn-drop {
width: inherit !important;
}
.task-mass-change-params .change-item-select-title-container {
display: flex;
justify-content: space-between;
}
.task-mass-change-params .change-item-select-title-container .prompt-block {
display: flex;
align-items: center;
font-size: 10pt;
padding-right: 3px;
}
.task-mass-change-params .change-item-select-title-container .select-container {
display: flex;
align-items: center;
}
.task-mass-change-params .change-item-select-title-container .select-container select.select-with-title {
margin-bottom: 0;
}
.task-mass-change-params .change-item-select-title-container:last-child {
margin-bottom: 0;
}
.trigger-action-container .change-item-control {
width: 529px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: none !important;
}
.trigger-action-container .task-change-add-action-file {
max-width: 529px;
}
.task-mass-change-params-field .change-item-control {
width: 529px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: none !important;
}
.task-mass-change-params-field {
padding-top: 15px;
}
.task-mass-change-dialog.mass-change-move-selected-actions {
width: 450px;
padding: 5px 5px 3px;
}
.task-mass-change-dialog.mass-change-move-selected-actions .task-mass-change-params select.task-into-chosen {
width: 443px;
}
.task-mass-change-dialog.mass-change-move-selected-actions .info {
font-size: 14px;
text-align: left;
color: #333;
}
.task-mass-change-dialog.mass-change-move-selected-actions .b-actions {
margin-top: 35px;
}
.task-mass-change-dialog.mass-change-move-selected-actions .dialog-new-version-btn-big {
width: 315px;
}
.task-mass-change-dialog.mass-change-move-selected-actions .dialog-new-version-btn-big:last-child {
margin-bottom: 15px;
}
.task-mass-change-dialog-buttons {
padding-top: 15px;
}
.task-mass-change-dialog-buttons-right {
float: right;
padding-bottom: 5px;
}
.task-mass-change-dialog-buttons-center {
text-align: center;
}
.dialog-mass-change {
position: absolute;
bottom: 15px;
left: initial;
top: initial;
right: 21px;
width: 480px;
min-height: 143px;
margin: 0;
padding: 0 0 0 28px;
background: #393B4D;
border-radius: 8px;
box-sizing: border-box;
border: none;
opacity: 1;
overflow: hidden;
-webkit-transition: opacity 600ms linear;
-moz-transition: opacity 600ms linear;
-o-transition: opacity 600ms linear;
-ms-transition: opacity 600ms linear;
transition: opacity 600ms linear;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.dialog-mass-change .task-mass-change-progress-comment {
display: none;
}
.dialog-mass-change.with-comment .task-mass-change-progress-comment {
display: block;
}
.dialog-mass-change .task-mass-change-progress-ok,
.dialog-mass-change .task-mass-change-progress-fail {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
text-align: left;
white-space: unset;
height: 100%;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.dialog-mass-change .task-mass-change-progress-ok .brand,
.dialog-mass-change .task-mass-change-progress-fail .brand {
width: 66px;
height: 66px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 24px 0;
margin-bottom: auto;
}
.dialog-mass-change .task-mass-change-progress-ok .brand svg,
.dialog-mass-change .task-mass-change-progress-fail .brand svg {
width: 40px;
}
.dialog-mass-change .task-mass-change-progress-ok .text-wrap,
.dialog-mass-change .task-mass-change-progress-fail .text-wrap {
margin-top: 47px;
margin-bottom: 47px;
margin-left: 14px;
word-break: break-word;
text-align: left;
width: 370px;
}
.dialog-mass-change .task-mass-change-progress-ok .text-wrap .task-mass-change-progress-header,
.dialog-mass-change .task-mass-change-progress-fail .text-wrap .task-mass-change-progress-header {
color: #FFFFFF;
font-size: 16px;
}
.dialog-mass-change .task-mass-change-progress-ok .text-wrap .task-mass-change-progress:not(:empty),
.dialog-mass-change .task-mass-change-progress-fail .text-wrap .task-mass-change-progress:not(:empty) {
margin-top: 10px;
}
.dialog-mass-change .task-mass-change-progress-ok .text-wrap .task-mass-change-progress .task-mass-change-progress-text,
.dialog-mass-change .task-mass-change-progress-fail .text-wrap .task-mass-change-progress .task-mass-change-progress-text {
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
}
.dialog-mass-change .task-mass-change-progress-ok .text-wrap .task-mass-change-progress .task-mass-change-progress-text .active,
.dialog-mass-change .task-mass-change-progress-fail .text-wrap .task-mass-change-progress .task-mass-change-progress-text .active {
cursor: pointer;
}
.dialog-mass-change .task-mass-change-progress-fail .task-mass-change-progress-text span {
color: #ff1e26;
}
.dialog-mass-change .task-mass-change-progress-ok .task-mass-change-progress-text span {
color: #4b9aff;
}
.dialog-mass-change .task-mass-change-progress-fail .task-mass-change-progress-text span,
.dialog-mass-change .task-mass-change-progress-ok .task-mass-change-progress-text span {
white-space: nowrap;
}
.dialog-mass-change .task-mass-change-progress-comment {
color: #ffffff99;
line-height: 1.2em;
font-size: 12.5px;
margin-top: 2px;
margin-right: 30px;
height: 31px;
overflow: hidden;
}
.dialog-mass-change .task-mass-change-progress-bar-wrap .task-mass-change-progress-bar {
display: none;
height: 4px;
position: absolute;
top: 0;
left: 0;
max-width: 100%;
color: #fff;
text-align: center;
-webkit-transition: width 1s linear;
-moz-transition: width 1s linear;
-o-transition: width 1s linear;
-ms-transition: width 1s linear;
transition: width 1s linear;
}
.dialog-mass-change .task-mass-change-progress-bar-wrap .task-mass-change-progress-bar-ok {
background: linear-gradient(315deg, #9328FF 1.34%, #2898FF 35.71%, #25F65B 66.96%, #C8F70C 100%);
}
.dialog-mass-change .task-mass-change-progress-bar-wrap .task-mass-change-progress-bar-partly-ok {
display: block;
background: linear-gradient(315deg, #FF6726 21.13%, #25F65B 77.38%, #C8F70C 100%);
}
.dialog-mass-change .task-mass-change-progress-bar-wrap .task-mass-change-progress-bar-fail {
display: block;
background: linear-gradient(225deg, #FF748A 0%, #FF2164 100%);
}
.dialog-mass-change .task-mass-change-progress-min .task-mass-change-progress-text {
margin: 0;
text-align: left;
float: left;
}
.dialog-mass-change .task-mass-change-progress-text .show-not-imported-contacts {
cursor: pointer;
}
.dialog-mass-change .task-mass-change-progress-text .fail-count {
color: red;
}
.dialog-mass-change .task-mass-change-progress-remove {
position: absolute;
top: 5px;
right: 6px;
padding: 10px;
cursor: pointer;
}
.dialog-mass-change .task-mass-change-progress-remove svg {
stroke: #FFFFFF;
opacity: 0.3;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;
}
.dialog-mass-change .task-mass-change-progress-remove:hover svg {
stroke: #FFFFFF;
opacity: 1;
}
.dialog-mass-change .task-mass-change-progress-close {
margin: 10px 0;
color: #bd0000;
border-bottom: 1px dashed #bd0000;
display: none;
float: right;
cursor: pointer;
}
.dialog-mass-change .task-mass-change-progress-cancel-container {
position: absolute;
right: 17px;
bottom: 15px;
}
.dialog-mass-change .task-mass-change-progress-cancel-container .task-mass-change-progress-cancel {
font-size: 11.5px;
color: #ffffff66;
display: inline-block;
cursor: pointer;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;
}
.dialog-mass-change .task-mass-change-progress-cancel-container .task-mass-change-progress-cancel:hover {
color: #FFFFFF;
}
.dialog-mass-change .task-mass-change-progress-cancel-container .task-mass-change-progress-cancel.fakelink-dashed {
border-color: #ffffff66;
}
.dialog-mass-change.light {
background: #fff;
-webkit-box-shadow: 0 1px 2px 0 rgba(156, 156, 156, 0.25);
-moz-box-shadow: 0 1px 2px 0 rgba(156, 156, 156, 0.25);
-o-box-shadow: 0 1px 2px 0 rgba(156, 156, 156, 0.25);
box-shadow: 0 1px 2px 0 rgba(156, 156, 156, 0.25);
}
.dialog-mass-change.light .text-wrap .task-mass-change-progress-header {
color: #626262;
}
.dialog-mass-change.light .text-wrap .task-mass-change-progress .task-mass-change-progress-text {
color: rgba(75, 75, 75, 0.5);
}
.dialog-mass-change.light .text-wrap .task-mass-change-progress .task-mass-change-progress-text .active {
cursor: pointer;
}
.dialog-mass-change.light .task-mass-change-progress-remove svg {
stroke: #4B4B4B;
}
.dialog-mass-change.light .task-mass-change-progress-remove:hover svg {
stroke: #4B4B4B;
opacity: 1;
}
.dialog-mass-change.light .task-mass-change-progress-comment {
color: #464646;
opacity: 0.85;
}
.dialog-mass-change.light .task-mass-change-progress-cancel-container .task-mass-change-progress-cancel {
color: #4B4B4B;
opacity: 0.5;
}
.dialog-mass-change.light .task-mass-change-progress-cancel-container .task-mass-change-progress-cancel:hover {
opacity: 1;
}
.dialog-mass-change.light .task-mass-change-progress-cancel-container .task-mass-change-progress-cancel.fakelink-dashed {
border-color: #464646b3;
}
.dialog-mass-change .common-round-status-wrapper {
display: none;
top: 10px;
}
.dialog-mass-change .common-round-status-wrapper:hover {
opacity: 0;
}
.dialog-mass-change .common-round-status-wrapper .spinner {
animation: rota 5s linear;
}
.dialog-mass-change .common-round-status-wrapper .filler {
animation: fill 5s steps(1, end);
}
.dialog-mass-change .common-round-status-wrapper .mask {
animation: mask 5s steps(1, end);
}
.dialog-mass-change .closing {
background: inherit;
}
.dialog-mass-change .closing .task-mass-change-progress-remove {
display: none;
}
.dialog-mass-change .closing .common-round-status-wrapper {
display: block;
}
.dialog-mass-change:hover .closing .common-round-status-wrapper {
display: none;
}
.dialog-mass-change:hover .closing .task-mass-change-progress-remove {
display: block;
}
.mass-change-calculate-field,
.mass-change-calculate-infoblock {
max-width: 400px;
}
.mass-change-calculate-field .masschange-calculate-infoblock-container,
.mass-change-calculate-infoblock .masschange-calculate-infoblock-container {
margin-bottom: 10px;
}
.mass-change-calculate-field .calculate-infoblock-label,
.mass-change-calculate-infoblock .calculate-infoblock-label {
margin: 0 0 5px 0;
display: inline-block;
line-height: 18px;
font-size: 12px;
color: #838383;
}
.mass-change-calculate-field .tooltip-actions,
.mass-change-calculate-infoblock .tooltip-actions {
margin: 5px 0;
}
.mass-change-calculate-field .formula-text-box,
.mass-change-calculate-infoblock .formula-text-box {
width: 100%;
resize: none;
min-height: 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mass-change-calculate-field .masschange-calculate-infoblock-val,
.mass-change-calculate-infoblock .masschange-calculate-infoblock-val {
width: 100%;
max-width: 400px;
box-sizing: border-box;
}
.task-mass-change-progress-min {
margin: 0;
text-align: left;
float: left;
}
.task-mass-change-progress-min {
position: absolute;
border-top: 1px solid #ededed;
border-left: 1px solid #ededed;
border-right: 1px solid #ededed;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 7px 10px;
background: #fff;
min-width: 200px;
box-shadow: 1px 0 10px #e5e5e5;
z-index: 9;
}
.task-mass-change-progress-max {
float: right;
cursor: pointer;
}
.task-selected-count-block,
.task-selectall-block {
background: none repeat scroll 0 0 #FEFEDF;
display: block;
padding: 7px;
text-align: center;
margin-bottom: 7px;
position: relative;
z-index: 2;
}
.mass-change-bar-host {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 3;
}
.task-card-header-additional-panel.mass-change-bar-container .mass-change-bar-host {
top: 50%;
transform: translate(-50%, -50%);
}
.task-mass-change-merge-list {
list-style-type: none;
font-size: 10pt;
margin: 0;
line-height: 1.3;
padding-left: 0;
padding-bottom: 15px;
}
.task-mass-change-merge-list li {
margin: 5px 0;
}
.task-mass-change-merge-list i {
vertical-align: bottom;
margin: 0 5px 0 15px;
}
.task-mass-change-dialog.task-merge-from-taskcard {
padding: 0;
}
.task-mass-change-dialog.task-merge-from-taskcard .info {
display: inline-block;
margin-bottom: 5px;
}
.task-change-tooltip {
margin-bottom: 5px;
}
.mass-change-options-container {
margin-top: 15px;
}
.mass-change-options-container .mass-change-option-switch {
display: flex;
align-items: center;
justify-content: space-between;
padding: 7px 10px;
background: #f0f0f0;
border-radius: 10px;
margin-top: 10px;
}
.mass-change-options-container .mass-change-option-switch.first {
margin-top: 0;
}
.b-task-microcard .task-microcard-label {
color: var(--task-card-date-block-meta-text, #787878);
font-size: 12px;
}
.classic-font .b-task-microcard .task-microcard-label {
font-size: 11px;
}
.b-task-microcard .ckeditor-handbook-data-item {
display: inline;
}
.b-task-microcard .task-microcard-project {
color: var(--task-card-date-block-meta-text, #787878);
}
.b-task-microcard .task-microcard-project a {
font-size: 12px;
color: var(--task-card-date-block-meta-text, #787878);
text-decoration: none;
}
.classic-font .b-task-microcard .task-microcard-project a {
font-size: 11px;
}
.b-task-microcard .task-microcard-project a[href]:hover {
text-decoration: underline;
}
.b-task-microcard .task-microcard-project + .task-microcard-title .svg-urgent,
.b-task-microcard .task-microcard-project + .task-microcard-title .iconset-16px-urgent-task {
margin-top: 2px;
}
.b-task-microcard .task-microcard-relation {
display: flex;
align-items: center;
}
.b-task-microcard .task-microcard-relation img {
margin-left: 5px;
margin-top: 2px;
vertical-align: middle;
width: 24px;
height: auto;
}
.b-task-microcard .task-microcard-title {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
font-weight: bold;
font-size: 16px;
text-decoration: none;
overflow: hidden;
word-break: break-word;
}
.classic-font .b-task-microcard .task-microcard-title {
font-size: 14px;
}
.b-task-microcard .task-microcard-title a {
font-weight: bold;
font-size: 16px;
text-decoration: none;
overflow: hidden;
}
.classic-font .b-task-microcard .task-microcard-title a {
font-size: 14px;
}
.b-task-microcard .task-microcard-title a:hover {
text-decoration: underline;
}
.b-task-microcard .task-microcard-title.default {
color: var(--planner-microcard-title-default, #5d5d5d);
}
.b-task-microcard .task-microcard-title.default a {
color: var(--planner-microcard-title-default, #5d5d5d);
}
.b-task-microcard .task-microcard-title.default a:hover {
color: var(--planner-microcard-title-default, #5d5d5d);
}
.b-task-microcard .img-star {
display: inline-block;
margin-left: 3px;
vertical-align: bottom;
}
.b-task-microcard .task-microcard-row {
/* &:not(.check-list) {
border-bottom: 1px solid #e7e7e7;
}*/
margin-bottom: 5px;
font-size: 13px;
word-wrap: break-word;
}
.classic-font .b-task-microcard .task-microcard-row {
font-size: 12px;
}
.b-task-microcard .task-microcard-row.map-container {
margin: 15px;
width: 100%;
}
.b-task-microcard .task-microcard-row.link-container {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.b-task-microcard .task-microcard-row {
min-height: 19px;
}
.b-task-microcard .task-microcard-row.task-microcard-location-row {
min-width: 0;
width: 100%;
max-width: none;
box-sizing: border-box;
}
.b-task-microcard .task-microcard-row.task-microcard-location-row .task-microcard-location-value {
display: block;
width: 100%;
max-width: none;
}
.b-task-microcard .task-microcard-row.task-microcard-location-row .task-card-data-custom-location-map {
display: block;
width: 100%;
max-width: 100%;
margin: 0;
box-sizing: border-box;
}
.b-task-microcard .task-microcard-row.check-list {
margin: 7px 0;
}
.b-task-microcard .task-microcard-row.check-list:empty {
display: none;
}
.b-task-microcard .task-microcard-row .tbl-check-list {
margin-bottom: 5px;
}
.b-task-microcard .task-microcard-row .task-microcard-label {
display: inline-block;
margin-right: 5px;
}
.b-task-microcard .task-microcard-row .task-microcard-interact {
display: inline-block;
cursor: pointer;
padding-left: 4px;
padding-right: 4px;
}
.b-task-microcard .task-microcard-row .task-microcard-interact:hover {
background: var(--microcard-fakelink-hover, rgba(196, 196, 196, 0.25));
border-radius: 6px;
}
.b-task-microcard .task-microcard-row .task-overdued {
font-weight: 600;
float: right;
color: var(--task-deadline-dead, #fd0000);
}
.b-task-microcard .task-microcard-row:last-child {
border-bottom: none;
margin-bottom: 0;
}
.b-task-microcard .task-microcard-row .tbl-check-list .tr-check-list-edit > span .check-list-add-buttons {
margin-top: -8px;
}
.b-task-microcard .task-microcard-row .tbl-check-list .tr-check-list-edit > span .check-list-workers-wrapper .check-list-add-buttons {
margin: 7px 2px 0;
}
.b-task-microcard .task-microcard-row .tbl-check-list .tr-check-list-edit .tr-check-list-edit-body {
padding-left: 3px;
}
.b-task-microcard .task-microcard-row .tbl-check-list .tr-check-list-edit .tr-check-list-edit-body .task-check-faces-div {
width: 100%;
}
.b-task-microcard .task-microcard-row .tbl-check-list .tr-check-list-edit .tr-check-list-edit-body .task-check-faces-div .text-box {
width: 100%;
}
.b-task-microcard .task-microcard-row .tbl-check-list .tr-check-list-loading > span:first-child {
padding-left: 0;
padding-right: 8px;
margin-left: -6px;
}
.b-task-microcard .task-microcard-row .tbl-check-list .tr-check-list-loading > span:last-child {
font-size: 9pt;
}
.b-task-microcard .task-microcard-row .tbl-check-list .tr-check-list-element .check-list-action-created-link {
display: none;
}
.b-task-microcard .task-microcard-row .tbl-check-list-header {
padding-top: 2px;
}
.b-task-microcard .task-microcard-row .tbl-check-list-header i.svg-icon-16px {
vertical-align: bottom;
}
.b-task-microcard .task-microcard-row .tbl-check-list-header .checkList-show-hide {
font-size: 13px;
}
.b-task-microcard .task-microcard-row.task-microcard-color-field {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-right: unset;
width: 100%;
}
.b-task-microcard .task-microcard-row.task-microcard-color-field .task-microcard-label {
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
margin: 0;
}
.b-task-microcard .task-microcard-row.task-microcard-color-field .value-color-field {
white-space: normal !important;
}
.b-task-microcard .task-microcard-row[customtype="8"] {
display: flex;
align-items: center;
max-width: 100%;
box-sizing: border-box;
}
.b-task-microcard .task-microcard-row[customtype="8"] .task-microcard-label {
word-break: normal !important;
}
.b-task-microcard .task-microcard-row[customtype="8"] .task-microcard-value.value-color-field {
display: block;
max-width: 100%;
box-sizing: border-box;
}
.b-task-microcard .task-microcard-row[customtype="24"] {
overflow: hidden;
}
.b-task-microcard .task-microcard-project {
min-height: 19px;
}
.b-task-microcard .task-microcard-title {
min-height: 19px;
}
.b-task-microcard .task-microcard-users {
margin: 7px 0;
min-height: 19px;
}
.b-task-microcard .task-microcard-users .task-microcard-users-list.list-position {
margin-top: -3px;
margin-bottom: 10px;
margin-left: 3px;
}
.b-task-microcard .task-microcard-users .task-microcard-users-list.list-position .fakelink-dashed {
padding: 1px 3px;
display: inline-block;
background-color: transparent;
-webkit-transition: background 150ms ease;
-moz-transition: background 150ms ease;
-o-transition: background 150ms ease;
-ms-transition: background 150ms ease;
transition: background 150ms ease;
}
.b-task-microcard .task-microcard-users .task-microcard-users-list .wr-action-from > img {
position: relative;
top: -15px;
background-color: white;
box-shadow: 0 0 0 2px var(--white-black, white);
border-radius: 50px;
width: 16px;
height: 16px;
margin: 2px;
}
.b-task-microcard .task-microcard-users:first-child {
margin-top: 0;
}
.b-task-microcard .task-microcard-users:last-child {
margin-bottom: 0;
}
.b-task-microcard .task-microcard-users .task-microcard-label {
margin: 0 0 4px;
}
.b-task-microcard .task-microcard-users .userpic {
display: inline-block;
margin-right: 5px;
vertical-align: top;
background: url(/img/svg/loader.svg) no-repeat center center;
}
.b-task-microcard .task-microcard-users .userpic.task-microcard-users-more {
cursor: pointer;
background: none;
}
.b-task-microcard .task-microcard-users .userpic img {
display: block;
width: 40px;
height: 40px;
vertical-align: top;
}
.b-task-microcard .task-microcard-owner {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.b-task-microcard .task-microcard-owner .user-avatar-img {
margin-left: 5px;
}
.classic-font .b-task-microcard .task-microcard-owner.text-size-s .task-microcard-label {
padding: 1px 0;
}
.b-task-microcard .task-microcard-owner.text-size-m .task-microcard-label {
padding: 2px 0;
}
.classic-font .b-task-microcard .task-microcard-owner.text-size-m .task-microcard-label {
padding: 3px 0;
}
.b-task-microcard .task-microcard-owner.text-size-l .task-microcard-label {
padding: 5px 0;
}
.classic-font .b-task-microcard .task-microcard-owner.text-size-l .task-microcard-label {
padding: 5px 0;
}
.b-task-microcard .task-microcard-owner .task-microcard-users-list {
margin-bottom: 0 !important;
}
.b-task-microcard .task-microcard-owner .task-microcard-users-list.list-position {
margin-top: 0;
}
.b-task-microcard .wr-action-from {
position: absolute;
}
.b-task-microcard .has-icon {
margin-left: 26px;
}
.b-task-microcard .tbl-check-list {
padding-left: 0;
margin-left: -3px;
margin-top: 5px;
}
.b-task-microcard .tbl-check-list .tr-check-list-element {
padding-left: 0;
}
.b-task-microcard .tbl-check-list .tr-check-list-element .check-list-folding {
vertical-align: baseline;
}
.b-task-microcard .tbl-check-list .tr-check-list-element.tr-check-list-element-hovered .check-list-editmenu {
position: inherit;
}
.b-task-microcard .tbl-check-list .tr-check-list-element span.check-list-nomove {
display: none;
}
.b-task-microcard .tbl-check-list .tr-check-list-element:hover,
.b-task-microcard .tbl-check-list .tr-check-list-element.tr-check-list-element-hovered {
background: none;
}
.b-task-microcard .tbl-check-list .tr-check-list-element > span {
line-height: 16px;
}
.b-task-microcard .tbl-check-list .tr-check-list-element > span .check-list-description {
display: block;
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: 0;
}
.b-task-microcard .tbl-check-list .tr-check-list-element > span .check-list-users {
display: inline;
}
.b-task-microcard .tbl-check-list .tr-check-list-element .check-list-text {
width: 100%;
}
.b-task-microcard .tbl-check-list span input[type=checkbox] {
margin: 1px 4px 0;
}
.b-task-microcard .task-microcard-attached-files {
text-align: center;
margin: 0 auto 5px 5px;
}
.b-task-microcard .task-microcard-attached-files .task-microcard-attached-files-wrapper {
position: relative;
width: auto;
display: flex;
align-items: center;
justify-content: flex-start;
}
.b-task-microcard .task-microcard-attached-files .task-microcard-attached-files-size-s {
display: none;
}
.b-task-microcard .task-microcard-attached-files .task-microcard-attached-files-size-s .count {
padding-left: 4px;
color: #5881B8;
}
.b-task-microcard .task-microcard-attached-files .file-attached-control.visible {
display: block;
}
.b-task-microcard .task-microcard-attached-files .task-microcard-attached-files-header {
height: 18px;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 10px 10px 6px 10px;
color: var(--black-white, #000000);
font-size: 12px;
text-align: center;
}
.b-task-microcard .task-microcard-attached-files .task-microcard-attached-files-header .iconset-16px {
margin-bottom: -2px;
}
.b-task-microcard .task-microcard-attached-files .task-microcard-attached-files-header > span {
margin-left: 3px;
height: 16px;
}
.b-task-microcard .task-microcard-attached-files .task-microcard-attached-files-header .current {
padding-right: 4px;
}
.b-task-microcard .task-microcard-attached-files .task-microcard-attached-files-header .count {
padding-left: 4px;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new {
margin-right: 0;
flex-grow: 2;
max-width: 204px;
min-width: 204px;
}
.b-task-microcard .task-microcard-attached-files .file-attached-control-wrapper {
flex-grow: 1;
z-index: 2;
position: absolute;
}
.b-task-microcard .task-microcard-attached-files .file-attached-control-wrapper.left {
left: 0;
}
.b-task-microcard .task-microcard-attached-files .file-attached-control-wrapper.right {
right: 0;
}
.b-task-microcard .task-microcard-attached-files .file-attached-control {
display: none;
top: 41%;
border: var(--planner-file-control-border, #cdcdcd) 1px solid;
border-radius: 100%;
cursor: pointer;
background: var(--white-black, #fff);
width: 16px;
height: 16px;
margin: 0 auto;
position: relative;
}
.b-task-microcard .task-microcard-attached-files .file-attached-control .svg-16px {
width: 16px;
fill: var(--planner-file-control-svg, #b7b7b7);
}
.b-task-microcard .task-microcard-attached-files .file-attached-control.svg-icon-stroke {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.b-task-microcard .task-microcard-attached-files .file-attached-control.svg-icon-stroke.file-attached-control-left {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.b-task-microcard .task-microcard-attached-files .file-attached-control.svg-icon-stroke svg {
margin-left: 1px;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-name {
max-width: 180px !important;
border-bottom: none !important;
color: var(--setting-columns-text, #adadad);
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-text {
padding-bottom: 0;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new .file-attached-block-new-text .file-attached-block-new-name {
padding-bottom: 0;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new-preview:not(.file-attached-block-new-preview-empty) .file-attached-block-new-ext {
display: none;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new-preview .file-attached-block-new-ext {
padding-top: 35px;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new-preview:not(.file-attached-block-new-preview-empty) .file-attached-block-new-ext {
display: none;
}
.b-task-microcard .task-microcard-attached-files .file-attached-block-new-preview.file-attached-block-new-preview-empty {
min-width: 200px;
width: auto;
}
.b-task-microcard .task-microcard-attached-files.text-size-s .task-microcard-attached-files-size-s {
font-size: 14px;
margin: 11px 0;
display: flex;
align-items: center;
}
.b-task-microcard .task-microcard-attached-files.text-size-s .task-microcard-attached-files-size-m {
display: none;
}
.b-task-microcard .task-microcard-attached-files.text-size-s .task-microcard-attached-files-size-l {
display: none;
}
.b-task-microcard .task-microcard-attached-files.text-size-m .task-microcard-attached-files-size-s {
display: none;
}
.b-task-microcard .task-microcard-attached-files.text-size-m .task-microcard-attached-files-size-m {
display: block;
}
.b-task-microcard .task-microcard-attached-files.text-size-m .task-microcard-attached-files-size-m .file-attached-block-new {
border: 1px solid var(--action-file-preview-border);
border-radius: 6px;
}
.b-task-microcard .task-microcard-attached-files.text-size-m .task-microcard-attached-files-size-m .task-microcard-attached-files-header {
font-size: 13px;
}
.b-task-microcard .task-microcard-attached-files.text-size-m .task-microcard-attached-files-size-m .task-microcard-attached-files-file-body-container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.b-task-microcard .task-microcard-attached-files.text-size-m .task-microcard-attached-files-size-m .file-attached-block-new-text.without-preview .file-attached-block-name {
font-size: 13px;
}
.b-task-microcard .task-microcard-attached-files.text-size-m .task-microcard-attached-files-size-l {
display: none;
}
.b-task-microcard .task-microcard-attached-files.text-size-l .task-microcard-attached-files-size-s {
display: none;
}
.b-task-microcard .task-microcard-attached-files.text-size-l .task-microcard-attached-files-size-m {
display: none;
}
.b-task-microcard .task-microcard-attached-files.text-size-l .task-microcard-attached-files-size-l {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.b-task-microcard .task-microcard-attached-files.text-size-l .task-microcard-attached-files-size-l .file-attached-block-new {
border: 1px solid var(--action-file-preview-border);
border-radius: 6px;
}
.b-task-microcard .task-microcard-attached-files.align-right-enable {
margin-right: 0 !important;
margin-left: auto !important;
text-align: right;
}
.ymaps3--popup-marker .ymaps3--popup-marker_container {
background-color: var(--white-black, #fff);
padding: 0;
}
.ymaps3--popup-marker .ymaps3--popup-marker_tail {
color: var(--white-black, #fff);
}
.gm-style-iw-t .gm-style-iw-c.b-task-microcard {
background-color: var(--white-black, #fff);
width: 316px;
margin: 0;
white-space: normal;
padding: 0 6px 0 6px;
}
.gm-style-iw-t .gm-style-iw-c.b-task-microcard .task-microcard-row {
padding-top: 5px;
}
.gm-style-iw-t .gm-style-iw-c.b-task-microcard .task-microcard-users {
font-size: 13px;
}
.gm-style-iw-t .gm-style-iw-c.b-task-microcard .task-microcard-users .task-microcard-label {
width: fit-content;
}
.gm-style-iw-t .gm-style-iw-c.b-task-microcard .task-microcard-title,
.gm-style-iw-t .gm-style-iw-c.b-task-microcard .task-microcard-title a {
width: fit-content;
}
.gm-style-iw-t .gm-style-iw-c.b-task-microcard .task-microcard-title .favorite-item.img-star,
.gm-style-iw-t .gm-style-iw-c.b-task-microcard .task-microcard-title a .favorite-item.img-star {
padding-right: 6px;
}
.gm-style-iw-t .gm-style-iw-tc::after {
background-color: var(--white-black);
}
.planner-block-list.planner-block-list-small-width .b-task-microcard .task-microcard-attached-files .file-attached-control-right {
right: 12px;
}
.planner-block-list.planner-block-list-small-width .b-task-microcard .task-microcard-attached-files .file-attached-control-left {
left: 12px;
}
.js-custom-filed-value-task-link {
word-break: break-word;
}
.style-field-apply.planner-drag {
cursor: move;
position: absolute;
z-index: 30;
}
.style-field-apply .b-task-microcard {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
/*.task-microcard-title {
margin-bottom: 8px;
}*/
}
.style-field-apply .b-task-microcard .first-left-row {
padding-right: 10px;
}
.style-field-apply .b-task-microcard > div:nth-child(2) {
padding-right: 14px;
}
.style-field-apply .b-task-microcard .task-microcard-row.task-microcard-location-row:not(.check-list) {
margin-left: 0;
margin-right: 0;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list),
.style-field-apply .b-task-microcard .owner-container,
.style-field-apply .b-task-microcard .task-microcard-project,
.style-field-apply .b-task-microcard .task-microcard-title,
.style-field-apply .b-task-microcard .task-microcard-users {
/** default style */
margin-right: auto;
margin-left: 0;
margin-bottom: 2px;
margin-top: 0;
border-bottom: none;
font-style: normal;
font-weight: normal;
/** default style */
/** test size */
/** test style */
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.task-microcard-title a {
font-style: normal;
font-weight: normal;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list) .task-microcard-label,
.style-field-apply .b-task-microcard .owner-container .task-microcard-label,
.style-field-apply .b-task-microcard .task-microcard-project .task-microcard-label,
.style-field-apply .b-task-microcard .task-microcard-title .task-microcard-label,
.style-field-apply .b-task-microcard .task-microcard-users .task-microcard-label {
display: none;
font-weight: normal;
font-style: normal;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).label-enable .task-microcard-label,
.style-field-apply .b-task-microcard .owner-container.label-enable .task-microcard-label,
.style-field-apply .b-task-microcard .task-microcard-project.label-enable .task-microcard-label,
.style-field-apply .b-task-microcard .task-microcard-title.label-enable .task-microcard-label,
.style-field-apply .b-task-microcard .task-microcard-users.label-enable .task-microcard-label {
display: inline-block;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).label-enable .crm-tel-call-type,
.style-field-apply .b-task-microcard .owner-container.label-enable .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-project.label-enable .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-title.label-enable .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-users.label-enable .crm-tel-call-type {
display: block;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list):not(.label-enable).task-microcard-users .task-microcard-users-list,
.style-field-apply .b-task-microcard .owner-container:not(.label-enable).task-microcard-users .task-microcard-users-list,
.style-field-apply .b-task-microcard .task-microcard-project:not(.label-enable).task-microcard-users .task-microcard-users-list,
.style-field-apply .b-task-microcard .task-microcard-title:not(.label-enable).task-microcard-users .task-microcard-users-list,
.style-field-apply .b-task-microcard .task-microcard-users:not(.label-enable).task-microcard-users .task-microcard-users-list {
margin-left: 0px !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list):not(.label-enable).text-size-s .crm-tel-call-type,
.style-field-apply .b-task-microcard .owner-container:not(.label-enable).text-size-s .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-project:not(.label-enable).text-size-s .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-title:not(.label-enable).text-size-s .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-users:not(.label-enable).text-size-s .crm-tel-call-type {
display: none;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list):not(.label-enable).text-size-s .crm-tel-call-phone,
.style-field-apply .b-task-microcard .owner-container:not(.label-enable).text-size-s .crm-tel-call-phone,
.style-field-apply .b-task-microcard .task-microcard-project:not(.label-enable).text-size-s .crm-tel-call-phone,
.style-field-apply .b-task-microcard .task-microcard-title:not(.label-enable).text-size-s .crm-tel-call-phone,
.style-field-apply .b-task-microcard .task-microcard-users:not(.label-enable).text-size-s .crm-tel-call-phone {
margin-bottom: 0px !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list):not(.label-enable) .crm-tel-call-container,
.style-field-apply .b-task-microcard .owner-container:not(.label-enable) .crm-tel-call-container,
.style-field-apply .b-task-microcard .task-microcard-project:not(.label-enable) .crm-tel-call-container,
.style-field-apply .b-task-microcard .task-microcard-title:not(.label-enable) .crm-tel-call-container,
.style-field-apply .b-task-microcard .task-microcard-users:not(.label-enable) .crm-tel-call-container {
padding-top: 3px !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).align-right-enable,
.style-field-apply .b-task-microcard .owner-container.align-right-enable,
.style-field-apply .b-task-microcard .task-microcard-project.align-right-enable,
.style-field-apply .b-task-microcard .task-microcard-title.align-right-enable,
.style-field-apply .b-task-microcard .task-microcard-users.align-right-enable {
margin-right: 0 !important;
margin-left: auto !important;
text-align: right;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).wrap-enable,
.style-field-apply .b-task-microcard .owner-container.wrap-enable,
.style-field-apply .b-task-microcard .task-microcard-project.wrap-enable,
.style-field-apply .b-task-microcard .task-microcard-title.wrap-enable,
.style-field-apply .b-task-microcard .task-microcard-users.wrap-enable {
width: 100% !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).wrap-enable.task-microcard-row,
.style-field-apply .b-task-microcard .owner-container.wrap-enable.task-microcard-row,
.style-field-apply .b-task-microcard .task-microcard-project.wrap-enable.task-microcard-row,
.style-field-apply .b-task-microcard .task-microcard-title.wrap-enable.task-microcard-row,
.style-field-apply .b-task-microcard .task-microcard-users.wrap-enable.task-microcard-row {
border-bottom: 1px solid var(--task-card-checklist-item-hover, #e7e7e7);
}
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-s:not(.task-microcard-attached-files-size-s ),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .owner-container.text-size-s:not(.task-microcard-attached-files-size-s ),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-project.text-size-s:not(.task-microcard-attached-files-size-s ),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-title.text-size-s:not(.task-microcard-attached-files-size-s ),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-users.text-size-s:not(.task-microcard-attached-files-size-s ),
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-s,
.style-field-apply .b-task-microcard .owner-container.text-size-s,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-s,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-s,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-s,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-s .crm-tel-call-link,
.style-field-apply .b-task-microcard .owner-container.text-size-s .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-s .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-s .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-s .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-s .crm-tel-call-type,
.style-field-apply .b-task-microcard .owner-container.text-size-s .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-s .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-s .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-s .crm-tel-call-type {
font-size: 11px !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-s.task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-size-s.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-s.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-s.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-s.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-s.task-microcard-project a,
.style-field-apply .b-task-microcard .owner-container.text-size-s.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-s.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-s.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-s.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-s .task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-size-s .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-s .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-s .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-s .task-microcard-title a {
font-size: 11px !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-s .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .owner-container.text-size-s .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-s .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-s .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-s .task-microcard-attached-files-size-s {
font-size: 14px;
margin: 11px 0;
display: flex;
align-items: center;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-s .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .owner-container.text-size-s .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-s .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-s .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-s .task-microcard-attached-files-size-m {
display: none;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-s .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .owner-container.text-size-s .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-s .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-s .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-s .task-microcard-attached-files-size-l {
display: none;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m :not(.task-microcard-label),
.style-field-apply .b-task-microcard .owner-container.text-size-m :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m,
.style-field-apply .b-task-microcard .owner-container.text-size-m,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m .crm-tel-call-link,
.style-field-apply .b-task-microcard .owner-container.text-size-m .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m .crm-tel-call-type,
.style-field-apply .b-task-microcard .owner-container.text-size-m .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m .crm-tel-call-type {
font-size: 13px !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m.task-microcard-project a,
.style-field-apply .b-task-microcard .owner-container.text-size-m.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m.task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-size-m.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m .task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-size-m .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m .task-microcard-title a {
font-size: 13px !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .owner-container.text-size-m .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m .task-microcard-attached-files-size-s {
display: none;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .owner-container.text-size-m .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m .task-microcard-attached-files-size-m {
display: block;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m .task-microcard-attached-files-size-m .file-attached-block-new,
.style-field-apply .b-task-microcard .owner-container.text-size-m .task-microcard-attached-files-size-m .file-attached-block-new,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m .task-microcard-attached-files-size-m .file-attached-block-new,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m .task-microcard-attached-files-size-m .file-attached-block-new,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m .task-microcard-attached-files-size-m .file-attached-block-new {
border: 1px solid var(--action-file-preview-border);
border-radius: 6px;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m .task-microcard-attached-files-file-body-container,
.style-field-apply .b-task-microcard .owner-container.text-size-m .task-microcard-attached-files-file-body-container,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m .task-microcard-attached-files-file-body-container,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m .task-microcard-attached-files-file-body-container,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m .task-microcard-attached-files-file-body-container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-m .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .owner-container.text-size-m .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-m .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-m .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-m .task-microcard-attached-files-size-l {
display: none;
}
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .owner-container.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-project.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-title.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-users.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .owner-container.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .owner-container.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .owner-container.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .owner-container.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-project.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .owner-container.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-title.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .owner-container.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-users.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-project.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-project.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .owner-container.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-project.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-project.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-project.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-title.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-project.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-users.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-title.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-title.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .owner-container.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-title.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-project.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-title.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-title.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-title.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-users.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-users.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-users.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .owner-container.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-users.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-project.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-users.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-title.text-size-l:not(.file-attached-block-new-text),
:not(.task-microcard-label) .style-field-apply .b-task-microcard .task-microcard-users.text-size-l:not(.task-microcard-attached-files-header) .style-field-apply .b-task-microcard .task-microcard-users.text-size-l:not(.file-attached-block-new-text),
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l,
.style-field-apply .b-task-microcard .owner-container.text-size-l,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-l,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-l,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-l,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l .crm-tel-call-link,
.style-field-apply .b-task-microcard .owner-container.text-size-l .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-l .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-l .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-l .crm-tel-call-link,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l .crm-tel-call-type,
.style-field-apply .b-task-microcard .owner-container.text-size-l .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-l .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-l .crm-tel-call-type,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-l .crm-tel-call-type {
font-size: 16px !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l.task-microcard-project a,
.style-field-apply .b-task-microcard .owner-container.text-size-l.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-l.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-l.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-l.task-microcard-project a,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l.task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-size-l.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-l.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-l.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-l.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l .task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-size-l .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-l .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-l .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-l .task-microcard-title a {
font-size: 16px !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .owner-container.text-size-l .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-l .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-l .task-microcard-attached-files-size-s,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-l .task-microcard-attached-files-size-s {
display: none;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .owner-container.text-size-l .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-l .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-l .task-microcard-attached-files-size-m,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-l .task-microcard-attached-files-size-m {
display: none;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .owner-container.text-size-l .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-l .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-l .task-microcard-attached-files-size-l,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-l .task-microcard-attached-files-size-l {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-size-l .task-microcard-attached-files-size-l .file-attached-block-new,
.style-field-apply .b-task-microcard .owner-container.text-size-l .task-microcard-attached-files-size-l .file-attached-block-new,
.style-field-apply .b-task-microcard .task-microcard-project.text-size-l .task-microcard-attached-files-size-l .file-attached-block-new,
.style-field-apply .b-task-microcard .task-microcard-title.text-size-l .task-microcard-attached-files-size-l .file-attached-block-new,
.style-field-apply .b-task-microcard .task-microcard-users.text-size-l .task-microcard-attached-files-size-l .file-attached-block-new {
border: 1px solid var(--action-file-preview-border);
border-radius: 6px;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-stb :not(.task-microcard-label),
.style-field-apply .b-task-microcard .owner-container.text-style-stb :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-project.text-style-stb :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-title.text-style-stb :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-users.text-style-stb :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-stb,
.style-field-apply .b-task-microcard .owner-container.text-style-stb,
.style-field-apply .b-task-microcard .task-microcard-project.text-style-stb,
.style-field-apply .b-task-microcard .task-microcard-title.text-style-stb,
.style-field-apply .b-task-microcard .task-microcard-users.text-style-stb {
font-weight: bold !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-stb.task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-style-stb.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-style-stb.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-style-stb.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-style-stb.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-stb .task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-style-stb .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-style-stb .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-style-stb .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-style-stb .task-microcard-title a {
font-weight: bold !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-sti :not(.task-microcard-label),
.style-field-apply .b-task-microcard .owner-container.text-style-sti :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-project.text-style-sti :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-title.text-style-sti :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-users.text-style-sti :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-sti,
.style-field-apply .b-task-microcard .owner-container.text-style-sti,
.style-field-apply .b-task-microcard .task-microcard-project.text-style-sti,
.style-field-apply .b-task-microcard .task-microcard-title.text-style-sti,
.style-field-apply .b-task-microcard .task-microcard-users.text-style-sti {
font-style: italic !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-sti.task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-style-sti.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-style-sti.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-style-sti.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-style-sti.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-sti .task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-style-sti .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-style-sti .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-style-sti .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-style-sti .task-microcard-title a {
font-style: italic !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-stt :not(.task-microcard-label),
.style-field-apply .b-task-microcard .owner-container.text-style-stt :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-project.text-style-stt :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-title.text-style-stt :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-users.text-style-stt :not(.task-microcard-label),
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-stt,
.style-field-apply .b-task-microcard .owner-container.text-style-stt,
.style-field-apply .b-task-microcard .task-microcard-project.text-style-stt,
.style-field-apply .b-task-microcard .task-microcard-title.text-style-stt,
.style-field-apply .b-task-microcard .task-microcard-users.text-style-stt {
font-style: normal !important;
font-weight: normal !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-stt.task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-style-stt.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-style-stt.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-style-stt.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-style-stt.task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).text-style-stt .task-microcard-title a,
.style-field-apply .b-task-microcard .owner-container.text-style-stt .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-project.text-style-stt .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-title.text-style-stt .task-microcard-title a,
.style-field-apply .b-task-microcard .task-microcard-users.text-style-stt .task-microcard-title a {
font-style: normal !important;
font-weight: normal !important;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list).virtual-field-separator,
.style-field-apply .b-task-microcard .owner-container.virtual-field-separator,
.style-field-apply .b-task-microcard .task-microcard-project.virtual-field-separator,
.style-field-apply .b-task-microcard .task-microcard-title.virtual-field-separator,
.style-field-apply .b-task-microcard .task-microcard-users.virtual-field-separator {
width: 100%;
padding: 0;
border-bottom: 1px solid var(--grey-list-border, #dfdfdf);
min-height: 5px;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list) .fakelink-dashed,
.style-field-apply .b-task-microcard .owner-container .fakelink-dashed,
.style-field-apply .b-task-microcard .task-microcard-project .fakelink-dashed,
.style-field-apply .b-task-microcard .task-microcard-title .fakelink-dashed,
.style-field-apply .b-task-microcard .task-microcard-users .fakelink-dashed {
border: none;
}
.style-field-apply .b-task-microcard .task-microcard-row:not(.check-list) .fakelink-dashed:hover,
.style-field-apply .b-task-microcard .owner-container .fakelink-dashed:hover,
.style-field-apply .b-task-microcard .task-microcard-project .fakelink-dashed:hover,
.style-field-apply .b-task-microcard .task-microcard-title .fakelink-dashed:hover,
.style-field-apply .b-task-microcard .task-microcard-users .fakelink-dashed:hover {
background: var(--microcard-fakelink-hover, rgba(196, 196, 196, 0.25));
border-radius: 6px;
}
.style-field-apply .b-task-microcard .check-list {
width: 100%;
}
.style-field-apply .separator-wrap {
width: 100%;
}
.style-field-apply .dl-task-actions {
background: none;
height: 31px;
}
.style-field-apply .dl-task-actions.top-position {
position: absolute;
top: 0;
bottom: auto;
pointer-events: none;
background: none;
display: none;
}
.style-field-apply .dl-task-actions.top-position .dl-task-menu-container {
padding: 5px 8px;
pointer-events: all;
background: var(--white-black, #fff);
border-bottom-left-radius: 12px;
border-top-right-radius: 12px;
}
.style-field-apply .dl-task-actions.top-position .dl-task-menu-container .svg-icon-16px:hover {
fill: var(--planner-microcard-menu-svg, #575757);
}
.style-field-apply .dl-task-actions.top-position .dl-task-menu-list {
padding: 8px;
}
.style-field-apply .dl-task-menu-list span {
cursor: pointer;
}
.style-field-apply.menu-to-top .dl-task-info,
.style-field-apply.menu-to-top .b-task-microcard {
padding-bottom: 0 !important;
}
.no-actions-to-card .g-popup-win-pointer-content .b-task-microcard.has-menu,
.no-actions-to-card .dl-task-info {
padding-bottom: 0;
}
.no-actions-to-card .dl-task-actions {
height: 0;
}
.task-change-status-control-status.block-bottom {
border-top: 1px solid var(--orgtree-add-user-border, #e2e2e2);
padding-top: 10px;
margin-top: 10px;
}
.task-change-status-control-status-select {
display: block;
height: 25px;
width: 275px;
}
.task-change-status-control-in-edit .task-change-status-control-status-select {
width: 315px;
}
.task-change-status-control-status-label,
.task-change-status-control-date-label {
display: block;
color: var(--chosen-multi-search-input, #666);
margin-bottom: 4px;
}
.task-change-status-control-date-label {
margin: 15px 0 4px;
}
.task-change-status-control-date-standard {
border-bottom: 1px solid var(--orgtree-add-user-border, #e2e2e2);
padding: 6px 0 14px;
margin: 0 -10px;
}
.task-change-status-control-date-standard-item {
padding: 7px 10px 6px;
margin: 0 0 4px;
cursor: pointer;
}
.task-change-status-control-date-standard-item:hover {
background: var(--main-menu-popup-bg-hover, #f7f7f7);
}
.task-change-status-control-date-standard-item-edit {
color: var(--main-menu-popup-text, #919191);
float: right;
margin: -5px -5px 0 0;
padding: 5px;
}
.task-change-status-control-date-standard-item-edit:hover {
color: #fff;
background: #3ba3d0;
}
.task-change-status-control-date-edit {
padding: 6px 10px;
cursor: pointer;
margin: 9px -10px 9px;
}
.task-change-status-control-date-edit:hover {
background: var(--main-menu-popup-bg-hover, #f7f7f7);
}
.task-change-status-control-date-edit .svg-icon-dates,
.task-change-status-control-date-edit img {
margin-right: 12px;
vertical-align: bottom;
}
.task-change-status-control-date-editor {
min-width: 315px;
padding: 5px 0;
}
.task-change-status-control-date-editor-date {
width: 175px;
height: 41px;
border: 1px solid var(--gray-input-border, #bbb);
cursor: pointer;
margin: 10px 0;
}
.task-change-status-control-date-editor-date .text-box {
width: 100%;
font-size: 20px;
color: var(--main-menu-popup-text, #767676);
border: none;
padding: 7px 0 0;
text-align: center;
outline: none;
}
.task-change-status-control-date-editor-time {
width: 175px;
position: relative;
height: 31px;
border: 1px solid var(--gray-input-border, #bbb);
cursor: pointer;
margin: 10px 0;
}
.task-change-status-control-date-editor-time .text-box {
display: block;
width: 70px;
margin: auto;
font-size: 16px;
padding: 7px 0 0;
color: var(--main-menu-popup-text, #767676);
border: none;
text-align: center;
outline: none;
}
.task-change-status-control-date-editor-time .svg-icon-time,
.task-change-status-control-date-editor-time img {
position: absolute;
top: 7px;
left: 7px;
}
.task-change-status-control-date-editor-picker {
position: absolute;
right: 10px;
top: 125px;
}
.task-change-status-control-date-editor-buttons {
position: relative;
margin: 35px 0 0;
text-align: right;
}
.task-change-status-control-date-editor-buttons .btn {
width: 100px;
}
.task-change-status-control-date-editor-buttons .task-change-status-control-date-editor-back {
cursor: pointer;
display: flex;
color: var(--chosen-text, #333);
border: 1px solid var(--gray-input-border, #bbb);
border-radius: 4px;
background: var(--main-menu-popup-bg, #fff);
height: 25px;
padding: 2px 2px 2px 0;
width: 40px;
float: left;
text-align: center;
box-sizing: border-box;
justify-content: center;
align-items: center;
}
.task-change-status-control-date-editor-buttons .task-change-status-control-date-editor-back:hover {
background: var(--main-menu-popup-bg-hover, #f7f7f7);
}
.task-change-status-control-date-editor-buttons .task-change-status-control-date-editor-back svg {
stroke: var(--chosen-multi-search-input, #a9a9a9);
}
.g-popup-win-scroll-content .choose-language {
background-color: #F7F7F7;
max-width: 800px;
}
.g-popup-win-scroll-content .choose-language .another-language-block {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
width: 760px;
height: 737px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-svg {
display: flex;
justify-content: center;
padding-top: 91.45px;
margin-left: 22px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-text {
display: flex;
flex-direction: column;
padding-top: 36.55px;
text-align: center;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-text .bold-text {
font-weight: bold;
font-size: 20px;
line-height: 24px;
padding-bottom: 20px;
color: #4b4b4b;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-text span {
color: #4b4b4b;
font-size: 16px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper {
display: flex;
justify-content: center;
padding-top: 40px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control {
height: 58px;
-webkit-box-shadow: 0 0 0 1px #DEDEDE;
-moz-box-shadow: 0 0 0 1px #DEDEDE;
-o-box-shadow: 0 0 0 1px #DEDEDE;
box-shadow: 0 0 0 1px #DEDEDE;
box-sizing: border-box;
border-radius: 6px;
background: #FFFFFF;
max-width: 262px;
width: 100%;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-header {
color: #9C9C9C;
font-size: 12px;
padding: 9px 11px 5px 17px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container {
padding-left: 17px;
min-width: 230px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .chzn-single {
display: list-item;
margin: 0;
padding: 0;
border: none;
color: #4573B1;
font-size: 15px;
line-height: 18px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .chzn-single span {
cursor: pointer;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .chzn-single .chzn-triangle-down {
display: none;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .chzn-drop {
top: 20px;
bottom: unset;
padding-bottom: 7px;
margin-top: 7px;
max-width: 262px !important;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .chzn-drop .chzn-search {
padding: 3px 11px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .chzn-drop .chzn-search .chzn-search-border {
border-radius: 3px;
border: 1px solid #C4C4C4;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .chzn-drop .chzn-search .gray {
display: none;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .chzn-drop .chzn-search input {
padding-left: 0;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .chzn-drop .chzn-results {
padding: 8px 7px 0 11px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .chzn-drop .chzn-results li {
border-radius: 3px;
height: 20px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .chzn-drop .chzn-results .highlighted {
background: #EEEEEE !important;
color: #000;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .another-language-control .another-language-control-select .chzn-container .active-chzn-drop {
box-shadow: -1px 1px 0 0 #86c620, 1px 1px 0 0 #86C620, rgba(17, 143, 171, 0.25) 5px 6px 8px -4px, rgba(17, 143, 171, 0.25) -5px 0px 8px -5px;
margin-left: 1px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-selection-wrapper .active-control {
border: none;
border-radius: 6px 6px 0 0;
box-shadow: -1px -1px 0 0 #86c620, 1px -1px 0 0 #86C620, 0 0 10px rgba(17, 143, 171, 0.25);
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-button {
display: flex;
justify-content: center;
padding-top: 16px;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-button button {
border-radius: 6px;
border: none;
height: 32px;
width: 262px;
font-size: 14px;
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
background: var(--activeButton, #0fabdd);
color: var(--activeButtonElements, #ffffff);
-webkit-box-shadow: inset 0 0 0 2px transparent;
-moz-box-shadow: inset 0 0 0 2px transparent;
-o-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-selection-block .another-language-button button:hover {
-webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
text-decoration: none;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-link {
text-align: center;
padding-top: 117px;
font-size: 14px;
line-height: 18px;
color: #4b4b4b;
}
.g-popup-win-scroll-content .choose-language .another-language-block .another-language-link a {
cursor: pointer;
text-decoration: none;
}
.delegate-user-tasks {
line-height: 2;
}
.delegate-user-tasks > div {
width: 530px;
}
.delegate-user-tasks .btn {
margin-right: 3px;
}
.delegate-user-tasks select {
width: 100%;
}
.delegate-user-tasks .login-fate,
.delegate-user-tasks .dialog-btn-wrapper {
margin-top: 15px;
}
.delegate-user-tasks .chzn-choices {
background: #fff;
padding-left: 5px;
}
.notify-add-type-dialog {
width: 295px;
height: 75px;
padding: 10px 7px 15px 10px;
}
.notify-add-type-dialog .notice-params-add-type-select {
width: 100%;
margin-top: 7px;
}
.notify-add-type-dialog .bottom-buttons-block {
display: flex;
justify-content: flex-end;
margin-top: 10px;
}
.notify-add-type-dialog .bottom-buttons-block input {
margin-top: 0px;
margin-left: 7px;
}
.notifyTopButtonsBlock .defaultView {
padding-top: 19px;
display: flex;
}
.notifyTopButtonsBlock .defaultView .btn {
font-size: 13px;
letter-spacing: -0.03em;
}
.notifyTopButtonsBlock .customView {
display: none;
padding-top: 19px;
}
.notifyTopButtonsBlock .customView .custom-container {
display: flex;
}
.notifyTopButtonsBlock .customView .custom-container .notice-params-add-type,
.notifyTopButtonsBlock .customView .custom-container .task-notify-customSubscribe-turn-on {
margin-right: 2px;
}
.button-advanced .b-ddl-menu-selected-arrow {
padding: 0;
}
.notice-channels.inactive {
pointer-events: none;
opacity: 0.5;
}
.notice-channels .toggle-switcher .ts-blt {
background-color: var(--gray, #7f7f7f);
}
.notice-channels .toggle-switcher.unlock .ts-blt {
background: #1abe72;
}
.notice-channels .notice-channel {
vertical-align: top;
margin-right: 20px;
border-radius: 4px;
position: relative;
}
.notice-channels .notice-channel:first-child {
margin-top: 0px;
}
.notice-channels .notice-channel.notice-channel-email .notice-channel-input-container {
cursor: pointer;
}
.notice-channels .notice-channel .notice-channel-flex-container {
display: flex;
align-items: center;
padding: 15px 0px 8px 0px;
}
.notice-channels .notice-channel .notice-channel-ico-name {
padding: 0px 16px 0px 5px;
display: flex;
}
.notice-channels .notice-channel .notice-channel-ico-name .notice-channel-input-ico {
display: inline-block;
width: 48px;
height: 48px;
}
.notice-channels .notice-channel .notice-channel-ico-name .notice-channel-input-ico .svg-icon-48px svg {
fill: var(--gray-border, #e3e3e3);
}
.notice-channels .notice-channel .notice-channel-ico-name .notice-channel-name {
font-size: 18px;
color: var(--common-filter-top-text, #A3A3A3);
margin-left: 11px;
line-height: 48px;
}
.notice-channels .notice-channel .notice-channel-header {
color: var(--common-filter-top-text, #A3A3A3);
font-size: 12px;
font-weight: normal;
margin-bottom: 8px;
}
.notice-channels .notice-channel .small-header {
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.notice-channels .notice-channel .notice-channel-input-buttons-holder {
width: 35px;
margin-left: auto;
margin-right: 20px;
}
.notice-channels .notice-channel .notice-channel-input-buttons {
margin-top: 13px;
display: none;
}
.notice-channels .notice-channel .notice-channel-input-buttons:focus {
display: inline-block;
}
.notice-channels .notice-channel .notice-channel-input:focus + .notice-channel-input-buttons {
display: inline-block;
}
.notice-channels .notice-channel .notice-channel-input-wrapper {
position: relative;
padding-top: 4px;
}
.notice-channels .notice-channel .notice-channel-input-wrapper:focus {
border: 1px solid red;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.under-name {
padding-left: 80px;
margin-top: -24px;
}
.notice-channels .notice-channel .notice-channel-input-wrapper:not(.under-name) {
border: 1px solid var(--grey-list-border, #DEDEDE);
border-radius: 6px;
padding: 9px 0 0 16px;
width: 41.56%;
max-width: 416px;
margin-right: 16px;
}
.notice-channels .notice-channel .notice-channel-input-wrapper:not(.under-name) .enabled-panel {
padding: 0;
}
.notice-channels .notice-channel .notice-channel-input-wrapper .notice-channel-input-container {
display: inline-block;
padding-bottom: 8px;
padding-right: 30px;
width: 95%;
}
.notice-channels .notice-channel .notice-channel-input-wrapper .notice-channel-input-container .no-border-container {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 16px;
}
.notice-channels .notice-channel .notice-channel-input-wrapper .notice-channel-value-inactive {
color: var(--popup-win-header, #747474);
font-size: 15px;
}
.notice-channels .notice-channel .notice-channel-input-wrapper .notice-channel-input {
font-size: 15px;
color: var(--popup-win-header, #747474);
border: none;
outline: none;
padding: 0px;
display: none;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb {
color: var(--gray-dark-icon, #626262);
font-size: 15px;
display: none;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .time-period {
display: flex;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .notice-channel-header {
cursor: default;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .email-time-period .timepicker-block input,
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .telegram-time-period .timepicker-block input,
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .max-time-period .timepicker-block input,
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .email-time-period .timepicker-block-end input,
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .telegram-time-period .timepicker-block-end input,
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .max-time-period .timepicker-block-end input {
cursor: pointer;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .inactive {
color: var(--gray-input-border, #BBBBBB);
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .inactive .timepicker-block,
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .inactive .timepicker-block-end {
cursor: default;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .inactive .timepicker-block input,
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .inactive .timepicker-block-end input {
color: var(--gray-input-border, #BBBBBB);
cursor: default;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .timepicker-start,
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .timepicker-end {
position: absolute;
z-index: 1;
top: 65px;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .timepicker-start .time-picker-container,
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .timepicker-end .time-picker-container {
border: 1px solid var(--time-picker-dates, #C7C7C7);
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .timepicker-start .time-picker-container .time-picker-canvas-h24,
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .timepicker-end .time-picker-container .time-picker-canvas-h24 {
border-radius: 3px;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .timepicker-start {
top: 34px !important;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb input {
border-bottom: 0;
padding: 0;
color: #4573B1;
max-width: 44px;
font-size: 15px;
background-color: var(--background-color-light-gray, #f7f7f7);
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .notice-channel-input-container {
min-width: 180px;
cursor: default;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .usually-switcher-rc-v2 {
cursor: pointer;
}
.notice-channels .notice-channel .notice-channel-input-wrapper.max-width .email-time-period .timepicker-block input,
.notice-channels .notice-channel .notice-channel-input-wrapper.max-width .telegram-time-period .timepicker-block input,
.notice-channels .notice-channel .notice-channel-input-wrapper.max-width .max-time-period .timepicker-block input,
.notice-channels .notice-channel .notice-channel-input-wrapper.max-width .mdevice-time-period .timepicker-block input,
.notice-channels .notice-channel .notice-channel-input-wrapper.max-width .email-time-period .timepicker-block-end input,
.notice-channels .notice-channel .notice-channel-input-wrapper.max-width .telegram-time-period .timepicker-block-end input,
.notice-channels .notice-channel .notice-channel-input-wrapper.max-width .max-time-period .timepicker-block-end input,
.notice-channels .notice-channel .notice-channel-input-wrapper.max-width .mdevice-time-period .timepicker-block-end input {
max-width: 71px;
}
.notice-channels .notice-channel .notice-channel-input-wrapper-small-text {
margin-bottom: 9px;
max-width: 435px;
}
.notice-channels .notice-channel .notice-channel-input-wrapper-small-text .notice-channel-small-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.notice-channels .notice-channel .notice-channel-input-wrapper-small-text .notice-channel-small-text {
padding: 9px 0 0 16px;
font-size: 15px;
}
.notice-channels .notice-channel .notice-channel-small-text {
padding-left: 20px;
padding-bottom: 7px ;
padding-right: 20px;
color: var(--notice-channel-small-text, #a6a6a6);
font-size: 11px;
}
.notice-channels .notice-channel .notice-channel-small-text.telegram {
padding-bottom: 14px;
}
.notice-channels .notice-channel.notice-channel-email .email-channel-sub,
.notice-channels .notice-channel.notice-channel-email .email-channel-dont-disturb-sub {
display: none;
margin-left: auto;
right: 20px;
top: 17px;
position: absolute;
}
.notice-channels .notice-channel.notice-channel-email .email-channel-dont-disturb-sub {
display: block;
}
.notice-channels .notice-channel.notice-channel-mdevice .mdevice-channel-dont-disturb-sub {
display: block;
margin-left: auto;
right: 20px;
top: 17px;
position: absolute;
}
.notice-channels .notice-channel.notice-channel-mdevice .notice-channel-input-ico .svg-icon-48px svg {
fill: #1abe72;
stroke-width: 0px;
}
.notice-channels .notice-channel.notice-channel-telegram .telegram-channel-sub,
.notice-channels .notice-channel.notice-channel-telegram .telegram-channel-dont-disturb-sub {
display: block;
margin-left: auto;
right: 20px;
top: 17px;
position: absolute;
}
.notice-channels .notice-channel.notice-channel-max .max-channel-sub,
.notice-channels .notice-channel.notice-channel-max .max-channel-dont-disturb-sub {
display: block;
margin-left: auto;
right: 20px;
top: 17px;
position: absolute;
}
.notice-channels .notice-channel.notice-channel-minimized .notice-channel-name {
margin-top: -18px;
}
.notice-channels .notice-channel.notice-channel-active.notice-channel-email .notice-channel-input,
.notice-channels .notice-channel.notice-channel-active.notice-channel-email .notice-channel-value-inactive {
color: #4573B1;
}
.notice-channels .notice-channel.notice-channel-active.notice-channel-email .notice-channel-input-ico .svg-icon-48px svg {
fill: #1abe72;
}
.notice-channels .notice-channel.notice-channel-active.notice-channel-max .notice-channel-input-ico .svg-icon-48px svg {
/* 934315 - не уверен на счет цвета */
fill: #7133e7;
}
.notice-channels .notice-channel.notice-channel-active .notice-channel-input {
color: var(--black-white, #000000);
}
.notice-channels .notice-channel.notice-channel-active .notice-channel-value-inactive {
color: var(--black-white, #000000);
border-color: var(--black-white, #000000);
}
.notice-channels .notice-channel.notice-channel-active .notice-channel-input-ico .svg-icon-48px svg {
fill: #00AFF0;
}
.notice-channels .notice-channel.notice-channel-disabled.notice-channel-email .notice-channel-input,
.notice-channels .notice-channel.notice-channel-disabled.notice-channel-email .notice-channel-value-inactive {
border: none;
color: var(--link-color-gray, #9d9d9d);
text-decoration-color: var(--link-color-gray, #9d9d9d);
text-decoration-style: solid;
text-decoration-line: line-through;
}
.notice-channels .notice-channel.notice-channel-disabled.notice-channel-email .notice-channel-input-ico .svg-icon-48px svg {
fill: #e63223;
}
.dont-disturb-small .notice-channel .notice-channel-flex-container {
display: inline-table;
height: 55px;
}
.dont-disturb-small .notice-channel .notice-channel-flex-container .notice-channel-ico-name {
float: left;
}
.dont-disturb-small .notice-channel .notice-channel-flex-container .notice-channel-input-wrapper {
float: left;
min-width: 240px;
}
.dont-disturb-small .notice-channel .notice-channel-flex-container .notice-channel-input-wrapper .notice-channel-input-container {
min-width: unset;
}
.dont-disturb-small .notice-channel .notice-channel-flex-container .dont-disturb,
.dont-disturb-small .notice-channel .notice-channel-flex-container .small-text {
margin-top: 16px;
margin-left: 69px;
}
.dont-disturb-small .notice-channel .notice-channel-flex-container .dont-disturb .notice-channel-header,
.dont-disturb-small .notice-channel .notice-channel-flex-container .small-text .notice-channel-header {
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dont-disturb-small .notice-channel .notice-channel-flex-container .notice-channel-input-wrapper-small-text {
float: left;
max-width: 325px;
}
.dont-disturb-small .notice-channel-active,
.dont-disturb-small .notice-channel-telegram,
.dont-disturb-small .notice-channel-max {
height: 150px;
}
.dont-disturb-small-width .notice-channel .notice-channel-flex-container .notice-channel-input-wrapper {
min-width: 235px;
}
.dont-disturb-small-width .notice-channel .notice-channel-flex-container .notice-channel-input-wrapper .email-channel-dont-disturb-sub,
.dont-disturb-small-width .notice-channel .notice-channel-flex-container .notice-channel-input-wrapper .telegram-channel-sub,
.dont-disturb-small-width .notice-channel .notice-channel-flex-container .notice-channel-input-wrapper .telegram-channel-dont-disturb-sub,
.dont-disturb-small-width .notice-channel .notice-channel-flex-container .notice-channel-input-wrapper .max-channel-sub,
.dont-disturb-small-width .notice-channel .notice-channel-flex-container .notice-channel-input-wrapper .max-channel-dont-disturb-sub,
.dont-disturb-small-width .notice-channel .notice-channel-flex-container .notice-channel-input-wrapper .mdevice-channel-dont-disturb-sub {
right: 10px;
}
.dont-disturb-small-width .notice-channel .notice-channel-flex-container .notice-channel-input-wrapper-small-text {
max-width: 300px;
}
@media screen and (max-width: 1280px) {
.notice-channels .notice-channel .notice-channel-input-wrapper.dont-disturb .notice-channel-header {
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.notice-params {
padding-top: 5px;
}
.notice-params .notice-params-header {
color: var(--popup-win-header, #747474);
font-size: 22px;
padding-bottom: 30px;
}
.notice-params .new-item-added {
position: absolute;
background: var(--notice-params-new-item, #969ba1);
z-index: 10;
}
.notice-params .notice-params-table {
max-width: 1136px;
width: 100%;
color: var(--chosen-text, #333333);
font-size: 14px;
border-collapse: collapse;
}
.notice-params .notice-params-table .notice-params-table-header .for-background-only {
border: none;
}
.notice-params .notice-params-table .notice-params-table-header .notice-params-table-header-label {
border-top: 0px;
padding-left: 10px;
color: var(--planner-schedule-header-border, #c9c9c9);
}
.notice-params .notice-params-table .notice-params-table-header .notice-params-table-header-label .notice-params-table-header-text {
vertical-align: bottom;
font-size: 14px;
line-height: 32px;
margin-right: 5px;
}
.notice-params .notice-params-table .notice-params-table-header .td-with-icons {
border-top: 0px;
font-size: 0px;
padding: 0px 0 12px 10px;
}
.notice-params .notice-params-table .notice-params-table-header .td-with-icons .notice-params-switch {
margin-left: 6px;
margin-right: 21px;
}
.notice-params .notice-params-table .notice-params-table-header .td-with-icons .notice-params-switch .common-svg-icon {
height: 20px;
width: 20px;
}
.notice-params .notice-params-table .notice-params-table-header .td-with-icons .notice-params-switch .common-svg-icon svg {
height: 20px;
width: 20px;
}
.notice-params .notice-params-table .notice-params-table-header + tr td {
padding-top: 25px;
}
.notice-params .notice-params-table .notice-params-item-header-nmforsimple td,
.notice-params .notice-params-table .notice-params-item-header-nmforgeek td {
padding-right: 20px;
padding-top: 15px;
padding-left: 10px;
}
.notice-params .notice-params-table .notice-params-item-nmforsimple td,
.notice-params .notice-params-table .notice-params-item-nmforgeek td {
font-size: 0px;
border: none;
padding-top: 8px;
padding-bottom: 15px;
padding-left: 10px;
}
.notice-params .notice-params-table .notice-params-item-summary-header td {
padding-right: 20px;
padding-top: 15px;
padding-left: 10px;
}
.notice-params .notice-params-table .notice-params-item-summary td {
font-size: 0px;
border: none;
padding-top: 8px;
padding-bottom: 15px;
padding-left: 10px;
}
.notice-params .notice-params-table .notice-params-item-header td {
padding: 15px 15px 0 10px;
}
.notice-params .notice-params-table .notice-params-item td {
padding: 7px 10px 15px 10px;
}
.notice-params .notice-params-table td {
padding: 0px;
vertical-align: middle;
border-top: 1px solid var(--notice-params-table-border, #e8e9eb);
border-bottom: 1px solid var(--notice-params-table-border, #e8e9eb);
}
.notice-params .notice-params-table td p {
margin: 0;
/*padding: .5em 0 0;*/
font-size: 12px;
color: var(--notice-channel-small-text, #a6a6a6);
}
.notice-params .notice-params-table .notice-params-switch-container {
display: flex;
}
.notice-params .notice-params-table .notice-params-switch {
margin-right: 15px;
display: inline-block;
}
.notice-params .notice-params-table .notice-params-switch:not(.notice-params-switch-empty) {
cursor: pointer;
}
.notice-params .notice-params-table .notice-params-switch:last-child {
margin-right: 0;
}
.notice-params .notice-params-table .notice-params-switch .common-svg-icon svg {
fill: #1abe72;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.notice-params .notice-params-table .notice-params-switch.inactive .common-svg-icon svg {
fill: var(--notice-params-switch-icon, #e3e3e3);
}
.notice-params .notice-params-table .notice-params-switch.item-disabled .common-svg-icon svg {
fill: #e63223;
}
.notice-params .notice-params-table .notice-params-item-delete {
float: right;
cursor: pointer;
visibility: hidden;
}
.notice-params .notice-params-table .notice-params-item-delete.iconset-16px.iconset-16px-remove {
position: relative;
right: 0px;
}
.notice-params .notice-params-table .notice-params-item-delete.iconset-16px.iconset-16px-remove.inactive:hover {
background-position: 0 -368px;
}
.notice-params .notice-params-table tr.notice-params-item:hover .notice-params-item-delete,
.notice-params .notice-params-table td.remove-button-holder:hover .notice-params-item-delete {
visibility: visible;
}
.notice-params .notice-params-table tbody:last-child td {
border-bottom: none;
}
.notice-params.notice-params-no-jabber .notice-params-switch-jabber {
display: none;
}
.notice-params.notice-params-no-telegram .empty-telegram,
.notice-params.notice-params-no-telegram .notice-params-switch-telegram {
display: none;
}
.notice-params.notice-params-no-max .empty-max,
.notice-params.notice-params-no-max .notice-params-switch-max {
display: none;
}
.notice-params .notice-params-add-type {
font-size: 12px;
padding: 15px 0px;
}
.notice-params .notice-params-add-type .notice-params-add-type-select {
display: none;
}
.notice-params-small-items {
min-width: 350px;
padding-right: inherit;
/*.notice-params-table {
}
.notice-params .notice-params-add-type {
padding: 15px 15px 15px 0;
}*/
}
.project-notice-params .notice-params-header {
display: none;
}
.project-win-params .notice-params-header {
display: none;
}
.notice-params-projects {
padding-top: 45px;
}
.notice-params-projects .notice-params-projects-header {
color: var(--common-filter-title-text, #444444);
font-size: 18px;
font-weight: bold;
padding-bottom: 20px;
}
.notice-params-projects .notice-params-fake-table {
/*max-width: 1096px;*/
margin-bottom: 83px;
}
.notice-params-projects .notice-params-fake-table.notice-params-fake-table-standart {
margin-bottom: 50px;
}
.notice-params-projects .notice-params-fake-table .notice-params-projects-projects:first-child {
border-top: 1px solid var(--notice-params-table-border, #e8e9eb);
}
.notice-params-projects .notice-params-projects-project {
font-size: 14px;
padding: 16px 0px 20px;
border-bottom: 1px solid var(--notice-params-table-border, #e8e9eb);
}
.notice-params-projects .notice-params-projects-project .fakelink-dashed {
font-size: 15px;
}
.notice-params-projects .notice-params-projects-project .notice-params-projects-project-delete {
margin-right: 10px;
cursor: pointer;
visibility: hidden;
vertical-align: bottom;
float: right;
}
.notice-params-projects .notice-params-projects-project .notice-params-projects-project-delete.iconset-16px.iconset-16px-remove.inactive:hover {
background-position: 0 -368px;
}
.notice-params-projects .notice-params-projects-project:hover .notice-params-projects-project-delete {
visibility: visible;
}
.notice-params-projects .notice-params-projects-project .notice-params-projects-right-panel-ico {
vertical-align: middle;
margin-right: 25px;
margin-left: 20px;
}
.notice-params-projects .notice-params-projects-project.project-chosen {
background: var(--list-for-panel-row-active-bg, #53586c);
}
.notice-params-projects .notice-params-projects-project.project-chosen .fakelink-dashed {
color: var(--white-black, #ffffff);
border-bottom: 1px dotted var(--white-black, #ffffff);
}
.notice-params-projects .notice-params-projects-project:hover:not(.project-chosen) {
background: var(--gray-inner, #eee);
cursor: pointer;
}
.notice-params-projects-without-access {
text-align: center;
position: absolute;
top: 60px;
bottom: 0;
left: 0;
right: 0;
font-size: 16px;
padding: 35px 21px 21px 24px;
background-color: var(--white-black, #ffffff);
}
.notice-params-projects-without-access .notice-params-projects-without-access-svg {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
box-sizing: border-box;
height: 100%;
padding-bottom: 6vh;
}
.notice-params-projects-without-access .notice-params-projects-without-access-svg span {
margin-bottom: 24px;
background-image: url("/img/empty/svgEmpty04.svg");
width: 220px;
height: 220px;
opacity: var(--emptyIconOpacity, 1);
}
.user-active-list {
white-space: nowrap;
}
.tr-actions-quick-add .user-active-list {
display: inline-block;
float: right;
margin-top: 2px;
}
.user-active-list-label {
display: inline-block;
vertical-align: top;
padding-top: 10px;
font-size: 11px;
color: var(--gray-ico, #a8a8a8);
}
.user-avatar-img-square .user-active-list-users img,
.user-avatar-img-square .user-active-list-popup img {
border-radius: 0% !important;
}
.user-avatar-img-rounded .user-active-list-users img,
.user-avatar-img-rounded .user-active-list-popup img {
border-radius: 20% !important;
}
.user-active-list-users {
display: inline-block;
vertical-align: top;
}
.user-active-list-user {
display: inline-block;
margin-left: 10px;
line-height: 1;
position: relative;
}
.user-active-list-user .online {
position: absolute;
right: 10%;
bottom: 11px;
width: 4px;
height: 4px;
background: #1abe72;
border: 1px solid var(--white-black, #fff);
border-radius: 50%;
animation: action-notify-online 5s infinite;
-webkit-animation: action-notify-online 5s infinite;
}
.user-active-list-user img {
width: 30px;
height: 30px;
border-radius: 50%;
}
.user-active-list-user.is-typing .user-active-list-now-typing {
visibility: visible;
}
.user-active-list-user .user-active-list-now-typing {
visibility: hidden;
display: flex;
justify-content: center;
}
.user-active-list-user .user-active-list-now-typing span {
display: inline-block;
width: 4px;
height: 4px;
border-radius: 100%;
margin: 4px 4px 0 0;
background: #82c03b;
vertical-align: top;
-webkit-animation: 1s infinite user-active-typing-anim;
animation: 1s infinite user-active-typing-anim;
}
.user-active-list-user .user-active-list-now-typing span:last-child {
margin: 4px 0 0 0;
}
.user-active-list-user .user-active-list-now-typing span:nth-child(2) {
-webkit-animation-delay: 0.33s;
animation-delay: 0.33s;
}
.user-active-list-user .user-active-list-now-typing span:nth-child(3) {
-webkit-animation-delay: 0.66s;
animation-delay: 0.66s;
}
.userActiveList-topTask {
background: none;
min-width: 120px;
max-width: 600px;
height: 40px;
position: absolute;
z-index: 10;
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.userActiveList-topTask .user-active-list-label {
vertical-align: sub;
padding-top: 0px;
min-width: 70px;
margin-left: 10px;
align-self: center;
text-align: end;
padding-bottom: 13px;
}
@-webkit-keyframes user-active-typing-anim {
0% {
background-color: #82c03b;
}
50% {
background-color: #a9a9a9;
}
100% {
background-color: #e1e1e1;
}
}
@keyframes user-active-typing-anim {
0% {
background-color: #82c03b;
}
50% {
background-color: #a9a9a9;
}
100% {
background-color: #e1e1e1;
}
}
.taskview-user-active-list {
text-align: right;
height: 40px;
margin-top: -40px;
}
.taskview-user-active-list .user-active-list {
margin-bottom: 10px;
text-align: left;
display: inline-block;
}
.user-active-list-user {
cursor: pointer;
}
.topPanel-after-green-block .userActiveList-topTask .user-active-list-now-typing {
margin-top: -2px;
}
.user-active-list-popup {
z-index: 12;
position: absolute;
width: 275px;
padding: 15px 10px;
border: 1px solid var(--grey-list-border, #dfdfdf);
border-top: none;
background: var(--white-black, #fff);
box-shadow: 0 0 25px 1px var(--menu-logined-popup-list-border, #ccc);
}
.user-active-list-popup .user-active-list-popup-label {
color: var(--menu-logined-popup, #585858);
font-size: 12px;
}
.user-active-list-popup .user-active-list-popup-item {
position: relative;
min-height: 40px;
margin-top: 10px;
}
.user-active-list-popup .user-active-list-popup-item img {
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
}
.user-active-list-popup .user-active-list-popup-item .user-active-list-popup-user {
padding: 5px 0 0 50px;
color: var(--planner-schedule-user-post, #9e9e9e);
font-size: 11px;
}
.user-active-list-popup .user-active-list-popup-item .user-active-list-popup-user a {
overflow: hidden;
text-overflow: ellipsis;
display: block;
padding: 0;
margin: 0;
width: auto;
font-size: 14px;
white-space: nowrap;
color: #4573b1;
}
.user-active-list-popup .user-active-list-popup-item .user-active-list-popup-user a:hover {
text-decoration: underline;
}
.user-add-holiday .user-add-holiday-user {
width: 670px;
}
.user-add-holiday .user-add-holiday-user .user-add-holiday-label {
margin-top: -10px;
}
.user-add-holiday .user-add-holiday-user .user-add-holiday-user-text {
font-size: 14px;
}
.user-add-holiday .user-add-holiday-type {
padding-top: 20px;
width: 670px;
}
.user-add-holiday .user-add-holiday-label {
font-size: 11px;
color: #808080;
margin-bottom: 5px;
}
.user-add-holiday .user-add-holiday-buttons {
padding-top: 35px;
}
.user-add-holiday .user-add-holiday-buttons input {
margin-right: 7px;
}
.user-add-holiday .user-add-holiday-calendar {
padding-top: 35px;
width: 670px;
}
.user-add-holiday .user-add-holiday-calendar .work-cal-year-container {
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.user-add-holiday .user-add-holiday-calendar .work-cal-cal-container {
display: flex;
justify-content: space-between;
overflow: auto;
}
.user-add-holiday .user-add-holiday-calendar .work-cal-cal-container .work-cal-cal-months {
min-width: 670px;
}
.user-add-holiday .user-add-holiday-calendar .work-cal-cal-container .work-cal-cal-months + .work-cal-cal-months {
margin-left: 35px;
}
.b-user-avatar {
line-height: 21px;
font-size: 10pt;
cursor: pointer;
position: relative;
}
.b-user-avatar .user-avatar-img-responsive {
max-width: 120px;
max-height: 120px;
}
.b-user-avatar .user-avatar-img-responsive.default {
width: 120px;
height: 120px;
display: none;
}
.b-user-avatar .b-user-avatar-change {
position: absolute;
cursor: pointer;
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px var(--white-black, white) solid;
background: var(--white-black, white);
}
.b-user-avatar .b-user-avatar-change svg {
fill: #00864b;
width: 100%;
height: 100%;
}
.b-user-avatar .b-default-user-avatar {
width: 120px;
height: 120px;
text-align: center;
}
.b-user-avatar .b-default-user-avatar svg {
fill: var(--default-user-avatar, #909090);
width: 60px;
height: 60px;
}
.b-user-avatar .b-default-user-avatar .user-default-avatar {
fill: var(--default-user-avatar, #909090);
width: 60px;
height: 60px;
}
.b-avatar-change-dialog .upload-file-block-new {
padding: 0;
}
.b-avatar-change-dialog .user-current-avatar {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 20px;
}
.b-avatar-change-dialog .user-avatar-img {
width: 60px;
height: 60px;
}
.b-avatar-change-dialog .remove-avatar {
margin-left: 20px;
}
.b-avatar-change-dialog .upload-file-dropbox-zone {
margin: 0;
}
.user-avatar-progress-loader {
border: 1px solid var(--task-card-add-action-svg-path, gray);
}
.user-avatar-progress-loader .b-green-block-progress {
margin: 0 3px;
}
.g-popup-win-scroll.upload-user-avatar-dialog .g-popup-win-scroll-content-main {
min-width: 0;
}
.g-popup-win-scroll.upload-user-avatar-dialog .g-popup-win-scroll-content-header {
padding-left: 15px;
}
.g-popup-win-scroll.upload-user-avatar-dialog .b-green-block-progress {
margin: -9px 17px 3px 16px;
}
.origin-user-avatar-block {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background: var(--origin-user-block-bg, rgba(0, 0, 0, 0.8));
display: flex;
align-items: center;
justify-content: center;
z-index: 25;
}
.origin-user-avatar-block .modal-window {
padding: 15px 20px;
max-width: 860px;
background: var(--gray-input-border, #bbb);
box-shadow: 0 0 15px var(--dialog-box-shadow-light);
}
.origin-user-avatar-block .modal-close {
float: right;
cursor: pointer;
}
.origin-user-avatar-block .modal-close:hover .svg-icon-16px.gray {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
stroke: var(--task-deadline-dead, #fd0000);
}
.origin-user-avatar-block .modal-close .svg-icon-16px.gray {
stroke: var(--grey-action-list, #7f7f7f);
}
.origin-user-avatar-block .modal-close:active {
transform: scale(0.95);
}
.origin-user-avatar-block .modal-content {
margin: 27px 27px 32px;
display: flex;
justify-content: center;
align-items: center;
}
.upload-user-avatar-block.upload-file-block-new {
border: none;
box-shadow: none;
padding: 0;
}
.upload-user-avatar-block .upload-file-dropbox-zone-hint {
position: relative;
top: 40%;
}
.upload-user-avatar-block .preview {
display: inline-block;
position: relative;
}
.upload-user-avatar-block .preview .faded-area {
position: absolute;
top: 0;
left: 0;
background-color: var(--upload-user-faded-bg, rgba(25, 25, 25, 0.7));
}
.upload-user-avatar-block .preview .b-crop {
cursor: move;
position: absolute;
border: 1px dashed var(--black-white, black);
box-sizing: border-box;
}
.upload-user-avatar-block .preview .b-crop .crop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.upload-user-avatar-block .preview .b-crop .crop .wr-img-crop {
margin-top: -1px;
margin-left: -1px;
}
.upload-user-avatar-block .preview .b-crop.resizing ~ .crop-handle,
.upload-user-avatar-block .preview .b-crop.dragging ~ .crop-handle {
opacity: 1;
}
.upload-user-avatar-block .preview .crop-handle {
position: absolute;
width: 17px;
height: 17px;
background-color: var(--white-black, #fff);
border-radius: 50px;
opacity: 0.7;
transition: opacity 0.3s ease-in-out;
}
.upload-user-avatar-block .preview .crop-handle.nw {
cursor: nw-resize;
}
.upload-user-avatar-block .preview .crop-handle.ne {
cursor: ne-resize;
}
.upload-user-avatar-block .preview .crop-handle.sw {
cursor: sw-resize;
}
.upload-user-avatar-block .preview .crop-handle.se {
cursor: se-resize;
}
.upload-user-avatar-block .preview img {
max-width: 100%;
}
.avatar-crop-bg-wrapper {
z-index: 2000;
left: 0;
top: 0;
background-color: var(--white-black, #FFF);
opacity: 0;
position: fixed;
display: none;
}
.user-card-avatar-container {
display: flex;
align-items: flex-start;
}
.user-card-avatar-container .b-user-avatar {
min-width: 40px;
min-height: 40px;
margin: auto;
/*
display: flex;
align-items: center;*/
}
.user-card-avatar-container .replacer-img-container {
width: 120px;
height: 120px;
display: flex;
align-items: center;
}
.user-card-avatar-container .user-card-avatar-arrow {
width: 40px;
height: 120px;
display: flex;
align-items: center;
margin: 0 20px;
}
.user-card-avatar-container .user-card-replacer-block {
position: relative;
}
.user-card-avatar-container .user-card-replacer-block .user-card-replacer-block-unset {
width: 120px !important;
height: 120px;
position: absolute;
cursor: pointer;
opacity: 0;
display: flex;
margin: auto;
justify-content: center;
align-items: center;
background: var(--move-micro-card-shadow, rgba(0, 0, 0, 0.5));
}
.user-card-avatar-container .user-card-replacer-block .user-card-replacer-block-unset svg {
fill: var(--task-deadline-dead, #fd0000);
width: 50%;
height: 50%;
}
.user-card-avatar-container .user-card-replacer-block:hover .user-card-replacer-block-unset {
opacity: 1;
}
.user-log-container {
margin-top: 16px;
}
.user-log-container .log-expand svg {
display: inline-block;
line-height: 0;
width: 9px;
height: 9px;
}
.user-log-container .log-expand.data-shown svg {
transform: rotate(90deg);
}
.user-change-add-holidays {
margin-top: -10px;
}
.user-change-add-holidays .user-change-add-holidays-label {
padding: 10px 0;
}
.user-change-add-holidays .user-change-add-holidays-select select {
padding: 5px;
width: 400px;
}
.user-set-replacer-change-item .user-set-replacer-dates-select-block {
display: none;
margin-top: 15px;
}
.user-set-replacer-change-item .user-set-replacer-dates-select-block .user-set-replacer-date-block:not(:first-child) {
margin-top: 5px;
}
.user-common-list-name {
white-space: nowrap;
}
.tbl-list .user-common-list-name.td-item {
padding: 5px 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.tbl-list .user-common-list-name.td-item.center {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.user-common-list-name .user-avatar-img {
width: 32px;
height: 32px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.user-common-list-name .user-common-list-name-data {
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
}
.user-common-list-name .user-common-list-name-data a {
font-size: 11pt;
}
.tbl-list .user-common-list-name .user-common-list-name-data a:hover {
text-decoration: none;
}
.user-common-list-name .user-common-list-name-data.handbook-access-list-name {
padding: 3px 0;
}
.td-item-qe-editable:hover div.user-phone-container .user-phone-ico-container svg.svg-16px.user-phone-ico,
.td-item-qe-editable.td-item-qe-editable-active div.user-phone-container .user-phone-ico-container svg.svg-16px.user-phone-ico {
fill: #ffffff;
}
.td-item-qe-editable:hover div.user-phone-container .user-phone-text .user-phone-type,
.td-item-qe-editable.td-item-qe-editable-active div.user-phone-container .user-phone-text .user-phone-type {
color: #ffffff;
}
div.user-phone-container {
display: flex;
margin-bottom: 7px;
padding-left: 10px;
}
div.user-phone-container:last-child {
margin-bottom: 0px;
}
div.user-phone-container .user-phone-ico-container {
padding-top: 2px;
}
div.user-phone-container .user-phone-ico-container svg.svg-16px.user-phone-ico {
fill: #82c03b;
cursor: pointer;
}
div.user-phone-container .user-phone-text {
margin-left: 5px;
}
div.user-phone-container .user-phone-text .user-phone-type {
font-size: 11px;
color: #838383;
line-height: 12px;
}
.tbl-list-users.tbl-list-gant .td-cbx,
.tbl-list-users.tbl-list-gant .col-cbx {
display: none;
}
.user-passcode-settings {
font-size: 14px;
}
.user-passcode-settings .user-passcode-status {
font-weight: bold;
color: red;
}
.user-passcode-settings .user-passcode-status-edit {
margin-left: 25px;
}
.user-passcode-settings .user-passcode-details {
padding-top: 5px;
margin-top: 25px;
box-shadow: 0 -3px 5px -4px var(--dialog-other-btn-hover-shadow, rgba(0, 0, 0, 0.2));
}
.user-passcode-settings .user-passcode-header {
margin-top: 20px;
margin-bottom: 20px;
}
.user-passcode-settings .user-passcode-details-row {
margin-top: 20px;
margin-bottom: 20px;
}
.user-passcode-settings .user-passcode-details-row .user-passcode-details-row-item {
margin-bottom: 10px;
display: flex;
align-items: center;
}
.user-passcode-settings .user-passcode-details-row .user-passcode-details-row-item .passcode-qr {
width: 155px;
}
.user-passcode-settings .user-passcode-details-row .user-passcode-details-row-item .passcode-details-row-item-image-GPlay {
width: 155px;
height: 46px;
overflow: hidden;
}
.user-passcode-settings .user-passcode-details-row .user-passcode-details-row-item .passcode-details-row-item-image-AStory {
height: 46px;
overflow: hidden;
}
.user-passcode-settings .user-passcode-details-row .user-passcode-details-row-item .passcode-details-row-item-image-AStory img {
height: 105px;
margin-top: -60px;
}
.user-passcode-settings .user-passcode-details-row .user-passcode-details-row-item .passcode-market {
margin-left: 30px;
}
.user-passcode-settings .user-passcode-details-row .user-passcode-details-row-item .passcode-show-seed-valign {
margin-left: 40px;
}
.user-passcode-settings .user-passcode-confirm-row {
margin-top: 10px;
margin-bottom: 10px;
display: inline-flex;
}
.user-passcode-settings .user-passcode-confirm-row .user-passcode-confirm-column {
margin-right: 20px;
align-items: center;
display: flex;
}
.user-passcode-settings .user-passcode-confirm-row .user-passcode-confirm-column #SecurityPasscodeConfirm {
margin-right: 20px;
}
.user-passcode-settings .user-passcode-confirm-row .user-passcode-confirm-column .user-passcode-confirm-error {
margin-left: 30px;
}
.user-passcode-settings .user-passcode-help-pane {
background: var(--report-save-empty-bg, #ececec);
padding: 23px;
border-radius: 19px;
width: 742px;
}
.user-passcode-reservedcodes-popup-body .user-passcode-reservedcodes-list {
display: flex;
justify-content: center;
padding: 8px 8px 8px 8px;
border: 1px solid var(--menu-logined-popup-list-border, #cccccc);
margin-bottom: 25px;
}
.user-passcode-reservedcodes-popup-body .user-passcode-reservedcodes-list .user-reservedcodes {
border: 1px dashed var(--menu-logined-popup-list-border, #cccccc);
padding: 10px;
}
.user-passcode-reservedcodes-popup-body .user-passcode-reservedcodes-list .user-reservedcodes .user-reservedcodes-list {
width: 280px;
margin-bottom: 10px;
}
.user-passcode-reservedcodes-popup-body .user-passcode-reservedcodes-list .user-reservedcodes .user-reservedcodes-list dl {
display: inline-flex;
margin: 0px 20px 0px 0px;
font-size: 12px;
}
.user-passcode-reservedcodes-popup-body .user-passcode-reservedcodes-list .user-reservedcodes .user-reservedcodes-list dl dd {
margin-left: 10px;
padding: 0 0;
font-weight: bold;
}
.user-passcode-reservedcodes-popup-body .user-passcode-reservedcodes-list .user-reservedcodes .user-reservedcodes-list dl:last-child {
margin-left: -5px;
}
.user-passcode-reservedcodes-popup-body .user-pascode-warning-text {
margin-bottom: 10px;
line-height: 1.5;
}
.user-passcode-reservedcodes-popup-body .user-passcode-reservedcodes-print {
margin-right: 15px;
}
.user-passcode-reservedcodes-popup-body .user-passcode-reservedcodes-hintpane {
padding: 18px 10px 15px 10px;
border-top: 1px solid var(--user-passcode-hint-panel, #cadaa9);
margin-top: 20px;
border-bottom: 1px solid var(--user-passcode-hint-panel, #cadaa9);
margin-bottom: 20px;
background: var(--custom-field-create-access-bg, #f4fae7);
line-height: 1.7;
}
.user-passcode-reservedcodes-popup-body .user-passcode-reservedcodes-hintpane div {
font-size: 14px;
font-weight: bold;
}
.user-passcode-reservedcodes-popup-body .user-passcode-reservedcodes-hintpane div span {
font-size: 12px;
font-weight: normal;
}
.user-passcode-reservedcodes-popup-body input.btn.ui-button.ui-widget.user-passcode-reservedcodes-save {
background: var(--green, #00864b);
}
.user-passcode-confirmform.standalone .user-passcode-confirm-column .btn.ui-button.ui-widget {
margin-right: 10px;
}
.user-passcode-confirmform.standalone .user-passcode-confirm-column .user-passcode-recovery {
margin-left: 5px;
}
.group-label {
padding: 20px 0 3px;
color: var(--grey-group-text, #6C6C6C);
font-weight: bold;
font-size: 12pt;
border-bottom: 1px dashed var(--file-viewer-canvas-no-active-btn-bg, #D4D4D4);
}
.user-security-main {
padding-top: 20px;
padding-bottom: 20px;
}
.user-session-main {
padding-bottom: 40px;
margin-top: 43px;
}
.user-session-main .tbl-list .btn-remove-session {
visibility: hidden;
cursor: pointer;
}
.user-session-main .tbl-list .tbl-glittered .btn-remove-session {
visibility: visible;
}
.user-session-main .tbl-list .btn-remove-session:hover {
fill: var(--task-deadline-dead, #fd0000);
}
.user-set-replacer-dialog .tooltip-actions {
margin: 0 0 20px 0;
}
.user-set-replacer-dialog .tooltip-actions .user-set-replacer-dialog-text {
font-size: 14px;
line-height: 1.5;
}
.user-set-replacer-dialog .replacers-list .task-detail-compressed-view,
.user-set-replacer-dialog .replacement-period .task-detail-compressed-view,
.user-set-replacer-dialog .date-picker-container .task-detail-compressed-view {
border-color: #dcdcdc;
}
.user-set-replacer-dialog .date-picker-container {
display: none;
}
.user-set-replacer-dialog .date-picker-container .date-pickers {
display: flex;
}
.user-set-replacer-dialog .date-picker-container .date-pickers .tr-item {
width: 100%;
}
.user-set-replacer-dialog .date-picker-container .date-pickers .tr-item:not(:first-child) {
margin: 0 0 0 25px;
}
.user-set-replacer-dialog .date-picker-container .date-pickers input {
background-color: inherit;
}
.user-settings .user-settings-block-type {
display: flex;
flex-direction: column;
margin-top: 10px;
transition: opacity 0.3s, height 0.3s;
height: auto;
opacity: 1;
pointer-events: initial;
width: 385px;
border-bottom: 1px solid var(--tabs-panel-tab-hover, #e5e5e5);
}
.user-settings .user-settings-block-type:hover {
border-bottom: 3px solid #3ba3d0;
}
.user-settings .user-settings-block-type:hover .val-label {
border-bottom: 0px;
}
.user-settings .user-settings-block-type .val-label {
border-bottom: 2px solid transparent;
}
.user-settings .label {
position: relative;
font-size: 11px;
color: var(--default-gray, #808080);
margin-top: 6px;
}
.user-settings .val-label {
cursor: pointer;
width: 100%;
font-size: 14px;
color: var(--docs-dashboard-total, #424242);
display: block;
overflow: visible;
height: 33px;
}
.user-settings .val-label .edit-state select {
font-size: 14px;
}
.user-settings .val-label .edit-state .chzn-container {
display: block;
}
.user-settings .val-label .edit-state .chzn-container .chzn-single {
padding: 0;
border-bottom: 0;
height: 33px;
font-size: 14px;
}
.user-settings .val-label .edit-state .chzn-container .chzn-single span {
padding: 8px 0;
height: 17px;
}
.user-settings .val-label .edit-state .chzn-container .chzn-single .chzn-triangle-down {
margin-top: 15px;
}
.user-settings .current-status-as-text {
color: #4573b1;
padding: 8px 0;
display: block;
}
.user-settings .user-settings-block-type-select {
border: none;
background: none;
padding: 8px 0;
outline: none;
width: 100%;
cursor: pointer;
}
body .classic-font .user-settings .edit-state select {
font-family: arial, sans-serif;
}
body .classic-font .user-settings .edit-state .chzn-single {
font-family: arial, sans-serif;
}
.b-main-block.user-settings-rc {
min-height: calc(100% - 25px);
}
.b-main-block.user-settings-rc .ObjectEditField-target:first-child {
margin-top: 1px;
}
.b-main-block.user-settings-rc .object-edit-field-container.long-field .ObjectEditField-target {
width: 664px;
}
.b-main-block.user-settings-rc .object-edit-field-container.short-field .ObjectEditField-target {
width: 420px;
}
.b-main-block.user-settings-rc .object-edit-field-container.small-width .ObjectEditField-target {
width: auto;
}
.b-main-block.user-settings-rc .object-edit-field-container .ObjectEditField-target {
height: 60px;
margin-bottom: 12px;
}
@-moz-document url-prefix() {
.b-main-block.user-settings-rc .object-edit-field-container .view .view__edit {
width: 100%;
}
}
.b-main-block.user-settings-rc .usually-switcher-rc-v2 .enabled-panel .enabled-panel-text {
color: var(--gray-dark-icon, #626262);
}
.b-main-block.user-settings-rc .icon-info {
display: flex;
width: 16px;
height: 16px;
cursor: pointer;
}
.b-main-block.user-settings-rc .icon-info svg {
width: inherit;
height: inherit;
stroke: var(--gray-input-border, #BBBBBB);
fill: none;
}
.b-main-block.user-settings-rc .value-selector_user-settings {
margin-bottom: 20px;
}
.b-main-block.user-settings-rc .value-selector_fit-content {
margin-bottom: 12px;
}
.b-main-block.user-settings-rc .subtitle {
color: var(--grey-group-text, #4B4B4B);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 12px;
display: inline-block;
margin-top: 8px;
}
.b-main-block.user-settings-rc .account-settings-switcher {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.b-main-block.user-settings-rc .account-settings-switcher .enabled-panel {
width: 680px;
}
.b-main-block.user-settings-rc .account-settings-switcher .label-text {
white-space: normal;
}
.b-main-block.user-settings-rc .account-settings-switcher.short-field {
width: 420px;
}
.b-main-block.user-settings-rc .account-settings-switcher.long-field {
width: 680px;
}
.b-main-block.user-settings-rc .account-settings-switcher.small-width {
width: auto;
}
.switch-lang .background-operation-progress-host {
padding: 19px;
margin: 0 !important;
border-radius: 8px 8px 0 0;
background: #ea64bd;
}
.switch-lang .background-operation-progress-host.uk {
background: #427EF3;
}
.switch-lang .background-operation-progress-host.pl {
background: #F43319;
}
.switch-lang .background-operation-progress-host.ro {
background: #383079;
}
.switch-lang.g-popup-win-scroll .g-popup-win-scroll-content {
border-radius: 10px;
}
.switch-lang.g-popup-win-scroll .g-popup-win-scroll-content-main {
max-width: 800px;
border-radius: 10px;
padding: 0;
}
.switch-lang.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-btn {
position: absolute;
z-index: 1;
right: 16px;
top: 16px;
}
.switch-lang.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-btn.destroy-button:hover .svg-icon-16px.gray {
stroke: white;
transform: none;
opacity: 1;
transition: all 250ms ease-in-out;
}
.switch-lang.g-popup-win-scroll .g-popup-win-scroll-content .g-popup-win-btn .svg-icon-stroke {
stroke: white;
fill: white;
opacity: 0.5;
}
.switch-lang .switch-lang-container__wr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 75px 128px 100px;
}
.switch-lang .switch-lang-container__wr .icon {
width: fit-content;
margin-bottom: 40px;
}
.switch-lang .switch-lang-container__wr .title {
max-width: 425px;
color: #4B4B4B;
text-align: center;
font-size: 22px;
font-weight: 700;
}
.switch-lang .switch-lang-container__wr .description {
font-size: 14px;
color: #626262;
text-align: center;
margin: 21px 0 48px;
}
.switch-lang .dialog-btn-wrapper {
padding: 0;
}
.switch-lang .dialog-btn-wrapper .btn-cancel {
margin: 0;
border-radius: 6px;
padding: 0.65em 2.83em 0.7em;
}
.switch-lang .dialog-btn-wrapper .btn-create {
border-radius: 6px;
padding: 0.65em 2.55em 0.7em;
}
.user-create {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 665px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
transition: all 300ms ease;
}
.user-create .user-buttons {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-top: 10px;
}
.user-create .user-commontab,
.user-create .tr-user-additiontab {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 7px 0;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.user-create .user-commontab:last-child,
.user-create .tr-user-additiontab:last-child {
padding: 7px 0 0;
}
.user-create .user-commontab.tr-separator,
.user-create .tr-user-additiontab.tr-separator {
border-bottom: 1px dashed var(--gray-border, #e2e2e2);
margin-bottom: 12px;
}
.user-create .user-commontab .user-common-label,
.user-create .tr-user-additiontab .user-common-label,
.user-create .user-commontab .td-item-mid,
.user-create .tr-user-additiontab .td-item-mid {
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
}
.user-create .user-commontab .user-common-label .text-box,
.user-create .tr-user-additiontab .user-common-label .text-box,
.user-create .user-commontab .td-item-mid .text-box,
.user-create .tr-user-additiontab .td-item-mid .text-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.user-create .user-commontab .user-common-label.v-top,
.user-create .tr-user-additiontab .user-common-label.v-top,
.user-create .user-commontab .td-item-mid.v-top,
.user-create .tr-user-additiontab .td-item-mid.v-top {
-ms-flex-item-align: start;
align-self: flex-start;
padding-top: 6px;
}
.user-create .user-commontab .user-common-input,
.user-create .tr-user-additiontab .user-common-input,
.user-create .user-commontab .td-edit,
.user-create .tr-user-additiontab .td-edit {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex: 7;
-ms-flex: 7;
flex: 7;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.user-create .user-commontab .user-common-input .user-template-phones .login-phone-type,
.user-create .tr-user-additiontab .user-common-input .user-template-phones .login-phone-type,
.user-create .user-commontab .td-edit .user-template-phones .login-phone-type,
.user-create .tr-user-additiontab .td-edit .user-template-phones .login-phone-type {
width: 120px !important;
}
.user-create .user-commontab .user-common-input .user-template-phones .login-phone-phone,
.user-create .tr-user-additiontab .user-common-input .user-template-phones .login-phone-phone,
.user-create .user-commontab .td-edit .user-template-phones .login-phone-phone,
.user-create .tr-user-additiontab .td-edit .user-template-phones .login-phone-phone {
width: 150px !important;
}
.user-create .user-commontab .user-common-input .login-mails-container,
.user-create .tr-user-additiontab .user-common-input .login-mails-container,
.user-create .user-commontab .td-edit .login-mails-container,
.user-create .tr-user-additiontab .td-edit .login-mails-container,
.user-create .user-commontab .user-common-input .select-workhours,
.user-create .tr-user-additiontab .user-common-input .select-workhours,
.user-create .user-commontab .td-edit .select-workhours,
.user-create .tr-user-additiontab .td-edit .select-workhours,
.user-create .user-commontab .user-common-input .span-add-post,
.user-create .tr-user-additiontab .user-common-input .span-add-post,
.user-create .user-commontab .td-edit .span-add-post,
.user-create .tr-user-additiontab .td-edit .span-add-post,
.user-create .user-commontab .user-common-input .user-template-phones,
.user-create .tr-user-additiontab .user-common-input .user-template-phones,
.user-create .user-commontab .td-edit .user-template-phones,
.user-create .tr-user-additiontab .td-edit .user-template-phones,
.user-create .user-commontab .user-common-input .text-box,
.user-create .tr-user-additiontab .user-common-input .text-box,
.user-create .user-commontab .td-edit .text-box,
.user-create .tr-user-additiontab .td-edit .text-box {
width: 100%;
}
.user-create .user-commontab .user-common-input .login-mails-container.box-error,
.user-create .tr-user-additiontab .user-common-input .login-mails-container.box-error,
.user-create .user-commontab .td-edit .login-mails-container.box-error,
.user-create .tr-user-additiontab .td-edit .login-mails-container.box-error,
.user-create .user-commontab .user-common-input .select-workhours.box-error,
.user-create .tr-user-additiontab .user-common-input .select-workhours.box-error,
.user-create .user-commontab .td-edit .select-workhours.box-error,
.user-create .tr-user-additiontab .td-edit .select-workhours.box-error,
.user-create .user-commontab .user-common-input .span-add-post.box-error,
.user-create .tr-user-additiontab .user-common-input .span-add-post.box-error,
.user-create .user-commontab .td-edit .span-add-post.box-error,
.user-create .tr-user-additiontab .td-edit .span-add-post.box-error,
.user-create .user-commontab .user-common-input .user-template-phones.box-error,
.user-create .tr-user-additiontab .user-common-input .user-template-phones.box-error,
.user-create .user-commontab .td-edit .user-template-phones.box-error,
.user-create .tr-user-additiontab .td-edit .user-template-phones.box-error,
.user-create .user-commontab .user-common-input .text-box.box-error,
.user-create .tr-user-additiontab .user-common-input .text-box.box-error,
.user-create .user-commontab .td-edit .text-box.box-error,
.user-create .tr-user-additiontab .td-edit .text-box.box-error {
border: 1px solid #dc0049;
background: rgba(255, 0, 0, 0.03);
}
.user-create .user-commontab .user-common-input .chzn-container,
.user-create .tr-user-additiontab .user-common-input .chzn-container,
.user-create .user-commontab .td-edit .chzn-container,
.user-create .tr-user-additiontab .td-edit .chzn-container,
.user-create .user-commontab .user-common-input input[name="LoginFieldData"],
.user-create .tr-user-additiontab .user-common-input input[name="LoginFieldData"],
.user-create .user-commontab .td-edit input[name="LoginFieldData"],
.user-create .tr-user-additiontab .td-edit input[name="LoginFieldData"] {
width: 100% !important;
}
.user-create .user-commontab .user-common-input .chzn-container .chzn-drop,
.user-create .tr-user-additiontab .user-common-input .chzn-container .chzn-drop,
.user-create .user-commontab .td-edit .chzn-container .chzn-drop,
.user-create .tr-user-additiontab .td-edit .chzn-container .chzn-drop,
.user-create .user-commontab .user-common-input input[name="LoginFieldData"] .chzn-drop,
.user-create .tr-user-additiontab .user-common-input input[name="LoginFieldData"] .chzn-drop,
.user-create .user-commontab .td-edit input[name="LoginFieldData"] .chzn-drop,
.user-create .tr-user-additiontab .td-edit input[name="LoginFieldData"] .chzn-drop {
width: 463px !important;
}
.user-create .user-commontab .user-common-input.usersex .text-box,
.user-create .tr-user-additiontab .user-common-input.usersex .text-box,
.user-create .user-commontab .td-edit.usersex .text-box,
.user-create .tr-user-additiontab .td-edit.usersex .text-box {
width: 13px;
}
.user-create .user-commontab .user-common-input.usersex label,
.user-create .tr-user-additiontab .user-common-input.usersex label,
.user-create .user-commontab .td-edit.usersex label,
.user-create .tr-user-additiontab .td-edit.usersex label {
margin: 0 20px 0 5px;
}
.user-create .user-commontab .user-common-input.checkbox,
.user-create .tr-user-additiontab .user-common-input.checkbox,
.user-create .user-commontab .td-edit.checkbox,
.user-create .tr-user-additiontab .td-edit.checkbox,
.user-create .user-commontab .user-common-input.radio,
.user-create .tr-user-additiontab .user-common-input.radio,
.user-create .user-commontab .td-edit.radio,
.user-create .tr-user-additiontab .td-edit.radio {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.user-create .user-commontab .user-common-input.checkbox label,
.user-create .tr-user-additiontab .user-common-input.checkbox label,
.user-create .user-commontab .td-edit.checkbox label,
.user-create .tr-user-additiontab .td-edit.checkbox label,
.user-create .user-commontab .user-common-input.radio label,
.user-create .tr-user-additiontab .user-common-input.radio label,
.user-create .user-commontab .td-edit.radio label,
.user-create .tr-user-additiontab .td-edit.radio label {
margin-bottom: 10px;
}
.user-create .user-commontab .user-common-input.checkbox .planfix-ckeditor-element,
.user-create .tr-user-additiontab .user-common-input.checkbox .planfix-ckeditor-element,
.user-create .user-commontab .td-edit.checkbox .planfix-ckeditor-element,
.user-create .tr-user-additiontab .td-edit.checkbox .planfix-ckeditor-element,
.user-create .user-commontab .user-common-input.radio .planfix-ckeditor-element,
.user-create .tr-user-additiontab .user-common-input.radio .planfix-ckeditor-element,
.user-create .user-commontab .td-edit.radio .planfix-ckeditor-element,
.user-create .tr-user-additiontab .td-edit.radio .planfix-ckeditor-element {
box-sizing: border-box;
width: 100%;
}
.user-create .user-commontab .user-common-input.checkbox .email-signature-switch-block,
.user-create .tr-user-additiontab .user-common-input.checkbox .email-signature-switch-block,
.user-create .user-commontab .td-edit.checkbox .email-signature-switch-block,
.user-create .tr-user-additiontab .td-edit.checkbox .email-signature-switch-block,
.user-create .user-commontab .user-common-input.radio .email-signature-switch-block,
.user-create .tr-user-additiontab .user-common-input.radio .email-signature-switch-block,
.user-create .user-commontab .td-edit.radio .email-signature-switch-block,
.user-create .tr-user-additiontab .td-edit.radio .email-signature-switch-block {
margin-top: 20px;
}
.user-create .user-commontab .user-common-input.ckeditor,
.user-create .tr-user-additiontab .user-common-input.ckeditor,
.user-create .user-commontab .td-edit.ckeditor,
.user-create .tr-user-additiontab .td-edit.ckeditor {
display: inline-block;
}
.user-create .user-commontab .user-common-input .timezone-chosen,
.user-create .tr-user-additiontab .user-common-input .timezone-chosen,
.user-create .user-commontab .td-edit .timezone-chosen,
.user-create .tr-user-additiontab .td-edit .timezone-chosen,
.user-create .user-commontab .user-common-input .select-workhours,
.user-create .tr-user-additiontab .user-common-input .select-workhours,
.user-create .user-commontab .td-edit .select-workhours,
.user-create .tr-user-additiontab .td-edit .select-workhours {
width: 100%;
padding: 5px;
}
.user-create .user-commontab .user-common-input .user-post:not(.none-margin-right),
.user-create .tr-user-additiontab .user-common-input .user-post:not(.none-margin-right),
.user-create .user-commontab .td-edit .user-post:not(.none-margin-right),
.user-create .tr-user-additiontab .td-edit .user-post:not(.none-margin-right) {
margin-right: 10px;
}
.user-create .user-commontab .user-common-input .select-workhours,
.user-create .tr-user-additiontab .user-common-input .select-workhours,
.user-create .user-commontab .td-edit .select-workhours,
.user-create .tr-user-additiontab .td-edit .select-workhours {
margin-right: 10px;
}
.user-create .user-commontab .user-common-input .svg-icon-16px,
.user-create .tr-user-additiontab .user-common-input .svg-icon-16px,
.user-create .user-commontab .td-edit .svg-icon-16px,
.user-create .tr-user-additiontab .td-edit .svg-icon-16px {
cursor: pointer;
}
.user-create .user-commontab .user-common-input .svg-icon-edit,
.user-create .tr-user-additiontab .user-common-input .svg-icon-edit,
.user-create .user-commontab .td-edit .svg-icon-edit,
.user-create .tr-user-additiontab .td-edit .svg-icon-edit {
margin: 0 8px;
fill: none;
stroke: var(--gray-ico, #a9a9a9);
}
.user-create .user-commontab .user-common-input .svg-icon-edit:hover,
.user-create .tr-user-additiontab .user-common-input .svg-icon-edit:hover,
.user-create .user-commontab .td-edit .svg-icon-edit:hover,
.user-create .tr-user-additiontab .td-edit .svg-icon-edit:hover {
stroke: #00864b;
}
.user-create .user-commontab .user-common-input .span-add-post a:hover,
.user-create .tr-user-additiontab .user-common-input .span-add-post a:hover,
.user-create .user-commontab .td-edit .span-add-post a:hover,
.user-create .tr-user-additiontab .td-edit .span-add-post a:hover {
text-decoration: none;
}
.user-create .user-commontab .user-common-input input[name="loginpassword"],
.user-create .tr-user-additiontab .user-common-input input[name="loginpassword"],
.user-create .user-commontab .td-edit input[name="loginpassword"],
.user-create .tr-user-additiontab .td-edit input[name="loginpassword"] {
display: none;
}
.user-create .user-commontab .user-common-input .fakelink-dashed.user-field,
.user-create .tr-user-additiontab .user-common-input .fakelink-dashed.user-field,
.user-create .user-commontab .td-edit .fakelink-dashed.user-field,
.user-create .tr-user-additiontab .td-edit .fakelink-dashed.user-field {
margin-left: 5px;
}
.user-create .user-commontab .user-common-input .check-box,
.user-create .tr-user-additiontab .user-common-input .check-box,
.user-create .user-commontab .td-edit .check-box,
.user-create .tr-user-additiontab .td-edit .check-box {
margin-right: 8px;
}
.user-create .user-commontab .user-common-radio,
.user-create .tr-user-additiontab .user-common-radio {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex: 7;
-ms-flex: 7;
flex: 7;
width: 100%;
}
.user-create .user-commontab .user-common-radio input,
.user-create .tr-user-additiontab .user-common-radio input {
margin: 1.5px 10px 0 0;
}
.user-create .user-commontab .user-common-radio label,
.user-create .tr-user-additiontab .user-common-radio label {
margin-right: 15px;
}
.user-create .user-commontab .user-common-radio span,
.user-create .tr-user-additiontab .user-common-radio span {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.user-create .hidden-option {
display: none;
}
.user-create .task-create-panel {
width: 665px;
}
.user-create .task-create-panel .task-create-panel-expander {
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;
}
.user-create .task-create-panel.hidden-panel {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.user-create .task-create-panel.hidden-panel .task-create-panel-expander {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.user-create .task-create-panel.hidden-panel .shadow-separator-bottom {
display: none;
}
.user-create .task-create-panel.hidden-panel .user-create {
display: none;
}
.user-create .task-create-panel .user-create {
align-items: unset;
}
.user-create .task-create-panel .user-create .task-create-field {
max-width: 100%;
}
.user-create .task-create-panel .expander-header-container {
width: calc(100% - 20px);
}
.user-group {
margin-top: 15px;
}
.user-group .robot-display {
display: none;
}
.work-cal-year {
display: flex;
justify-content: space-between;
padding: 15px 0;
font-size: 16px;
font-weight: bold;
}
.work-cal-year .work-cal-next,
.work-cal-year .work-cal-prev {
color: var(--gray-modal-background, #ededed);
}
.work-cal-year .work-cal-current {
color: var(--grey-group-text, #6c6c6c);
}
.work-cal-year .iconset-16px {
cursor: pointer;
}
.work-cal-cal-container {
padding-bottom: 20px;
}
.work-cal-cal-container .work-cal-cal-quarter {
font-size: 16px;
font-weight: bold;
color: var(--grey-group-text, #6c6c6c);
border-bottom: 1px dashed var(--file-viewer-canvas-no-active-btn-bg, #d4d4d4);
padding: 20px 0 5px;
}
.work-cal-cal-container .work-cal-cal-months {
display: flex;
font-size: 14px;
justify-content: space-around;
}
.work-cal-cal-container .work-cal-cal-month-header {
font-weight: bold;
padding: 20px 0 5px;
text-align: center;
}
.work-cal-cal-container .work-cal-cal-month-dates-header {
text-transform: lowercase;
}
.work-cal-cal-container .work-cal-cal-month-dates-header-holiday,
.work-cal-cal-container .work-cal-cal-month-date-holiday {
color: red;
}
.work-cal-cal-container .work-cal-cal-month-dates-header,
.work-cal-cal-container .work-cal-cal-month-date {
width: 28px;
height: 22px;
text-align: center;
padding-top: 6px;
cursor: default;
position: relative;
}
.work-cal-cal-container .work-cal-cal-month-dates-header.work-cal-cal-month-date-selected,
.work-cal-cal-container .work-cal-cal-month-date.work-cal-cal-month-date-selected {
background: #82c03b;
color: var(--white-black, #fff);
border-radius: 30px;
}
.work-cal-cal-container .work-cal-cal-month-dates-header.work-cal-cal-month-date-selected + .work-cal-cal-month-date-selected:before,
.work-cal-cal-container .work-cal-cal-month-date.work-cal-cal-month-date-selected + .work-cal-cal-month-date-selected:before {
content: '';
display: block;
width: 27px;
height: 22px;
background: #82c03b;
z-index: -1;
position: absolute;
margin-top: -6px;
padding-top: 6px;
margin-left: -14px;
}
.work-cal-cal-container .work-cal-cal-month-dates-headers {
display: flex;
}
.work-cal-cal-container .work-cal-cal-week {
display: flex;
}
.work-cal-cal-message-placeholder {
display: none;
position: relative;
margin-top: -45px;
}
.work-cal-cal-message {
background: #82c03b;
color: var(--white-black, #fff);
font-size: 12px;
padding: 15px;
height: 15px;
display: flex;
justify-content: space-between;
position: relative;
}
.work-cal-cal-message .work-cal-cal-message-dates-label {
font-weight: bold;
padding-right: 5px;
}
.work-cal-cal-message .work-cal-cal-message-dates-block,
.work-cal-cal-message .work-cal-cal-message-exception-block {
display: flex;
}
.work-cal-cal-message .work-cal-cal-message-exception-block {
cursor: pointer;
}
.work-cal-cal-message .work-cal-cal-message-exception-add {
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
}
.work-cal-cal-message .work-cal-cal-message-close-block {
position: absolute;
right: 0;
margin-top: -15px;
cursor: pointer;
width: 16px;
height: 16px;
text-align: center;
}
.work-cal-cal-message .work-cal-cal-message-close-block .svg-icon {
display: inline-block;
width: 6px;
height: 6px;
}
.work-cal-cal-message .work-cal-cal-message-close-block .svg-icon svg {
width: 6px;
height: 6px;
}
.work-cal-base-label {
padding-right: 10px;
}
.work-cal-base-val,
.work-cal-parent-val {
padding: 5px;
font-size: 12px;
width: 300px;
}
.work-cal-table {
padding-top: 20px;
}
.work-cal-holiday {
color: red;
}
.work-cal-time-dialog-body {
padding: 15px;
}
.work-cal-time-dialog-body .work-cal-time-dialog-digits {
display: flex;
padding-bottom: 4px;
}
.work-cal-time-dialog-body .work-cal-time-dialog-digits .work-cal-time-dialog-digit {
width: 18px;
text-align: center;
}
.work-cal-time-dialog-body .work-cal-time-dialog-items {
display: flex;
padding-left: 9px;
}
.work-cal-time-dialog-body .work-cal-time-dialog-items .work-cal-time-dialog-item {
cursor: pointer;
border-right: 1px solid var(--black-white, #000);
border-top: 1px solid var(--black-white, #000);
border-bottom: 1px solid var(--black-white, #000);
width: 17px;
height: 25px;
}
.work-cal-time-dialog-body .work-cal-time-dialog-items .work-cal-time-dialog-item:first-child {
border-left: 1px solid var(--black-white, #000);
}
.work-cal-time-dialog-body .work-cal-time-dialog-items .work-cal-time-dialog-item.work-cal-time-dialog-item-selected {
background: #86e36f;
}
.work-cal-time-dialog-body .work-cal-time-dialog-items .work-cal-time-dialog-item.work-cal-time-dialog-item-selected.work-cal-time-dialog-item-tdeselected {
background: var(--white-black, #fff);
}
.work-cal-time-dialog-body .work-cal-time-dialog-items .work-cal-time-dialog-item.work-cal-time-dialog-item-tselected {
background: #86e36f;
}
:root {
--task-status-color-new: #00b4b4;
--task-status-color-active: #3377C3;
--task-status-color-done: #30AB50;
--task-status-color-draft: #3D3F46;
--task-status-color-canceled: #85878E;
--modern-menu-item-hover: rgba(255, 255, 255, 0.2);
--modern-menu-item-active: rgba(0, 0, 0, 0.12);
--cardmenu-text: #dde0e2;
--cardmenu-hover: #43495d;
--cardmenu-back: #53586b;
--cardmenu-count: #a2b4bc;
}
.close-round-button i {
cursor: pointer;
border: 1px solid #E2E2E2;
padding: 6px;
border-radius: 50%;
position: absolute;
top: -12px;
background: white;
}
.close-round-button i svg {
stroke: #AFAFAF;
}
.close-round-button:hover i {
border: 1px solid var(--task-deadline-dead, #fd0000);
transform: rotateZ(-90deg);
}
.close-round-button:hover i svg {
stroke: var(--task-deadline-dead, #fd0000);
}
.close-round-button i,
.close-round-button svg {
height: 10px;
width: 10px;
}
.input-bottom-tooltip {
font-size: 8pt;
color: #a7a7a7;
padding-top: 3px;
}
/**
Hide/Show element backface on transform
hidden | visible | unset | inherit | initial | revert
*/
.settings-colorscheme-menu-background {
background: var(--menu, var(--cardmenu-back, #53586b));
}
.settings-colorscheme-bottombackground-background {
background: var(--bottomBackground, #3f4457);
}
.settings-colorscheme-bottommenuitemcolor-background {
background: var(--bottomMenuItemColor, #464b5d) !important;
}
.settings-colorscheme-bottomelements-color {
color: var(--bottomElements, #ffffff) !important;
}
.settings-colorscheme-bottomelements-stroke-svg > svg {
stroke: var(--bottomElements, #ffffff) !important;
}
.settings-colorscheme-bottomelements-fill-svg > svg {
fill: var(--bottomElements, #ffffff) !important;
}
.settings-colorscheme-filter .link .menuitem-bigfolder svg,
.settings-colorscheme-leftmenuicon-fill-svg > svg {
fill: var(--leftMenuIcon, #ffffff) !important;
}
.settings-colorscheme-leftmenuicon-stroke-svg > svg {
stroke: var(--leftMenuIcon, #ffffff) !important;
}
.settings-colorscheme-activefilter-stroke-svg > svg {
stroke: var(--activeFilter, #00864b) !important;
}
.settings-colorscheme-headmenutext-border-bottom-6px {
border-bottom: 6px solid var(--headMenuText, #ffffff);
}
.settings-colorscheme-headmenutext-color {
color: var(--headMenuText, #ffffff) !important;
}
.settings-colorscheme-headmenutext-fill-svg > svg {
fill: var(--headMenuText, #ffffff) !important;
}
.settings-colorscheme-headmenutext-stroke-svg > svg {
stroke: var(--headMenuText, #ffffff) !important;
}
.settings-colorscheme-activefilter-background {
background: var(--activeSlider, #00864b) !important;
}
.settings-colorscheme-filter.active .link .pf-menu-item-text,
.settings-colorscheme-filter.active .link .pf-menu-item-num-action,
.settings-colorscheme-filter.active .link .menu-text-count-project,
.settings-colorscheme-filter.active .link .menu-text-count-project .b-inside-num-common,
.settings-colorscheme-filter.active .link .menu-text-project .menu-link,
.settings-colorscheme-filter.active .link .submenu-item-space .menu-link,
.settings-colorscheme-filter.active .link .menu-text-count,
.settings-colorscheme-filter.active .link .menu-text-count span,
.settings-colorscheme-filter.active .link .menu-text-link-content,
.settings-colorscheme-activefilterelement-color {
color: var(--activeFilterElement, #ffffff) !important;
}
.settings-colorscheme-filter.active .link .menuitem-expander svg,
.settings-colorscheme-filter.active .pf-menu-item-icon svg,
.settings-colorscheme-filter.active .menu-control-placeholder svg,
.settings-colorscheme-filter.active .link .menuitem-bigfolder svg,
.settings-colorscheme-filter.active .link .edge svg,
.settings-colorscheme-filter.active .link .filter-item-button-menu svg,
.settings-colorscheme-filter.active .settings-colorscheme-leftmenuicon-fill-svg > svg,
.settings-colorscheme-activefilterelement-fill-svg > svg {
fill: var(--activeFilterElement, #ffffff) !important;
}
.settings-colorscheme-filter.active .settings-colorscheme-leftmenuicon-stroke-svg > svg,
.settings-colorscheme-activefilterelement-stroke-svg > svg {
stroke: var(--activeFilterElement, #ffffff) !important;
}
.settings-colorscheme-filter .link .pf-menu-item-num-action,
.settings-colorscheme-filter .link .menu-text-count-project,
.settings-colorscheme-filter .link .menu-text-count-project .b-inside-num-common,
.settings-colorscheme-filter .link .menu-text-count,
.settings-colorscheme-filter .link .menu-text-count span,
.settings-colorscheme-notactivefilterelement2-color {
color: var(--notActiveFilterElement2, #bbb) !important;
}
.settings-colorscheme-filter .link .menuitem-expander svg,
.settings-colorscheme-notactivefilterelement2-fill-svg > svg {
fill: var(--notActiveFilterElement2, #bbb) !important;
}
.settings-colorscheme-filter .menu-control-placeholder svg,
.settings-colorscheme-filter .link .edge svg,
.settings-colorscheme-filter .link .filter-item-button-menu svg,
.settings-colorscheme-notactivefilterelement-fill-svg > svg {
fill: var(--notActiveFilterElement, #bbb) !important;
}
.settings-colorscheme-filter.not-select-item .link .menu-text-group .menu-link,
.settings-colorscheme-filter .link .pf-menu-item-text,
.settings-colorscheme-filter .link .submenu-item-space .menu-link,
.settings-colorscheme-filter .link .menu-text-project .menu-link,
.settings-colorscheme-filter .link .menu-text-link-content,
.settings-colorscheme-notactivefiltertext-color {
color: var(--notActiveFilterText, #bbb) !important;
}
.settings-colorscheme-activefilter-fill-svg > svg {
fill: var(--activeSlider, #00864b) !important;
}
.settings-colorscheme-filter.active .link {
background: var(--activeFilter, #00864b) !important;
}
.settings-colorscheme-fake-shadow-bg-0--20-0-20 {
box-shadow: 0 -20px 0 20px var(--menu, var(--cardmenu-back, #53586b)) !important;
}
.settings-colorscheme-filter:not(.active):not(.not-select-item):hover .link {
background-color: var(--notActiveFilterHover, #bbb);
}
.settings-colorscheme-filter .link .menu-text-count .menu-text-count-calcfull {
border-bottom: 1px dotted var(--notActiveFilterElement2, #bbb) !important;
}
.settings-colorscheme-filter.active .link .menu-text-count .menu-text-count-calcfull {
border-bottom: 1px dotted var(--activeFilterElement, #ffffff) !important;
}
.settings-colorscheme-activebutton {
background-color: var(--activeButton, #00864b) !important;
color: var(--activeButtonElements, #ffffff) !important;
}
.item-has-taskstatus-color-993366.svg-icon-stroke {
stroke: #993366;
}
.item-has-taskstatus-color-993366.svg-icon {
fill: #993366;
}
.item-has-taskstatus-color-800080.svg-icon-stroke {
stroke: #800080;
}
.item-has-taskstatus-color-800080.svg-icon {
fill: #800080;
}
.item-has-taskstatus-color-666699.svg-icon-stroke {
stroke: #666699;
}
.item-has-taskstatus-color-666699.svg-icon {
fill: #666699;
}
.item-has-taskstatus-color-4573b1.svg-icon-stroke {
stroke: #4573b1;
}
.item-has-taskstatus-color-4573b1.svg-icon {
fill: #4573b1;
}
.item-has-taskstatus-color-3377C3.svg-icon-stroke {
stroke: #3377C3;
}
.item-has-taskstatus-color-3377C3.svg-icon {
fill: #3377C3;
}
.item-has-taskstatus-color-00b4b4.svg-icon-stroke {
stroke: #00b4b4;
}
.item-has-taskstatus-color-00b4b4.svg-icon {
fill: #00b4b4;
}
.item-has-taskstatus-color-000080.svg-icon-stroke {
stroke: #000080;
}
.item-has-taskstatus-color-000080.svg-icon {
fill: #000080;
}
.item-has-taskstatus-color-800000.svg-icon-stroke {
stroke: #800000;
}
.item-has-taskstatus-color-800000.svg-icon {
fill: #800000;
}
.item-has-taskstatus-color-c64200.svg-icon-stroke {
stroke: #c64200;
}
.item-has-taskstatus-color-c64200.svg-icon {
fill: #c64200;
}
.item-has-taskstatus-color-ff8500.svg-icon-stroke {
stroke: #ff8500;
}
.item-has-taskstatus-color-ff8500.svg-icon {
fill: #ff8500;
}
.item-has-taskstatus-color-ff4e00.svg-icon-stroke {
stroke: #ff4e00;
}
.item-has-taskstatus-color-ff4e00.svg-icon {
fill: #ff4e00;
}
.item-has-taskstatus-color-df0000.svg-icon-stroke {
stroke: #df0000;
}
.item-has-taskstatus-color-df0000.svg-icon {
fill: #df0000;
}
.item-has-taskstatus-color-94b300.svg-icon-stroke {
stroke: #94b300;
}
.item-has-taskstatus-color-94b300.svg-icon {
fill: #94b300;
}
.item-has-taskstatus-color-339966.svg-icon-stroke {
stroke: #339966;
}
.item-has-taskstatus-color-339966.svg-icon {
fill: #339966;
}
.item-has-taskstatus-color-008000.svg-icon-stroke {
stroke: #008000;
}
.item-has-taskstatus-color-008000.svg-icon {
fill: #008000;
}
.item-has-taskstatus-color-21931A.svg-icon-stroke {
stroke: #21931A;
}
.item-has-taskstatus-color-21931A.svg-icon {
fill: #21931A;
}
.item-has-taskstatus-color-27A735.svg-icon-stroke {
stroke: #27A735;
}
.item-has-taskstatus-color-27A735.svg-icon {
fill: #27A735;
}
.item-has-taskstatus-color-30AB50.svg-icon-stroke {
stroke: #30AB50;
}
.item-has-taskstatus-color-30AB50.svg-icon {
fill: #30AB50;
}
.item-has-taskstatus-color-cccccc.svg-icon-stroke {
stroke: #cccccc;
}
.item-has-taskstatus-color-cccccc.svg-icon {
fill: #cccccc;
}
.item-has-taskstatus-color-9d9d9d.svg-icon-stroke {
stroke: #9d9d9d;
}
.item-has-taskstatus-color-9d9d9d.svg-icon {
fill: #9d9d9d;
}
.item-has-taskstatus-color-000000.svg-icon-stroke {
stroke: #000000;
}
.item-has-taskstatus-color-000000.svg-icon {
fill: #000000;
}
.item-has-taskstatus-color-f4a900.svg-icon-stroke {
stroke: #f4a900;
}
.item-has-taskstatus-color-f4a900.svg-icon {
fill: #f4a900;
}
.item-has-taskstatus-color-dca002.svg-icon-stroke {
stroke: #dca002;
}
.item-has-taskstatus-color-dca002.svg-icon {
fill: #dca002;
}
.item-has-taskstatus-color-c89402.svg-icon-stroke {
stroke: #c89402;
}
.item-has-taskstatus-color-c89402.svg-icon {
fill: #c89402;
}
.item-has-taskstatus-color-e68800.svg-icon-stroke {
stroke: #e68800;
}
.item-has-taskstatus-color-e68800.svg-icon {
fill: #e68800;
}
.item-has-taskstatus-color-b28236.svg-icon-stroke {
stroke: #b28236;
}
.item-has-taskstatus-color-b28236.svg-icon {
fill: #b28236;
}
.item-has-taskstatus-color-a8967e.svg-icon-stroke {
stroke: #a8967e;
}
.item-has-taskstatus-color-a8967e.svg-icon {
fill: #a8967e;
}
.item-has-taskstatus-color-9c9658.svg-icon-stroke {
stroke: #9c9658;
}
.item-has-taskstatus-color-9c9658.svg-icon {
fill: #9c9658;
}
.item-has-taskstatus-color-978202.svg-icon-stroke {
stroke: #978202;
}
.item-has-taskstatus-color-978202.svg-icon {
fill: #978202;
}
.item-has-taskstatus-color-fe9901.svg-icon-stroke {
stroke: #fe9901;
}
.item-has-taskstatus-color-fe9901.svg-icon {
fill: #fe9901;
}
.item-has-taskstatus-color-d1a401.svg-icon-stroke {
stroke: #d1a401;
}
.item-has-taskstatus-color-d1a401.svg-icon {
fill: #d1a401;
}
.item-has-taskstatus-color-e36300.svg-icon-stroke {
stroke: #e36300;
}
.item-has-taskstatus-color-e36300.svg-icon {
fill: #e36300;
}
.item-has-taskstatus-color-fb5809.svg-icon-stroke {
stroke: #fb5809;
}
.item-has-taskstatus-color-fb5809.svg-icon {
fill: #fb5809;
}
.item-has-taskstatus-color-f52000.svg-icon-stroke {
stroke: #f52000;
}
.item-has-taskstatus-color-f52000.svg-icon {
fill: #f52000;
}
.item-has-taskstatus-color-f16600.svg-icon-stroke {
stroke: #f16600;
}
.item-has-taskstatus-color-f16600.svg-icon {
fill: #f16600;
}
.item-has-taskstatus-color-d4876d.svg-icon-stroke {
stroke: #d4876d;
}
.item-has-taskstatus-color-d4876d.svg-icon {
fill: #d4876d;
}
.item-has-taskstatus-color-e0717a.svg-icon-stroke {
stroke: #e0717a;
}
.item-has-taskstatus-color-e0717a.svg-icon {
fill: #e0717a;
}
.item-has-taskstatus-color-f2a2af.svg-icon-stroke {
stroke: #f2a2af;
}
.item-has-taskstatus-color-f2a2af.svg-icon {
fill: #f2a2af;
}
.item-has-taskstatus-color-e73a56.svg-icon-stroke {
stroke: #e73a56;
}
.item-has-taskstatus-color-e73a56.svg-icon {
fill: #e73a56;
}
.item-has-taskstatus-color-e0717a.svg-icon-stroke {
stroke: #e0717a;
}
.item-has-taskstatus-color-e0717a.svg-icon {
fill: #e0717a;
}
.item-has-taskstatus-color-a2588b.svg-icon-stroke {
stroke: #a2588b;
}
.item-has-taskstatus-color-a2588b.svg-icon {
fill: #a2588b;
}
.item-has-taskstatus-color-ea4e98.svg-icon-stroke {
stroke: #ea4e98;
}
.item-has-taskstatus-color-ea4e98.svg-icon {
fill: #ea4e98;
}
.item-has-taskstatus-color-840824.svg-icon-stroke {
stroke: #840824;
}
.item-has-taskstatus-color-840824.svg-icon {
fill: #840824;
}
.item-has-taskstatus-color-9d60a6.svg-icon-stroke {
stroke: #9d60a6;
}
.item-has-taskstatus-color-9d60a6.svg-icon {
fill: #9d60a6;
}
.item-has-taskstatus-color-b50479.svg-icon-stroke {
stroke: #b50479;
}
.item-has-taskstatus-color-b50479.svg-icon {
fill: #b50479;
}
.item-has-taskstatus-color-a82686.svg-icon-stroke {
stroke: #a82686;
}
.item-has-taskstatus-color-a82686.svg-icon {
fill: #a82686;
}
.item-has-taskstatus-color-a8879a.svg-icon-stroke {
stroke: #a8879a;
}
.item-has-taskstatus-color-a8879a.svg-icon {
fill: #a8879a;
}
.item-has-taskstatus-color-8b3457.svg-icon-stroke {
stroke: #8b3457;
}
.item-has-taskstatus-color-8b3457.svg-icon {
fill: #8b3457;
}
.item-has-taskstatus-color-243d75.svg-icon-stroke {
stroke: #243d75;
}
.item-has-taskstatus-color-243d75.svg-icon {
fill: #243d75;
}
.item-has-taskstatus-color-171b7f.svg-icon-stroke {
stroke: #171b7f;
}
.item-has-taskstatus-color-171b7f.svg-icon {
fill: #171b7f;
}
.item-has-taskstatus-color-396892.svg-icon-stroke {
stroke: #396892;
}
.item-has-taskstatus-color-396892.svg-icon {
fill: #396892;
}
.item-has-taskstatus-color-165679.svg-icon-stroke {
stroke: #165679;
}
.item-has-taskstatus-color-165679.svg-icon {
fill: #165679;
}
.item-has-taskstatus-color-073580.svg-icon-stroke {
stroke: #073580;
}
.item-has-taskstatus-color-073580.svg-icon {
fill: #073580;
}
.item-has-taskstatus-color-3687be.svg-icon-stroke {
stroke: #3687be;
}
.item-has-taskstatus-color-3687be.svg-icon {
fill: #3687be;
}
.item-has-taskstatus-color-6e7d9c.svg-icon-stroke {
stroke: #6e7d9c;
}
.item-has-taskstatus-color-6e7d9c.svg-icon {
fill: #6e7d9c;
}
.item-has-taskstatus-color-1c7bb5.svg-icon-stroke {
stroke: #1c7bb5;
}
.item-has-taskstatus-color-1c7bb5.svg-icon {
fill: #1c7bb5;
}
.item-has-taskstatus-color-044d91.svg-icon-stroke {
stroke: #044d91;
}
.item-has-taskstatus-color-044d91.svg-icon {
fill: #044d91;
}
.item-has-taskstatus-color-1f9d8f.svg-icon-stroke {
stroke: #1f9d8f;
}
.item-has-taskstatus-color-1f9d8f.svg-icon {
fill: #1f9d8f;
}
.item-has-taskstatus-color-085686.svg-icon-stroke {
stroke: #085686;
}
.item-has-taskstatus-color-085686.svg-icon {
fill: #085686;
}
.item-has-taskstatus-color-008375.svg-icon-stroke {
stroke: #008375;
}
.item-has-taskstatus-color-008375.svg-icon {
fill: #008375;
}
.item-has-taskstatus-color-6e9ab3.svg-icon-stroke {
stroke: #6e9ab3;
}
.item-has-taskstatus-color-6e9ab3.svg-icon {
fill: #6e9ab3;
}
.item-has-taskstatus-color-1e7e58.svg-icon-stroke {
stroke: #1e7e58;
}
.item-has-taskstatus-color-1e7e58.svg-icon {
fill: #1e7e58;
}
.item-has-taskstatus-color-0a6a08.svg-icon-stroke {
stroke: #0a6a08;
}
.item-has-taskstatus-color-0a6a08.svg-icon {
fill: #0a6a08;
}
.item-has-taskstatus-color-3e4d22.svg-icon-stroke {
stroke: #3e4d22;
}
.item-has-taskstatus-color-3e4d22.svg-icon {
fill: #3e4d22;
}
.item-has-taskstatus-color-13670f.svg-icon-stroke {
stroke: #13670f;
}
.item-has-taskstatus-color-13670f.svg-icon {
fill: #527d48;
}
.item-has-taskstatus-color-527d48.svg-icon-stroke {
stroke: #527d48;
}
.item-has-taskstatus-color-527d48.svg-icon {
fill: #527d48;
}
.item-has-taskstatus-color-666d4c.svg-icon-stroke {
stroke: #666d4c;
}
.item-has-taskstatus-color-666d4c.svg-icon {
fill: #666d4c;
}
.item-has-taskstatus-color-249f09.svg-icon-stroke {
stroke: #249f09;
}
.item-has-taskstatus-color-249f09.svg-icon {
fill: #249f09;
}
.item-has-taskstatus-color-6fa92e.svg-icon-stroke {
stroke: #6fa92e;
}
.item-has-taskstatus-color-6fa92e.svg-icon {
fill: #6fa92e;
}
.item-has-taskstatus-color-769c6d.svg-icon-stroke {
stroke: #769c6d;
}
.item-has-taskstatus-color-769c6d.svg-icon {
fill: #769c6d;
}
.item-has-taskstatus-color-71beae.svg-icon-stroke {
stroke: #71beae;
}
.item-has-taskstatus-color-71beae.svg-icon {
fill: #71beae;
}
.item-has-taskstatus-color-164d2e.svg-icon-stroke {
stroke: #164d2e;
}
.item-has-taskstatus-color-164d2e.svg-icon {
fill: #164d2e;
}
.item-has-taskstatus-color-35846f.svg-icon-stroke {
stroke: #35846f;
}
.item-has-taskstatus-color-35846f.svg-icon {
fill: #35846f;
}
.item-has-taskstatus-color-6daaa2.svg-icon-stroke {
stroke: #6daaa2;
}
.item-has-taskstatus-color-6daaa2.svg-icon {
fill: #6daaa2;
}
.item-has-taskstatus-color-6b7e85.svg-icon-stroke {
stroke: #6b7e85;
}
.item-has-taskstatus-color-6b7e85.svg-icon {
fill: #6b7e85;
}
.item-has-taskstatus-color-889399.svg-icon-stroke {
stroke: #889399;
}
.item-has-taskstatus-color-889399.svg-icon {
fill: #889399;
}
.item-has-taskstatus-color-7a7558.svg-icon-stroke {
stroke: #7a7558;
}
.item-has-taskstatus-color-7a7558.svg-icon {
fill: #7a7558;
}
.item-has-taskstatus-color-6d705b.svg-icon-stroke {
stroke: #6d705b;
}
.item-has-taskstatus-color-6d705b.svg-icon {
fill: #6d705b;
}
.item-has-taskstatus-color-919096.svg-icon-stroke {
stroke: #919096;
}
.item-has-taskstatus-color-919096.svg-icon {
fill: #919096;
}
.item-has-taskstatus-color-606760.svg-icon-stroke {
stroke: #606760;
}
.item-has-taskstatus-color-606760.svg-icon {
fill: #606760;
}
.item-has-taskstatus-color-6e581c.svg-icon-stroke {
stroke: #6e581c;
}
.item-has-taskstatus-color-6e581c.svg-icon {
fill: #6e581c;
}
.item-has-taskstatus-color-464d45.svg-icon-stroke {
stroke: #464d45;
}
.item-has-taskstatus-color-464d45.svg-icon {
fill: #464d45;
}
.item-has-taskstatus-color-777569.svg-icon-stroke {
stroke: #777569;
}
.item-has-taskstatus-color-777569.svg-icon {
fill: #777569;
}
.item-has-taskstatus-color-526166.svg-icon-stroke {
stroke: #526166;
}
.item-has-taskstatus-color-526166.svg-icon {
fill: #526166;
}
.item-has-taskstatus-color-6d7a69.svg-icon-stroke {
stroke: #6d7a69;
}
.item-has-taskstatus-color-6d7a69.svg-icon {
fill: #6d7a69;
}
.item-has-taskstatus-color-818262.svg-icon-stroke {
stroke: #818262;
}
.item-has-taskstatus-color-818262.svg-icon {
fill: #818262;
}
.item-has-taskstatus-color-8c8b89.svg-icon-stroke {
stroke: #8c8b89;
}
.item-has-taskstatus-color-8c8b89.svg-icon {
fill: #8c8b89;
}
.item-has-taskstatus-color-a9afa5.svg-icon-stroke {
stroke: #a9afa5;
}
.item-has-taskstatus-color-a9afa5.svg-icon {
fill: #a9afa5;
}
.item-has-taskstatus-color-605f5b.svg-icon-stroke {
stroke: #605f5b;
}
.item-has-taskstatus-color-605f5b.svg-icon {
fill: #605f5b;
}
.item-has-taskstatus-color-969ba1.svg-icon-stroke {
stroke: #969ba1;
}
.item-has-taskstatus-color-969ba1.svg-icon {
fill: #969ba1;
}
.item-has-taskstatus-color-888b90.svg-icon-stroke {
stroke: #888b90;
}
.item-has-taskstatus-color-888b90.svg-icon {
fill: #888b90;
}
.item-has-taskstatus-color-786024.svg-icon-stroke {
stroke: #786024;
}
.item-has-taskstatus-color-786024.svg-icon {
fill: #786024;
}
.item-has-taskstatus-color-925908.svg-icon-stroke {
stroke: #925908;
}
.item-has-taskstatus-color-925908.svg-icon {
fill: #6f321d;
}
.item-has-taskstatus-color-6f321d.svg-icon-stroke {
stroke: #6f321d;
}
.item-has-taskstatus-color-85301c.svg-icon-stroke {
stroke: #85301c;
}
.item-has-taskstatus-color-85301c.svg-icon {
fill: #85301c;
}
.item-has-taskstatus-color-652e07.svg-icon-stroke {
stroke: #652e07;
}
.item-has-taskstatus-color-652e07.svg-icon {
fill: #652e07;
}
.item-has-taskstatus-color-653a0d.svg-icon-stroke {
stroke: #653a0d;
}
.item-has-taskstatus-color-653a0d.svg-icon {
fill: #653a0d;
}
.item-has-taskstatus-color-4b1e0b.svg-icon-stroke {
stroke: #4b1e0b;
}
.item-has-taskstatus-color-4b1e0b.svg-icon {
fill: #4b1e0b;
}
.item-has-taskstatus-color-61180f.svg-icon-stroke {
stroke: #61180f;
}
.item-has-taskstatus-color-61180f.svg-icon {
fill: #61180f;
}
.item-has-taskstatus-color-56130b.svg-icon-stroke {
stroke: #56130b;
}
.item-has-taskstatus-color-56130b.svg-icon {
fill: #56130b;
}
.item-has-taskstatus-color-a54411.svg-icon-stroke {
stroke: #a54411;
}
.item-has-taskstatus-color-a54411.svg-icon {
fill: #a54411;
}
.item-has-taskstatus-color-703e23.svg-icon-stroke {
stroke: #703e23;
}
.item-has-taskstatus-color-703e23.svg-icon {
fill: #703e23;
}
.item-has-taskstatus-color-66462f.svg-icon-stroke {
stroke: #66462f;
}
.item-has-taskstatus-color-66462f.svg-icon {
fill: #66462f;
}
.item-has-taskstatus-color-050402.svg-icon-stroke {
stroke: #050402;
}
.item-has-taskstatus-color-050402.svg-icon {
fill: #050402;
}
.item-has-taskstatus-color-task-overdued.svg-icon-stroke {
stroke: var(--task-deadline-dead, #FD0000);
}
.item-has-taskstatus-color-task-overdued.svg-icon {
fill: var(--task-deadline-dead, #FD0000);
}
.item-has-taskstatus-color-85878E.svg-icon-stroke {
stroke: #85878E;
}
.item-has-taskstatus-color-85878E.svg-icon {
fill: #85878E;
}
.item-has-taskstatus-color-3D3F46.svg-icon-stroke {
stroke: #3D3F46;
}
.item-has-taskstatus-color-3D3F46.svg-icon {
fill: #3D3F46;
}
.tr-taskstatus-color-3D3F46,
.tr-taskstatus-color-3D3F46 a,
.tr-taskstatus-color-3D3F46 a:hover {
color: #3D3F46;
}
.item-has-taskstatus-color-3377C3.svg-icon-stroke {
stroke: #3377C3;
}
.item-has-taskstatus-color-3377C3.svg-icon {
fill: #3377C3;
}
.tr-taskstatus-color-3377C3,
.tr-taskstatus-color-3377C3 a,
.tr-taskstatus-color-3377C3 a:hover {
color: #3377C3;
}
.item-has-taskstatus-color-21931A.svg-icon-stroke {
stroke: #21931A;
}
.item-has-taskstatus-color-21931A.svg-icon {
fill: #21931A;
}
.tr-taskstatus-color-21931A,
.tr-taskstatus-color-21931A a,
.tr-taskstatus-color-21931A a:hover {
color: #21931A;
}
.item-has-taskstatus-color-85878E.svg-icon-stroke {
stroke: #85878E;
}
.item-has-taskstatus-color-85878E.svg-icon {
fill: #85878E;
}
.tr-taskstatus-color-85878E,
.tr-taskstatus-color-85878E a,
.tr-taskstatus-color-85878E a:hover {
color: #85878E;
}
.item-has-taskstatus-color-27A735.svg-icon-stroke {
stroke: #27A735;
}
.item-has-taskstatus-color-27A735.svg-icon {
fill: #27A735;
}
.tr-taskstatus-color-27A735,
.tr-taskstatus-color-27A735 a,
.tr-taskstatus-color-27A735 a:hover {
color: #27A735;
}
.item-has-taskstatus-color-30AB50.svg-icon-stroke {
stroke: #30AB50;
}
.item-has-taskstatus-color-30AB50.svg-icon {
fill: #30AB50;
}
.tr-taskstatus-color-30AB50,
.tr-taskstatus-color-30AB50 a,
.tr-taskstatus-color-30AB50 a:hover {
color: #30AB50;
}
.item-has-taskstatus-color-00b4b4.svg-icon-stroke {
stroke: #00b4b4;
}
.item-has-taskstatus-color-00b4b4.svg-icon {
fill: #00b4b4;
}
.tr-taskstatus-color-00b4b4,
.tr-taskstatus-color-00b4b4 a,
.tr-taskstatus-color-00b4b4 a:hover {
color: #00b4b4;
}
.item-has-taskstatus-color-EF9A9A.svg-icon-stroke {
stroke: #EF9A9A;
}
.item-has-taskstatus-color-EF9A9A.svg-icon {
fill: #EF9A9A;
}
.tr-taskstatus-color-EF9A9A,
.tr-taskstatus-color-EF9A9A a,
.tr-taskstatus-color-EF9A9A a:hover {
color: #EF9A9A;
}
.item-has-taskstatus-color-F48FB1.svg-icon-stroke {
stroke: #F48FB1;
}
.item-has-taskstatus-color-F48FB1.svg-icon {
fill: #F48FB1;
}
.tr-taskstatus-color-F48FB1,
.tr-taskstatus-color-F48FB1 a,
.tr-taskstatus-color-F48FB1 a:hover {
color: #F48FB1;
}
.item-has-taskstatus-color-CE93D8.svg-icon-stroke {
stroke: #CE93D8;
}
.item-has-taskstatus-color-CE93D8.svg-icon {
fill: #CE93D8;
}
.tr-taskstatus-color-CE93D8,
.tr-taskstatus-color-CE93D8 a,
.tr-taskstatus-color-CE93D8 a:hover {
color: #CE93D8;
}
.item-has-taskstatus-color-B39DDB.svg-icon-stroke {
stroke: #B39DDB;
}
.item-has-taskstatus-color-B39DDB.svg-icon {
fill: #B39DDB;
}
.tr-taskstatus-color-B39DDB,
.tr-taskstatus-color-B39DDB a,
.tr-taskstatus-color-B39DDB a:hover {
color: #B39DDB;
}
.item-has-taskstatus-color-9FA8DA.svg-icon-stroke {
stroke: #9FA8DA;
}
.item-has-taskstatus-color-9FA8DA.svg-icon {
fill: #9FA8DA;
}
.tr-taskstatus-color-9FA8DA,
.tr-taskstatus-color-9FA8DA a,
.tr-taskstatus-color-9FA8DA a:hover {
color: #9FA8DA;
}
.item-has-taskstatus-color-7CC3FC.svg-icon-stroke {
stroke: #7CC3FC;
}
.item-has-taskstatus-color-7CC3FC.svg-icon {
fill: #7CC3FC;
}
.tr-taskstatus-color-7CC3FC,
.tr-taskstatus-color-7CC3FC a,
.tr-taskstatus-color-7CC3FC a:hover {
color: #7CC3FC;
}
.item-has-taskstatus-color-69DDEC.svg-icon-stroke {
stroke: #69DDEC;
}
.item-has-taskstatus-color-69DDEC.svg-icon {
fill: #69DDEC;
}
.tr-taskstatus-color-69DDEC,
.tr-taskstatus-color-69DDEC a,
.tr-taskstatus-color-69DDEC a:hover {
color: #69DDEC;
}
.item-has-taskstatus-color-80CBC4.svg-icon-stroke {
stroke: #80CBC4;
}
.item-has-taskstatus-color-80CBC4.svg-icon {
fill: #80CBC4;
}
.tr-taskstatus-color-80CBC4,
.tr-taskstatus-color-80CBC4 a,
.tr-taskstatus-color-80CBC4 a:hover {
color: #80CBC4;
}
.item-has-taskstatus-color-77DA7A.svg-icon-stroke {
stroke: #77DA7A;
}
.item-has-taskstatus-color-77DA7A.svg-icon {
fill: #77DA7A;
}
.tr-taskstatus-color-77DA7A,
.tr-taskstatus-color-77DA7A a,
.tr-taskstatus-color-77DA7A a:hover {
color: #77DA7A;
}
.item-has-taskstatus-color-A1D209.svg-icon-stroke {
stroke: #A1D209;
}
.item-has-taskstatus-color-A1D209.svg-icon {
fill: #A1D209;
}
.tr-taskstatus-color-A1D209,
.tr-taskstatus-color-A1D209 a,
.tr-taskstatus-color-A1D209 a:hover {
color: #A1D209;
}
.item-has-taskstatus-color-C5D247.svg-icon-stroke {
stroke: #C5D247;
}
.item-has-taskstatus-color-C5D247.svg-icon {
fill: #C5D247;
}
.tr-taskstatus-color-C5D247,
.tr-taskstatus-color-C5D247 a,
.tr-taskstatus-color-C5D247 a:hover {
color: #C5D247;
}
.item-has-taskstatus-color-E9B800.svg-icon-stroke {
stroke: #E9B800;
}
.item-has-taskstatus-color-E9B800.svg-icon {
fill: #E9B800;
}
.tr-taskstatus-color-E9B800,
.tr-taskstatus-color-E9B800 a,
.tr-taskstatus-color-E9B800 a:hover {
color: #E9B800;
}
.item-has-taskstatus-color-FFAC92.svg-icon-stroke {
stroke: #FFAC92;
}
.item-has-taskstatus-color-FFAC92.svg-icon {
fill: #FFAC92;
}
.tr-taskstatus-color-FFAC92,
.tr-taskstatus-color-FFAC92 a,
.tr-taskstatus-color-FFAC92 a:hover {
color: #FFAC92;
}
.item-has-taskstatus-color-BCAAA4.svg-icon-stroke {
stroke: #BCAAA4;
}
.item-has-taskstatus-color-BCAAA4.svg-icon {
fill: #BCAAA4;
}
.tr-taskstatus-color-BCAAA4,
.tr-taskstatus-color-BCAAA4 a,
.tr-taskstatus-color-BCAAA4 a:hover {
color: #BCAAA4;
}
.item-has-taskstatus-color-A9A9A9.svg-icon-stroke {
stroke: #A9A9A9;
}
.item-has-taskstatus-color-A9A9A9.svg-icon {
fill: #A9A9A9;
}
.tr-taskstatus-color-A9A9A9,
.tr-taskstatus-color-A9A9A9 a,
.tr-taskstatus-color-A9A9A9 a:hover {
color: #A9A9A9;
}
.item-has-taskstatus-color-ACBDC7.svg-icon-stroke {
stroke: #ACBDC7;
}
.item-has-taskstatus-color-ACBDC7.svg-icon {
fill: #ACBDC7;
}
.tr-taskstatus-color-ACBDC7,
.tr-taskstatus-color-ACBDC7 a,
.tr-taskstatus-color-ACBDC7 a:hover {
color: #ACBDC7;
}
.item-has-taskstatus-color-EF5350.svg-icon-stroke {
stroke: #EF5350;
}
.item-has-taskstatus-color-EF5350.svg-icon {
fill: #EF5350;
}
.tr-taskstatus-color-EF5350,
.tr-taskstatus-color-EF5350 a,
.tr-taskstatus-color-EF5350 a:hover {
color: #EF5350;
}
.item-has-taskstatus-color-EC407A.svg-icon-stroke {
stroke: #EC407A;
}
.item-has-taskstatus-color-EC407A.svg-icon {
fill: #EC407A;
}
.tr-taskstatus-color-EC407A,
.tr-taskstatus-color-EC407A a,
.tr-taskstatus-color-EC407A a:hover {
color: #EC407A;
}
.item-has-taskstatus-color-AB47BC.svg-icon-stroke {
stroke: #AB47BC;
}
.item-has-taskstatus-color-AB47BC.svg-icon {
fill: #AB47BC;
}
.tr-taskstatus-color-AB47BC,
.tr-taskstatus-color-AB47BC a,
.tr-taskstatus-color-AB47BC a:hover {
color: #AB47BC;
}
.item-has-taskstatus-color-7E57C2.svg-icon-stroke {
stroke: #7E57C2;
}
.item-has-taskstatus-color-7E57C2.svg-icon {
fill: #7E57C2;
}
.tr-taskstatus-color-7E57C2,
.tr-taskstatus-color-7E57C2 a,
.tr-taskstatus-color-7E57C2 a:hover {
color: #7E57C2;
}
.item-has-taskstatus-color-5C6BC0.svg-icon-stroke {
stroke: #5C6BC0;
}
.item-has-taskstatus-color-5C6BC0.svg-icon {
fill: #5C6BC0;
}
.tr-taskstatus-color-5C6BC0,
.tr-taskstatus-color-5C6BC0 a,
.tr-taskstatus-color-5C6BC0 a:hover {
color: #5C6BC0;
}
.item-has-taskstatus-color-2297F6.svg-icon-stroke {
stroke: #2297F6;
}
.item-has-taskstatus-color-2297F6.svg-icon {
fill: #2297F6;
}
.tr-taskstatus-color-2297F6,
.tr-taskstatus-color-2297F6 a,
.tr-taskstatus-color-2297F6 a:hover {
color: #2297F6;
}
.item-has-taskstatus-color-1AD3E8.svg-icon-stroke {
stroke: #1AD3E8;
}
.item-has-taskstatus-color-1AD3E8.svg-icon {
fill: #1AD3E8;
}
.tr-taskstatus-color-1AD3E8,
.tr-taskstatus-color-1AD3E8 a,
.tr-taskstatus-color-1AD3E8 a:hover {
color: #1AD3E8;
}
.item-has-taskstatus-color-26A69A.svg-icon-stroke {
stroke: #26A69A;
}
.item-has-taskstatus-color-26A69A.svg-icon {
fill: #26A69A;
}
.tr-taskstatus-color-26A69A,
.tr-taskstatus-color-26A69A a,
.tr-taskstatus-color-26A69A a:hover {
color: #26A69A;
}
.item-has-taskstatus-color-5CC65F.svg-icon-stroke {
stroke: #5CC65F;
}
.item-has-taskstatus-color-5CC65F.svg-icon {
fill: #5CC65F;
}
.tr-taskstatus-color-5CC65F,
.tr-taskstatus-color-5CC65F a,
.tr-taskstatus-color-5CC65F a:hover {
color: #5CC65F;
}
.item-has-taskstatus-color-97C90B.svg-icon-stroke {
stroke: #97C90B;
}
.item-has-taskstatus-color-97C90B.svg-icon {
fill: #97C90B;
}
.tr-taskstatus-color-97C90B,
.tr-taskstatus-color-97C90B a,
.tr-taskstatus-color-97C90B a:hover {
color: #97C90B;
}
.item-has-taskstatus-color-C0CA33.svg-icon-stroke {
stroke: #C0CA33;
}
.item-has-taskstatus-color-C0CA33.svg-icon {
fill: #C0CA33;
}
.tr-taskstatus-color-C0CA33,
.tr-taskstatus-color-C0CA33 a,
.tr-taskstatus-color-C0CA33 a:hover {
color: #C0CA33;
}
.item-has-taskstatus-color-FFAD00.svg-icon-stroke {
stroke: #FFAD00;
}
.item-has-taskstatus-color-FFAD00.svg-icon {
fill: #FFAD00;
}
.tr-taskstatus-color-FFAD00,
.tr-taskstatus-color-FFAD00 a,
.tr-taskstatus-color-FFAD00 a:hover {
color: #FFAD00;
}
.item-has-taskstatus-color-FF8058.svg-icon-stroke {
stroke: #FF8058;
}
.item-has-taskstatus-color-FF8058.svg-icon {
fill: #FF8058;
}
.tr-taskstatus-color-FF8058,
.tr-taskstatus-color-FF8058 a,
.tr-taskstatus-color-FF8058 a:hover {
color: #FF8058;
}
.item-has-taskstatus-color-8D6E63.svg-icon-stroke {
stroke: #8D6E63;
}
.item-has-taskstatus-color-8D6E63.svg-icon {
fill: #8D6E63;
}
.tr-taskstatus-color-8D6E63,
.tr-taskstatus-color-8D6E63 a,
.tr-taskstatus-color-8D6E63 a:hover {
color: #8D6E63;
}
.item-has-taskstatus-color-747474.svg-icon-stroke {
stroke: #747474;
}
.item-has-taskstatus-color-747474.svg-icon {
fill: #747474;
}
.tr-taskstatus-color-747474,
.tr-taskstatus-color-747474 a,
.tr-taskstatus-color-747474 a:hover {
color: #747474;
}
.item-has-taskstatus-color-78909C.svg-icon-stroke {
stroke: #78909C;
}
.item-has-taskstatus-color-78909C.svg-icon {
fill: #78909C;
}
.tr-taskstatus-color-78909C,
.tr-taskstatus-color-78909C a,
.tr-taskstatus-color-78909C a:hover {
color: #78909C;
}
.item-has-taskstatus-color-FF1744.svg-icon-stroke {
stroke: #FF1744;
}
.item-has-taskstatus-color-FF1744.svg-icon {
fill: #FF1744;
}
.tr-taskstatus-color-FF1744,
.tr-taskstatus-color-FF1744 a,
.tr-taskstatus-color-FF1744 a:hover {
color: #FF1744;
}
.item-has-taskstatus-color-F50057.svg-icon-stroke {
stroke: #F50057;
}
.item-has-taskstatus-color-F50057.svg-icon {
fill: #F50057;
}
.tr-taskstatus-color-F50057,
.tr-taskstatus-color-F50057 a,
.tr-taskstatus-color-F50057 a:hover {
color: #F50057;
}
.item-has-taskstatus-color-D500F9.svg-icon-stroke {
stroke: #D500F9;
}
.item-has-taskstatus-color-D500F9.svg-icon {
fill: #D500F9;
}
.tr-taskstatus-color-D500F9,
.tr-taskstatus-color-D500F9 a,
.tr-taskstatus-color-D500F9 a:hover {
color: #D500F9;
}
.item-has-taskstatus-color-651FFF.svg-icon-stroke {
stroke: #651FFF;
}
.item-has-taskstatus-color-651FFF.svg-icon {
fill: #651FFF;
}
.tr-taskstatus-color-651FFF,
.tr-taskstatus-color-651FFF a,
.tr-taskstatus-color-651FFF a:hover {
color: #651FFF;
}
.item-has-taskstatus-color-3D5AFE.svg-icon-stroke {
stroke: #3D5AFE;
}
.item-has-taskstatus-color-3D5AFE.svg-icon {
fill: #3D5AFE;
}
.tr-taskstatus-color-3D5AFE,
.tr-taskstatus-color-3D5AFE a,
.tr-taskstatus-color-3D5AFE a:hover {
color: #3D5AFE;
}
.item-has-taskstatus-color-2979FF.svg-icon-stroke {
stroke: #2979FF;
}
.item-has-taskstatus-color-2979FF.svg-icon {
fill: #2979FF;
}
.tr-taskstatus-color-2979FF,
.tr-taskstatus-color-2979FF a,
.tr-taskstatus-color-2979FF a:hover {
color: #2979FF;
}
.item-has-taskstatus-color-02C6DC.svg-icon-stroke {
stroke: #02C6DC;
}
.item-has-taskstatus-color-02C6DC.svg-icon {
fill: #02C6DC;
}
.tr-taskstatus-color-02C6DC,
.tr-taskstatus-color-02C6DC a,
.tr-taskstatus-color-02C6DC a:hover {
color: #02C6DC;
}
.item-has-taskstatus-color-2CDBAF.svg-icon-stroke {
stroke: #2CDBAF;
}
.item-has-taskstatus-color-2CDBAF.svg-icon {
fill: #2CDBAF;
}
.tr-taskstatus-color-2CDBAF,
.tr-taskstatus-color-2CDBAF a,
.tr-taskstatus-color-2CDBAF a:hover {
color: #2CDBAF;
}
.item-has-taskstatus-color-00D06B.svg-icon-stroke {
stroke: #00D06B;
}
.item-has-taskstatus-color-00D06B.svg-icon {
fill: #00D06B;
}
.tr-taskstatus-color-00D06B,
.tr-taskstatus-color-00D06B a,
.tr-taskstatus-color-00D06B a:hover {
color: #00D06B;
}
.item-has-taskstatus-color-80AF13.svg-icon-stroke {
stroke: #80AF13;
}
.item-has-taskstatus-color-80AF13.svg-icon {
fill: #80AF13;
}
.tr-taskstatus-color-80AF13,
.tr-taskstatus-color-80AF13 a,
.tr-taskstatus-color-80AF13 a:hover {
color: #80AF13;
}
.item-has-taskstatus-color-AFB42B.svg-icon-stroke {
stroke: #AFB42B;
}
.item-has-taskstatus-color-AFB42B.svg-icon {
fill: #AFB42B;
}
.tr-taskstatus-color-AFB42B,
.tr-taskstatus-color-AFB42B a,
.tr-taskstatus-color-AFB42B a:hover {
color: #AFB42B;
}
.item-has-taskstatus-color-FF9400.svg-icon-stroke {
stroke: #FF9400;
}
.item-has-taskstatus-color-FF9400.svg-icon {
fill: #FF9400;
}
.tr-taskstatus-color-FF9400,
.tr-taskstatus-color-FF9400 a,
.tr-taskstatus-color-FF9400 a:hover {
color: #FF9400;
}
.item-has-taskstatus-color-FF602E.svg-icon-stroke {
stroke: #FF602E;
}
.item-has-taskstatus-color-FF602E.svg-icon {
fill: #FF602E;
}
.tr-taskstatus-color-FF602E,
.tr-taskstatus-color-FF602E a,
.tr-taskstatus-color-FF602E a:hover {
color: #FF602E;
}
.item-has-taskstatus-color-795548.svg-icon-stroke {
stroke: #795548;
}
.item-has-taskstatus-color-795548.svg-icon {
fill: #795548;
}
.tr-taskstatus-color-795548,
.tr-taskstatus-color-795548 a,
.tr-taskstatus-color-795548 a:hover {
color: #795548;
}
.item-has-taskstatus-color-5A5A5A.svg-icon-stroke {
stroke: #5A5A5A;
}
.item-has-taskstatus-color-5A5A5A.svg-icon {
fill: #5A5A5A;
}
.tr-taskstatus-color-5A5A5A,
.tr-taskstatus-color-5A5A5A a,
.tr-taskstatus-color-5A5A5A a:hover {
color: #5A5A5A;
}
.item-has-taskstatus-color-5A717D.svg-icon-stroke {
stroke: #5A717D;
}
.item-has-taskstatus-color-5A717D.svg-icon {
fill: #5A717D;
}
.tr-taskstatus-color-5A717D,
.tr-taskstatus-color-5A717D a,
.tr-taskstatus-color-5A717D a:hover {
color: #5A717D;
}
.item-has-taskstatus-color-F44336.svg-icon-stroke {
stroke: #F44336;
}
.item-has-taskstatus-color-F44336.svg-icon {
fill: #F44336;
}
.tr-taskstatus-color-F44336,
.tr-taskstatus-color-F44336 a,
.tr-taskstatus-color-F44336 a:hover {
color: #F44336;
}
.item-has-taskstatus-color-C3134F.svg-icon-stroke {
stroke: #C3134F;
}
.item-has-taskstatus-color-C3134F.svg-icon {
fill: #C3134F;
}
.tr-taskstatus-color-C3134F,
.tr-taskstatus-color-C3134F a,
.tr-taskstatus-color-C3134F a:hover {
color: #C3134F;
}
.item-has-taskstatus-color-9C27B0.svg-icon-stroke {
stroke: #9C27B0;
}
.item-has-taskstatus-color-9C27B0.svg-icon {
fill: #9C27B0;
}
.tr-taskstatus-color-9C27B0,
.tr-taskstatus-color-9C27B0 a,
.tr-taskstatus-color-9C27B0 a:hover {
color: #9C27B0;
}
.item-has-taskstatus-color-673AB7.svg-icon-stroke {
stroke: #673AB7;
}
.item-has-taskstatus-color-673AB7.svg-icon {
fill: #673AB7;
}
.tr-taskstatus-color-673AB7,
.tr-taskstatus-color-673AB7 a,
.tr-taskstatus-color-673AB7 a:hover {
color: #673AB7;
}
.item-has-taskstatus-color-3F51B5.svg-icon-stroke {
stroke: #3F51B5;
}
.item-has-taskstatus-color-3F51B5.svg-icon {
fill: #3F51B5;
}
.tr-taskstatus-color-3F51B5,
.tr-taskstatus-color-3F51B5 a,
.tr-taskstatus-color-3F51B5 a:hover {
color: #3F51B5;
}
.item-has-taskstatus-color-0375CF.svg-icon-stroke {
stroke: #0375CF;
}
.item-has-taskstatus-color-0375CF.svg-icon {
fill: #0375CF;
}
.tr-taskstatus-color-0375CF,
.tr-taskstatus-color-0375CF a,
.tr-taskstatus-color-0375CF a:hover {
color: #0375CF;
}
.item-has-taskstatus-color-00B0C4.svg-icon-stroke {
stroke: #00B0C4;
}
.item-has-taskstatus-color-00B0C4.svg-icon {
fill: #00B0C4;
}
.tr-taskstatus-color-00B0C4,
.tr-taskstatus-color-00B0C4 a,
.tr-taskstatus-color-00B0C4 a:hover {
color: #00B0C4;
}
.item-has-taskstatus-color-008377.svg-icon-stroke {
stroke: #008377;
}
.item-has-taskstatus-color-008377.svg-icon {
fill: #008377;
}
.tr-taskstatus-color-008377,
.tr-taskstatus-color-008377 a,
.tr-taskstatus-color-008377 a:hover {
color: #008377;
}
.item-has-taskstatus-color-16B31B.svg-icon-stroke {
stroke: #16B31B;
}
.item-has-taskstatus-color-16B31B.svg-icon {
fill: #16B31B;
}
.tr-taskstatus-color-16B31B,
.tr-taskstatus-color-16B31B a,
.tr-taskstatus-color-16B31B a:hover {
color: #16B31B;
}
.item-has-taskstatus-color-6B991A.svg-icon-stroke {
stroke: #6B991A;
}
.item-has-taskstatus-color-6B991A.svg-icon {
fill: #6B991A;
}
.tr-taskstatus-color-6B991A,
.tr-taskstatus-color-6B991A a,
.tr-taskstatus-color-6B991A a:hover {
color: #6B991A;
}
.item-has-taskstatus-color-8A8E22.svg-icon-stroke {
stroke: #8A8E22;
}
.item-has-taskstatus-color-8A8E22.svg-icon {
fill: #8A8E22;
}
.tr-taskstatus-color-8A8E22,
.tr-taskstatus-color-8A8E22 a,
.tr-taskstatus-color-8A8E22 a:hover {
color: #8A8E22;
}
.item-has-taskstatus-color-FF6F00.svg-icon-stroke {
stroke: #FF6F00;
}
.item-has-taskstatus-color-FF6F00.svg-icon {
fill: #FF6F00;
}
.tr-taskstatus-color-FF6F00,
.tr-taskstatus-color-FF6F00 a,
.tr-taskstatus-color-FF6F00 a:hover {
color: #FF6F00;
}
.item-has-taskstatus-color-FF3D00.svg-icon-stroke {
stroke: #FF3D00;
}
.item-has-taskstatus-color-FF3D00.svg-icon {
fill: #FF3D00;
}
.tr-taskstatus-color-FF3D00,
.tr-taskstatus-color-FF3D00 a,
.tr-taskstatus-color-FF3D00 a:hover {
color: #FF3D00;
}
.item-has-taskstatus-color-5D4037.svg-icon-stroke {
stroke: #5D4037;
}
.item-has-taskstatus-color-5D4037.svg-icon {
fill: #5D4037;
}
.tr-taskstatus-color-5D4037,
.tr-taskstatus-color-5D4037 a,
.tr-taskstatus-color-5D4037 a:hover {
color: #5D4037;
}
.item-has-taskstatus-color-3F3F3F.svg-icon-stroke {
stroke: #3F3F3F;
}
.item-has-taskstatus-color-3F3F3F.svg-icon {
fill: #3F3F3F;
}
.tr-taskstatus-color-3F3F3F,
.tr-taskstatus-color-3F3F3F a,
.tr-taskstatus-color-3F3F3F a:hover {
color: #3F3F3F;
}
.item-has-taskstatus-color-455A64.svg-icon-stroke {
stroke: #455A64;
}
.item-has-taskstatus-color-455A64.svg-icon {
fill: #455A64;
}
.tr-taskstatus-color-455A64,
.tr-taskstatus-color-455A64 a,
.tr-taskstatus-color-455A64 a:hover {
color: #455A64;
}
.item-has-taskstatus-color-B71C1C.svg-icon-stroke {
stroke: #B71C1C;
}
.item-has-taskstatus-color-B71C1C.svg-icon {
fill: #B71C1C;
}
.tr-taskstatus-color-B71C1C,
.tr-taskstatus-color-B71C1C a,
.tr-taskstatus-color-B71C1C a:hover {
color: #B71C1C;
}
.item-has-taskstatus-color-880E4F.svg-icon-stroke {
stroke: #880E4F;
}
.item-has-taskstatus-color-880E4F.svg-icon {
fill: #880E4F;
}
.tr-taskstatus-color-880E4F,
.tr-taskstatus-color-880E4F a,
.tr-taskstatus-color-880E4F a:hover {
color: #880E4F;
}
.item-has-taskstatus-color-5719A3.svg-icon-stroke {
stroke: #5719A3;
}
.item-has-taskstatus-color-5719A3.svg-icon {
fill: #5719A3;
}
.tr-taskstatus-color-5719A3,
.tr-taskstatus-color-5719A3 a,
.tr-taskstatus-color-5719A3 a:hover {
color: #5719A3;
}
.item-has-taskstatus-color-3F25B1.svg-icon-stroke {
stroke: #3F25B1;
}
.item-has-taskstatus-color-3F25B1.svg-icon {
fill: #3F25B1;
}
.tr-taskstatus-color-3F25B1,
.tr-taskstatus-color-3F25B1 a,
.tr-taskstatus-color-3F25B1 a:hover {
color: #3F25B1;
}
.item-has-taskstatus-color-242E96.svg-icon-stroke {
stroke: #242E96;
}
.item-has-taskstatus-color-242E96.svg-icon {
fill: #242E96;
}
.tr-taskstatus-color-242E96,
.tr-taskstatus-color-242E96 a,
.tr-taskstatus-color-242E96 a:hover {
color: #242E96;
}
.item-has-taskstatus-color-0D47A1.svg-icon-stroke {
stroke: #0D47A1;
}
.item-has-taskstatus-color-0D47A1.svg-icon {
fill: #0D47A1;
}
.tr-taskstatus-color-0D47A1,
.tr-taskstatus-color-0D47A1 a,
.tr-taskstatus-color-0D47A1 a:hover {
color: #0D47A1;
}
.item-has-taskstatus-color-008796.svg-icon-stroke {
stroke: #008796;
}
.item-has-taskstatus-color-008796.svg-icon {
fill: #008796;
}
.tr-taskstatus-color-008796,
.tr-taskstatus-color-008796 a,
.tr-taskstatus-color-008796 a:hover {
color: #008796;
}
.item-has-taskstatus-color-005D54.svg-icon-stroke {
stroke: #005D54;
}
.item-has-taskstatus-color-005D54.svg-icon {
fill: #005D54;
}
.tr-taskstatus-color-005D54,
.tr-taskstatus-color-005D54 a,
.tr-taskstatus-color-005D54 a:hover {
color: #005D54;
}
.item-has-taskstatus-color-097F0C.svg-icon-stroke {
stroke: #097F0C;
}
.item-has-taskstatus-color-097F0C.svg-icon {
fill: #097F0C;
}
.tr-taskstatus-color-097F0C,
.tr-taskstatus-color-097F0C a,
.tr-taskstatus-color-097F0C a:hover {
color: #097F0C;
}
.item-has-taskstatus-color-517E22.svg-icon-stroke {
stroke: #517E22;
}
.item-has-taskstatus-color-517E22.svg-icon {
fill: #517E22;
}
.tr-taskstatus-color-517E22,
.tr-taskstatus-color-517E22 a,
.tr-taskstatus-color-517E22 a:hover {
color: #517E22;
}
.item-has-taskstatus-color-626315.svg-icon-stroke {
stroke: #626315;
}
.item-has-taskstatus-color-626315.svg-icon {
fill: #626315;
}
.tr-taskstatus-color-626315,
.tr-taskstatus-color-626315 a,
.tr-taskstatus-color-626315 a:hover {
color: #626315;
}
.item-has-taskstatus-color-DC6103.svg-icon-stroke {
stroke: #DC6103;
}
.item-has-taskstatus-color-DC6103.svg-icon {
fill: #DC6103;
}
.tr-taskstatus-color-DC6103,
.tr-taskstatus-color-DC6103 a,
.tr-taskstatus-color-DC6103 a:hover {
color: #DC6103;
}
.item-has-taskstatus-color-BF360C.svg-icon-stroke {
stroke: #BF360C;
}
.item-has-taskstatus-color-BF360C.svg-icon {
fill: #BF360C;
}
.tr-taskstatus-color-BF360C,
.tr-taskstatus-color-BF360C a,
.tr-taskstatus-color-BF360C a:hover {
color: #BF360C;
}
.item-has-taskstatus-color-3E2723.svg-icon-stroke {
stroke: #3E2723;
}
.item-has-taskstatus-color-3E2723.svg-icon {
fill: #3E2723;
}
.tr-taskstatus-color-3E2723,
.tr-taskstatus-color-3E2723 a,
.tr-taskstatus-color-3E2723 a:hover {
color: #3E2723;
}
.item-has-taskstatus-color-000000.svg-icon-stroke {
stroke: #000000;
}
.item-has-taskstatus-color-000000.svg-icon {
fill: #000000;
}
.tr-taskstatus-color-000000,
.tr-taskstatus-color-000000 a,
.tr-taskstatus-color-000000 a:hover {
color: #000000;
}
.item-has-taskstatus-color-2F3D44.svg-icon-stroke {
stroke: #2F3D44;
}
.item-has-taskstatus-color-2F3D44.svg-icon {
fill: #2F3D44;
}
.tr-taskstatus-color-2F3D44,
.tr-taskstatus-color-2F3D44 a,
.tr-taskstatus-color-2F3D44 a:hover {
color: #2F3D44;
}
.item-has-taskstatus-color-890D0D.svg-icon-stroke {
stroke: #890D0D;
}
.item-has-taskstatus-color-890D0D.svg-icon {
fill: #890D0D;
}
.tr-taskstatus-color-890D0D,
.tr-taskstatus-color-890D0D a,
.tr-taskstatus-color-890D0D a:hover {
color: #890D0D;
}
.item-has-taskstatus-color-600937.svg-icon-stroke {
stroke: #600937;
}
.item-has-taskstatus-color-600937.svg-icon {
fill: #600937;
}
.tr-taskstatus-color-600937,
.tr-taskstatus-color-600937 a,
.tr-taskstatus-color-600937 a:hover {
color: #600937;
}
.item-has-taskstatus-color-340E62.svg-icon-stroke {
stroke: #340E62;
}
.item-has-taskstatus-color-340E62.svg-icon {
fill: #340E62;
}
.tr-taskstatus-color-340E62,
.tr-taskstatus-color-340E62 a,
.tr-taskstatus-color-340E62 a:hover {
color: #340E62;
}
.item-has-taskstatus-color-210C80.svg-icon-stroke {
stroke: #210C80;
}
.item-has-taskstatus-color-210C80.svg-icon {
fill: #210C80;
}
.tr-taskstatus-color-210C80,
.tr-taskstatus-color-210C80 a,
.tr-taskstatus-color-210C80 a:hover {
color: #210C80;
}
.item-has-taskstatus-color-141D76.svg-icon-stroke {
stroke: #141D76;
}
.item-has-taskstatus-color-141D76.svg-icon {
fill: #141D76;
}
.tr-taskstatus-color-141D76,
.tr-taskstatus-color-141D76 a,
.tr-taskstatus-color-141D76 a:hover {
color: #141D76;
}
.item-has-taskstatus-color-093476.svg-icon-stroke {
stroke: #093476;
}
.item-has-taskstatus-color-093476.svg-icon {
fill: #093476;
}
.tr-taskstatus-color-093476,
.tr-taskstatus-color-093476 a,
.tr-taskstatus-color-093476 a:hover {
color: #093476;
}
.item-has-taskstatus-color-005B65.svg-icon-stroke {
stroke: #005B65;
}
.item-has-taskstatus-color-005B65.svg-icon {
fill: #005B65;
}
.tr-taskstatus-color-005B65,
.tr-taskstatus-color-005B65 a,
.tr-taskstatus-color-005B65 a:hover {
color: #005B65;
}
.item-has-taskstatus-color-00392F.svg-icon-stroke {
stroke: #00392F;
}
.item-has-taskstatus-color-00392F.svg-icon {
fill: #00392F;
}
.tr-taskstatus-color-00392F,
.tr-taskstatus-color-00392F a,
.tr-taskstatus-color-00392F a:hover {
color: #00392F;
}
.item-has-taskstatus-color-005E02.svg-icon-stroke {
stroke: #005E02;
}
.item-has-taskstatus-color-005E02.svg-icon {
fill: #005E02;
}
.tr-taskstatus-color-005E02,
.tr-taskstatus-color-005E02 a,
.tr-taskstatus-color-005E02 a:hover {
color: #005E02;
}
.item-has-taskstatus-color-3B581D.svg-icon-stroke {
stroke: #3B581D;
}
.item-has-taskstatus-color-3B581D.svg-icon {
fill: #3B581D;
}
.tr-taskstatus-color-3B581D,
.tr-taskstatus-color-3B581D a,
.tr-taskstatus-color-3B581D a:hover {
color: #3B581D;
}
.item-has-taskstatus-color-36400C.svg-icon-stroke {
stroke: #36400C;
}
.item-has-taskstatus-color-36400C.svg-icon {
fill: #36400C;
}
.tr-taskstatus-color-36400C,
.tr-taskstatus-color-36400C a,
.tr-taskstatus-color-36400C a:hover {
color: #36400C;
}
.item-has-taskstatus-color-BB5200.svg-icon-stroke {
stroke: #BB5200;
}
.item-has-taskstatus-color-BB5200.svg-icon {
fill: #BB5200;
}
.tr-taskstatus-color-BB5200,
.tr-taskstatus-color-BB5200 a,
.tr-taskstatus-color-BB5200 a:hover {
color: #BB5200;
}
.item-has-taskstatus-color-882507.svg-icon-stroke {
stroke: #882507;
}
.item-has-taskstatus-color-882507.svg-icon {
fill: #882507;
}
.tr-taskstatus-color-882507,
.tr-taskstatus-color-882507 a,
.tr-taskstatus-color-882507 a:hover {
color: #882507;
}
.item-has-taskstatus-color-2B1A17.svg-icon-stroke {
stroke: #2B1A17;
}
.item-has-taskstatus-color-2B1A17.svg-icon {
fill: #2B1A17;
}
.tr-taskstatus-color-2B1A17,
.tr-taskstatus-color-2B1A17 a,
.tr-taskstatus-color-2B1A17 a:hover {
color: #2B1A17;
}
/*# sourceMappingURL=default-desktop_less_main_less.css.map*/