@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap);[data-v-9f9bd2c8] .el-table--border .el-table__cell{border-right:1px solid rgba(223,230,236,.01)}.box-center[data-v-9f9bd2c8]{margin:0 auto;display:table}.text-muted[data-v-9f9bd2c8]{color:#777}.user-profile .user-name[data-v-9f9bd2c8]{font-weight:700}.user-profile .box-center[data-v-9f9bd2c8]{padding-top:10px}.user-profile .user-role[data-v-9f9bd2c8]{padding-top:10px;font-weight:400;font-size:14px}.user-profile .box-social[data-v-9f9bd2c8]{padding-top:30px}.user-profile .box-social .el-table[data-v-9f9bd2c8]{border-top:1px solid #dfe6ec}.user-profile .user-follow[data-v-9f9bd2c8]{padding-top:20px}.user-bio[data-v-9f9bd2c8]{margin-top:20px;color:#606266}.user-bio span[data-v-9f9bd2c8]{padding-left:4px}.user-bio .user-bio-section[data-v-9f9bd2c8]{font-size:14px;padding:15px 0}.user-bio .user-bio-section .user-bio-section-header[data-v-9f9bd2c8]{border-bottom:1px solid #dfe6ec;padding-bottom:10px;margin-bottom:10px;font-weight:700}.createAttachmentForm[data-v-9f9bd2c8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.customWidth[data-v-9f9bd2c8]{width:600px}.el-scrollbar__wrap[data-v-9f9bd2c8]{overflow-x:hidden}img{background-color:#fff}[data-v-6e7df34e] .el-table--border .el-table__cell{border-right:1px solid rgba(223,230,236,.01)}[data-v-6e7df34e] .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{width:100px}[data-v-6e7df34e] .el-radio__input{display:none}[data-v-6e7df34e]{-webkit-box-sizing:border-box;box-sizing:border-box}body[data-v-6e7df34e],html[data-v-6e7df34e]{width:100%;height:calc(100vh - 310px);margin:0}body[data-v-6e7df34e]{font-family:DM Sans,sans-serif;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--app-container)}a[data-v-6e7df34e],button[data-v-6e7df34e]{cursor:pointer}.app-container[data-v-6e7df34e]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;background-color:var(--app-container);-webkit-transition:.2s;transition:.2s}.app-container button[data-v-6e7df34e],.app-container input[data-v-6e7df34e],.app-container optgroup[data-v-6e7df34e],.app-container select[data-v-6e7df34e],.app-container textarea[data-v-6e7df34e]{font-family:DM Sans,sans-serif}.app-content[data-v-6e7df34e]{height:100%;min-height:400px;padding:16px 24px 24px 0}.app-content[data-v-6e7df34e],.projects-section[data-v-6e7df34e]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.projects-section[data-v-6e7df34e]{-webkit-box-flex:4;-ms-flex:4;flex:4;background-color:var(--projects-section);border-radius:8px;padding:0 32px 0 32px;height:calc(100vh - 310px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projects-section-line[data-v-6e7df34e]{padding-bottom:32px}.projects-section-header[data-v-6e7df34e],.projects-section-line[data-v-6e7df34e]{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}.projects-section-header[data-v-6e7df34e]{margin-bottom:24px;color:var(--main-color)}.projects-section-header p[data-v-6e7df34e]{font-size:24px;line-height:32px;font-weight:700;opacity:.9;margin:0;color:var(--main-color)}.projects-section-header .time[data-v-6e7df34e]{font-size:17px}.item-status[data-v-6e7df34e],.projects-status[data-v-6e7df34e]{display:-webkit-box;display:-ms-flexbox;display:flex}.item-status[data-v-6e7df34e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:16px}.item-status:not(:last-child) .status-type[data-v-6e7df34e]:after{content:"";position:absolute;right:8px;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%);width:6px;height:6px;border-radius:50%;border:1px solid var(--secondary-color)}.status-number[data-v-6e7df34e]{font-size:24px;line-height:32px;font-weight:700;color:var(--main-color)}.status-type[data-v-6e7df34e]{position:relative;padding-right:24px;color:var(--secondary-color)}.view-actions[data-v-6e7df34e],.view-btn[data-v-6e7df34e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-btn[data-v-6e7df34e]{width:36px;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:6px;border-radius:4px;background-color:transparent;border:none;color:var(--main-color);margin-left:8px;-webkit-transition:.2s;transition:.2s}.view-btn.active[data-v-6e7df34e]{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.view-btn[data-v-6e7df34e]:not(.active):hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.messages-section[data-v-6e7df34e]{-ms-flex-negative:0;flex-shrink:0;padding-bottom:32px;background-color:var(--projects-section);margin-left:24px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:calc(100vh - 310px);border-radius:8px;position:relative;overflow:auto;-webkit-transition:all .3s cubic-bezier(.19,1,.56,1);transition:all .3s cubic-bezier(.19,1,.56,1)}.messages-section .messages-close[data-v-6e7df34e]{position:absolute;top:12px;right:12px;z-index:3;border:none;background-color:transparent;color:var(--main-color);display:none}.messages-section.show[data-v-6e7df34e]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;margin-left:0}.messages-section .projects-section-header[data-v-6e7df34e]{position:sticky;top:0;z-index:1;padding:32px 24px 0 24px;background-color:var(--projects-section)}.message-box[data-v-6e7df34e]{border-top:1px solid var(--message-box-border);padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.message-box[data-v-6e7df34e]:hover{background-color:var(--message-box-hover)}.message-box:hover+.message-box[data-v-6e7df34e],.message-box[data-v-6e7df34e]:hover{border-top-color:var(--link-color-hover)}.message-box img[data-v-6e7df34e]{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:40px;height:40px}.message-header[data-v-6e7df34e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.message-header .name[data-v-6e7df34e]{font-size:16px;line-height:24px;font-weight:700;color:var(--main-color);margin:0}.message-content[data-v-6e7df34e]{padding-left:16px;width:100%}.star-checkbox input[data-v-6e7df34e]{opacity:0;position:absolute;width:0;height:0}.star-checkbox label[data-v-6e7df34e]{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.dark .star-checkbox[data-v-6e7df34e]{color:var(--secondary-color)}.dark .star-checkbox input:checked+label[data-v-6e7df34e]{color:var(--star)}.star-checkbox input:checked+label svg[data-v-6e7df34e]{fill:var(--star);-webkit-transition:.2s;transition:.2s}.message-line[data-v-6e7df34e]{font-size:14px;line-height:20px;margin:8px 0;color:var(--secondary-color);opacity:.7}.message-line.time[data-v-6e7df34e]{text-align:right;margin-bottom:0}.project-boxes[data-v-6e7df34e]{margin:0 -8px;overflow-y:auto}.project-boxes.jsGridView[data-v-6e7df34e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project-boxes.jsGridView .project-box-wrapper[data-v-6e7df34e]{width:33.3%}.project-boxes.jsListView .project-box[data-v-6e7df34e]{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;position:relative}.project-boxes.jsListView .project-box>[data-v-6e7df34e]{margin-right:24px}.project-boxes.jsListView .more-wrapper[data-v-6e7df34e]{position:absolute;right:16px;top:16px}.project-boxes.jsListView .project-box-content-header[data-v-6e7df34e]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;max-width:120px}.project-boxes.jsListView .project-box-header[data-v-6e7df34e]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.project-boxes.jsListView .project-box-footer[data-v-6e7df34e]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding-top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.project-boxes.jsListView .project-box-footer[data-v-6e7df34e]:after{display:none}.project-boxes.jsListView .participants[data-v-6e7df34e]{margin-bottom:8px}.project-boxes.jsListView .project-box-content-header p[data-v-6e7df34e]{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-boxes.jsListView .project-box-header>span[data-v-6e7df34e]{position:absolute;bottom:16px;left:16px;font-size:12px}.project-boxes.jsListView .box-progress-wrapper[data-v-6e7df34e]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-webkit-box-flex:1;-ms-flex:1;flex:1}.project-box[data-v-6e7df34e]{--main-color-card:#dbf6fd;border-radius:8px;padding:16px;background-color:var(--main-color-card)}.project-box-header[data-v-6e7df34e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;color:var(--main-color)}.project-box-header span[data-v-6e7df34e]{color:#4a4a4a;opacity:.7;font-size:14px;line-height:16px}.project-box-content-header[data-v-6e7df34e]{text-align:center;margin-bottom:16px}.project-box-content-header p[data-v-6e7df34e]{margin:0}.project-box-wrapper[data-v-6e7df34e]{padding:8px;-webkit-transition:.2s;transition:.2s}.project-btn-more[data-v-6e7df34e]{padding:0;height:14px;width:24px;height:24px;position:relative;background-color:transparent;border:none;-ms-flex-negative:0;flex-shrink:0}.more-wrapper[data-v-6e7df34e]{position:relative}.box-content-header[data-v-6e7df34e]{font-size:16px;line-height:24px;font-weight:700;opacity:.7}.box-content-subheader[data-v-6e7df34e]{font-size:14px;line-height:24px;opacity:.7}.box-progress[data-v-6e7df34e]{display:block;height:4px;border-radius:6px}.box-progress-bar[data-v-6e7df34e]{width:100%;height:4px;border-radius:6px;overflow:hidden;background-color:#fff;margin:8px 0}.box-progress-header[data-v-6e7df34e],.box-progress-percentage[data-v-6e7df34e]{font-size:14px;font-weight:700;line-height:16px;margin:0}.box-progress-percentage[data-v-6e7df34e]{text-align:right}.project-box-footer[data-v-6e7df34e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:16px;position:relative}.project-box-footer[data-v-6e7df34e]:after{content:"";position:absolute;background-color:hsla(0,0%,100%,.6);width:calc(100% + 32px);top:0;left:-16px;height:1px}.participants[data-v-6e7df34e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.participants img[data-v-6e7df34e]{width:20px;height:20px;border-radius:50%;overflow:hidden;-o-object-fit:cover;object-fit:cover}.participants img[data-v-6e7df34e]:not(:first-child){margin-left:-8px}.add-participant[data-v-6e7df34e]{width:20px;height:20px;border-radius:50%;border:none;background-color:hsla(0,0%,100%,.6);margin-left:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}.days-left[data-v-6e7df34e]{background-color:hsla(0,0%,100%,.6);font-size:12px;border-radius:20px;-ms-flex-negative:0;flex-shrink:0;padding:6px 16px;font-weight:700}.mode-switch.active .moon[data-v-6e7df34e]{fill:var(--main-color)}.messages-btn[data-v-6e7df34e]{border-radius:4px 0 0 4px;position:absolute;right:0;top:58px;background-color:var(--message-btn);border:none;color:var(--main-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px;display:none}@media screen and (max-width:980px){.project-boxes.jsGridView .project-box-wrapper[data-v-6e7df34e]{width:50%}.status-number[data-v-6e7df34e],.status-type[data-v-6e7df34e]{font-size:14px}.status-type[data-v-6e7df34e]:after{width:4px;height:4px}.item-status[data-v-6e7df34e]{margin-right:0}}@media screen and (max-width:880px){.messages-section[data-v-6e7df34e]{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%}.messages-section .messages-close[data-v-6e7df34e]{display:block}.messages-btn[data-v-6e7df34e]{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:720px){.app-name[data-v-6e7df34e],.profile-btn span[data-v-6e7df34e]{display:none}.add-btn[data-v-6e7df34e],.mode-switch[data-v-6e7df34e],.notification-btn[data-v-6e7df34e]{width:20px;height:20px}.add-btn svg[data-v-6e7df34e],.mode-switch svg[data-v-6e7df34e],.notification-btn svg[data-v-6e7df34e]{width:16px;height:16px}.app-header-right button[data-v-6e7df34e]{margin-left:4px}}@media screen and (max-width:520px){.projects-section[data-v-6e7df34e]{overflow:auto}.project-boxes[data-v-6e7df34e]{overflow-y:visible}.app-icon[data-v-6e7df34e],.app-sidebar[data-v-6e7df34e]{display:none}.app-content[data-v-6e7df34e]{padding:16px 12px 24px 12px}.status-number[data-v-6e7df34e],.status-type[data-v-6e7df34e]{font-size:10px}.view-btn[data-v-6e7df34e]{width:24px;height:24px}.app-header[data-v-6e7df34e]{padding:16px 10px}.search-input[data-v-6e7df34e]{max-width:120px}.project-boxes.jsGridView .project-box-wrapper[data-v-6e7df34e]{width:100%}.projects-section[data-v-6e7df34e]{padding:24px 16px 0 16px}.profile-btn img[data-v-6e7df34e]{width:24px;height:24px}.app-header[data-v-6e7df34e]{padding:10px}.projects-section-header .time[data-v-6e7df34e],.projects-section-header p[data-v-6e7df34e]{font-size:18px}.status-type[data-v-6e7df34e]{padding-right:4px}.status-type[data-v-6e7df34e]:after{display:none}.search-input[data-v-6e7df34e]{font-size:14px}.messages-btn[data-v-6e7df34e]{top:48px}.box-content-header[data-v-6e7df34e],.box-content-subheader[data-v-6e7df34e]{font-size:12px;line-height:16px}.project-boxes.jsListView .project-box-header>span[data-v-6e7df34e]{font-size:10px}.box-progress-header[data-v-6e7df34e]{font-size:12px}.box-progress-percentage[data-v-6e7df34e]{font-size:10px}.days-left[data-v-6e7df34e]{font-size:8px;padding:6px 6px;text-align:center}.project-boxes.jsListView .project-box>[data-v-6e7df34e]{margin-right:10px}.project-boxes.jsListView .more-wrapper[data-v-6e7df34e]{right:2px;top:10px}}[data-v-6e7df34e] .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#dcdfe6}[data-v-6e7df34e] .el-checkbox__input.is-disabled+span.el-checkbox__label{color:#000;cursor:not-allowed}:root{--app-container:rgba(243,246,253,0);--main-color:#1f1c2e;--secondary-color:#4a4a4a;--link-color:#1f1c2e;--link-color-hover:#c3cff4;--link-color-active:#fff;--link-color-active-bg:#1f1c2e;--projects-section:#fff;--message-box-hover:#fafcff;--message-box-border:#e9ebf0;--more-list-bg:#fff;--more-list-bg-hover:#f6fbff;--more-list-shadow:hsla(0,0%,82%,0.4);--button-bg:#1f1c24;--search-area-bg:#fff;--star:#1ff1c2e;--message-btn:#fff}[data-v-222256a7] .el-table--border .el-table__cell{border-right:1px solid rgba(223,230,236,.01)}[data-v-222256a7] .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{width:100px}[data-v-222256a7] .el-radio__input{display:none}[data-v-222256a7]{-webkit-box-sizing:border-box;box-sizing:border-box}body[data-v-222256a7],html[data-v-222256a7]{width:100%;height:calc(100vh - 310px);margin:0}body[data-v-222256a7]{font-family:DM Sans,sans-serif;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--app-container)}a[data-v-222256a7],button[data-v-222256a7]{cursor:pointer}.app-container[data-v-222256a7]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;background-color:var(--app-container);-webkit-transition:.2s;transition:.2s}.app-container button[data-v-222256a7],.app-container input[data-v-222256a7],.app-container optgroup[data-v-222256a7],.app-container select[data-v-222256a7],.app-container textarea[data-v-222256a7]{font-family:DM Sans,sans-serif}.app-content[data-v-222256a7]{height:100%;min-height:400px;padding:16px 24px 24px 0}.app-content[data-v-222256a7],.projects-section[data-v-222256a7]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.projects-section[data-v-222256a7]{-webkit-box-flex:4;-ms-flex:4;flex:4;background-color:var(--projects-section);border-radius:8px;padding:0 32px 0 32px;height:calc(100vh - 310px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projects-section-line[data-v-222256a7]{padding-bottom:32px}.projects-section-header[data-v-222256a7],.projects-section-line[data-v-222256a7]{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}.projects-section-header[data-v-222256a7]{margin-bottom:24px;color:var(--main-color)}.projects-section-header p[data-v-222256a7]{font-size:24px;line-height:32px;font-weight:700;opacity:.9;margin:0;color:var(--main-color)}.projects-section-header .time[data-v-222256a7]{font-size:17px}.item-status[data-v-222256a7],.projects-status[data-v-222256a7]{display:-webkit-box;display:-ms-flexbox;display:flex}.item-status[data-v-222256a7]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:16px}.item-status:not(:last-child) .status-type[data-v-222256a7]:after{content:"";position:absolute;right:8px;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%);width:6px;height:6px;border-radius:50%;border:1px solid var(--secondary-color)}.status-number[data-v-222256a7]{font-size:24px;line-height:32px;font-weight:700;color:var(--main-color)}.status-type[data-v-222256a7]{position:relative;padding-right:24px;color:var(--secondary-color)}.view-actions[data-v-222256a7],.view-btn[data-v-222256a7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-btn[data-v-222256a7]{width:36px;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:6px;border-radius:4px;background-color:transparent;border:none;color:var(--main-color);margin-left:8px;-webkit-transition:.2s;transition:.2s}.view-btn.active[data-v-222256a7]{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.view-btn[data-v-222256a7]:not(.active):hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.messages-section[data-v-222256a7]{-ms-flex-negative:0;flex-shrink:0;padding-bottom:32px;background-color:var(--projects-section);margin-left:24px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:calc(100vh - 310px);border-radius:8px;position:relative;overflow:auto;-webkit-transition:all .3s cubic-bezier(.19,1,.56,1);transition:all .3s cubic-bezier(.19,1,.56,1)}.messages-section .messages-close[data-v-222256a7]{position:absolute;top:12px;right:12px;z-index:3;border:none;background-color:transparent;color:var(--main-color);display:none}.messages-section.show[data-v-222256a7]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;margin-left:0}.messages-section .projects-section-header[data-v-222256a7]{position:sticky;top:0;z-index:1;padding:32px 24px 0 24px;background-color:var(--projects-section)}.message-box[data-v-222256a7]{border-top:1px solid var(--message-box-border);padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.message-box[data-v-222256a7]:hover{background-color:var(--message-box-hover)}.message-box:hover+.message-box[data-v-222256a7],.message-box[data-v-222256a7]:hover{border-top-color:var(--link-color-hover)}.message-box img[data-v-222256a7]{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:40px;height:40px}.message-header[data-v-222256a7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.message-header .name[data-v-222256a7]{font-size:16px;line-height:24px;font-weight:700;color:var(--main-color);margin:0}.message-content[data-v-222256a7]{padding-left:16px;width:100%}.star-checkbox input[data-v-222256a7]{opacity:0;position:absolute;width:0;height:0}.star-checkbox label[data-v-222256a7]{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.dark .star-checkbox[data-v-222256a7]{color:var(--secondary-color)}.dark .star-checkbox input:checked+label[data-v-222256a7]{color:var(--star)}.star-checkbox input:checked+label svg[data-v-222256a7]{fill:var(--star);-webkit-transition:.2s;transition:.2s}.message-line[data-v-222256a7]{font-size:14px;line-height:20px;margin:8px 0;color:var(--secondary-color);opacity:.7}.message-line.time[data-v-222256a7]{text-align:right;margin-bottom:0}.project-boxes[data-v-222256a7]{margin:0 -8px;overflow-y:auto}.project-boxes.jsGridView[data-v-222256a7]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project-boxes.jsGridView .project-box-wrapper[data-v-222256a7]{width:33.3%}.project-boxes.jsListView .project-box[data-v-222256a7]{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;position:relative}.project-boxes.jsListView .project-box>[data-v-222256a7]{margin-right:24px}.project-boxes.jsListView .more-wrapper[data-v-222256a7]{position:absolute;right:16px;top:16px}.project-boxes.jsListView .project-box-content-header[data-v-222256a7]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;max-width:120px}.project-boxes.jsListView .project-box-header[data-v-222256a7]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.project-boxes.jsListView .project-box-footer[data-v-222256a7]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding-top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.project-boxes.jsListView .project-box-footer[data-v-222256a7]:after{display:none}.project-boxes.jsListView .participants[data-v-222256a7]{margin-bottom:8px}.project-boxes.jsListView .project-box-content-header p[data-v-222256a7]{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-boxes.jsListView .project-box-header>span[data-v-222256a7]{position:absolute;bottom:16px;left:16px;font-size:12px}.project-boxes.jsListView .box-progress-wrapper[data-v-222256a7]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-webkit-box-flex:1;-ms-flex:1;flex:1}.project-box[data-v-222256a7]{--main-color-card:#dbf6fd;border-radius:8px;padding:16px;background-color:var(--main-color-card)}.project-box-header[data-v-222256a7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;color:var(--main-color)}.project-box-header span[data-v-222256a7]{color:#4a4a4a;opacity:.7;font-size:14px;line-height:16px}.project-box-content-header[data-v-222256a7]{text-align:center;margin-bottom:16px}.project-box-content-header p[data-v-222256a7]{margin:0}.project-box-wrapper[data-v-222256a7]{padding:8px;-webkit-transition:.2s;transition:.2s}.project-btn-more[data-v-222256a7]{padding:0;height:14px;width:24px;height:24px;position:relative;background-color:transparent;border:none;-ms-flex-negative:0;flex-shrink:0}.more-wrapper[data-v-222256a7]{position:relative}.box-content-header[data-v-222256a7]{font-size:16px;line-height:24px;font-weight:700;opacity:.7}.box-content-subheader[data-v-222256a7]{font-size:14px;line-height:24px;opacity:.7}.box-progress[data-v-222256a7]{display:block;height:4px;border-radius:6px}.box-progress-bar[data-v-222256a7]{width:100%;height:4px;border-radius:6px;overflow:hidden;background-color:#fff;margin:8px 0}.box-progress-header[data-v-222256a7],.box-progress-percentage[data-v-222256a7]{font-size:14px;font-weight:700;line-height:16px;margin:0}.box-progress-percentage[data-v-222256a7]{text-align:right}.project-box-footer[data-v-222256a7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:16px;position:relative}.project-box-footer[data-v-222256a7]:after{content:"";position:absolute;background-color:hsla(0,0%,100%,.6);width:calc(100% + 32px);top:0;left:-16px;height:1px}.participants[data-v-222256a7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.participants img[data-v-222256a7]{width:20px;height:20px;border-radius:50%;overflow:hidden;-o-object-fit:cover;object-fit:cover}.participants img[data-v-222256a7]:not(:first-child){margin-left:-8px}.add-participant[data-v-222256a7]{width:20px;height:20px;border-radius:50%;border:none;background-color:hsla(0,0%,100%,.6);margin-left:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}.days-left[data-v-222256a7]{background-color:hsla(0,0%,100%,.6);font-size:12px;border-radius:20px;-ms-flex-negative:0;flex-shrink:0;padding:6px 16px;font-weight:700}.mode-switch.active .moon[data-v-222256a7]{fill:var(--main-color)}.messages-btn[data-v-222256a7]{border-radius:4px 0 0 4px;position:absolute;right:0;top:58px;background-color:var(--message-btn);border:none;color:var(--main-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px;display:none}@media screen and (max-width:980px){.project-boxes.jsGridView .project-box-wrapper[data-v-222256a7]{width:50%}.status-number[data-v-222256a7],.status-type[data-v-222256a7]{font-size:14px}.status-type[data-v-222256a7]:after{width:4px;height:4px}.item-status[data-v-222256a7]{margin-right:0}}@media screen and (max-width:880px){.messages-section[data-v-222256a7]{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%}.messages-section .messages-close[data-v-222256a7]{display:block}.messages-btn[data-v-222256a7]{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:720px){.app-name[data-v-222256a7],.profile-btn span[data-v-222256a7]{display:none}.add-btn[data-v-222256a7],.mode-switch[data-v-222256a7],.notification-btn[data-v-222256a7]{width:20px;height:20px}.add-btn svg[data-v-222256a7],.mode-switch svg[data-v-222256a7],.notification-btn svg[data-v-222256a7]{width:16px;height:16px}.app-header-right button[data-v-222256a7]{margin-left:4px}}@media screen and (max-width:520px){.projects-section[data-v-222256a7]{overflow:auto}.project-boxes[data-v-222256a7]{overflow-y:visible}.app-icon[data-v-222256a7],.app-sidebar[data-v-222256a7]{display:none}.app-content[data-v-222256a7]{padding:16px 12px 24px 12px}.status-number[data-v-222256a7],.status-type[data-v-222256a7]{font-size:10px}.view-btn[data-v-222256a7]{width:24px;height:24px}.app-header[data-v-222256a7]{padding:16px 10px}.search-input[data-v-222256a7]{max-width:120px}.project-boxes.jsGridView .project-box-wrapper[data-v-222256a7]{width:100%}.projects-section[data-v-222256a7]{padding:24px 16px 0 16px}.profile-btn img[data-v-222256a7]{width:24px;height:24px}.app-header[data-v-222256a7]{padding:10px}.projects-section-header .time[data-v-222256a7],.projects-section-header p[data-v-222256a7]{font-size:18px}.status-type[data-v-222256a7]{padding-right:4px}.status-type[data-v-222256a7]:after{display:none}.search-input[data-v-222256a7]{font-size:14px}.messages-btn[data-v-222256a7]{top:48px}.box-content-header[data-v-222256a7],.box-content-subheader[data-v-222256a7]{font-size:12px;line-height:16px}.project-boxes.jsListView .project-box-header>span[data-v-222256a7]{font-size:10px}.box-progress-header[data-v-222256a7]{font-size:12px}.box-progress-percentage[data-v-222256a7]{font-size:10px}.days-left[data-v-222256a7]{font-size:8px;padding:6px 6px;text-align:center}.project-boxes.jsListView .project-box>[data-v-222256a7]{margin-right:10px}.project-boxes.jsListView .more-wrapper[data-v-222256a7]{right:2px;top:10px}}[data-v-222256a7] .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#dcdfe6}[data-v-222256a7] .el-checkbox__input.is-disabled+span.el-checkbox__label{color:#000;cursor:not-allowed}.el-form-item{margin-bottom:18px}.my-content{background:#fafafa}.el-dialog{text-align:initial;border-radius:20px}:root{--bg:#ebf0f7;--header:#fbf4f6;--text:#2e2e2f;--white:#fff;--light-grey:#c4cad3;--tag-1:#ceecfd;--tag-1-text:#2e87ba;--tag-2:#d6ede2;--tag-2-text:#13854e;--tag-3:#ceecfd;--tag-3-text:#2d86ba;--tag-4:#f2dcf5;--tag-4-text:#a734ba;--purple:#7784ee}[data-v-ac9ced40] .el-table--border .el-table__cell{border-right:1px solid rgba(223,230,236,.01)}.box-card-2[data-v-ac9ced40]{background:rgba(8,159,247,.19)}[data-v-ac9ced40] .el-form--label-top .el-form-item__label{padding:0}[data-v-ac9ced40] .el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:rgba(143,180,235,.72)}[data-v-ac9ced40] .el-card__header{padding:10px 12px;border-bottom:1px solid #ebeef5;-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-ac9ced40] .el-input.is-disabled .el-input__inner,[data-v-ac9ced40] .el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:var(--popup-bg);cursor:not-allowed}.app[data-v-ac9ced40]{width:100%;height:calc(100vh - 155px)}.list[data-v-ac9ced40]{height:calc(100vh - 235px)}.bg-purple-light2[data-v-ac9ced40]{padding:10px;background:#fff;border-radius:5px;margin-right:10px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.bg-purple-light[data-v-ac9ced40]{padding:0 10px 10px 10px;height:calc(100vh - 235px)}.bg-purple[data-v-ac9ced40]{height:calc(100vh - 235px);padding:10px}.bg-purple-re[data-v-ac9ced40],.bg-purple[data-v-ac9ced40]{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:5px;background:#fff}.bg-purple-re[data-v-ac9ced40]{height:calc(100vh - 135px);margin:0 20px}.bg-purple-re .man[data-v-ac9ced40]{height:calc(100vh - 295px);overflow:auto;padding:0 10px}.bg-purple-re .bo[data-v-ac9ced40]{padding-left:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:45px;background:#fafafa;border-radius:5px}.task[data-v-ac9ced40]{background-color:var(--white);padding:.7rem;padding-bottom:.2rem;border-radius:20px;width:100%;margin-top:10px;-webkit-box-shadow:rgba(99,99,99,.1) 0 2px 8px 0;box-shadow:0 2px 8px 0 rgba(99,99,99,.1);border:3px dashed transparent}.task p[data-v-ac9ced40]{font-size:15px;margin:1rem 0}.task__tag[data-v-ac9ced40]{border-radius:100px;padding:2px 8px;font-size:12px}.task__tag--copyright[data-v-ac9ced40]{color:var(--tag-4-text);background-color:var(--tag-4)}.task__tag--design[data-v-ac9ced40]{color:var(--tag-3-text);background-color:var(--tag-3)}.task__tag--info[data-v-ac9ced40]{color:#909399;background-color:rgba(144,147,153,.33)}.task__tag--warning[data-v-ac9ced40]{color:#e6a23c;background-color:rgba(230,162,60,.36)}.task__tag--illustration[data-v-ac9ced40]{color:var(--tag-2-text);background-color:var(--tag-2)}.task__tags[data-v-ac9ced40]{width:100%;font-size:small;color:#606266}.task__options[data-v-ac9ced40]{background:transparent;border:0;color:var(--light-grey);font-size:17px}.task__stats[data-v-ac9ced40]{position:relative;width:100%;color:#909399;font-size:12px}.task__stats span[data-v-ac9ced40]:not(:last-of-type){margin-right:1rem}.task__stats svg[data-v-ac9ced40]{margin-right:5px}.task_ds[data-v-ac9ced40]{background:#000;border-radius:5px}.task__owner[data-v-ac9ced40]{position:absolute;display:inline-block;right:0;color:#909399;bottom:15px}.task__stats_2[data-v-ac9ced40]{font-size:12px;color:#606266;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.task__stats_2>img[data-v-ac9ced40]{height:10px;width:10px}.task-hover[data-v-ac9ced40]{border:3px dashed var(--light-grey)!important}.task-details[data-v-ac9ced40]{width:20%;border-left:1px solid #d9e0e9;display:inline-block;height:100%;vertical-align:top;padding:0 2rem}.tag-progress[data-v-ac9ced40]{margin:1.5rem 0}.tag-progress h2[data-v-ac9ced40]{font-size:16px;margin-bottom:1rem}.tag-progress p[data-v-ac9ced40]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tag-progress p span[data-v-ac9ced40]{color:#b4b4b4}.tag-progress .progress[data-v-ac9ced40]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;height:10px}.tag-progress .progress[data-v-ac9ced40]::-webkit-progress-bar,.tag-progress .progress[data-v-ac9ced40]::-webkit-progress-value{border-radius:10px}.tag-progress .progress--copyright[data-v-ac9ced40]::-webkit-progress-bar{background-color:#ecd8e6}.tag-progress .progress--copyright[data-v-ac9ced40]::-webkit-progress-value{background:#d459e8}.tag-progress .progress--illustration[data-v-ac9ced40]::-webkit-progress-bar{background-color:#dee7e3}.tag-progress .progress--illustration[data-v-ac9ced40]::-webkit-progress-value{background-color:#46bd84}.tag-progress .progress--design[data-v-ac9ced40]::-webkit-progress-bar{background-color:#d8e7f4}.tag-progress .progress--design[data-v-ac9ced40]::-webkit-progress-value{background-color:#08a0f7}.task-activity h2[data-v-ac9ced40]{font-size:16px;margin-bottom:1rem}.task-activity li[data-v-ac9ced40]{list-style:none;margin:1rem 0;padding:0 1rem 1rem 3rem;position:relative}.task-activity time[data-v-ac9ced40]{display:block;color:var(--light-grey)}.task-icon[data-v-ac9ced40]{width:30px;height:30px;border-radius:100rem;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.task-icon svg[data-v-ac9ced40]{font-size:12px;color:var(--white)}.task-icon--attachment[data-v-ac9ced40]{background-color:#fba63c}.task-icon--comment[data-v-ac9ced40]{background-color:#5dc983}.task-icon--edit[data-v-ac9ced40]{background-color:#7784ee}@media only screen and (max-width:1300px){.project[data-v-ac9ced40]{max-width:100%}.task-details[data-v-ac9ced40]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tag-progress[data-v-ac9ced40],.task-activity[data-v-ac9ced40]{-ms-flex-preferred-size:50%;flex-basis:50%;background:var(--white);padding:1rem;border-radius:8px;margin:1rem}}@media only screen and (max-width:1000px){.project-column[data-v-ac9ced40]:nth-child(2),.project-column[data-v-ac9ced40]:nth-child(3){display:none}.project-tasks[data-v-ac9ced40]{grid-template-columns:1fr 1fr}}@media only screen and (max-width:600px){.project-column[data-v-ac9ced40]:nth-child(4){display:none}.project-tasks[data-v-ac9ced40]{grid-template-columns:1fr}.task-details[data-v-ac9ced40]{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3rem 1rem}.tag-progress[data-v-ac9ced40],.task-activity[data-v-ac9ced40]{-ms-flex-preferred-size:100%;flex-basis:100%}h1[data-v-ac9ced40]{font-size:25px}}