.icon {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fff;
  color: black;
}
.hljs-comment,
.hljs-quote {
  color: #006a00;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal {
  color: #aa0d91;
}
.hljs-name {
  color: #008;
}
.hljs-variable,
.hljs-template-variable {
  color: #660;
}
.hljs-string {
  color: #c41a16;
}
.hljs-regexp,
.hljs-link {
  color: #080;
}
.hljs-title,
.hljs-tag,
.hljs-symbol,
.hljs-bullet,
.hljs-number,
.hljs-meta {
  color: #1c00cf;
}
.hljs-section,
.hljs-class .hljs-title,
.hljs-type,
.hljs-attr,
.hljs-built_in,
.hljs-builtin-name,
.hljs-params {
  color: #5c2699;
}
.hljs-attribute,
.hljs-subst {
  color: #000;
}
.hljs-formula {
  background-color: #eee;
  font-style: italic;
}
.hljs-addition {
  background-color: #baeeba;
}
.hljs-deletion {
  background-color: #ffc8bd;
}
.hljs-selector-id,
.hljs-selector-class {
  color: #9b703f;
}
.hljs-doctag,
.hljs-strong {
  font-weight: bold;
}
.hljs-emphasis {
  font-style: italic;
}
.form-control-select:after,
.simditor-icon,
.toolbar-item,
.symbol-popover-view .popover-content li.selected:after,
.archive-modal-view .archive-list:empty:after,
.popover-menu-view .popover-content li.selected:after,
.popover-single-picker-view .popover-content li.selected:after,
.popover-repeat-picker-view .popover-content li.selected:after,
.project-switcher-view .project-item.selected:after,
.visibility-menu li.selected .menu-item-title:after,
.power-up-common .img-icon-preciseDate.size-sd,
.power-up-common .img-icon-startDate.size-sd,
.power-up-common .img-icon-customfields.size-sd,
.power-up-common .img-icon-tasklist.size-sd,
.power-up-common .img-icon-timeView.size-sd,
.power-up-common .img-icon-preciseDate.size-sm,
.power-up-common .img-icon-startDate.size-sm,
.power-up-common .img-icon-customfields.size-sm,
.power-up-common .img-icon-timeView.size-sm,
.power-up-common .img-icon-tasklist.size-sm,
.wall-view .wall-left-column .post.pin:before,
.scrum-panel .list li.selected:after,
.scrum-filter-menu-view li.selected:after,
.previewer .prev-handler .arrow-container:before,
.previewer .next-handler .arrow-container:before,
.previewer .prev-handler .arrow-container:before,
.previewer .next-handler .arrow-container:before,
.previewer-header .breadcrumbs > li + li:before,
.member-card-submenu.member-card-setting-role li.selected:after,
.member-menu-view .popover-content li.selected:after,
.member-selector-view li.selected:after,
.project-settings-member-menu-view li.selected:after,
.favorites-view .favorites-header .type-selector li.active:after,
.projects-manager-view .breadcrumbs > li + li:before,
.organization-member-menu-view li.selected:after,
.object-picker-search-view .search-result-header .type-selector li.active:after {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.simditor-icon-align-center:before {
  content: "\EA05";
}
.simditor-icon-align-left:before {
  content: "\EA06";
}
.simditor-icon-align-right:before {
  content: "\EA07";
}
.archive-modal-view .archive-list:empty:after {
  content: "\EA09";
}
.project-creator.from-template .item-icon.icon-tasks::before {
  content: "\EA10";
}
.simditor-icon-bold:before {
  content: "\EA11";
}
.project-creator.from-template .item-icon.icon-bookkeeping::before {
  content: "\EA13";
}
.project-creator.from-template .item-icon.icon-events::before {
  content: "\EA1C";
}
.project-creator.from-template .item-icon.icon-groupchat::before {
  content: "\EA24";
}
.form-control-select:after {
  content: "\EA2B";
}
.previewer .prev-handler .arrow-container:before {
  content: "\EA2C";
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item:not(:last-child)::after,
.previewer .next-handler .arrow-container:before,
.previewer-header .breadcrumbs > li + li:before,
.projects-manager-view .breadcrumbs > li + li:before {
  content: "\EA2D";
}
.power-up-common .img-icon-preciseDate:before {
  content: "\EA59";
}
.power-up-common .img-icon-customfields:before {
  content: "\EA6C";
}
.member-bar-view .item-name .member-role-icon.disabled:before {
  content: "\EA74";
}
.project-creator.from-template .item-icon.icon-works::before {
  content: "\EA8D";
}
.toolbar-item-title span:before,
.simditor-icon-title:before {
  content: "\EA98";
}
.simditor-icon-table-line:before,
.simditor-icon-minus:before {
  content: "\EA9B";
}
.simditor-icon-upload:before {
  content: "\EA9D";
}
.simditor-icon-indent:before {
  content: "\EAA1";
}
.simditor-icon-italic:before {
  content: "\EAA6";
}
.simditor-icon-link:before {
  content: "\EAAD";
}
.project-creator.from-template .item-icon.icon-markdown::before {
  content: "\EAB6";
}
.simditor-icon-list-ol:before {
  content: "\EAD1";
}
.member-bar-view .item-name .member-role-icon.color-role-2:before {
  content: "\EADD";
}
.member-bar-view .item-name .member-role-icon:before {
  content: "\EAE2";
}
.simditor-icon-outdent:before {
  content: "\EAE9";
}
.simditor-icon-tint:before {
  content: "\EAEA";
}
.wall-view .wall-left-column .post.pin:before {
  content: "\EAF1";
}
.simditor-icon-code:before {
  content: "\EAF8";
}
.simditor-icon-quote-left:before {
  content: "\EB03";
}
.simditor-icon-markdown:before {
  content: "\EB0A";
}
.project-creator.from-template .item-icon.icon-startDate::before,
.power-up-common .img-icon-startDate:before {
  content: "\EB25";
}
.simditor-icon-strikethrough:before {
  content: "\EB2D";
}
.simditor-icon-table:before {
  content: "\EB31";
}
.obd-grid-selector .grid-selector .item-container .item .item-card::before {
  content: "\EB4B";
}
.symbol-popover-view .popover-content li.selected:after,
.popover-menu-view .popover-content li.selected:after,
.popover-single-picker-view .popover-content li.selected:after,
.popover-repeat-picker-view .popover-content li.selected:after,
.project-switcher-view .project-item.selected:after,
.visibility-menu li.selected .menu-item-title:after,
.scrum-panel .list li.selected:after,
.scrum-filter-menu-view li.selected:after,
.member-card-submenu.member-card-setting-role li.selected:after,
.member-menu-view .popover-content li.selected:after,
.member-selector-view li.selected:after,
.project-settings-member-menu-view li.selected:after,
.favorites-view .favorites-header .type-selector li.active:after,
.organization-member-menu-view li.selected:after,
.object-picker-search-view .search-result-header .type-selector li.active:after {
  content: "\EB4C";
}
.power-up-common .img-icon-timeView:before {
  content: "\EB4E";
}
.power-up-common .img-icon-tasklist:before {
  content: "\EB56";
}
.simditor-icon-underline:before {
  content: "\EB59";
}
.simditor-icon-list-ul:before,
.project-creator.from-template .item-icon.icon-tasklist::before {
  content: "\EB5B";
}
.member-bar-view .team.all-member .team-avatar .icon:before {
  content: "\EB61";
}
.project-creator.from-template .item-icon.icon-posts::before {
  content: "\EB64";
}
.vertical-scroll {
  /* Track */
  /* Handle */
}
.vertical-scroll::-webkit-scrollbar {
  width: 12px;
}
.vertical-scroll::-webkit-scrollbar-track {
  border-left: 1px solid #A6A6A6;
  background: #E5E5E5;
}
.vertical-scroll::-webkit-scrollbar-thumb {
  background: #A6A6A6;
}
.horizontal-scroll::-webkit-scrollbar {
  height: 12px;
}
.horizontal-scroll::-webkit-scrollbar-track {
  background: #E5E5E5;
}
.horizontal-scroll::-webkit-scrollbar-thumb {
  background: #A6A6A6;
}
.thin-scroll::-webkit-scrollbar {
  width: 7px;
}
.thin-scroll::-webkit-scrollbar-track {
  background-color: #E5E5E5;
  border-left: 2px solid transparent;
}
.thin-scroll::-webkit-scrollbar-thumb {
  background-color: #A6A6A6;
  border-left: 2px solid transparent;
}
.thin-scroll::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}
.transparent-scroll::-webkit-scrollbar {
  width: 8px;
}
.transparent-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.transparent-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.25);
}
.form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
.form-horizontal .form-group .form-control-select {
  width: 100%;
}
.form-control {
  height: 38px;
  padding: 8px 12px;
  color: #383838;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #CCCCCC;
}
.form-control::-webkit-input-placeholder {
  color: #CCCCCC;
}
input.form-control,
textarea.form-control {
  background-color: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  line-height: 20px;
}
input.form-control {
  height: 40px;
  line-height: 26px;
}
.form-control:focus {
  border-color: #A6A6A6;
  box-shadow: none;
  outline: 0;
}
.form-control.btn-danger {
  background-color: #FF4F3E;
  border-color: #FF4F3E;
}
.form-control-select {
  position: relative;
  display: inline-block;
}
.form-control-select:after {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0 0 2px;
  font-size: 12px;
  border-bottom: #000;
  color: #A6A6A6;
  pointer-events: none;
}
.input-large,
input.input-large {
  height: 50px;
  padding: 14px 16px;
  font-size: 15px;
  border-radius: 4px;
}
.input-small,
input.input-small {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 2px;
  line-height: 20px;
}
a.icon {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.icon:hover {
  color: #3da8f5;
}
a.icon.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.icon.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.icon.icon-white {
  color: #FFFFFF;
}
.icon.icon-font14 {
  font-size: 14px;
}
.icon.icon-font16 {
  font-size: 16px;
}
.icon.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.img-icon {
  display: inline-block;
  background-repeat: no-repeat;
}
.img-icon-github.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: 0px 0;
}
.img-icon-gitlab.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -70px 0;
}
.img-icon-zendesk.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -140px 0;
}
.img-icon-evernote.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -210px 0;
}
.img-icon-weibo.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -280px 0;
}
.img-icon-appearin.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -350px 0;
}
.img-icon-yiqixie.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -420px 0;
}
.img-icon-shimo.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -490px 0;
}
.img-icon-markdown.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -560px 0;
}
.img-icon-processon.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -630px 0;
}
.img-icon-yinxiang.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -700px 0;
}
.img-icon-jinshuju.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -770px 0;
}
.img-icon-taskUniqueId.size-lg {
  width: 70px;
  height: 70px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 910px auto;
  background-position: -840px 0;
}
.img-icon-github.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: 0px 0;
}
.img-icon-gitlab.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -60px 0;
}
.img-icon-zendesk.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -120px 0;
}
.img-icon-evernote.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -180px 0;
}
.img-icon-weibo.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -240px 0;
}
.img-icon-appearin.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -300px 0;
}
.img-icon-yiqixie.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -360px 0;
}
.img-icon-shimo.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -420px 0;
}
.img-icon-markdown.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -480px 0;
}
.img-icon-processon.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -540px 0;
}
.img-icon-yinxiang.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -600px 0;
}
.img-icon-jinshuju.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -660px 0;
}
.img-icon-taskUniqueId.size-sd {
  width: 60px;
  height: 60px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 780px auto;
  background-position: -720px 0;
}
.img-icon-github.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: 0px 0;
}
.img-icon-gitlab.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -30px 0;
}
.img-icon-zendesk.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -60px 0;
}
.img-icon-evernote.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -90px 0;
}
.img-icon-weibo.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -120px 0;
}
.img-icon-appearin.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -150px 0;
}
.img-icon-yiqixie.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -180px 0;
}
.img-icon-shimo.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -210px 0;
}
.img-icon-markdown.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -240px 0;
}
.img-icon-processon.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -270px 0;
}
.img-icon-yinxiang.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -300px 0;
}
.img-icon-jinshuju.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -330px 0;
}
.img-icon-taskUniqueId.size-sm {
  width: 30px;
  height: 30px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 390px auto;
  background-position: -360px 0;
}
.img-icon-github.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: 0px 0;
}
.img-icon-gitlab.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -20px 0;
}
.img-icon-zendesk.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -40px 0;
}
.img-icon-evernote.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -60px 0;
}
.img-icon-weibo.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -80px 0;
}
.img-icon-appearin.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -100px 0;
}
.img-icon-yiqixie.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -120px 0;
}
.img-icon-shimo.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -140px 0;
}
.img-icon-markdown.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -160px 0;
}
.img-icon-processon.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -180px 0;
}
.img-icon-yinxiang.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -200px 0;
}
.img-icon-jinshuju.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -220px 0;
}
.img-icon-taskUniqueId.size-ssm {
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -240px 0;
}
.img-icon-processon-lg {
  width: 185.71428571px;
  height: 50px;
  background-image: url(https://dn-st.teambition.net/teambition/images/processon-lg.55cc6dfb.png);
  background-size: 185.71428571px 50px;
}
.modal-open {
  overflow: hidden;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #383838;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.modal-backdrop.fade.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal {
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  z-index: 105;
}
.modal.in .modal-dialog {
  transition: none;
  -webkit-transform: none;
  transform: none;
}
.modal label {
  font-weight: normal;
}
.modal .modal-dialog {
  width: 600px;
  margin: 50px auto;
  border: 0 none;
  background-color: #FFFFFF;
  border-radius: 3px;
  color: #383838;
  font-size: 14px;
  box-shadow: none;
}
.modal .modal-dialog.modal-padding {
  padding: 15px;
}
.modal .modal-content {
  border: 0 none;
  box-shadow: none;
}
.modal .modal-padding .modal-content {
  border-radius: 0px;
}
.modal .modal-header {
  position: relative;
  padding: 0px;
  min-height: 0px;
  border-bottom: 0 none;
}
.modal .modal-header .modal-title {
  margin: 0px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E5E5E5;
  color: #383838;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}
.modal .modal-header .modal-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  line-height: 20px;
}
.modal .modal-body {
  padding: 0px;
  padding-top: 15px;
}
.modal .modal-body h5 {
  font-size: 15px;
  margin-top: 0px;
  padding-left: 5px;
}
.modal .modal-footer {
  margin-top: 15px;
  padding: 0;
  border-top: 0 none;
}
.modal .modal-footer:before,
.modal .modal-footer:after {
  content: " ";
  display: table;
}
.modal .modal-footer:after {
  clear: both;
}
.modal .modal-footer .btn {
  min-width: 96px;
}
.modal .modal-footer .btn-link {
  color: #383838;
}
.modal-dialog.card .card-header,
.modal-dialog.card .card-content {
  margin-left: 0;
  padding: 15px 25px;
}
.list > li {
  position: relative;
  line-height: 30px;
}
.list > li:before,
.list > li:after {
  content: " ";
  display: table;
}
.list > li:after {
  clear: both;
}
.list > li > a {
  display: block;
  cursor: pointer;
  padding: 5px 15px;
  text-decoration: none;
  color: #808080;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list > li.selected a {
  padding-right: 35px;
}
.list > li:first-child > a {
  margin-top: 5px;
}
.list > li:last-child > a {
  margin-bottom: 5px;
}
.list > li:hover > a,
.list > li:focus > a {
  text-decoration: none;
  color: #808080;
  background-color: #F7F7F7;
}
.list.list-inverse > li:hover > a,
.list.list-inverse > li:focus > a {
  background-color: transparent;
}
.list > li > a > .avatar,
.list > li > a > .icon {
  margin-right: 10px;
  vertical-align: top;
}
.list > li > a > .icon.icon-move-task {
  float: left;
}
.list .list-divider {
  border-top: 1px solid #EEEEEE;
  margin: 5px 0;
}
.list .transparent-divider {
  margin-top: 5px;
}
.list.list-inverse .list-divider {
  margin: 5px 0;
  border-top: 1px solid #282828;
}
.list.list-inverse > li > a {
  color: #9e9ea1;
}
.list.list-inverse > li:hover > a,
.list.list-inverse > li:focus > a,
.list.list-inverse > li.active > a {
  color: #fff;
}
.list.list-inverse > li:hover > a .avatar,
.list.list-inverse > li:focus > a .avatar,
.list.list-inverse > li.active > a .avatar,
.list.list-inverse > li:hover > a .icon,
.list.list-inverse > li:focus > a .icon,
.list.list-inverse > li.active > a .icon {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.list.list-inverse > li > a > .avatar.dim,
.list.list-inverse > li > a > .icon.dim {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.list.list-inverse.dropdown > li:hover > a {
  background-color: #3c3c3c;
}
.list.list-inverse.dropdown > li.gray > a {
  background-color: #3c3c3c;
}
.list.list-inverse.dropdown > li.gray:hover > a {
  background-color: #454545;
}
.list.list-tabs > li {
  line-height: 50px;
}
.list.list-tabs > li > a {
  overflow: visible;
}
.list li.divider {
  margin: 5px 15px;
  border-top: 1px solid #EEEEEE;
}
.list li.divider:last-child {
  display: none;
}
.card-content.card-content-fill {
  padding: 0;
}
.card {
  border: 0 none;
  background-color: #FFFFFF;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.0470588) 0px 2px 3px 0px;
}
.card:empty {
  display: none;
}
.card.allow-empty:empty {
  display: block;
}
.card .card-header {
  margin-left: 10px;
  padding: 10px 15px 10px 5px;
  font-size: 20px;
  line-height: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.card .card-header:before,
.card .card-header:after {
  content: " ";
  display: table;
}
.card .card-header:after {
  clear: both;
}
.card .card-header h3.card-title,
.card .card-header p.card-title {
  margin: 0;
  font-size: 18px;
  line-height: 30px;
}
.modal .card .card-header {
  position: relative;
  padding: 20px;
  line-height: 20px;
}
.modal .card .card-header h3.card-title,
.modal .card .card-header p.card-title {
  text-align: center;
  font-weight: 500;
  line-height: 20px;
}
.modal .card .card-header .icon-remove {
  font-size: 14px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.card .card-header .card-description {
  color: #A6A6A6;
  margin: 0;
}
.card .card-header.no-bottom {
  border: 0 none;
}
.card .card-header .btn {
  padding: 4px 12px;
}
.card .card-content {
  margin-left: 10px;
  padding: 10px 15px 10px 5px;
}
.modal-dialog.card .card-content {
  margin-left: 0;
  padding: 20px;
}
@-webkit-keyframes width-loop {
  0% {
    width: 0;
    opacity: .5;
  }
  70% {
    width: 100%;
    opacity: .5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes width-loop {
  0% {
    width: 0;
    opacity: .5;
  }
  70% {
    width: 100%;
    opacity: .5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.creator-view {
  width: 600px;
  margin: 50px auto;
  font-size: 14px;
  color: #383838;
  background: #F7F7F7;
  border: 0 none;
  border-radius: 3px;
  box-shadow: none;
}
.creator-view.modal-dialog {
  background: #F7F7F7;
}
.creator-view .creator-header {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #E5E5E5;
}
.creator-view .creator-header .creator-title {
  margin: 0;
  font-size: 18px;
  line-height: 20px;
  color: #383838;
  text-align: left;
}
.creator-view .creator-header .creator-title:before,
.creator-view .creator-header .creator-title:after {
  content: " ";
  display: table;
}
.creator-view .creator-header .creator-title:after {
  clear: both;
}
.creator-view .creator-header .creator-title .creator-location-tips {
  margin-right: 10px;
  float: left;
}
.creator-view .creator-header .creator-title .creator-location-tips:empty {
  display: none;
}
.creator-view .creator-header .creator-title .creator-location-handler {
  position: relative;
  padding-right: 20px;
  margin-right: 10px;
  float: left;
}
.creator-view .creator-header .creator-title .creator-location-handler .creator-location {
  float: left;
  display: block;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.creator-view .creator-header .creator-title .creator-location-handler .icon-chevron-down {
  position: absolute;
  right: 3px;
  font-size: 12px;
  transition: -webkit-transform 218ms ease;
  transition: transform 218ms ease;
  transition: transform 218ms ease, -webkit-transform 218ms ease;
}
.creator-view .creator-header .creator-title .creator-location-handler.open {
  color: #3da8f5;
}
.creator-view .creator-header .creator-title .creator-location-handler.open .icon-chevron-down {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.creator-view .creator-header .creator-close {
  font-size: 14px;
  position: absolute;
  top: 15px;
  right: 13px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.creator-view .creator-body .creator-block {
  margin: 15px;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.creator-view .creator-body .creator-block:not(.no-padding) {
  padding: 10px 15px;
}
.creator-view .creator-body .creator-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.creator-view .creator-body .creator-flex .creator-flex-item {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.creator-view .creator-body .creator-flex .creator-flex-item:last-child {
  border-right: 0 none;
}
.creator-view .creator-body .creator-flex .creator-flex-item .creator-flex-title {
  position: relative;
  margin: 15px 15px 0 15px;
  line-height: 12px;
  color: #808080;
}
.creator-view .creator-body .creator-flex .creator-flex-item .creator-flex-body {
  position: relative;
  padding: 12px 15px 15px 15px;
}
.creator-view .creator-body .creator-flex .creator-flex-item .creator-flex-body > a,
.creator-view .creator-body .creator-flex .creator-flex-item .creator-flex-body > span {
  position: relative;
  display: block;
  vertical-align: middle;
}
.creator-view .creator-body .creator-flex .creator-flex-item .creator-flex-body > a.dirty,
.creator-view .creator-body .creator-flex .creator-flex-item .creator-flex-body > span.dirty {
  color: #A6A6A6;
}
.creator-view .creator-body .creator-flex .creator-flex-item .creator-flex-body > a.open,
.creator-view .creator-body .creator-flex .creator-flex-item .creator-flex-body > a:hover,
.creator-view .creator-body .creator-flex .creator-flex-item .creator-flex-body > a.dirty:hover,
.creator-view .creator-body .creator-flex .creator-flex-item .creator-flex-body > a:hover .icon {
  color: #3da8f5;
}
.creator-view .creator-body .creator-flex .creator-flex-item > .icon {
  float: left;
  margin-right: 8px;
  font-size: 18px;
}
.creator-view .creator-footer {
  padding: 15px 15px;
  border-top: 1px solid #E5E5E5;
}
.creator-view .creator-footer:before,
.creator-view .creator-footer:after {
  content: " ";
  display: table;
}
.creator-view .creator-footer:after {
  clear: both;
}
.creator-view .creator-footer .creator-visible {
  float: left;
  line-height: 18px;
}
.creator-view .creator-footer .creator-visible .icon {
  float: left;
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
.creator-view .creator-footer .creator-visible .mode-explanation {
  margin-left: 26px;
}
.creator-view .creator-footer .btn-wrap {
  position: relative;
  float: right;
  margin-left: 10px;
}
.creator-view .creator-footer .btn-wrap:before,
.creator-view .creator-footer .btn-wrap:after {
  content: " ";
  display: table;
}
.creator-view .creator-footer .btn-wrap:after {
  clear: both;
}
.creator-view .creator-footer .btn-wrap .btn {
  z-index: 1;
  min-width: 96px;
  border: 0 none;
}
.creator-view .creator-footer .btn-wrap .btn-layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  opacity: .5;
}
.creator-view.submiting .creator-footer .btn-wrap .btn {
  display: block;
  cursor: not-allowed;
  background: #A6A6A6;
}
.creator-view.submiting .creator-footer .btn-wrap .btn-layer {
  display: block;
  cursor: not-allowed;
}
.creator-view.submiting .creator-footer .btn-wrap.submiting .btn-layer {
  -webkit-animation: width-loop 1.8s infinite ease;
  animation: width-loop 1.8s infinite ease;
}
.creator-priority .icon {
  margin-right: 8px;
}
.creator-priority .icon.creator-priority-2 {
  color: #FF4F3E;
}
.creator-priority .icon.creator-priority-1 {
  color: #FFAF38;
}
.creator-priority .icon.creator-priority-0 {
  color: #808080;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-zoom-in {
  cursor: url(https://dn-st.teambition.net/teambition/images/zoom-in.dfbb5ce1.cur), auto;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.btn {
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #383838;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background-color: #FFFFFF;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:hover,
.btn:focus {
  color: #383838;
  border: 1px solid #A6A6A6;
  outline: 0 none;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  box-shadow: none;
}
.btn:active:focus,
.btn.active:focus {
  outline: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: default;
  pointer-events: none;
  opacity: 1;
}
.btn-default {
  color: #808080;
  background-color: #FFFFFF;
  border-color: #D9D9D9;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #808080;
  background-color: #ffffff;
  border-color: #e6e6e6;
}
.btn-default:active,
.btn-default.active {
  color: #808080;
  background-color: #f2f2f2;
  border-color: #D9D9D9;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #FFFFFF;
  border-color: #D9D9D9;
}
.btn-default .badge {
  color: #FFFFFF;
  background-color: #808080;
}
.btn-default,
.btn-default:focus {
  background-color: #FFFFFF;
  border-color: #D9D9D9;
  color: #808080;
}
.btn-default:hover {
  background-color: #ffffff;
  border-color: #dfdfdf;
  color: #808080;
}
.btn-default:active,
.btn-default.active {
  background-color: #d9d9d9;
  border-color: #b9b9b9;
  color: #808080;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}
.btn-default .badge {
  background-color: #808080;
  color: #FFFFFF;
}
.btn-default:hover {
  background-color: #FFFFFF;
  border-color: #3da8f5;
  color: #3da8f5;
}
.btn-default:active,
.btn-default.active {
  background-color: #348fd0;
  border-color: #348fd0;
  color: #FFFFFF;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
  background-color: #F7F7F7;
  border-color: #D9D9D9;
}
.btn-primary {
  color: #FFFFFF;
  background-color: #3da8f5;
  border-color: #3da8f5;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.share-popover-confirm button.is-submitting,
.share-popover-readonly-view .save-permission.is-submitting,
.project-creator.from-template .modal-footer .btn-create-project.is-submitting {
  color: #FFFFFF;
  background-color: #55b3f6;
  border-color: #55b3f6;
}
.btn-primary:active,
.btn-primary.active {
  color: #FFFFFF;
  background-color: #259df4;
  border-color: #3da8f5;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #3da8f5;
  border-color: #3da8f5;
}
.btn-primary .badge {
  color: #3da8f5;
  background-color: #FFFFFF;
}
.btn-primary,
.btn-primary:focus {
  background-color: #3da8f5;
  border-color: #3da8f5;
  color: #FFFFFF;
}
.btn-primary:hover,
.share-popover-confirm button.is-submitting,
.share-popover-readonly-view .save-permission.is-submitting,
.project-creator.from-template .modal-footer .btn-create-project.is-submitting {
  background-color: #5ab5f7;
  border-color: #5ab5f7;
  color: #FFFFFF;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #348fd0;
  border-color: #348fd0;
  color: #FFFFFF;
}
.btn-primary .badge {
  background-color: #FFFFFF;
  color: #3da8f5;
}
.btn-primary.btn-ghost {
  background-color: #FFFFFF;
  color: #3da8f5;
}
.btn-primary.btn-ghost:hover {
  background-color: #3da8f5;
  border-color: #3da8f5;
  color: #FFFFFF;
}
.btn-primary.btn-ghost:active {
  background-color: #348fd0;
  border-color: #348fd0;
  color: #FFFFFF;
}
.btn-warning {
  color: #FFFFFF;
  background-color: #FFAF38;
  border-color: #FFAF38;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #FFFFFF;
  background-color: #ffb952;
  border-color: #ffb952;
}
.btn-warning:active,
.btn-warning.active {
  color: #FFFFFF;
  background-color: #ffa51f;
  border-color: #FFAF38;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #FFAF38;
  border-color: #FFAF38;
}
.btn-warning .badge {
  color: #FFAF38;
  background-color: #FFFFFF;
}
.btn-warning,
.btn-warning:focus {
  background-color: #FFAF38;
  border-color: #FFAF38;
  color: #FFFFFF;
}
.btn-warning:hover {
  background-color: #ffbb56;
  border-color: #ffbb56;
  color: #FFFFFF;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #d99530;
  border-color: #d99530;
  color: #FFFFFF;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}
.btn-warning .badge {
  background-color: #FFFFFF;
  color: #FFAF38;
}
.btn-danger {
  color: #FFFFFF;
  background-color: #FF4F3E;
  border-color: #FF4F3E;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #FFFFFF;
  background-color: #ff6658;
  border-color: #ff6658;
}
.btn-danger:active,
.btn-danger.active {
  color: #FFFFFF;
  background-color: #ff3824;
  border-color: #FF4F3E;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #FF4F3E;
  border-color: #FF4F3E;
}
.btn-danger .badge {
  color: #FF4F3E;
  background-color: #FFFFFF;
}
.btn-danger,
.btn-danger:focus {
  background-color: #FF4F3E;
  border-color: #FF4F3E;
  color: #FFFFFF;
}
.btn-danger:hover {
  background-color: #ff695b;
  border-color: #ff695b;
  color: #FFFFFF;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #d94335;
  border-color: #d94335;
  color: #FFFFFF;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}
.btn-danger .badge {
  background-color: #FFFFFF;
  color: #FF4F3E;
}
.btn-danger.btn-ghost {
  background-color: #FFFFFF;
  color: #FF4F3E;
}
.btn-danger.btn-ghost:hover {
  background-color: #FF4F3E;
  border-color: #FF4F3E;
  color: #FFFFFF;
}
.btn-danger.btn-ghost:active {
  background-color: #d94335;
  border-color: #d94335;
  color: #FFFFFF;
}
.btn-success {
  color: #FFFFFF;
  background-color: #75C940;
  border-color: #75C940;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #FFFFFF;
  background-color: #83cf54;
  border-color: #83cf54;
}
.btn-success:active,
.btn-success.active {
  color: #FFFFFF;
  background-color: #69bb35;
  border-color: #75C940;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #75C940;
  border-color: #75C940;
}
.btn-success .badge {
  color: #75C940;
  background-color: #FFFFFF;
}
.btn-success,
.btn-success:focus {
  background-color: #75C940;
  border-color: #75C940;
  color: #FFFFFF;
}
.btn-success:hover {
  background-color: #8ad15d;
  border-color: #8ad15d;
  color: #FFFFFF;
}
.btn-success:active,
.btn-success.active {
  background-color: #64ab36;
  border-color: #64ab36;
  color: #FFFFFF;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}
.btn-success .badge {
  background-color: #FFFFFF;
  color: #75C940;
}
.btn-info {
  color: #FFFFFF;
  background-color: #3da8f5;
  border-color: #3da8f5;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #FFFFFF;
  background-color: #55b3f6;
  border-color: #55b3f6;
}
.btn-info:active,
.btn-info.active {
  color: #FFFFFF;
  background-color: #259df4;
  border-color: #3da8f5;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #3da8f5;
  border-color: #3da8f5;
}
.btn-info .badge {
  color: #3da8f5;
  background-color: #FFFFFF;
}
.btn-info,
.btn-info:focus {
  background-color: #3da8f5;
  border-color: #3da8f5;
  color: #FFFFFF;
}
.btn-info:hover {
  background-color: #5ab5f7;
  border-color: #5ab5f7;
  color: #FFFFFF;
}
.btn-info:active,
.btn-info.active {
  background-color: #348fd0;
  border-color: #348fd0;
  color: #FFFFFF;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}
.btn-info .badge {
  background-color: #FFFFFF;
  color: #3da8f5;
}
.btn-inverse {
  color: #FFFFFF;
  background-color: #383838;
  border-color: #383838;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  color: #FFFFFF;
  background-color: #454545;
  border-color: #454545;
}
.btn-inverse:active,
.btn-inverse.active {
  color: #FFFFFF;
  background-color: #2b2b2b;
  border-color: #383838;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #383838;
  border-color: #383838;
}
.btn-inverse .badge {
  color: #383838;
  background-color: #FFFFFF;
}
.btn-inverse,
.btn-inverse:focus {
  background-color: #383838;
  border-color: #383838;
  color: #FFFFFF;
}
.btn-inverse:hover {
  background-color: #565656;
  border-color: #565656;
  color: #FFFFFF;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #303030;
  border-color: #303030;
  color: #FFFFFF;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}
.btn-inverse .badge {
  background-color: #FFFFFF;
  color: #383838;
}
.btn-link {
  color: #808080;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #3da8f5;
  text-decoration: none;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #A6A6A6;
  text-decoration: none;
}
.btn-largest {
  line-height: 22px;
}
.btn-large {
  padding: 14px 16px;
  font-size: 15px;
  border-radius: 4px;
}
.btn-small,
.btn-mini {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
.btn-mini {
  padding: 3px 5px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.label,
.badge {
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 14px;
  color: #808080;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #e1e1e1;
}
.label {
  font-weight: normal;
  border-radius: 2px;
}
.badge {
  padding-left: 9px;
  padding-right: 9px;
  border-radius: 9px;
}
.label:empty,
.badge:empty {
  display: none;
}
.label > i {
  margin-right: 5px;
}
.label + .label {
  margin-left: 5px;
}
a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}
.label-important,
.badge-important {
  color: #FFFFFF;
  background-color: #FF4F3E;
}
.label-important[href],
.badge-important[href] {
  color: #FFFFFF;
  background-color: #ff200b;
}
.label-warning,
.badge-warning {
  color: #FFFFFF;
  background-color: #FFAF38;
}
.label-warning[href],
.badge-warning[href] {
  color: #FFFFFF;
  background-color: #ff9a05;
}
.label-success,
.badge-success {
  color: #FFFFFF;
  background-color: #75C940;
}
.label-success[href],
.badge-success[href] {
  color: #FFFFFF;
  background-color: #5da72f;
}
.label-info,
.badge-info {
  color: #FFFFFF;
  background-color: #3da8f5;
}
.label-info[href],
.badge-info[href] {
  color: #FFFFFF;
  background-color: #0c92f3;
}
.label-inverse,
.badge-inverse {
  color: #FFFFFF;
  background-color: #808080;
}
.label-inverse[href],
.badge-inverse[href] {
  color: #FFFFFF;
  background-color: #676767;
}
.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-mini .label,
.btn-mini .badge {
  top: 0;
}
.image-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
  background-color: transparent;
}
.image-label.image-label-large {
  line-height: 20px;
  padding: 65px 15px 0 15px;
}
.image-label.image-label-small {
  height: 20px;
  line-height: 20px;
  padding-left: 5px;
}
.toggle {
  position: relative;
  width: 60px;
  height: 34px;
  border-radius: 17px;
  background-color: #E5E5E5;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}
.toggle.blue .check.checked ~ .track {
  box-shadow: inset 0 0 0 30px #3da8f5;
}
.toggle.mint .check.checked ~ .track {
  box-shadow: inset 0 0 0 30px #3da8f5;
}
.toggle.orange .check.checked ~ .track {
  box-shadow: inset 0 0 0 30px #FFAF38;
}
.toggle.red .check.checked ~ .track {
  box-shadow: inset 0 0 0 30px #FF4F3E;
}
.toggle .check {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 6;
}
.toggle .check.checked ~ .track {
  box-shadow: inset 0 0 0 30px #75C940;
}
.toggle .check.checked ~ .switch {
  right: 2px;
  left: 28px;
  transition: .4s ease;
  transition-property: left, right;
  transition-delay: .05s, 0s;
}
.toggle .switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 28px;
  background-color: #fff;
  border-radius: 50%;
  z-index: 1;
  transition: .4s ease;
  transition-property: left, right;
  transition-delay: 0s, .05s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.toggle .track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .4s ease;
  border-radius: 17px;
}
.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn {
  position: relative;
  border-radius: 0;
}
.btn-group > .btn + .btn {
  margin-left: -1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}
.btn-group > .btn-mini {
  font-size: 11px;
}
.btn-group > .btn-small {
  font-size: 12px;
}
.btn-group > .btn-large {
  font-size: 15px;
}
.btn-group > .btn:first-child {
  margin-left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.btn-group > .btn.large:first-child {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
  box-shadow: none;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
}
.btn-group > .btn + .dropdown-toggle.btn-primary,
.btn-group > .btn + .dropdown-toggle.btn-warning,
.btn-group > .btn + .dropdown-toggle.btn-danger,
.btn-group > .btn + .dropdown-toggle.btn-success,
.btn-group > .btn + .dropdown-toggle.btn-info,
.btn-group > .btn + .dropdown-toggle.btn-inverse {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.btn-group > .btn + .dropdown-toggle .caret {
  margin-left: 0;
}
.btn-group > .btn-mini + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
}
.btn-group > .btn-large + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
}
.btn-group.open .btn.dropdown-toggle {
  background-color: #f3f3f3;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #3da8f5;
}
.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #FFAF38;
}
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #FF4F3E;
}
.btn-group.open .btn-success.dropdown-toggle {
  background-color: #75C940;
}
.btn-group.open .btn-info.dropdown-toggle {
  background-color: #3da8f5;
}
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #383838;
}
.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
.dropup .btn-large .caret {
  border-bottom-width: 5px;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  border-radius: 0;
}
.btn-group-vertical > .btn + .btn {
  margin-left: 0;
  margin-top: -1px;
}
.btn-group-vertical > .btn:first-child {
  border-radius: 3px 3px 0 0;
}
.btn-group-vertical > .btn:last-child {
  border-radius: 0 0 3px 3px;
}
.btn-group-vertical > .btn-large:first-child {
  border-radius: 4px 4px 0 0;
}
.btn-group-vertical > .btn-large:last-child {
  border-radius: 0 0 4px 4px;
}
.handler-set {
  width: 100%;
  height: 41px;
  background-color: #F7F7F7;
  border-top: 1px solid #D9D9D9;
}
.handler-set.handler-set-vertical {
  height: 100%;
  width: 49px;
  border-top: 0 none;
  border-bottom: 0 none;
  border-left: 1px solid #D9D9D9;
}
.handler-group {
  position: relative;
}
.handler-group .dropdown-menu {
  top: 40px;
}
.handler {
  position: relative;
  display: block;
  height: 40px;
  padding: 8px 15px;
  line-height: 24px;
  cursor: pointer;
  font-size: 14px;
  color: #808080;
}
.handler:hover {
  color: #808080;
  text-decoration: none;
  background-color: #f3f3f3;
}
.handler:active {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
  background-color: #f3f3f3;
}
.handler .icon {
  margin-top: -4px;
  vertical-align: middle;
  font-size: 24px;
  color: #A6A6A6;
}
.handler .icon.icon-calendar {
  font-size: 22px;
  margin-top: -6px;
}
.handler.pull-left {
  border-right: 1px solid #D9D9D9;
}
.handler.pull-right {
  border-left: 1px solid #D9D9D9;
}
.handler-group.pull-right .handler:first-child {
  border-left: 1px solid #D9D9D9;
}
.handler-group.pull-left .handler:first-child {
  border-right: 1px solid #D9D9D9;
}
.checkbox {
  margin-right: 15px;
  color: #808080;
}
.handler-set-vertical .handler {
  width: 47px;
  height: 49px;
  border: 0 none;
  border-bottom: 1px solid #D9D9D9;
}
.handler-set-vertical .handler:hover {
  background-color: #f3f3f3;
}
.handler-set-vertical .handler-group .handler:first-child {
  border-left: 0 none;
  border-right: 0 none;
}
.menu-handler {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.menu-handler .icon {
  margin-left: 2px;
}
.link-add-handler {
  color: #3da8f5 !important;
  transition: color 218ms ease;
}
.link-add-handler:hover {
  color: #0c92f3 !important;
}
.accordion > ul > li .accordion-title {
  height: 40px;
  padding: 10px 20px;
  line-height: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: border-bottom-color 218ms ease;
}
.accordion > ul > li .accordion-title.collapsed {
  border-bottom-color: #FFFFFF;
}
.accordion > ul > li .accordion-title i {
  vertical-align: top;
  margin-top: -1px;
  margin-right: 10px;
}
.accordion > ul > li .accordion-title .caret {
  margin-top: 7px;
  vertical-align: middle;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  transition: 350ms ease;
}
.accordion > ul > li .accordion-title .caret.pull-left {
  margin-right: 10px;
}
.accordion > ul > li .accordion-title .caret.pull-right {
  margin-left: 10px;
}
.accordion > ul > li .accordion-title.collapsed .caret.pull-left {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.accordion > ul > li .accordion-title.collapsed .caret.pull-right {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.accordion > ul > li .accordion-list {
  margin-bottom: 0;
}
.accordion.accordion-inverse {
  background-color: #383838;
}
.accordion.accordion-inverse > ul > li.active .accordion-title {
  color: #FFFFFF;
}
.accordion.accordion-inverse > ul > li.active .accordion-title .caret {
  border-top-color: #FFFFFF;
}
.accordion.accordion-inverse > ul > li .accordion-title {
  color: #A6A6A6;
  border-top: 0 none;
  border-bottom: 1px solid #2b2b2b;
  cursor: pointer;
}
.accordion.accordion-inverse > ul > li .accordion-title .caret {
  border-top-color: #A6A6A6;
}
.accordion.accordion-inverse > ul > li .accordion-title:hover {
  color: #FFFFFF;
}
.accordion.accordion-inverse > ul > li .accordion-title:hover .caret {
  border-top-color: #FFFFFF;
}
.accordion.accordion-inverse > ul > li .accordion-title:hover i.icon-user {
  background-position: 0 -120px;
}
.accordion.accordion-inverse > ul > li .accordion-title:hover i.icon-building {
  background-position: -24px -120px;
}
.accordion.accordion-inverse > ul > li .accordion-list {
  background-color: #2b2b2b;
}
.readable {
  word-wrap: break-word;
  word-break: normal;
}
.readable p,
.readable pre,
.readable ul,
.readable ol,
.readable dl,
.readable form,
.readable hr,
.readable table,
.readable-p,
.readable-pre,
.readable-ul,
.readable-ol,
.readable-dl,
.readable-form,
.readable-hr,
.readable-table {
  margin-bottom: 15px;
  font-weight: 300;
}
.readable b {
  font-weight: 700;
}
.readable a:hover {
  text-decoration: underline;
}
.readable h1,
.readable h2,
.readable h3,
.readable h4,
.readable h5,
.readable h6 {
  font-weight: 500;
  color: #383838;
}
.readable h1,
.readable h2,
.readable h3,
.readable h4,
.readable h5,
.readable h6,
.readable-h1,
.readable-h2,
.readable-h3,
.readable-h4,
.readable-h5,
.readable-h6 {
  line-height: 1;
}
.readable h1,
.readable-h1 {
  font-size: 1.6em;
}
.readable h2,
.readable-h2 {
  font-size: 1.4em;
}
.readable h3,
.readable-h3 {
  font-size: 1.2em;
}
.readable h4,
.readable-h4 {
  font-size: 1.1em;
}
.readable h5,
.readable h6,
.readable-h5,
.readable-h6 {
  font-size: 1em;
}
.readable ul,
.readable-ul {
  margin-left: 1.2em;
}
.readable ul li,
.readable-ul li {
  list-style: disc;
}
.readable ol,
.readable-ol {
  margin-left: 1.2em;
}
.readable ol li,
.readable-ol li {
  list-style: decimal;
}
.readable li ul,
.readable li ol,
.readable-ul ul,
.readable-ul ol,
.readable-ol ul,
.readable-ol ol {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2em;
}
.readable li ul,
.readable-ul ul,
.readable-ol ul {
  list-style: circle;
}
.readable table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 15px 0;
}
.readable table th,
.readable table td {
  padding: 0.5em 1em;
  color: #808080;
}
.readable table thead th {
  background: #EEEEEE;
}
.readable table thead {
  background-color: #f9f9f9;
}
.readable table th,
.readable table td {
  min-width: 40px;
  height: 30px;
  line-height: 24px;
  border: 1px solid #ccc;
  vertical-align: top;
  padding: 2px 4px;
  box-sizing: border-box;
}
.readable table th.active,
.readable table td.active {
  background-color: #ffffee;
}
/* TODO: 供着重号使用 */
.readable-em,
.readable em,
legend,
caption {
  font-weight: 700;
}
.readable > *:first-child {
  margin-top: 0;
}
.readable > *:last-child {
  margin-bottom: 0;
}
.readable blockquote {
  font-size: 14px;
  border-left: 6px solid #ddd;
  padding: 5px 0 5px 10px;
}
.readable blockquote > :first-child {
  margin-top: 0;
}
.map {
  text-align: center;
}
.map .map-indicators {
  overflow: hidden;
  display: inline-block;
  margin: 0;
}
.map .map-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #EEEEEE;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 1px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.95);
}
.map .map-indicators .active {
  background-color: #E5E5E5;
  cursor: default;
}
.icon,
.form-control-select:after,
.simditor-icon,
.toolbar-item,
.symbol-popover-view .popover-content li.selected:after,
.archive-modal-view .archive-list:empty:after,
.popover-menu-view .popover-content li.selected:after,
.popover-single-picker-view .popover-content li.selected:after,
.popover-repeat-picker-view .popover-content li.selected:after,
.project-switcher-view .project-item.selected:after,
.visibility-menu li.selected .menu-item-title:after,
.power-up-common .img-icon-preciseDate.size-sd,
.power-up-common .img-icon-startDate.size-sd,
.power-up-common .img-icon-customfields.size-sd,
.power-up-common .img-icon-tasklist.size-sd,
.power-up-common .img-icon-timeView.size-sd,
.power-up-common .img-icon-preciseDate.size-sm,
.power-up-common .img-icon-startDate.size-sm,
.power-up-common .img-icon-customfields.size-sm,
.power-up-common .img-icon-timeView.size-sm,
.power-up-common .img-icon-tasklist.size-sm,
.wall-view .wall-left-column .post.pin:before,
.scrum-panel .list li.selected:after,
.scrum-filter-menu-view li.selected:after,
.previewer .prev-handler .arrow-container:before,
.previewer .next-handler .arrow-container:before,
.previewer .prev-handler .arrow-container:before,
.previewer .next-handler .arrow-container:before,
.previewer-header .breadcrumbs > li + li:before,
.member-card-submenu.member-card-setting-role li.selected:after,
.member-menu-view .popover-content li.selected:after,
.member-selector-view li.selected:after,
.project-settings-member-menu-view li.selected:after,
.favorites-view .favorites-header .type-selector li.active:after,
.projects-manager-view .breadcrumbs > li + li:before,
.organization-member-menu-view li.selected:after,
.object-picker-search-view .search-result-header .type-selector li.active:after {
  vertical-align: top;
}
.img-icon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 80px 40px;
  background-image: url(https://dn-st.teambition.net/teambition/images/icons@2x.2665182a.png);
}
.img-icon-circle-cross-32 {
  width: 32px;
  height: 32px;
  background-position: -1px -1px;
}
.img-icon-circle-cross-36 {
  width: 36px;
  height: 36px;
  background-position: -41px -1px;
}
.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-horiz {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-vert {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-fill {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.flex-space {
  min-height: 1px;
  min-width: 1px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex-static {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.flex-between {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.flex-center {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-end {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-stretch {
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.flex-vstart {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex-vend {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-baseline {
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.flex-vcenter {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.react-time-stamp {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.form-radio {
  width: 16px;
  height: 16px;
  color: #A6A6A6;
  cursor: pointer;
  transition: 218ms color;
}
.form-radio:before {
  display: table;
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  background: #fff;
  content: ' ';
  position: relative;
  right: 1px;
}
.form-radio:hover {
  color: #808080;
}
.form-radio:checked:after {
  opacity: 1;
}
.form-radio:after {
  transition: opacity 0.05s ease-in-out;
  position: absolute;
  display: table;
  width: 8px;
  height: 8px;
  top: 4px;
  left: 3px;
  border-radius: 50%;
  background: #3da8f5;
  content: ' ';
  opacity: 0;
}
.flex-text-wrap {
  position: relative;
  min-height: 20px;
}
.flex-text-wrap {
  outline: 0;
  margin: 0;
  border: none;
  padding: 0;
  overflow: hidden;
}
.flex-text-wrap textarea,
.flex-text-wrap div {
  padding: 0;
  width: 100%;
  margin: 0;
  word-break: break-word;
  white-space: pre-wrap;
}
.flex-text-wrap textarea {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  resize: none;
  border: 0 none;
  line-height: 20px;
  box-shadow: none;
}
.flex-text-wrap textarea:focus,
.flex-text-wrap textarea:active {
  box-shadow: none;
  border: 0 none;
  outline: 0 none;
}
.flex-text-wrap div {
  visibility: hidden;
}
@-webkit-keyframes spin-logo {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin-logo {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
html,
body {
  min-height: 100vh;
}
body {
  background-color: #F5F5F5;
  transition: padding-left 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0;
  -moz-transition: padding-left 0.2s ease-out;
}
.qq::-webkit-scrollbar,
.qq *::-webkit-scrollbar {
  width: 10px;
  height: 0;
}
.popover form > .btn {
  width: 100%;
}
.routing-icon {
  position: absolute;
  top: 6px;
  right: 6px;
}
[contenteditable] {
  outline: 0;
  cursor: text;
}
[contenteditable]:empty:before {
  opacity: .5;
  content: attr(placeholder);
}
.expand-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.expand-flex > header,
.expand-flex > footer {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.expand-flex > section {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.row-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.row-flex > header,
.row-flex > footer,
.row-flex > aside {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.row-flex > section {
  min-width: 0;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.col-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.col-flex > header,
.col-flex > footer,
.col-flex > aside {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.col-flex > section {
  min-height: 0;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.loading-indicator {
  margin: 10px auto;
  width: 70px;
  text-align: center;
  z-index: 9999;
  height: 21px;
  transition: height 0.4s ease, opacity 0.4s ease, margin 0.4s ease;
  will-change: height, opacity, margin;
}
.loading-indicator .loader-dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #A6A6A6;
  border-radius: 100%;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.loading-indicator .loader-dot:nth-child(1) {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loading-indicator .loader-dot:nth-child(2) {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loading-indicator.loading-fadeout {
  height: 0px;
  opacity: 0;
  margin: 0px auto;
}
.end-point-wrapper {
  text-align: center;
  margin-bottom: 15px;
}
.end-point-wrapper .end-point {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1em 3px;
  background: #A6A6A6;
  border-radius: 10px;
}
.placeholder {
  margin: 60px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.no-post-placeholder {
  width: 260px;
  height: 300px;
  background-image: url(https://dn-st.teambition.net/teambition/images/newsfeed_default.00b5b002.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .no-post-placeholder {
    background-image: url(https://dn-st.teambition.net/teambition/images/newsfeed_default@2x.ed6e642c.png);
    background-size: 262px 300px;
  }
}
.no-collection-placeholder {
  width: 328px;
  height: 284px;
  background-image: url(https://dn-st.teambition.net/teambition/images/file_default.2ff52ed4.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .no-collection-placeholder {
    background-image: url(https://dn-st.teambition.net/teambition/images/file_default@2x.5b5bbdf2.png);
    background-size: 328px 284px;
  }
}
.no-tasklist-placeholder {
  width: 324px;
  height: 284px;
  background-image: url(https://dn-st.teambition.net/teambition/images/mission_default.71deae0c.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .no-tasklist-placeholder {
    background-image: url(https://dn-st.teambition.net/teambition/images/mission_default@2x.145c5870.png);
    background-size: 324px 284px;
  }
}
.no-tasklist-placeholder a {
  margin-top: 155px;
  display: inline-block;
  text-indent: -25px;
  color: #adadad;
}
.no-note-placeholder {
  position: relative;
  top: 200px;
  margin: 0 auto;
  width: 294px;
  height: 294px;
  background-image: url(https://dn-st.teambition.net/teambition/images/note_default.c4b79a44.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .no-note-placeholder {
    background-image: url(https://dn-st.teambition.net/teambition/images/note_default@2x.19d061f9.png);
    background-size: 294px 294px;
  }
}
.selector {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
}
.selector .btn {
  font-size: 18px;
}
.selector .dropdown-menu {
  width: 508px;
}
.selector .selector-create-form {
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #E5E5E5;
}
.selector .selector-create-form input {
  width: 348px;
  margin: 0 10px 0 0;
  font-weight: bold;
}
.selector .selector-create-form .btn {
  width: 100px;
  font-size: 15px;
}
.selector .selector-options {
  max-height: 306px;
  overflow-x: hidden;
}
.selector-selected {
  width: 100%;
  height: 72px;
}
.selector-selected .selector-label {
  float: left;
  width: 50px;
  height: 70px;
  line-height: 50px;
}
.selector-selected .open-selector-handler {
  float: right;
  width: 470px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  color: #383838;
  cursor: pointer;
}
.selector-selected .open-selector-handler .selector-title {
  line-height: 50px;
  margin-left: 12px;
  float: left;
  width: 425px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selector-selected .open-selector-handler .selector-title span {
  color: #808080;
  font-size: 12px;
}
.selector-selected .open-selector-handler b {
  float: right;
  margin-right: 12px;
  margin-top: 23px;
}
.selector-item {
  border-bottom: 1px solid #EEEEEE;
  height: 51px;
  padding: 0 20px;
  line-height: 50px;
  cursor: pointer;
}
.selector-item:hover {
  background-color: #f3f3f3;
}
.selector-item .selector-item-content {
  width: 400px;
}
.selector-item .selector-item-content strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selector-item .selector-item-content span {
  color: #808080;
  font-size: 12px;
}
.simditor {
  position: relative;
}
.simditor .simditor-paste-bin {
  position: fixed;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  opacity: 0;
  -webkit-user-select: text;
}
.simditor .simditor-wrapper {
  position: relative;
  background: #ffffff;
  overflow: hidden;
}
.simditor .simditor-wrapper > textarea {
  display: none !important;
  width: 100%;
  box-sizing: border-box;
  font-family: monaco;
  font-size: 16px;
  line-height: 1.6;
  border: none;
  padding: 22px 15px 40px;
  min-height: 300px;
  outline: none;
  background: transparent;
  resize: none;
}
.simditor .simditor-wrapper .simditor-placeholder {
  display: none;
  position: absolute;
  left: 0;
  z-index: 0;
  padding: 22px 15px;
  font-size: 14px;
  font-family: arial, sans-serif;
  line-height: 1.5;
  color: #999999;
  background: transparent;
}
.simditor .simditor-wrapper.toolbar-floating .simditor-toolbar {
  position: fixed;
  top: 0;
  z-index: 10;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.simditor .simditor-wrapper .simditor-image-loading {
  display: none!important;
}
.simditor .simditor-body {
  padding: 22px 15px 40px;
  min-height: 300px;
  outline: none;
  cursor: text;
  position: relative;
  z-index: 1;
  background: transparent;
}
.simditor .simditor-body a.selected {
  background: #b3d4fd;
}
.simditor .simditor-body a.simditor-mention {
  cursor: pointer;
}
.simditor .simditor-body .simditor-table {
  position: relative;
}
.simditor .simditor-body .simditor-table.resizing {
  cursor: col-resize;
}
.simditor .simditor-body .simditor-table .simditor-resize-handle {
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 100%;
  cursor: col-resize;
}
.simditor .simditor-body pre {
  /*min-height: 28px;*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}
.simditor .simditor-body img {
  cursor: pointer;
}
.simditor .simditor-body img.selected {
  box-shadow: 0 0 0 4px #CCCCCC;
}
.simditor .simditor-paste-area,
.simditor .simditor-clean-paste-area {
  background: transparent;
  border: none;
  outline: none;
  resize: none;
  padding: 0;
  margin: 0;
}
.simditor.simditor-mobile .simditor-toolbar > ul > li > .toolbar-item {
  width: 45px;
}
.simditor.simditor-mobile .simditor-wrapper.toolbar-floating .simditor-toolbar {
  position: absolute;
  top: 0;
  z-index: 10;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.simditor-toolbar-wrap {
  height: 30px;
}
.simditor-toolbar-wrap .simditor-toolbar.on-fixed {
  position: fixed;
  top: 0;
  border: 0 none;
  z-index: 9;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.simditor-toolbar {
  border-bottom: 1px solid #E5E5E5;
  background: #ffffff;
  height: 30px;
  text-align: center;
}
.simditor-toolbar > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.simditor-toolbar > ul:after {
  content: "";
  display: table;
  clear: both;
}
.simditor-toolbar > ul > li {
  position: relative;
  float: left;
}
.simditor-toolbar > ul > li > span.separator {
  display: block;
  float: left;
  background: #cfcfcf;
  width: 1px;
  height: 18px;
  margin: 6px 15px;
}
.simditor-toolbar > ul > li > .toolbar-item {
  display: block;
  float: left;
  width: 40px;
  height: 30px;
  outline: none;
  color: #808080;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
}
.simditor-toolbar > ul > li > .toolbar-item span.simditor-icon {
  display: inline;
  line-height: normal;
}
.simditor-toolbar > ul > li > .toolbar-item:hover span {
  color: #383838;
}
.simditor-toolbar > ul > li > .toolbar-item.active span {
  color: #3da8f5;
}
.simditor-toolbar > ul > li > .toolbar-item.disabled {
  cursor: default;
}
.simditor-toolbar > ul > li > .toolbar-item.disabled span {
  color: #A6A6A6;
}
.simditor-toolbar > ul > li > .toolbar-item.toolbar-item-image {
  position: relative;
  overflow: hidden;
}
.simditor-toolbar > ul > li > .toolbar-item.toolbar-item-image > input[type=file] {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
  font-size: 100px;
  cursor: pointer;
}
.simditor-toolbar > ul > li.menu-on .toolbar-item {
  position: relative;
  z-index: 21;
  background: #ffffff;
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
}
.simditor-toolbar > ul > li.menu-on .toolbar-item span {
  opacity: 1;
}
.simditor-toolbar > ul > li.menu-on .toolbar-menu {
  display: block;
}
.simditor-toolbar .toolbar-menu {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 20;
  background: #ffffff;
  text-align: left;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.simditor-toolbar .toolbar-menu ul {
  min-width: 160px;
  list-style: none;
  margin: 0;
  padding: 10px 1px;
}
.simditor-toolbar .toolbar-menu ul > li .menu-item {
  display: block;
  font-size: 16px;
  line-height: 2em;
  padding: 0 10px;
  text-decoration: none;
  color: #666666;
}
.simditor-toolbar .toolbar-menu ul > li .menu-item:hover {
  background: #f6f6f6;
}
.simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h1 {
  font-size: 24px;
  color: #333333;
}
.simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h2 {
  font-size: 22px;
  color: #333333;
}
.simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h3 {
  font-size: 20px;
  color: #333333;
}
.simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h4 {
  font-size: 18px;
  color: #333333;
}
.simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h5 {
  font-size: 16px;
  color: #333333;
}
.simditor-toolbar .toolbar-menu ul > li .separator {
  display: block;
  border-top: 1px solid #CCCCCC;
  height: 0;
  line-height: 0;
  font-size: 0;
  margin: 6px 0;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color {
  width: 96px;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list {
  height: 40px;
  margin: 10px 6px 6px 10px;
  padding: 0;
  min-width: 0;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li {
  float: left;
  margin: 0 4px 4px 0;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color {
  display: block;
  width: 16px;
  height: 16px;
  background: #dfdfdf;
  border-radius: 2px;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover {
  opacity: 0.8;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default {
  background: #333333;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-0 {
  background: extract(#FF5722, #FF9800, #AD3ABB, #8BC34A, #3da8f5, #D9D9D9, #A6A6A6, #383838, 0);
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-1 {
  background: #FF5722;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-2 {
  background: #FF9800;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-3 {
  background: #AD3ABB;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-4 {
  background: #8BC34A;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-5 {
  background: #3da8f5;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-6 {
  background: #D9D9D9;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-7 {
  background: #A6A6A6;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table {
  background: #ffffff;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td {
  height: 16px;
  padding: 0;
  border: 2px solid #ffffff;
  background: #f3f3f3;
  cursor: pointer;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td:before {
  width: 16px;
  display: block;
  content: '';
}
.simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected {
  background: #cfcfcf;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table {
  display: none;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table ul li {
  white-space: nowrap;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image {
  position: relative;
  overflow: hidden;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file] {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
  font-size: 100px;
  cursor: pointer;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-alignment {
  width: 100%;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-alignment ul {
  min-width: 100%;
}
.simditor-toolbar .toolbar-menu.toolbar-menu-alignment .menu-item {
  text-align: center;
}
.simditor-popover {
  display: none;
  padding: 10px;
  margin-top: 3px;
  background: #FFFFFF;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  position: absolute;
  z-index: 20;
}
.simditor-popover.link-popover {
  width: 250px;
  height: 250px;
}
.simditor-popover .settings-field {
  line-height: 30px;
}
.simditor-popover .settings-field:before,
.simditor-popover .settings-field:after {
  content: " ";
  display: table;
}
.simditor-popover .settings-field:after {
  clear: both;
}
.simditor-popover .settings-field + .settings-field {
  margin-top: 10px;
}
.simditor-popover .settings-field label {
  display: inline-block;
  margin: 0 5px 0 0;
}
.simditor-popover .settings-field input[type=text] {
  display: inline-block;
  width: 200px;
  line-height: 28px;
  padding: 0 5px;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  transition: border 218ms;
}
.simditor-popover .settings-field input[type=text].image-size {
  width: 83px;
}
.simditor-popover .settings-field input[type=text]:focus {
  outline: 0;
  border: 1px solid #A6A6A6;
}
.simditor-popover .settings-field .times {
  display: inline-block;
  width: 26px;
  font-size: 12px;
  text-align: center;
}
.simditor-popover.code-popover {
  display: none !important;
  left: 1px !important;
  padding: 0;
}
.simditor-popover.code-popover .settings-field {
  height: auto;
  line-height: 20px;
}
.simditor-popover.code-popover select,
.simditor-popover.code-popover option {
  text-align: center;
}
.simditor-popover.code-popover .select-lang {
  border: 0;
  padding: 5px 10px;
}
.simditor-popover.image-popover {
  left: 1px !important;
}
.simditor-popover.link-popover .btn-unlink,
.simditor-popover.image-popover .btn-upload,
.simditor-popover.image-popover .btn-restore {
  display: inline-block;
  margin: 0 0 0 5px;
  color: #383838;
  font-size: 14px;
  outline: 0;
}
.simditor-popover.link-popover .btn-unlink span,
.simditor-popover.image-popover .btn-upload span,
.simditor-popover.image-popover .btn-restore span {
  opacity: 0.6;
}
.simditor-popover.link-popover .btn-unlink:hover span,
.simditor-popover.image-popover .btn-upload:hover span,
.simditor-popover.image-popover .btn-restore:hover span {
  opacity: 1;
}
.simditor-popover.link-popover .btn-unlink {
  display: none;
}
.en .simditor-popover.link-popover .settings-field > label {
  width: 50px;
}
.simditor-popover.image-popover .btn-upload {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.simditor-popover.image-popover .btn-upload input[type=file] {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
  height: 100%;
  width: 28px;
}
.simditor .simditor-body,
.editor-style {
  font-size: 14px;
  color: #383838;
  outline: none;
  word-wrap: break-word;
}
.simditor .simditor-body > :first-child,
.editor-style > :first-child {
  margin-top: 0!important;
}
.simditor .simditor-body a,
.editor-style a {
  color: #3da8f5;
  text-decoration: none;
  word-break: break-word;
}
.simditor .simditor-body a:visited,
.editor-style a:visited {
  color: #3da8f5;
}
.simditor .simditor-body a:hover,
.editor-style a:hover {
  color: #0286c2;
}
.simditor .simditor-body a:active,
.editor-style a:active {
  color: #9E792E;
}
.simditor .simditor-body a:hover,
.editor-style a:hover,
.simditor .simditor-body a:active,
.editor-style a:active {
  outline: 0;
}
.simditor .simditor-body h1,
.editor-style h1 {
  font-size: 24px;
}
.simditor .simditor-body h2,
.editor-style h2 {
  font-size: 22px;
}
.simditor .simditor-body h3,
.editor-style h3 {
  font-size: 20px;
}
.simditor .simditor-body h4,
.editor-style h4 {
  font-size: 18px;
}
.simditor .simditor-body h5,
.editor-style h5 {
  font-size: 16px;
}
.simditor .simditor-body h6,
.editor-style h6 {
  font-size: 16px;
}
.simditor .simditor-body p,
.editor-style p,
.simditor .simditor-body div,
.editor-style div {
  margin: 0;
  color: #383838;
  word-wrap: break-word;
  font-size: 14px;
}
.simditor .simditor-body b,
.editor-style b,
.simditor .simditor-body strong,
.editor-style strong {
  font-weight: bold;
}
.simditor .simditor-body i,
.editor-style i,
.simditor .simditor-body em,
.editor-style em {
  font-style: italic;
}
.simditor .simditor-body u,
.editor-style u {
  text-decoration: underline;
}
.simditor .simditor-body strike,
.editor-style strike,
.simditor .simditor-body del,
.editor-style del {
  text-decoration: line-through;
}
.simditor .simditor-body ul,
.editor-style ul,
.simditor .simditor-body ol,
.editor-style ol {
  margin: 0 0 15px 0;
  padding: 0 0 0 20px;
  line-height: 1.6;
}
.simditor .simditor-body ul ul,
.editor-style ul ul,
.simditor .simditor-body ol ul,
.editor-style ol ul,
.simditor .simditor-body ul ol,
.editor-style ul ol,
.simditor .simditor-body ol ol,
.editor-style ol ol {
  padding-left: 30px;
}
.simditor .simditor-body ul > li,
.editor-style ul > li,
.simditor .simditor-body ol > li,
.editor-style ol > li {
  list-style: disc outside none;
}
.simditor .simditor-body ul ul > li,
.editor-style ul ul > li,
.simditor .simditor-body ol ul > li,
.editor-style ol ul > li {
  list-style: circle outside none;
}
.simditor .simditor-body ul ul > li ul > li,
.editor-style ul ul > li ul > li,
.simditor .simditor-body ol ul > li ul > li,
.editor-style ol ul > li ul > li {
  list-style: square outside none;
}
.simditor .simditor-body ol > li,
.editor-style ol > li {
  list-style: decimal;
}
.simditor .simditor-body blockquote,
.editor-style blockquote {
  border-left: 6px solid #ddd;
  padding: 5px 0 5px 10px;
  margin: 5px 4px;
}
.simditor .simditor-body blockquote > :first-child,
.editor-style blockquote > :first-child {
  margin-top: 0;
}
.simditor .simditor-body code,
.editor-style code {
  display: inline-block;
  padding: 0 4px;
  margin: 0 5px;
  background: #EEEEEE;
  border-radius: 3px;
  font-size: 13px;
  font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace;
}
.simditor .simditor-body pre,
.editor-style pre {
  padding: 10px 5px 10px 10px;
  margin: 15px 0;
  display: block;
  line-height: 18px;
  background: #EEEEEE;
  border-radius: 3px;
  font-size: 13px;
  font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace;
  white-space: pre;
  word-wrap: normal;
  overflow-x: auto;
}
.simditor .simditor-body pre code,
.editor-style pre code {
  display: block;
  padding: 0;
  margin: 0;
  background: none;
  border-radius: 0;
}
.simditor .simditor-body hr,
.editor-style hr {
  display: block;
  height: 0px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 15px 0;
  padding: 0;
}
.simditor .simditor-body table,
.editor-style table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 15px 0;
}
.simditor .simditor-body table thead,
.editor-style table thead {
  background-color: #f9f9f9;
}
.simditor .simditor-body table td,
.editor-style table td,
.simditor .simditor-body table th,
.editor-style table th {
  min-width: 40px;
  height: 30px;
  border: 1px solid #ccc;
  vertical-align: top;
  padding: 2px 4px;
  text-align: left;
  box-sizing: border-box;
}
.simditor .simditor-body table td.active,
.editor-style table td.active,
.simditor .simditor-body table th.active,
.editor-style table th.active {
  background-color: #ffffee;
}
.simditor .simditor-body img,
.editor-style img {
  margin: 0;
  vertical-align: middle;
}
.simditor .popover {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  max-width: none;
  display: block;
  z-index: 106;
  padding: 0;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.simditor .popover.top {
  margin-top: 0;
}
.simditor .popover.right {
  margin-left: 0;
}
.simditor .popover.bottom {
  margin-top: 0;
}
.simditor .popover.left {
  margin-left: 0;
}
.simditor .popover > .arrow,
.simditor .popover > .arrow:after {
  display: none;
}
.simditor .popover .popover-title {
  padding: 0;
  background: none;
  border: 0 none;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
}
.simditor .popover .popover-header {
  padding: 10px 15px;
  border-bottom: 1px solid #eeeeee;
  margin: 0px 15px;
}
.simditor .popover .popover-close-handler {
  position: absolute;
  top: 15px;
}
.simditor .popover .popover-close-handler {
  right: 15px;
}
.simditor .popover .popover-content {
  padding: 15px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.simditor .popover .popover-content .item {
  position: relative;
  margin-bottom: 15px;
  font-size: 14px;
}
.simditor .popover .popover-content .item:last-child {
  margin-bottom: 0;
}
.simditor .popover .popover-content.no-padding {
  padding: 0;
}
.simditor .popover .popover-content textarea.form-control {
  resize: vertical;
  width: 100%;
  box-sizing: border-box;
  resize: none;
  outline: none;
}
.simditor .popover .popover-content .btn {
  width: 100%;
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #383838;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background-color: #ffffff;
  white-space: nowrap;
  opacity: 1;
}
.simditor .popover .popover-content .btn:focus {
  box-shadow: none;
  outline: 0;
}
.simditor .popover .popover-content .btn-primary {
  color: #fff;
  background-color: #3da8f5;
  border-color: #3da8f5;
}
.simditor .popover .popover-content .disabled {
  opacity: .65;
}
.toggler {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 218ms;
}
.open .toggler,
.toggler.open,
.toggler-parent:hover .toggler {
  opacity: 1;
  filter: alpha(opacity=100);
}
body {
  font-family: Helvetica Neue, PingFang SC, Microsoft Yahei, '\5FAE\8F6F\96C5\9ED1', STXihei, '\534E\6587\7EC6\9ED1', sans-serif;
  line-height: 20px;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}
h1,
h2,
h3 {
  line-height: 40px;
}
h4,
h5 {
  line-height: 20px;
}
label {
  font-weight: normal;
}
p {
  margin: 0;
  padding: 0;
}
img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
a {
  color: #808080;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:focus {
  color: #3da8f5;
  text-decoration: none;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
li {
  line-height: 20px;
  list-style: none;
}
blockquote {
  font-size: 12px;
}
form > p {
  margin-bottom: 15px;
}
input::-ms-clear {
  display: none;
}
input::-ms-reval {
  display: none;
}
select {
  border: 1px solid #D9D9D9;
  background-color: #FFFFFF;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  outline: none;
  background-repeat: no-repeat;
  background-position: right 11px;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  select {
    padding-right: 18px;
  }
}
select::-ms-expand {
  display: none;
}
@-moz-document url-prefix() {
  select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
  }
}
.muted {
  color: #A6A6A6;
  font-weight: normal;
}
a.muted:hover {
  color: #cccccc;
}
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.hljs {
  background-color: transparent;
}
.avatar {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.no-avatar {
  background-image: url(https://dn-st.teambition.net/teambition/images/nobody-avator@2x.63d8fe18.png);
}
.img-rounded {
  background-color: #EEEEEE;
}
.modals-open,
.float-open {
  overflow: hidden;
}
.body-wrap {
  position: relative;
  margin: 0 auto;
}
.hack-render-bug {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
body.window .icon {
  -webkit-font-smoothing: auto;
}
@media screen and (max-width: 1199px) {
  .body-wrap {
    width: 944px;
  }
}
@media screen and (min-width: 1200px) {
  .body-wrap {
    width: 1100px;
  }
}
.essage-container {
  position: fixed;
  left: 30px;
  bottom: 30px;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 10010;
}
.essage {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  width: 300px;
  padding: 12px 50px 12px 46px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  background-color: #FFF;
  border-left-style: solid;
  border-left-width: 4px;
  border-radius: 3px;
  box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.15);
  color: #383838;
}
.essage + .essage {
  margin-top: 20px;
}
.essage.essage-log {
  border-left-color: #FFAF38;
}
.essage.essage-log .essage-status {
  color: #FFAF38;
}
.essage.essage-success {
  border-left-color: #3DA8F5;
}
.essage.essage-success .essage-status {
  color: #3DA8F5;
}
.essage.essage-warning {
  border-left-color: #FF647A;
}
.essage.essage-warning .essage-status {
  color: #FF390A;
}
.essage.essage-error {
  border-left-color: #FF4F3E;
}
.essage.essage-error .essage-status {
  color: #FF4F3E;
}
.essage.essage-log.slide-up,
.essage.essage-success.slide-up {
  transition: 0.25s cubic-bezier(0.5, 1, 0.2, 1);
}
.essage.essage-log.slide-down,
.essage.essage-success.slide-down {
  transition: 0.25s cubic-bezier(0, 1, 0.39, 1);
}
.essage.essage-warning.slide-up,
.essage.essage-error.slide-up {
  transition: 0.18s cubic-bezier(0.8, 0, 0.4, 1);
}
.essage.essage-warning.slide-down,
.essage.essage-error.slide-down {
  transition: 0.18s cubic-bezier(0, 0.6, 0.6, 1);
}
.essage .essage-status {
  position: absolute;
  top: 16px;
  left: 20px;
  height: 16px;
  width: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #FFF;
}
.essage .essage-close {
  position: absolute;
  top: 18px;
  right: 18px;
  height: 12px;
  width: 12px;
  font-size: 12px;
  line-height: 12px;
  color: #A2ABB8;
}
.essage .essage-close:hover {
  color: #8591a2;
}
.essage .essage-hint,
.essage .essage-content {
  margin-top: 2px;
  word-break: break-word;
  line-height: 20px;
  color: #ACACAC;
}
.essage .essage-tips {
  word-break: break-word;
  color: #383838;
}
.essage .essage-url,
.essage .show-bookmark-hint,
.essage .essage-content a {
  transition: color 218ms ease;
  color: #3DA8F5;
}
.essage .essage-url:hover,
.essage .show-bookmark-hint:hover,
.essage .essage-content a:hover {
  color: #0c92f3;
}
.bg-priority-2 {
  background-color: #FF4F3E;
}
.bg-priority-1 {
  background-color: #FFAF38;
}
.bg-priority-0 {
  background-color: #A6A6A6;
}
.color-priority-2 {
  color: #FF4F3E;
}
.color-priority-1 {
  color: #FFAF38;
}
.color-priority-0 {
  color: #808080;
}
.modal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal .modal-dialog {
  margin: 50px auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal .modal-dialog::-webkit-scrollbar {
  width: 7px;
}
.modal .modal-dialog::-webkit-scrollbar-track {
  background-color: #E5E5E5;
  border-left: 2px solid transparent;
}
.modal .modal-dialog::-webkit-scrollbar-thumb {
  background-color: #A6A6A6;
  border-left: 2px solid transparent;
}
.modal .modal-dialog::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}
.modal .modal-dialog::-webkit-scrollbar {
  width: 7px;
}
.modal .modal-dialog::-webkit-scrollbar-track {
  background-color: #E5E5E5;
  border-left: 2px solid transparent;
}
.modal .modal-dialog::-webkit-scrollbar-thumb {
  background-color: #A6A6A6;
  border-left: 2px solid transparent;
}
.modal .modal-dialog::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}
@-webkit-keyframes kf-growing-load {
  to {
    width: 100%;
  }
}
@keyframes kf-growing-load {
  to {
    width: 100%;
  }
}
body.template-edit-framed > #navigator,
body.template-edit-framed .my-view,
body.template-edit-framed .inbox-view,
body.template-edit-framed .hide-when-framed {
  display: none !important;
}
body.template-edit-framed .modal .modal-dialog {
  margin-top: 100px;
}
body.template-edit-framed .modal .modal-dialog.previewer,
body.template-edit-framed .modal .modal-dialog.object-modal-view {
  margin-top: 50px;
}
.modal .modal-view.modal-dialog {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 50px auto;
}
.modal .modal-view.modal-dialog .modal-header {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
  margin: 15px 0 0;
  text-align: center;
}
.modal .modal-view.modal-dialog .modal-header .modal-title {
  font-size: 16px;
  line-height: 20px;
  padding: 0 15px 15px;
}
.modal .modal-view.modal-dialog .modal-header .modal-close {
  font-size: 14px;
  line-height: 20px;
  margin-right: 15px;
}
.modal .modal-view.modal-dialog .modal-header.title-left {
  text-align: left;
}
.modal .modal-view.modal-dialog .modal-body {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
.modal .modal-view.modal-dialog .modal-body > * {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal .modal-view.modal-dialog .form-control {
  margin-bottom: 15px;
}
.modal .modal-view.header-fixed .modal-body {
  overflow: hidden;
}
.modal .modal-view.header-fixed .modal-body > * {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal .modal-view.header-fixed .modal-body > *::-webkit-scrollbar {
  width: 7px;
}
.modal .modal-view.header-fixed .modal-body > *::-webkit-scrollbar-track {
  background-color: #E5E5E5;
  border-left: 2px solid transparent;
}
.modal .modal-view.header-fixed .modal-body > *::-webkit-scrollbar-thumb {
  background-color: #A6A6A6;
  border-left: 2px solid transparent;
}
.modal .modal-view.header-fixed .modal-body > *::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}
.modal .modal-view.header-fixed .modal-body > *::-webkit-scrollbar {
  width: 7px;
}
.modal .modal-view.header-fixed .modal-body > *::-webkit-scrollbar-track {
  background-color: #E5E5E5;
  border-left: 2px solid transparent;
}
.modal .modal-view.header-fixed .modal-body > *::-webkit-scrollbar-thumb {
  background-color: #A6A6A6;
  border-left: 2px solid transparent;
}
.modal .modal-view.header-fixed .modal-body > *::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}
.modal .modal-view.modal-padding .modal-header {
  margin: 0;
  margin-top: 15px;
  padding: 0 15px;
}
.modal .modal-view.modal-padding .modal-header .modal-title {
  padding: 0;
  padding-bottom: 15px;
}
.modal .modal-view.modal-padding .modal-body > * {
  padding: 15px;
}
.modal-view.modal-dialog.modal-sm {
  width: 360px;
  min-height: 486px;
  max-height: 600px;
}
.modal-view.modal-dialog.modal-md {
  width: 600px;
  min-height: 400px;
}
.modal-view.modal-dialog.modal-lg {
  width: 800px;
  min-height: 600px;
}
.modal-view.modal-dialog.modal-lg .modal-header .modal-title {
  font-size: 18px;
  line-height: 26px;
}
.modal-view.modal-dialog.modal-lg .modal-header .modal-close {
  font-size: 16px;
  line-height: 26px;
}
.modal-view.modal-dialog.modal-fullsize {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.symbol-popover-view {
  border-radius: 4px;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
}
.symbol-popover-view .popover-content {
  padding: 0;
}
.symbol-popover-view .popover-content h5 {
  display: block;
  padding: 6px 15px;
  color: #A6A6A6;
  margin: 0;
}
.symbol-popover-view .popover-content h5.not-project-members,
.symbol-popover-view .popover-content h5.guest-members {
  border-top: 1px solid #EEEEEE;
}
.symbol-popover-view .popover-content ul {
  max-height: 200px;
  padding: 0 0 5px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.symbol-popover-view .popover-content li > a {
  display: block;
  padding: 5px 15px;
  clear: both;
  line-height: 24px;
  color: #808080;
  cursor: pointer;
  outline: 0 none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.symbol-popover-view .popover-content li > a:hover {
  background-color: #F7F7F7;
}
.symbol-popover-view .popover-content li > a > .tip {
  color: #A6A6A6;
}
.symbol-popover-view .popover-content li > a > .avatar,
.symbol-popover-view .popover-content li > a > .icon {
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  margin-left: -2px;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  background-size: 24px 24px;
}
.symbol-popover-view .popover-content li.selected {
  position: relative;
}
.symbol-popover-view .popover-content li.selected:after {
  position: absolute;
  top: 8px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #A6A6A6;
}
.symbol-popover-view .popover-content li.active {
  font-weight: bold;
  background-color: #F7F7F7;
}
.symbol-popover-view .popover-content li.divider {
  margin: 5px 15px;
  background-color: #EEEEEE;
}
.symbol-popover-view .popover-content li.link-item > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #383838;
}
.symbol-popover-view .popover-content li.link-item > a .icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-color: #3da8f5;
  font-size: 12px;
  color: #FFFFFF;
}
.symbol-popover-view .popover-content li.link-item > a .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.symbol-popover-view .popover-content li.link-item > a .label {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 6px;
}
.symbol-popover-view .popover-content li.team .team-avatar .icon {
  color: #3da8f5;
}
.symbol-popover-view .popover-content li.team .team-child {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.symbol-popover-view .popover-content .involved + .other {
  border-top: 1px solid #EEEEEE;
}
.backbone-form-select {
  position: relative;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  line-height: 20px;
  transition: border-color 218ms ease;
  cursor: pointer;
}
.backbone-form-select[disabled] {
  background-color: #F7F7F7;
}
.backbone-form-select .icon {
  color: #A6A6A6;
}
.backbone-form-select .button,
.backbone-form-select .menu-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.backbone-form-select .button {
  padding: 10px 15px;
}
.backbone-form-select .menu {
  display: none;
  position: absolute;
  z-index: 1;
  top: 42px;
  left: 0;
  right: 0;
  padding: 5px 0;
  max-height: 240px;
  overflow-y: auto;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0px 2px 10px 0px rgba(170, 170, 170, 0.5);
}
.backbone-form-select .menu .menu-item {
  margin: 0;
  padding: 10px 15px;
  line-height: 20px;
  cursor: pointer;
}
.backbone-form-select .menu .menu-item:hover {
  background-color: #F7F7F7;
}
.backbone-form-select .menu.is-open {
  display: block;
}
.confirm-modal {
  z-index: 121;
}
.confirm-modal .modal-dialog {
  width: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -125px 0 0 -250px;
  background-color: #FFFFFF;
}
.confirm-modal .modal-content {
  padding: 20px;
}
.confirm-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 120;
  background-color: #383838;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.confirm-modal-backdrop.fade.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.confirm-modal-backdrop.fade {
  opacity: 0;
}
.confirm-danger-modal {
  z-index: 121;
}
.confirm-danger-modal .modal-dialog {
  width: 360px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -125px 0 0 -180px;
  background-color: #FFFFFF;
}
.confirm-danger-modal .modal-content {
  padding: 20px;
}
.confirm-danger-modal .modal-footer .btn-danger {
  color: #FF4F3E;
  border-color: #FF4F3E;
  background-color: #FFFFFF;
  transition: all 218ms;
}
.confirm-danger-modal .modal-footer .btn-danger:hover,
.confirm-danger-modal .modal-footer .btn-danger:active,
.confirm-danger-modal .modal-footer .btn-danger:focus {
  color: #FFFFFF;
  background-color: #FF4F3E;
}
.confirm-danger-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 120;
  background-color: #383838;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.confirm-danger-modal-backdrop.fade.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.confirm-danger-modal-backdrop.fade {
  opacity: 0;
}
.panel-view {
  position: fixed;
  z-index: 60;
  top: 48px;
  right: -520px;
  bottom: 0;
  background-color: #FFFFFF;
  border: 0 none;
  margin-bottom: 0px;
  overflow: hidden;
  border-radius: 0px;
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.3);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.panel-view .pin-toolbar .simditor-toolbar {
  width: 479px;
  top: 0;
}
body.board-fullscreen .panel-view {
  top: 0;
}
.panel-layer {
  position: absolute;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  width: 100%;
  transition: bottom 218ms ease;
}
.panel-layer > .card {
  margin: 20px;
}
.hint {
  z-index: 10000;
  position: absolute;
  opacity: 0;
  max-width: 260px;
  top: 50%;
  left: 50%;
  padding: 8px 12px;
  text-align: left;
  font-size: 12px;
  background-color: #383838;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(56, 56, 56, 0.25);
  transition: opacity 218ms;
}
.hint.on {
  opacity: 1;
}
.hint p {
  word-break: break-all;
  white-space: pre-line;
}
.hint .arrow {
  position: absolute;
}
.hint .arrow.bottom {
  top: 100%;
  left: 50%;
  margin-left: -4px;
  border: 4px solid transparent;
  border-top: 4px solid #383838;
}
.hint .arrow.top {
  bottom: 100%;
  left: 50%;
  margin-left: -4px;
  border: 4px solid transparent;
  border-bottom: 4px solid #383838;
}
.hint .arrow.right {
  left: 100%;
  top: 50%;
  margin-top: -4px;
  border: 4px solid transparent;
  border-left: 4px solid #383838;
}
.hint .arrow.left {
  right: 100%;
  top: 50%;
  margin-top: -4px;
  border: 4px solid transparent;
  border-right: 4px solid #383838;
}
.webuploader-container {
  display: inline-block;
  position: relative;
}
.nav-underscore .webuploader-container.btn,
.webuploader-container.btn {
  padding: 0;
}
.nav-underscore .webuploader-container.btn .webuploader-pick,
.webuploader-container.btn .webuploader-pick {
  padding: 8px 12px;
}
.webuploader-dnd-over {
  position: relative;
}
.webuploader-dnd-over:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 15px;
  color: #383838;
  background-color: #ddd;
  opacity: 0.8;
  z-index: 999;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
html:lang(zh) .webuploader-dnd-over:after {
  content: '\62D6\62FD\6587\4EF6\5230\8FD9\91CC\FF0C\76F4\63A5\4E0A\4F20';
}
html:lang(en) .webuploader-dnd-over:after {
  content: 'Drop file here to upload';
}
html:lang(ja) .webuploader-dnd-over:after {
  content: '\30A2\30C3\30D7\30ED\30FC\30C9\3059\308B\306B\306F\3001\3053\3053\306B\30D5\30A1\30A4\30EB\3092\30C9\30ED\30C3\30D7\3057\3066\304F\3060\3055\3044';
}
html:lang(ko) .webuploader-dnd-over:after {
  content: '\D30C\C77C\C744   \C5EC\AE30\B85C   \C62E\ACA8   \C5C5\B85C\B4DC\D558\AE30';
}
html:lang(zh_tw) .webuploader-dnd-over:after {
  content: '\62D6\62FD\6587\4EF6\5230\9019\88E1\FF0C\76F4\63A5\4E0A\50B3';
}
.webuploader-element-invisible {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
}
.notification-modal {
  z-index: 110;
}
.notification-modal .modal-dialog.card .card-content {
  padding-bottom: 25px;
}
.notification-modal .description {
  font-size: 15px;
  padding: 10px 0;
}
.notification-modal .btn-block + .btn-block {
  margin-top: 20px;
}
.notification-modal-backdrop {
  z-index: 109;
}
.modal .step-modal-view {
  width: 360px;
}
.step-modal-view .modal-title {
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.step-modal-view .prev-handler {
  position: absolute;
  left: 0;
  top: 0;
}
.step-modal-view .modal-title {
  padding: 0 40px;
  text-align: center;
}
.emoji-view {
  position: relative;
  width: 302px;
  background: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
}
.emoji-view .emoji-header {
  position: relative;
  height: 20px;
  margin-top: 7px;
}
.emoji-view .emoji-header .icon-remove {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 12px;
}
.emoji-view .emoji-footer {
  position: relative;
  padding: 9px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.emoji-view .emoji-footer .emoji-switcher {
  height: 12px;
  width: 12px;
}
.emoji-view .emoji-footer .emoji-switcher:hover .emoji-switcher-circle,
.emoji-view .emoji-footer .emoji-switcher.active .emoji-switcher-circle {
  background: #A6A6A6;
}
.emoji-view .emoji-footer .emoji-switcher-circle {
  margin: 3px;
  width: 6px;
  height: 6px;
  background: #EEEEEE;
  border-radius: 50%;
}
.emoji-view .emoji-group {
  height: 144px;
  width: 100%;
  padding-left: 2px;
}
.emoji-view .emoji-group:before,
.emoji-view .emoji-group:after {
  content: " ";
  display: table;
}
.emoji-view .emoji-group:after {
  clear: both;
}
.emoji-view .emoji-cell {
  margin-left: 10px;
  margin-top: 10px;
  width: 26px;
  height: 26px;
  float: left;
  cursor: pointer;
}
img.emoji,
img[alt=emoji] {
  width: 20px;
  height: 20px;
}
.task-id-label {
  padding: 0 4px;
  font-size: 12px;
  line-height: 20px;
  color: #3da8f5;
  background-color: #E2F2FE;
  border-radius: 3px;
}
.task-id-label:empty {
  display: none;
}
.feature-guide-view {
  position: absolute;
  z-index: 1000;
  width: 320px;
  height: 230px;
  opacity: 0;
  visibility: hidden;
}
.feature-guide-view .feature-guide {
  margin: 0 auto;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 3px 21px 0 rgba(0, 0, 0, 0.2);
}
.feature-guide-view .feature-guide:after {
  content: '';
  position: absolute;
  width: 31px;
  height: 22px;
  top: 2px;
  left: 145px;
  background-image: url(https://dn-st.teambition.net/teambition/images/guide-triangle.df368b01.png);
  background-size: cover;
}
.feature-guide-view .guide-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 24px;
  font-weight: normal;
  padding-top: 30px;
}
.feature-guide-view .guide-content {
  margin: 20px 30px 0 20px;
  text-align: left;
  color: #808080;
}
.feature-guide-view .guide-content > a {
  color: #3da8f5;
}
.feature-guide-view .btn {
  width: 280px;
  margin: 20px auto 15px;
}
.modal-guide-open .task-detail .detail-content {
  overflow: hidden!important;
}
.gantt-guide-view {
  position: absolute;
  top: 30px;
  right: 362px;
  text-align: center;
  box-shadow: 0 7px 21px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 100;
  opacity: 0;
}
.gantt-guide-view .feature-guide {
  width: 320px;
  background-color: #FFFFFF;
  padding: 16px 0;
  border-radius: 4px;
}
.gantt-guide-view .feature-guide:after {
  content: '';
  position: absolute;
  width: 61px;
  height: 67px;
  top: 15px;
  right: -39px;
  background-image: url(https://dn-st.teambition.net/teambition/images/guide-triangle.df368b01.png);
  background-size: 61px 67px;
  z-index: -1;
}
.gantt-guide-view .guide-image {
  width: 280px;
  height: 163px;
  margin: 4px auto 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://dn-st.teambition.net/teambition/images/gantt-guide.a6037c90.png);
}
.gantt-guide-view .guide-title {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
}
.gantt-guide-view .guide-title p {
  display: inline-block;
  vertical-align: bottom;
}
.gantt-guide-view .guide-title .pro-mark {
  background-color: #3da8f5;
  color: #FFFFFF;
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 2px;
}
.gantt-guide-view .guide-content {
  margin: 20px 29px 24px 20px;
  line-height: 22px;
  color: #808080;
  text-align: left;
}
.gantt-guide-view .guide-content > a {
  color: #3da8f5;
}
.gantt-guide-view .btn {
  width: 280px;
  margin: 0 auto;
  margin-bottom: 12px;
  border-radius: 4px;
  display: block;
}
.gantt-guide-view .guide-know-more {
  width: 280px;
  color: #3da8f5;
  padding: 12px;
  display: block;
  margin: 0 auto;
}
.workspace-guide-view {
  position: fixed;
  top: 52px;
  left: 8px;
  opacity: 0;
  z-index: 100;
  text-align: center;
  background-color: #3da8f5;
  border-radius: 4px;
  box-shadow: 0 7px 21px 0 rgba(56, 56, 56, 0.2);
  color: #FFFFFF;
}
.workspace-guide-view .symbol-arrow {
  position: absolute;
  top: -10px;
  left: 7px;
}
.workspace-guide-view .feature-guide {
  padding: 0 16px;
  font-size: 14px;
  line-height: 54px;
}
#close-intercom {
  display: none;
  position: fixed;
  right: 95px;
  bottom: 39px;
  padding: 2px 8px;
  border-radius: 4px;
  z-index: 2147483000;
  background-color: #b3b3b3;
}
#close-intercom:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 15px rgba(0, 0, 0, 0.16);
}
#close-intercom a {
  color: white;
}
#close-intercom a .icon {
  font-size: 12px;
  padding-right: 5px;
  font-weight: bold;
}
.add-filter-guide-view {
  position: absolute;
  right: 390px;
  text-align: center;
  box-shadow: 0 7px 21px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 100;
}
.add-filter-guide-view .feature-guide {
  width: 320px;
  background-color: #FFFFFF;
  padding: 20px 0;
  border-radius: 4px;
}
.add-filter-guide-view .feature-guide:after {
  content: '';
  position: absolute;
  width: 61px;
  height: 67px;
  bottom: -5px;
  right: -39px;
  background-image: url(https://dn-st.teambition.net/teambition/images/guide-triangle.df368b01.png);
  background-size: 61px 67px;
  z-index: -1;
}
.add-filter-guide-view .guide-title {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
}
.add-filter-guide-view .guide-content {
  margin: 20px 29px 24px 20px;
  line-height: 22px;
  color: #808080;
  text-align: left;
}
.add-filter-guide-view .btn {
  width: 280px;
  margin: 0 auto;
  border-radius: 4px;
  display: block;
}
.modal-dialog.obd-amazing-wave {
  width: 500px;
  height: 350px;
  margin: auto;
}
.modal-dialog.obd-amazing-wave .modal-header {
  height: 203px;
  background-image: url(https://dn-st.teambition.net/teambition/images/header.af228d4f.png);
  background-size: 500px 211px;
  background-position: 0px -12px;
  background-repeat: no-repeat;
}
.modal-dialog.obd-amazing-wave .modal-header .title {
  margin: 0;
  color: white;
  font-size: 30px;
  font-weight: 300;
  padding-top: 70px;
  letter-spacing: 1px;
}
.modal-dialog.obd-amazing-wave .modal-header .modal-close {
  color: white;
  margin: 12px 14px 0 0;
}
.modal-dialog.obd-amazing-wave .modal-body {
  padding-top: 0;
}
.modal-dialog.obd-amazing-wave .modal-body .subtitle {
  position: relative;
  margin-bottom: 12px;
  color: #50B0F6;
  text-align: center;
}
.modal-dialog.obd-amazing-wave .modal-body .subtitle:after {
  content: '';
  display: block;
  margin: 9px auto auto;
  width: 60%;
  height: 1px;
  background-color: #8ACAF9;
}
.modal-dialog.obd-amazing-wave .modal-body .btn {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.modal-dialog.obd-amazing-wave .modal-body .btn-link {
  color: #3da8f5;
  margin-top: 12px;
}
.obd-grid-selector {
  width: 100%;
}
.obd-grid-selector .grid-selector {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin: 20px 20px 12px 20px;
}
.obd-grid-selector .grid-selector .item-container {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.obd-grid-selector .grid-selector .item-container .item {
  margin-bottom: 16px;
}
.obd-grid-selector .grid-selector .item-container .item .item-card {
  position: relative;
  width: 110px;
  height: 100px;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: 50% 30%;
  cursor: pointer;
  transition: all 218ms;
}
.obd-grid-selector .grid-selector .item-container .item .item-card .name {
  margin-top: 64px;
  text-align: center;
}
.obd-grid-selector .grid-selector .item-container .item .item-card .intro {
  position: absolute;
  top: 50%;
  padding: 8px;
  width: 100%;
  max-height: 100%;
  color: white;
  opacity: 0;
  z-index: 15;
  font-size: 12px;
  transition: all 218ms;
  -webkit-transform: translateY(-50%) scale(0.98);
          transform: translateY(-50%) scale(0.98);
  overflow: hidden;
  overflow-wrap: break-word;
}
.obd-grid-selector .grid-selector .item-container .item .item-card::before {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  z-index: 30;
  opacity: 0;
  color: white;
  text-align: center;
  border-radius: 2px 0 4px 0;
  background-color: rgba(255, 255, 255, 0.4);
  transition: all 218ms;
}
a.obd-grid-selector .grid-selector .item-container .item .item-card::before {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.obd-grid-selector .grid-selector .item-container .item .item-card::before:hover {
  color: #3da8f5;
}
a.obd-grid-selector .grid-selector .item-container .item .item-card::before.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.obd-grid-selector .grid-selector .item-container .item .item-card::before.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.obd-grid-selector .grid-selector .item-container .item .item-card::before.icon-white {
  color: #FFFFFF;
}
.obd-grid-selector .grid-selector .item-container .item .item-card::before.icon-font14 {
  font-size: 14px;
}
.obd-grid-selector .grid-selector .item-container .item .item-card::before.icon-font16 {
  font-size: 16px;
}
.obd-grid-selector .grid-selector .item-container .item .item-card::before.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.obd-grid-selector .grid-selector .item-container .item .item-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 3px;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  transition: all 218ms;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to right, #81E0FA, #3da8f5);
}
.obd-grid-selector .grid-selector .item-container .item:not(.item-selected):hover > .item-card {
  border-color: transparent !important;
}
.obd-grid-selector .grid-selector .item-container .item:not(.item-selected):hover > .item-card .intro {
  opacity: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.obd-grid-selector .grid-selector .item-container .item:not(.item-selected):hover > .item-card::after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.obd-grid-selector .grid-selector .item-container .item.item-selected > .item-card {
  border-color: #3da8f5;
}
.obd-grid-selector .grid-selector .item-container .item.item-selected > .item-card::before {
  opacity: 1;
  background-color: #3da8f5;
}
.obd-grid-selector .grid-actions {
  width: 280px;
  margin: 0 auto 15px;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.obd-grid-selector .grid-actions .btn-link {
  color: #3da8f5;
}
.obd-grid-selector .grid-actions .btn-link:hover {
  color: #5ab5f7;
}
.modal .modal-dialog.obd-grid-selector {
  width: 402px;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.modal .modal-dialog.obd-grid-selector .modal-body {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.modal .modal-dialog.obd-grid-selector .grid-selector {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.modal .modal-dialog.obd-grid-selector .grid-actions {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.obd-oboarding-slide {
  width: 100%;
}
.obd-oboarding-slide .slide-progress {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin: 16px 0;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.obd-oboarding-slide .slide-progress .slide-progress-wrap {
  position: relative;
}
.obd-oboarding-slide .slide-progress .slide-progress-bar {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 8px;
  height: 4px;
  background-color: #CCCCCC;
  z-index: 2;
}
.obd-oboarding-slide .slide-progress .slide-progress-bar .progress-animation {
  display: block;
  height: 100%;
  background-color: #3da8f5;
  transition: width 218ms ease;
}
.obd-oboarding-slide .slide-progress .slide-progress-item {
  position: relative;
  display: inline-block;
  float: left;
  border-radius: 50%;
}
.obd-oboarding-slide .slide-progress .slide-progress-item .slide-count {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  color: #FFFFFF;
  background-color: #CCCCCC;
  z-index: 2;
}
.obd-oboarding-slide .slide-progress .slide-progress-item:after {
  content: ' ';
  position: absolute;
  top: 0px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  box-shadow: 0 0 0 3px rgba(138, 202, 249, 0.5);
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
  transition: 218ms;
}
.obd-oboarding-slide .slide-progress .slide-progress-item.selected .slide-count,
.obd-oboarding-slide .slide-progress .slide-progress-item.active .slide-count {
  cursor: pointer;
  background-color: #3da8f5;
}
.obd-oboarding-slide .slide-progress .slide-progress-item.selected:after {
  opacity: 1;
}
.obd-oboarding-slide .slide-progress .slide-progress-item + .slide-progress-item {
  margin-left: 30px;
}
.obd-oboarding-slide .slide-container {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.obd-oboarding-slide .slide-container .slides-list {
  transition: 218ms;
}
.obd-oboarding-slide .slide-container .slides-list .slide {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 100%;
}
.obd-oboarding-slide .slide-content {
  text-align: center;
}
.obd-oboarding-slide .slide-content .img-container {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.obd-oboarding-slide .slide-content .description {
  margin: 16px auto;
}
.obd-oboarding-slide .slide-action {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.obd-oboarding-slide .slide-action .btn {
  width: 280px;
}
.obd-oboarding-slide .slide-action .btn-linear-gradient {
  height: 38px;
  border: none;
  color: #FFFFFF;
  background: linear-gradient(to right, #81E0FA, #3da8f5);
}
.obd-oboarding-slide .slide-action .btn-linear-gradient:hover {
  background: linear-gradient(to right, #9ae6fb, #55b3f6);
}
.obd-oboarding-slide .slide-action .btn-linear-gradient:active {
  background: linear-gradient(to right, #68daf9, #259df4);
}
.modal .modal-dialog.obd-oboarding-slide {
  -webkit-flex: none !important;
      -ms-flex: none !important;
          flex: none !important;
}
.modal .modal-dialog.obd-oboarding-slide .modal-body {
  padding: 0 20px;
}
.modal .modal-dialog.obd-oboarding-slide .slide,
.modal .modal-dialog.obd-oboarding-slide .modal-body,
.modal .modal-dialog.obd-oboarding-slide .slide-progress,
.modal .modal-dialog.obd-oboarding-slide .slide-container {
  -webkit-flex: none !important;
      -ms-flex: none !important;
          flex: none !important;
}
.modal .modal-dialog.obd-oboarding-slide .slide {
  margin-right: 20px;
}
.modal .modal-dialog.obd-oboarding-slide .slide-content .description {
  margin: 20px auto;
}
.modal .modal-dialog.obd-oboarding-slide .slide-action {
  margin-bottom: 35px;
}
.react-badge {
  position: absolute;
  display: inline-block;
  line-height: 0px;
  vertical-align: middle;
}
.react-badge > sup {
  position: absolute;
  top: 0px;
  right: -5px;
  padding: 0 3px;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #3da8f5;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  opacity: 0.9;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.react-badge > sup > span {
  display: block;
}
.react-badge > sup.badge-inline {
  position: static;
  top: auto;
  right: auto;
  display: inline-block;
  border: none;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
#content > .loading-indicator {
  margin-top: 58px;
}
.activity {
  position: relative;
  overflow: hidden;
  margin: 15px;
}
.activity:first-child {
  margin-top: 12px;
}
.activity:last-child {
  margin-bottom: 0;
}
.activity .pre {
  white-space: pre-wrap;
}
.activity.guest a:not('.delete-activity-handler'):hover {
  cursor: auto;
  color: #808080;
  text-decoration: none;
}
.activity .avatar {
  cursor: pointer;
}
.activity .work {
  float: left;
  width: 50%;
  padding: 1px 5px;
  margin-top: 5px;
  margin-bottom: 0px;
  cursor: pointer;
  border-color: rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.activity .work:hover {
  background-color: #EEEEEE;
}
.activity .activity-handler-set-button {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.2s ease;
}
.activity .activity-handler-set-button a {
  padding: 0 5px;
}
.activity .activity-body {
  position: relative;
  margin: 0 0 0 46px;
}
.activity .activity-body:hover .activity-handler-set-button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 0.2s ease 0.1s;
}
.activity .activity-body .activity-voice-wrapper {
  position: relative;
  display: inline-block;
  padding: 8px;
  width: 100px;
  height: 34px;
  line-height: 18px;
  background-color: #E1F3FB;
  border-radius: 4px;
  color: #3da8f5;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.activity .activity-body .activity-voice-wrapper .voice-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 34px;
  background-color: #C0E9FC;
}
.activity .activity-body .activity-voice-wrapper .icon {
  position: relative;
  font-size: 18px;
}
.activity .activity-body .activity-voice-wrapper .play-time {
  position: relative;
  font-size: 14px;
}
.activity .activity-body .activity-attachments {
  overflow: hidden;
  margin: 5px 0 0 -5px;
}
.activity .activity-body-coyness {
  font-size: 12px;
  margin: 0 0 0 46px;
}
.activity .activity-body-coyness .activity-content {
  cursor: pointer;
}
.activity .activity-body-coyness .activity-content .activity-description {
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  border-left: 5px solid #EEEEEE;
}
.activity .activity-body-coyness .activity-content .activity-content-detail {
  display: block;
}
.activity .activity-body-coyness .activity-content.overflow .activity-description {
  display: block;
}
.activity .activity-body-coyness .activity-content.overflow .activity-content-detail {
  display: none;
}
.activity .time-stamp {
  color: #A6A6A6;
  font-size: 12px;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 0.2s ease 0.1s;
  margin-left: 5px;
}
.activity .activity-content {
  color: #383838;
}
.activity .activity-content > blockquote {
  margin: 5px 0 0 0;
  padding: 0 0 0 10px;
}
.activity .readable p {
  margin-bottom: 5px;
}
.activity .activity-type-icon,
.activity .load-activities-handler .icon-more {
  width: 36px;
  text-align: center;
  font-size: 16px;
}
.activity .icon-plus {
  font-size: 14px;
}
.activity .activity-header-all {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.activity .activity-header {
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.activity .activity-header .activity-creator-name {
  color: #808080;
}
.activity .activity-header .time-stamp {
  display: inline-block;
  margin: 0 0 0 10px;
  font-size: 12px;
}
.activity-project-all-modal-view.object-modal-view.modal-view {
  background-color: #F7F7F7;
  margin-top: 50px;
}
.activity-project-all-modal-view.object-modal-view.modal-view .activity-panel-activities .activity-card:first-child {
  padding-top: 10px;
  margin-top: 5px;
}
.activity-project-all-modal-view.object-modal-view.modal-view .activities-content .activities-header {
  display: block;
}
.activity-project-all-modal-view.object-modal-view.modal-view .activities-content .activities-header .close-handler {
  top: 10px;
  right: 10px;
  position: absolute;
}
.activity-project-all-modal-view.object-modal-view.modal-view .activities-content .activity-card-invite .activity-card-body {
  display: block;
}
.activity-project-all-modal-view.object-modal-view.modal-view .activities-content .activity-card-today,
.activity-project-all-modal-view.object-modal-view.modal-view .activities-content .activity-card-table {
  display: none;
}
.activity-project-all-modal-view.object-modal-view.modal-view .activities-content .activity-card-footer {
  display: block;
  margin-bottom: 0;
}
.activity-project-all-modal-view.object-modal-view.modal-view .activity-card-post .activity-card-body {
  display: block;
}
.activity-creator {
  position: relative;
  border: 1px solid #E5E5E5;
  display: none;
  transition: all 400ms ease;
}
.activity-creator.showing {
  display: block;
  transition: none;
}
.activity-creator .activity-creator-wrap {
  position: relative;
  min-height: 40px;
  margin: 14px 20px 13px 15px;
  background-color: white;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
}
.activity-creator .activity-creator-wrap .comment-box-wrap {
  position: relative;
  z-index: 1;
  max-height: 290px;
  padding: 10px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #FFFFFF;
  border-bottom: 1px solid transparent;
  -webkit-transform: translateZ(0);
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: border 218ms ease 100ms;
}
.activity-creator .activity-creator-wrap .comment-box-wrap .comment-box-icon-wrap {
  position: absolute;
  height: 20px;
  line-height: 20px;
  right: 0;
}
.activity-creator .activity-creator-wrap .comment-box-wrap .comment-box-icon-wrap:before,
.activity-creator .activity-creator-wrap .comment-box-wrap .comment-box-icon-wrap:after {
  content: " ";
  display: table;
}
.activity-creator .activity-creator-wrap .comment-box-wrap .comment-box-icon-wrap:after {
  clear: both;
}
.activity-creator .activity-creator-wrap .comment-box-wrap .comment-box-icon-wrap a.icon {
  font-size: 18px;
  margin-right: 12px;
  float: right;
}
.activity-creator .activity-creator-wrap .comment-box-input-wrap {
  margin-right: 90px;
}
.activity-creator .form-control {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  resize: none;
  border: 0 none;
  outline: 0 none;
  border-radius: 0;
}
.activity-creator .activity-handler {
  position: relative;
  margin-top: -40px;
  transition: margin-top 218ms ease 50ms;
}
.activity-creator .activity-handler .reply-btn {
  margin: 5px 5px 5px 12px;
  min-width: 71px;
  height: 30px;
}
.activity-creator .activity-handler .reply-btn > button {
  font-size: 14px;
  line-height: 14px;
}
.activity-creator .activity-handler .reply-btn > button:nth-of-type(2) {
  height: 32px;
}
.activity-creator .activity-handler .reply-btn .reply-menu {
  top: -100px;
  right: 0px;
  min-width: 218px;
}
.activity-creator .activity-handler .reply-btn .reply-menu li a {
  color: #808080;
  padding: 8px 5px 8px 15px;
}
.activity-creator .activity-handler .reply-btn .reply-menu li a span {
  float: left;
}
.activity-creator .activity-handler .reply-btn .reply-menu li a .icon-tick {
  display: none;
  float: right;
  padding: 0 5px;
  font-size: 16px;
}
.activity-creator .activity-handler .reply-btn .reply-menu li a.active .icon-tick {
  display: inline-block;
}
.activity-creator .activity-handler .reply-btn .reply-menu li a:hover {
  background-color: #F7F7F7;
}
.activity-creator .activity-handler .notif-info {
  margin: 10px 0;
  color: #A6A6A6;
}
.activity-creator .activity-handler .notif-info a {
  color: #3da8f5;
}
.activity-creator .activity-handler .add-work-handler,
.activity-creator .activity-handler .open-emoji-handler,
.activity-creator .activity-handler .screen-crop-handler {
  margin: 10px 0 10px 12px;
  color: #A6A6A6;
}
.activity-creator .activity-handler .add-work-handler:hover,
.activity-creator .activity-handler .open-emoji-handler:hover,
.activity-creator .activity-handler .screen-crop-handler:hover {
  color: #3da8f5;
}
.activity-creator .activity-handler .add-work-handler .icon,
.activity-creator .activity-handler .open-emoji-handler .icon,
.activity-creator .activity-handler .screen-crop-handler .icon {
  font-size: 18px;
  float: left;
  margin-right: 4px;
}
.activity-creator .attachments-list {
  position: relative;
}
.activity-creator .attachments-list:empty {
  margin-top: 0;
}
.activity-creator .work.creating {
  height: 48px;
  margin: 10px 10px 0 0;
  cursor: move;
  background-color: #EEEEEE;
  border-radius: 3px;
}
.activity-creator .work.creating .delete-work-handler {
  top: 0;
  right: 8px;
  line-height: 42px;
}
.activity-creator.active .comment-box-wrap {
  border-color: #D9D9D9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.activity-creator.active .comment-box-wrap .comment-box-input-wrap {
  margin-right: 0;
}
.activity-creator.active .activity-handler {
  margin-top: 0;
}
.activity-creator.focus .activity-creator-wrap {
  border-color: #A6A6A6;
}
.activity-creator.ghost {
  line-height: 40px;
  color: #A6A6A6;
}
.activity-creator.ghost .activity-creator-wrap {
  padding: 0 10px;
}
.activity-creator.ghost .login-handler,
.activity-creator.ghost .register-handler {
  margin: 0 5px;
  color: #3da8f5;
}
.activity-creator.ghost .login-handler:hover,
.activity-creator.ghost .register-handler:hover {
  color: #0c92f3;
}
.activity-creator.on-only-showing {
  overflow: visible;
}
.activity-creator .work-drag-placeholder {
  height: 48px;
  margin: 10px 10px 0 0;
  background-color: #E5E5E5;
  border-radius: 3px;
}
.activity-creator .ui-sortable-helper {
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.15);
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
.activity-creator .activity-creator-fast-emoji,
.activity-creator .activity-creator-active-emoji {
  position: relative;
  z-index: 9;
}
.activity-creator .activity-creator-fast-emoji .emoji-view,
.activity-creator .activity-creator-active-emoji .emoji-view {
  position: absolute;
  bottom: 1px;
}
.activity-creator .activity-creator-active-emoji .emoji-view {
  left: 0;
}
.activity-creator .activity-creator-fast-emoji .emoji-view {
  right: 0;
}
.only-comments-btn {
  position: absolute;
  top: -56px;
  right: 15px;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: all 128ms;
  border-radius: 3px;
}
.on-only-showing .only-comments-btn {
  visibility: visible;
  z-index: 1;
  opacity: 1;
}
.only-comments-btn a {
  position: relative;
  display: block;
  float: right;
  height: 32px;
  padding-right: 8px;
  padding-left: 32px;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.7);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.only-comments-btn a:first-child {
  border-right: 0 none;
}
.only-comments-btn a .check-box {
  position: absolute;
  top: 0;
  left: 1px;
  width: 16px;
  height: 16px;
  margin: 8px;
  line-height: 16px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 2px;
}
.only-comments-btn a .check-box .icon-tick {
  position: absolute;
  top: -2px;
  left: 1px;
  display: none;
  font-size: 12px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.7);
}
.only-comments-btn a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.only-comments-btn a:hover .check-box {
  border-color: rgba(255, 255, 255, 0.8);
}
.only-comments-btn.on-only-comments .comments-handler .icon-tick {
  display: inline-block;
}
.only-comments-btn.on-only-attachments .attachments-handler .icon-tick {
  display: inline-block;
}
.activity-creator-wrapper {
  z-index: 9;
  overflow: visible;
  background-color: #E5E5E5;
  border-top: 1px #D9D9D9 solid;
}
.activity-editor-modal-view.modal-view.modal-dialog {
  min-height: 0;
}
.activity-editor-modal-view.modal-view.modal-dialog .activity-editor-input-wrap {
  margin-bottom: 20px;
}
.activity-editor-modal-view.modal-view.modal-dialog .flex-text-wrap {
  min-height: 150px;
  max-height: 400px;
}
.activity-editor-modal-view.modal-view.modal-dialog textarea {
  overflow: auto;
}
.activities-timeline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  background-color: #FFFFFF;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px 3px 0 0;
}
.activities-timeline > div,
.activities-timeline > ul {
  margin-right: -1px;
  margin-left: -1px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.activities-timeline > div:first-child,
.activities-timeline > ul:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px 3px 0 0;
}
.activities-timeline .activities-timeline-involve-set {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.activities-timeline .activities-timeline-involve-set .involve-view .involve-header {
  margin: 15px 15px 10px 15px;
  font-size: 12px;
  line-height: 12px;
  color: #808080;
}
.activities-timeline .activities-timeline-involve-set .involve-view .involve-members {
  padding: 0;
  margin: 10px 15px 5px 5px;
}
.activities-timeline .activities-timeline-involve-set .involve-view .involve-members > li {
  margin: 0 0 10px 10px;
}
.activities-timeline .activities-timeline-involve-set .involve-view .involve-members > li > .avatar {
  margin: 0;
}
.activities-timeline .activities-timeline-like {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  min-height: 41px;
  padding: 10px 16px 10px 45px;
  overflow: hidden;
  color: #A6A6A6;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 218ms;
}
.activities-timeline .activities-timeline-like .like-toggler-handler {
  text-align: center;
  cursor: pointer;
}
.activities-timeline .activities-timeline-like .like-toggler-handler .icon {
  transition: all 218ms ease;
}
.activities-timeline .activities-timeline-like .like-toggler-handler .icon:nth-child(2) {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: all 250ms;
}
.activities-timeline .activities-timeline-like .like-toggler-handler:hover .icon {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.activities-timeline .activities-timeline-like .like-toggler-handler.active .icon {
  color: #3da8f5;
}
.activities-timeline .activities-timeline-like .like-toggler-handler.active .icon:nth-child(2) {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(3);
  transform: scale(3);
  transition: all 350ms;
}
.activities-timeline .activities-timeline-like .like-toggler-wrap {
  position: absolute;
  left: 15px;
  width: 20px;
  height: 20px;
  color: #A6A6A6;
}
.activities-timeline .activities-timeline-like .like-toggler-wrap .icon {
  position: absolute;
  top: -1px;
  left: 0;
  width: 20px;
  font-size: 16px;
  text-align: center;
}
@-webkit-keyframes nameColor {
  50% {
    color: #3da8f5;
  }
}
@keyframes nameColor {
  50% {
    color: #3da8f5;
  }
}
.activities-timeline .activities-timeline-like .like-group-wrap .like-group {
  cursor: pointer;
  white-space: pre-line;
  word-wrap: break-word;
  word-break: break-all;
  margin-right: 4px;
}
.activities-timeline .activities-timeline-like .like-group-wrap .on-new .name {
  -webkit-animation: nameColor 500ms 2;
  animation: nameColor 500ms 2;
}
.activities-timeline .activities-timeline-like .like-group-wrap .name {
  color: #808080;
}
.activities-timeline .activities-timeline-like .like-group-wrap:not(.expanding) {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.activities-timeline .activities-timeline-like .like-group-wrap:not(.expanding) .like-group {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activities-timeline .activities-timeline-like .like-group-wrap:not(.expanding) .like-group-count {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.activities-timeline .activities-list-wrap {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.activities-timeline .activities-list {
  position: relative;
}
.activities-timeline .activities-place-bottom {
  position: relative;
  height: 48px;
}
.activities-timeline.on-only-comments .activity {
  display: none;
}
.activities-timeline.on-only-comments .activity.comment {
  display: block;
}
.activities-timeline.on-only-attachments .activity {
  display: none;
}
.activities-timeline.on-only-attachments .activity .activity-content {
  display: none;
}
.activities-timeline.on-only-attachments .activity.attachments {
  display: block;
}
.activities-timeline .involve-tip-wrap,
.activities-timeline .member-tip-wrap {
  padding: 0 15px;
  color: #A6A6A6;
  font-size: 12px;
}
.activities-timeline .involve-tip-wrap .involve-tip-inner,
.activities-timeline .member-tip-wrap .involve-tip-inner,
.activities-timeline .involve-tip-wrap .member-tip-inner,
.activities-timeline .member-tip-wrap .member-tip-inner {
  padding-top: 15px;
}
.activities-timeline .involve-tip-wrap .icon,
.activities-timeline .member-tip-wrap .icon {
  float: left;
  font-size: 18px;
  width: 36px;
  text-align: center;
  margin-top: -1px;
}
.activities-timeline .involve-tip-wrap .involve-tip,
.activities-timeline .member-tip-wrap .involve-tip,
.activities-timeline .involve-tip-wrap .member-tip,
.activities-timeline .member-tip-wrap .member-tip {
  padding-left: 46px;
}
.activities-timeline .involve-tip-wrap .add-involve,
.activities-timeline .member-tip-wrap .add-involve,
.activities-timeline .involve-tip-wrap .add-member,
.activities-timeline .member-tip-wrap .add-member,
.activities-timeline .involve-tip-wrap .add-member-involve,
.activities-timeline .member-tip-wrap .add-member-involve {
  color: #3da8f5;
}
.activities-timeline .activity-early-wrap {
  display: none;
}
.activities-timeline.early-hidden .activity-early-wrap,
.activities-timeline.early-shown .activity-early-wrap,
.activities-timeline.early-loading .activity-early-wrap {
  display: block;
}
.activities-timeline .activity-early-handler {
  display: block;
  padding: 16px 60px 0px;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.activities-timeline .activity-early-hidden,
.activities-timeline .activity-early-shown,
.activities-timeline .activity-early-loading {
  display: none;
}
.activities-timeline.early-hidden .activity-early-hidden {
  display: inline-block;
}
.activities-timeline.early-shown .activity-early-shown {
  display: inline-block;
}
.activities-timeline.early-loading .activity-early-loading {
  display: inline-block;
}
.activities-timeline .activity-line {
  position: relative;
  height: 1px;
}
.activities-timeline .activity-line:before {
  position: absolute;
  height: 1px;
  top: 0px;
  left: 16px;
  right: 16px;
  background: rgba(0, 0, 0, 0.1);
  content: ' ';
}
.activities-timeline .activity-line:first-child {
  display: none;
}
.activity-panel-activities .activities-header {
  display: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  padding-bottom: 15px;
  padding-top: 13px;
}
.activity-panel-activities .activities-header header {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
.activity-panel-activities .activities-header .close-handler {
  top: 11px;
}
.activity-panel-activities .activity-today .activity-card-header {
  margin-right: 0;
}
.activity-panel-activities .activity-panel-filter-wrap {
  position: relative;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  height: 40px;
  overflow: hidden;
}
.activity-panel-activities .activity-panel-filter-wrap > section:not(:last-child) > a:after {
  position: absolute;
  content: ' ';
  right: 0;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background-color: #E5E5E5;
}
.activity-panel-activities .activity-panel-filter {
  position: relative;
  padding: 10px 0;
  display: block;
  text-align: center;
  color: #A6A6A6;
}
.activity-panel-activities .activity-panel-filter:hover {
  color: #3da8f5;
}
.activity-panel-activities .activity-panel-filter .icon-caret {
  margin-left: -3px;
  -webkit-transform: scale(0.45);
  transform: scale(0.45);
}
.activity-panel-activities .activity-panel-filter .icon-state-check {
  position: absolute;
  color: #3da8f5;
  top: 4px;
  -webkit-transform: scale(0.7) translate(-4px);
  transform: scale(0.7) translate(-4px);
}
.activity-panel-activities .activity-panel-filter:not(.on-filtered) .icon-state-check {
  display: none;
}
.activity-panel-activities .activity-panel-activities-body .activity-content::after {
  position: absolute;
  left: 48px;
  right: 16px;
  bottom: -5px;
  content: ' ';
  height: 1px;
  background-color: rgba(0, 0, 0, 0.06);
}
.activity-panel-activities .activity-panel-activities-body:empty {
  display: none;
}
.activity-panel-activities .activity-panel-activities-placeholder {
  font-size: 16px;
  color: #A6A6A6;
  text-align: center;
  margin: 60px 0;
}
.activity-panel-activities .activity-panel-activities-placeholder .icon {
  font-size: 45px;
  margin-bottom: 30px;
}
.activity-panel-activities .on-openable:hover,
.activity-panel-activities .openable:hover {
  cursor: pointer;
  background-color: #EEEEEE;
}
.activity-panel-activities-popover {
  max-height: 310px;
  overflow: hidden;
}
.activity-panel-activities-popover ul {
  max-height: 282px !important;
}
.activity-filter-item .icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #3da8f5;
  text-align: center;
  color: #FFFFFF;
  border-radius: 50%;
}
.activity-filter-item .avatar {
  margin-right: 10px;
}
.activity-panel-all .activities-panel-menu-list > li > a {
  color: #383838;
  font-weight: 600;
}
.activity-panel-all .activities-panel-menu-list > li > a .icon {
  color: #808080;
}
.activity-panel-all .activities-panel-menu-list > li:hover a {
  background-color: #EEEEEE;
}
.activity-panel-all .project-menus {
  position: relative;
  padding-bottom: 1px;
}
.activity-panel-all .project-menus:after {
  position: absolute;
  left: 14px;
  right: 16px;
  bottom: 0;
  content: ' ';
  height: 1px;
  background-color: rgba(0, 0, 0, 0.06);
}
.activity-panel-all .activity-panel-activities-wrap {
  margin-top: -5px;
}
.activity-panel-all .activity-panel-activities-list .activity-panel-activities-title {
  position: relative;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 5px;
}
.activity-panel-all .activity-panel-activities-list .activity-panel-activities-title .project-activies-title {
  color: #383838;
  padding: 5px 15px;
  font-weight: 600;
}
.activity-panel-all .activity-panel-activities-list .activity-panel-activities-title .project-activies-title > .icon {
  color: #808080;
  float: left;
  position: absolute;
  width: 24px;
  text-align: center;
}
.activity-panel-all .activity-panel-activities-list .activity-panel-activities-title .project-activies-title .activity-card-title {
  padding-left: 34px;
  display: inline-block;
  line-height: 24px;
}
.activity-panel-all .activity-panel-all-footer {
  position: relative;
  margin: 5px 0;
  padding: 5px 15px;
  font-weight: 600;
  margin-top: 10px;
  /* HACK */
  color: #383838;
}
.activity-panel-all .activity-panel-all-footer .icon {
  color: #808080;
}
.activity-panel-all .list > li:hover .activity-panel-all-footer {
  color: #383838;
  background-color: #EEEEEE;
}
.activity-panel-all .list > li:hover .activity-panel-all-footer .icon {
  color: #808080;
}
.activity-panel-plugins .plugins > li > a {
  color: #383838;
}
.activity-panel-plugins .plugins > li > a .icon {
  color: #808080;
}
.activity-panel-plugins .plugins > li > a .icon.icon-demo {
  font-size: 16px;
}
.activity-panel-plugins .plugins > li:hover a {
  background-color: #EEEEEE;
}
.activity-panel {
  position: relative;
  width: 100%;
  height: 100%;
}
.activity-panel .get-back {
  font-size: 15px;
  color: #383838;
}
.activity-panel .activity-back {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  transition: -webkit-transform 128ms ease-out;
  transition: transform 128ms ease-out;
  transition: transform 128ms ease-out, -webkit-transform 128ms ease-out;
}
.activity-panel.with-back .title {
  display: none;
}
.activity-panel.with-back .activity-back {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.activity-panel .activity-panel-header {
  position: relative;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  text-align: center;
  z-index: 2;
}
.activity-panel .activity-panel-header .title {
  padding: 0 15px;
  color: #383838;
  font-size: 15px;
  font-weight: bold;
  z-index: 1;
}
.activity-panel .activity-panel-header:after {
  position: absolute;
  content: ' ';
  bottom: 0px;
  height: 1px;
  left: 15px;
  right: 15px;
  background-color: #E5E5E5;
}
.activity-panel .activity-panel-header > a {
  position: absolute;
  top: 0;
  width: 50px;
  z-index: 2;
}
.activity-panel .activity-panel-header > a:first-child {
  left: 0;
}
.activity-panel .activity-panel-header > a:last-child {
  right: 0;
}
.activity-panel .activity-panel-header .activity-back {
  width: 80px;
}
.activity-panel .activity-panel-header .activity-back:hover .get-back {
  color: #3da8f5;
}
.activity-panel .activity-panel-body {
  position: absolute;
  top: 50px;
  width: 350px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
}
.activity-panel .activity-panel-body > div {
  width: 350px;
}
.activity-panel .list > li > a > .icon {
  width: 24px;
  text-align: center;
  font-size: 15px;
}
.activity-panel-share {
  padding: 10px 15px;
}
.activity-panel-share .share-project-btn a {
  font-size: 20px;
  margin-right: 10px;
}
.activity-panel-share h5 {
  margin: 0 0 5px;
}
.activity-panel-share .btn-primary {
  width: 100%;
}
.activity-panel-copy .copy-project-wrap {
  padding: 0px 15px;
}
.activity-panel-copy .open-selector-handler {
  position: relative;
  padding-right: 24px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-panel-copy .project-visibility {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 17px;
}
.activity-panel-copy .icon-chevron-down {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 12px;
  font-size: 12px;
  line-height: 38px;
  color: #808080;
}
.activity-panel-copy .btn {
  width: 100%;
}
.activity-panel-dump-tasks {
  padding: 15px;
}
.activity-panel-dump-tasks > p,
.activity-panel-dump-tasks .icon-chevron-down {
  color: #808080;
}
.activity-panel-dump-tasks .list-menu-toggler {
  margin: 15px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.activity-panel-dump-tasks .name {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-card .activity-card-title {
  word-break: break-word;
  margin-right: 6px;
}
.activity-card .activity-card-title .target {
  margin-left: 10px;
}
.activity-card .activity-card-body:empty {
  display: none;
}
.activity-card.common .sub-title {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}
.activity-card.activity-task .activity-card-title {
  width: 100%;
}
.activity-card.activity-task .breascrumb-wrapper {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
}
.activity-card.activity-task .bread-crumb-task .task-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-card.activity-task .task-id-label {
  margin-left: 6px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.activity-card.work:not(.removed) .activity-card-body {
  display: block;
  margin: 3px 0;
}
.activity-card.work .work-card-item {
  padding: 5px;
  border-radius: 2px;
}
.activity-card.invite.multi .activity-card-body {
  display: block;
}
.activity-card.invite.multi:not(.single) .member-card-item {
  display: inline-block;
}
.activity-card.invite.multi:not(.single) .activity-member-infos {
  display: none;
}
.activity-card.invite .member-card-item {
  padding: 5px;
  border-radius: 2px;
}
.activity-card.invite .member-card-item .avatar {
  width: 36px;
  height: 36px;
}
.activity-card.invite .member-card-item.openable {
  cursor: pointer;
}
.activity-card.invite .activity-member-infos {
  padding: 0 0 0 10px;
}
.activity-card.invite .activity-member-infos > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-card.invite .activity-member-infos .name {
  font-size: 16px;
}
.activity-card.invite .activity-member-infos .email {
  font-size: 14px;
  color: #808080;
}
.activity-card {
  position: relative;
  line-height: 20px;
  padding: 15px;
  padding-bottom: 0;
  padding-top: 10px;
  margin: 0 auto;
  margin-top: 9px;
}
.activity-card:first-child {
  margin-top: 0;
}
.activity-card.activity-card-works .activity-card-header {
  margin-right: 0;
}
.activity-card.activity-card-works .activity-content {
  padding-left: 5px;
}
.activity-card.activity-card-works .activity-content .activity-card-title {
  padding-left: 5px;
}
.activity-card.activity-card-works .activity-content .work {
  padding-left: 5px;
  border-radius: 2px;
}
.activity-card.activity-card-works .activity-card-footer {
  padding-left: 5px;
  margin-bottom: 0;
}
.activity-card .activity-content {
  overflow: hidden;
  padding-bottom: 5px;
  color: #383838;
}
.activity-card .activity-content .activity-card-title {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}
.activity-card .activity-card-header {
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
.activity-card .activity-card-header > a {
  display: block;
}
.activity-card .activity-card-header > a:hover .icon-alert-clock {
  color: #3da8f5;
}
.activity-card .activity-card-header .activity-card-title {
  padding-left: 34px;
  z-index: 1;
  word-break: break-word;
  display: inline-block;
  margin-bottom: 8px;
}
.activity-card .activity-card-header i {
  text-align: center;
  display: block;
  top: 0;
  width: 24px;
  height: 24px;
  z-index: 2;
}
.activity-card .activity-card-header i.icon-alert-clock {
  color: #808080;
}
.activity-card .activity-card-header i:first-child {
  left: 0px;
}
.activity-card .activity-card-header i:last-child {
  right: 0px;
}
.activity-card .activity-card-body {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 5px;
  max-width: 100%;
}
.activity-card .activity-card-body .activity-card-body-tail {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.activity-card .activity-card-body .activity-card-body-tail > a {
  padding: 8px 0;
  display: block;
}
.activity-card .activity-card-body .activity-card-body-tail > a:hover {
  color: #808080;
  background-color: #EEEEEE;
}
.activity-card .activity-card-body .activity-card-body-tail .icon {
  margin: 0 10px;
  width: 14px;
}
.activity-card .activity-card-footer {
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: bottom;
}
.activity-card .activity-card-footer:before,
.activity-card .activity-card-footer:after {
  content: " ";
  display: table;
}
.activity-card .activity-card-footer:after {
  clear: both;
}
.activity-card .activity-card-footer time {
  color: #808080;
  font-size: 12px;
}
.activity-card .activity-card-footer a {
  float: right;
  color: #A6A6A6;
  margin-left: 12px;
  width: 20px;
  font-size: 14px;
  text-align: right;
  transition: -webkit-transform 128ms ease;
  transition: transform 128ms ease;
  transition: transform 128ms ease, -webkit-transform 128ms ease;
}
.activity-card .activity-card-footer a.on-liked {
  color: #3da8f5;
}
.activity-card .activity-card-footer a:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.activity-card .activity-avatar {
  margin: 10px 10px 10px 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.activity-card .activity-second-title {
  color: #808080;
  font-size: 12px;
  line-height: 32px;
}
.activity-card .activity-second-title > section {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-card-common .activity-title {
  margin: 0;
  font-size: 14px;
  word-wrap: break-word;
  max-width: 270px;
}
.activity-card-common .activity-title .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-card-common .task-id-label {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 6px;
}
.activity-entry .activity-entry-title {
  float: left;
  margin-right: 10px;
}
.activity-event > div {
  display: inline-block;
  vertical-align: middle;
}
.activity-event .activity-event-date {
  color: #383838;
  margin-right: 10px;
}
.activity-card-create .activity-card-body {
  padding: 2px 8px;
}
.activity-card-create .icon {
  color: #A6A6A6;
  margin-right: 6px;
}
.activity-card-create .activity-create-name {
  font-size: 16px;
}
.activity-card-invite .activity-card-body {
  display: block;
}
.activity-card-invite .activity-card-footer {
  display: block;
}
.activity-card-invite .activity-card-title {
  word-break: break-word;
}
.activity-card-invite .activity-invite-body {
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  margin-left: -10px;
}
.activity-card-invite .activity-invite-body .avatar {
  width: 36px;
  height: 36px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.activity-card-invite .activity-invite-body .activity-member-one .avatar {
  margin-bottom: 0;
}
.activity-card-invite .activity-invite-body .activity-member-infos {
  padding-left: 10px;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  width: 88%;
  left: 46px;
}
.activity-card-invite .activity-invite-body .activity-member-infos > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.activity-card-invite .activity-invite-body .activity-member-name {
  font-size: 16px;
  display: block;
}
.activity-card-invite .activity-invite-body .activity-member-email {
  font-size: 14px;
  color: #808080;
  display: block;
}
.activity-card-invite .activity-card-footer {
  margin-top: 0;
}
.activity-card-table::after {
  position: absolute;
  left: 34px;
  right: 1px;
  bottom: 0;
  content: ' ';
  height: 1px;
  background-color: rgba(0, 0, 0, 0.06);
}
.activity-card-table.activity-card {
  margin: 0 15px;
  padding: 0;
  padding-bottom: 15px;
}
.activity-card-table .activity-card-header {
  display: block;
  float: none;
}
.activity-card-table .activity-card-header .activity-card-title {
  margin-bottom: 0;
}
.activity-card-table .activity-card-body {
  display: block;
  margin-left: 34px;
  margin-right: 0;
  min-height: 100px;
  background-color: #FFFFFF;
}
.activity-card-table .activity-card-body .tasks-chart-view {
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.activity-card-table .activity-table-chart {
  position: relative;
  min-height: 100px;
  text-align: center;
}
.activity-card-table .activity-table-chart .activity-table-placeholder-tips {
  position: absolute;
  bottom: 70px;
  width: 100%;
  text-align: center;
  color: #A6A6A6;
  font-size: 12px;
}
.activity-card-table .activity-table-chart .activity-table-placeholder {
  margin: 30px auto auto;
}
.activity-card-table .activity-table-chart .activity-table-placeholder rect {
  fill: none;
  stroke-width: 2;
  stroke: #a8a8a8;
}
.tasks-chart-view {
  position: relative;
  height: 100px;
  z-index: 1;
}
.tasks-chart-view svg {
  position: absolute;
  left: 0;
  bottom: 0;
}
.tasks-chart-view .point {
  opacity: 0;
  transition: opacity 300ms;
}
.tasks-chart-view .point.show {
  opacity: 1;
}
.tasks-chart-view .chart-hint {
  position: absolute;
  display: none;
  background: white;
  border: 2px solid #E5E5E5;
  border-radius: 3px;
  opacity: .8;
  transition: 300ms;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tasks-chart-view .chart-hint p {
  margin: 4px;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}
.tasks-chart-view .chart-hint p:nth-child(2) {
  color: #3da8f5;
}
.tasks-chart-view .chart-hint p:nth-child(3) {
  color: #259B24;
}
.activity-card-datas {
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 0 15px;
}
.activity-card-datas .activity-card-header {
  display: block;
  float: none;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 35px;
}
.activity-card-datas .activity-card-header i {
  position: absolute;
}
.activity-card-datas .activity-card-header .activity-card-title {
  line-height: 24px;
  margin-bottom: 0;
}
.activity-card-datas.activity-card:first-child {
  margin-top: 5px;
}
.activity-card-datas .data-statistics {
  padding-bottom: 10px;
  font-size: 0;
}
.activity-card-datas .data-statistics::after {
  position: absolute;
  left: 49px;
  right: 15px;
  bottom: 1px;
  content: ' ';
  height: 1px;
  background-color: rgba(0, 0, 0, 0.06);
}
.activity-card-datas .data-statistics > div {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 145px;
  margin-left: 29px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 4px;
  border-radius: 2px;
  font-size: 14px;
}
.activity-card-datas .data-statistics > div:hover {
  background-color: #EEEEEE;
}
.activity-card-datas .data-statistics .activity-link-today {
  margin-left: 0;
}
.activity-card-datas .data-statistics .unassignedtasks-number {
  color: #7FD112;
  font-size: 24px;
  display: inline-block;
  margin-top: 5px;
}
.activity-card-datas .data-statistics .todayDatas-number {
  color: #FF9800;
  font-size: 24px;
  display: inline-block;
  margin-top: 5px;
}
.activity-card-works .activity-card-body {
  display: block;
  margin: 3px 0;
}
.activity-card-works .work {
  padding: 5px 0;
}
.archive-modal-view {
  position: relative;
  min-height: 535px;
}
.archive-modal-view .archive-list {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  border-left: 1px solid #E5E5E5;
}
.archive-modal-view .archive-list:empty:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 64px;
  width: 64px;
  margin: auto;
  font-size: 64px;
  line-height: 64px;
  color: #E5E5E5;
}
.archive-modal-view .avatar {
  float: left;
}
.archive-modal-view .archive {
  position: relative;
}
.archive-modal-view .archive:hover,
.archive-modal-view .archive.active {
  cursor: pointer;
}
.archive-modal-view .archive:hover .archive-body,
.archive-modal-view .archive.active .archive-body {
  background-color: #F7F7F7;
}
.archive-modal-view .archive:hover:after,
.archive-modal-view .archive.active:after {
  border-bottom: none;
}
.archive-modal-view .archive:after {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  content: '';
  border-bottom: 1px solid #EEEEEE;
}
.archive-modal-view .archive-body {
  margin: 0;
  padding: 13px 150px 13px 20px;
  word-wrap: break-word;
}
.archive-modal-view .archive-content {
  width: 65%;
  margin-left: 0;
  padding: 2px 10px 2px 0;
  color: #808080;
}
.archive-modal-view .archive-content .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.archive-modal-view .archive-content .icon {
  margin-right: 8px;
}
.archive-modal-view .archive-content .task-id-label {
  margin-left: 6px;
}
.archive-modal-view .time-stamp,
.archive-modal-view .archive-handler-set {
  position: absolute;
  top: 0;
  right: 20px;
  height: 50px;
  line-height: 50px;
}
.archive-modal-view .time-stamp time,
.archive-modal-view .archive-handler-set time {
  opacity: 1;
  transition: opacity 128ms ease;
  -webkit-transform: translate3d(0, 0, 0);
}
.archive-modal-view .time-stamp .archived-button,
.archive-modal-view .archive-handler-set .archived-button {
  display: inline-block;
  line-height: 32px;
  cursor: pointer;
}
.archive-modal-view .archive-handler-set {
  visibility: hidden;
  opacity: 0;
  transition: opacity 128ms ease;
  -webkit-transform: translate3d(0, 0, 0);
}
.archive-modal-view .archive.editable:hover .archive-handler-set {
  visibility: inherit;
  opacity: 1;
}
.archive-modal-view .archive.editable:hover time {
  opacity: 0;
}
.archive-modal-view .archive.editable.active .archive-handler-set {
  visibility: inherit;
  opacity: 1;
}
.archive-modal-view .archive.editable.active time {
  opacity: 0;
}
.archive-modal-view .archive-menu {
  width: 200px;
  font-size: 16px;
  overflow-y: auto;
  overflow-x: hidden;
}
.archive-modal-view .archive-menu li {
  padding: 12px 0 12px 20px;
  position: relative;
  cursor: pointer;
}
.archive-modal-view .archive-menu li .icon {
  color: #808080;
  display: inline-block;
}
.archive-modal-view .archive-menu li .archive-title {
  padding-left: 46px;
  left: 0;
  clear: both;
  width: 100%;
  position: absolute;
  color: #808080;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.archive-modal-view .archive-menu li:hover {
  background-color: #F7F7F7;
}
.archive-modal-view .archive-menu li:hover span {
  color: #3da8f5;
}
.archive-modal-view .archive-menu li.divider {
  margin: 5px 15px;
  background-color: rgba(0, 0, 0, 0.07);
}
.archive-modal-view .archive-menu li.selected span {
  color: #3da8f5;
}
.unarchived-menu-view {
  margin-top: 10px!important;
}
.hotkey-helper-modal-view .hotkey-helper {
  padding: 15px;
}
.hotkey-helper-modal-view .hotkey-helper h3 {
  font-size: 18px;
  border-bottom: 1px solid #ddd;
}
.hotkey-helper-modal-view .hotkey-helper .cheat-sheet-part {
  padding: 0 0 20px;
}
.hotkey-helper-modal-view .hotkey-helper .cheat-sheet-part:last-child {
  padding: 0;
}
.hotkey-helper-modal-view .hotkey-helper .cheat-sheet-list {
  margin-top: 20px;
}
.hotkey-helper-modal-view .hotkey-helper .cheat-sheet-list li {
  margin-bottom: 15px;
  line-height: 35px;
  font-size: 15px;
}
.hotkey-helper-modal-view .hotkey-helper .cheat-sheet-list li:last-child {
  margin-bottom: 0;
}
.hotkey-helper-modal-view .hotkey-helper .cheat-sheet-list li .key {
  display: inline-block;
  margin-right: 15px;
  padding: 0 10px;
  min-width: 35px;
  height: 35px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
}
.markdown-helper-modal-view .title {
  margin: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #E5E5E5;
}
.markdown-helper-modal-view .title small {
  color: #808080;
}
.markdown-helper-modal-view .title a:hover {
  text-decoration: underline;
}
.markdown-helper-modal-view .markdown-helper {
  padding: 15px;
  background-color: #FFFFFF;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.markdown-helper-modal-view .markdown-helper .syntax-content {
  margin: 10px 0 20px;
  color: #808080;
  line-height: 2em;
}
.markdown-helper-modal-view .markdown-helper .syntax {
  color: #3da8f5;
  font-weight: bold;
}
.markdown-helper-modal-view .markdown-helper .preview-content {
  margin-top: 15px;
}
.markdown-helper-modal-view .markdown-helper ul li {
  margin-left: 15px;
  list-style-type: disc;
}
.markdown-helper-modal-view .markdown-helper ol li {
  margin-left: 15px;
  list-style-type: decimal;
}
.markdown-helper-modal-view .span4 {
  float: left;
  min-height: 50px;
  width: 33.33333%;
  margin: 0;
}
.markdown-helper-modal-view .span6 {
  float: left;
  width: 50%;
  margin: 0;
}
.markdown-helper-modal-view .markdown-try {
  background: #fefbdd;
  border: 1px solid #e0dfd0;
  margin-right: 10px;
  padding: 5px 10px;
  border-radius: 2px;
  transition: border-color 218ms ease;
}
.markdown-helper-modal-view .markdown-try.focused {
  border: 1px solid #c9b99a;
}
.markdown-helper-modal-view .markdown-try .markdown-textarea {
  cursor: auto;
  height: 100%;
  background: transparent;
}
.markdown-helper-modal-view .markdown-try .flex-text-wrap {
  min-height: 60px;
}
.markdown-helper-modal-view .markdown-preview {
  margin-left: 10px;
  min-height: 72px;
  padding: 5px 10px;
  background-color: #EEEEEE;
  border-radius: 2px;
}
#navigator {
  z-index: 100;
}
#navigator .nav-inner {
  position: relative;
  z-index: 100;
  min-height: 48px;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
#navigator .nav-header .workspace-name {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  margin-left: 16px;
  margin-right: 12px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 17px;
  color: #383838;
  overflow: hidden;
  transition: color 218ms;
}
#navigator .nav-header .workspace-name > a {
  height: 48px;
  line-height: 48px;
}
#navigator .nav-header .workspace-name .return-workspace-handler {
  color: #383838;
  position: relative;
}
#navigator .nav-header .workspace-name .return-workspace-handler .workspace-name-limit {
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#navigator .nav-header .workspace-name .return-workspace-handler .workspace-name-limit {
  transition: opacity 218ms;
}
#navigator .nav-header .workspace-name .return-workspace-handler .workspace-name-limit:not(:first-child) {
  position: absolute;
  top: 20px;
  opacity: 0;
}
#navigator .nav-header .workspace-name .return-workspace-handler.is-transiting {
  transition: width 318ms, -webkit-transform 318ms;
  transition: width 318ms, transform 318ms;
  transition: width 318ms, transform 318ms, -webkit-transform 318ms;
  -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
}
#navigator .nav-header .workspace-name .return-workspace-handler.is-transiting .workspace-name-limit {
  display: block;
}
#navigator .nav-header .workspace-name .return-workspace-handler.is-transiting .workspace-name-limit:first-child {
  opacity: 0;
}
#navigator .nav-header .workspace-name .return-workspace-handler.is-transiting .workspace-name-limit:last-child {
  opacity: 1;
  width: 110%;
}
#navigator .nav-header .workspace-name .workspace-switcher-handler {
  width: 40px;
  padding: 0 12px;
  margin-left: -12px;
  font-size: 16px;
  text-align: center;
  color: #CCCCCC;
  transition: color 218ms;
}
#navigator .nav-header .workspace-name .workspace-switcher-handler .icon-menu {
  font-size: 14px;
}
#navigator .nav-header .workspace-name .workspace-switcher-handler:hover {
  color: #3da8f5;
}
#navigator .nav-header .workspace-name.is-ghost .workspace-switcher-handler {
  display: none;
}
#navigator .nav-body {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
}
#navigator .nav-body .nav-search {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 272px;
  margin-right: 16px;
}
#navigator .nav-body .nav-search-icon {
  position: absolute;
  left: 10px;
  top: 14px;
  font-size: 16px;
  color: #CCCCCC;
  transition: color 218ms;
}
#navigator .nav-body .nav-search-input {
  width: 100%;
  height: 32px;
  padding-left: 36px;
  border: 1px solid #EEEEEE;
  border-radius: 37px;
  font-size: 14px;
  background: #FAFAFA;
  color: #A6A6A6;
  transition: all 218ms;
}
#navigator .nav-body .nav-search.is-active .nav-search-icon {
  color: #A6A6A6;
}
#navigator .nav-body .nav-search.is-active .nav-search-input {
  border-color: #D9D9D9;
  background: #FFFFFF;
  color: #383838;
  outline: none;
}
#navigator .nav-body .nav-create {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#navigator .nav-body .nav-create-handler {
  position: relative;
  top: -1px;
  padding: 0 4px;
  font-size: 24px;
  color: #3da8f5;
}
#navigator .nav-body .nav-create-menu {
  right: -80px;
  padding: 0;
  font-size: 16px;
}
#navigator .nav-body .nav-create-menu ul {
  padding: 6px 0;
}
#navigator .nav-body .nav-create-menu ul li {
  width: 100%;
  line-height: 22px;
  cursor: pointer;
}
#navigator .nav-body .nav-create-menu ul li:hover {
  background-color: #F7F7F7;
}
#navigator .nav-body .nav-create-menu .create-file {
  padding: 0 !important;
}
#navigator .nav-body .nav-create-menu .create-file .icon {
  position: relative;
  top: 7px;
}
#navigator .nav-body .nav-create-menu .create-file-replace {
  margin: 0 15px;
  line-height: 36px;
}
#navigator .nav-body .nav-create-menu.without-main-item .main-list {
  display: none;
}
#navigator .nav-body .nav-create-menu.without-main-item .uponscore {
  border-top: none;
}
#navigator .nav-body .nav-create-menu .main-list li {
  padding: 8px 15px;
}
#navigator .nav-body .nav-create-menu .meta-list li {
  padding: 7px 15px;
}
#navigator .nav-body .nav-create-menu .icon {
  height: 22px;
  width: 22px;
  text-align: center;
  line-height: 22px;
  margin-right: 7px;
}
#navigator .nav-body .nav-create-menu .main-list .icon {
  background-color: #3da8f5;
  border-radius: 50%;
  color: white;
  font-size: 12px;
}
#navigator .nav-body .nav-create-menu .meta-list .icon {
  color: #808080;
  font-size: 14px;
}
#navigator .nav-footer {
  position: relative;
  min-width: 280px;
  background: #FFFFFF;
}
#navigator .nav-footer .nav-divier {
  float: right;
}
#navigator .nav-footer .nav-footer-wrap {
  position: relative;
  padding: 0;
  float: right;
}
#navigator .nav-footer .nav-footer-wrap .dropdown-menu .url-handler {
  color: #3da8f5;
}
#navigator .nav-footer .nav-footer-wrap .dropdown-menu .renew-handler {
  font-size: 12px;
}
#navigator .nav-footer .nav-footer-wrap .dropdown-menu .renew-handler .profession-expired {
  color: #383838;
  margin: 5px 0;
  font-size: 14px;
}
#navigator .nav-footer .nav-footer-wrap .dropdown-menu .renew-handler .expired-time {
  color: #808080;
  margin: 5px 0;
}
#navigator .nav-footer .nav-footer-wrap.nav-question {
  border-left: 0;
}
#navigator .nav-footer .nav-footer-handler {
  padding: 14px 16px;
  font-size: 20px;
  position: relative;
  display: inline-block;
  height: 48px;
  float: left;
  color: #383838;
  text-align: center;
}
#navigator .nav-footer .nav-footer-handler:hover,
#navigator .nav-footer .nav-footer-handler.open,
#navigator .nav-footer .nav-footer-handler.active {
  color: #3da8f5;
}
#navigator .nav-footer .nav-footer-handler.active {
  background-color: #F7F7F7;
}
#navigator .nav-footer .nav-footer-handler[data-mark=help] {
  color: #CCCCCC;
}
#navigator .nav-footer .nav-footer-handler[data-mark=calendar],
#navigator .nav-footer .nav-footer-handler[data-mark=my] {
  font-size: 15px;
  color: #383838;
}
#navigator .nav-footer .nav-footer-handler[data-mark=inbox],
#navigator .nav-footer .nav-footer-handler[data-mark=chat] {
  color: #808080;
  padding: 14px 12px;
}
#navigator .nav-footer .nav-footer-handler[data-mark=help],
#navigator .nav-footer .nav-footer-handler[data-mark=calendar],
#navigator .nav-footer .nav-footer-handler[data-mark=my],
#navigator .nav-footer .nav-footer-handler[data-mark=inbox],
#navigator .nav-footer .nav-footer-handler[data-mark=chat] {
  transition: all ease-in 218ms;
}
#navigator .nav-footer .nav-footer-handler[data-mark=help]:hover,
#navigator .nav-footer .nav-footer-handler[data-mark=calendar]:hover,
#navigator .nav-footer .nav-footer-handler[data-mark=my]:hover,
#navigator .nav-footer .nav-footer-handler[data-mark=inbox]:hover,
#navigator .nav-footer .nav-footer-handler[data-mark=chat]:hover {
  color: #3da8f5;
}
#navigator .nav-footer .nav-footer-handler[data-mark=my].with-help:before,
#navigator .nav-footer .nav-footer-handler[data-mark=my]:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: 0;
  height: 22px;
  width: 1px;
  margin: 13px 0;
  background: #E5E5E5;
  transition: all 218ms 100ms;
}
#navigator .nav-footer .nav-footer-handler[data-mark=my].with-help:before {
  left: 0;
}
#navigator .nav-footer .nav-footer-handler[data-mark=my]:after {
  right: 0;
}
#navigator .nav-footer .nav-footer-handler[data-mark=my].active:before,
#navigator .nav-footer .nav-footer-handler[data-mark=my].active:after {
  opacity: 0;
}
#navigator .nav-footer .nav-footer-handler[data-mark=calendar] {
  z-index: 1;
}
#navigator .nav-footer .nav-footer-handler[data-mark=calendar]:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: 0;
  height: 22px;
  width: 1px;
  margin: 13px 0;
  background: #E5E5E5;
  transition: all 218ms 100ms;
  right: 0;
}
#navigator .nav-footer .nav-footer-handler[data-mark=calendar].active {
  padding-left: 17px;
  margin-left: -1px;
}
#navigator .nav-footer .nav-footer-handler[data-mark=calendar].active:after {
  opacity: 0;
}
#navigator .nav-footer .nav-footer-handler[data-mark=inbox] {
  z-index: 2;
}
#navigator .nav-footer .nav-footer-handler[data-mark=inbox].active {
  padding-left: 13px;
  margin-left: -1px;
}
#navigator .nav-footer .personal-avatar {
  display: inline-block;
  position: relative;
  top: -4px;
  width: 28px;
  height: 28px;
}
#navigator .nav-footer .personal-avatar .pro-spot {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background-size: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
#navigator .nav-footer .personal-avatar .pro-spot-star {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAl5JREFUSA21VjtrVEEYPXfDbhGNCj6ia4iCoBainSiKhWhhlKQPWIpNTCP+ABtBewtJEQVFsFswRhALRVtNozFCJKybLbTIEjdEotfPc/buY+4ziY8PDjNzvm/ON687cz1kmJn10T1EnCf2EUVCViVmiQmi5HleheXajcJFYoz4SaxmilFsK3l2IgYOEovEek19BjPVGTBK+OtVduLVdzQxCR0aebb4i0tmLy87eolVaYRnQkJrnr0sC9NmdzwiZ1abSVR2SGk19iTXnM51lj2JU2uRUzcBM+IXMHWrxaaV0pImOKTGUZxjvUtEoi19Bh7ylPo/AndXARj+BHTvTgxvkj7LvZqBznm6uP8deHujI67e/grwRhx96SbNIc3gCSvn2nHlx0DlGVCbCVAvB8vSDnAqHsfXswfYcgDYTPSdAfovOAGYVAIqYX+bfdAP1Lkkf2JKNjzn9vyoJQp/gWcfAYXs/XYV2vXCJkB9w1ZUgrDtOAYMTAL5jWE+q6UBDTwFth+NRSlBNcb2nuCu8B7Ld8dcMSK/gbHcxt7jMReJqhLoVozbrlPA4atxPsocuQbsPBllW+1ZJdCVm2xr2ezsmAklKBH6KOK28D7ORZlaaow0S7nmYzEe7ddo16YT6RCZPohxaXsKbl5MH1jtnE9dD/f5Tch0BA+N8ECfDtrzz4F3t4GVxaB9cZ7XRui0f6PjIBN0DhCThK/retns3jaz11fMlr/SHbHlL2avRszubjVbqrjO+HUdDKMxk//34DhJNJPst8Edb6e++pPpJPlnj35jk1vC0ZKD++vflt9v5tRcIW85eAAAAABJRU5ErkJggg==);
}
#navigator .nav-footer .personal-avatar .pro-spot-danger {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAYRJREFUSA21lj1OAzEUhG1oKWmIUoBS0tHQI1GtSC5AB6LMDai4BYGOC0QoLUego4ygQKGhoiYx8xGsePHaSxJ2pInXz7Nv1v+xJgPnXFvNPbEQO2JLBBNxLI7EobX2VeXfocQtcSB+inVAg9ab540k7Iof4rLgnW42uwR9cbps5kDPu/1KEzXw5esk9z7kKPdEAcZ8lWHxSX+X5FrMiSpMUjVmM+eG185dHDp3vDUnz8RoS2PAUFm1sxRfxE2xjPc3Y65OjXl8KMd97eDImMs7Y7Z3fCQsp6rsbuiHdR4ndy6fnFQY8wFoY5CzhwGbKMb9TfrLQzUmaKtRYMAOjTG6jWOpSFrbwWAx22GC56ewln9Oa1sYNAoMOLhi7O3HsVQkrZ1gwKkYoziLY6lIWjvGgCM3xsm5MazzOqBBW40RBkORTVGGtfNNlDPxGw1tDHKSm33S3FHhDZo97H560dxx/d2N+VA1d+EEJvRklbuh/soMTJiTf7n0K9dXYNTW81p/W74AoO2cOI8lw1MAAAAASUVORK5CYII=);
}
#navigator .nav-footer .my-menu-list {
  overflow: visible;
}
#navigator .nav-footer .international-wrap {
  position: relative;
}
#navigator .nav-footer .international-wrap small {
  display: block;
  color: #A6A6A6;
}
#navigator .nav-ghost-btns {
  float: right;
  position: relative;
  top: -1px;
  line-height: 48px;
  margin-right: 14px;
}
#navigator .nav-ghost-btns .btn {
  margin-left: 8px;
  min-width: 70px;
  padding: 4px 0;
}
#navigator .nav-badge {
  position: absolute;
  display: inline-block;
  top: 6px;
  right: 10px;
  min-width: 20px;
  height: 20px;
  padding: 0 3px;
  line-height: 16px;
  text-align: center;
  background-color: #3da8f5;
  opacity: 0.9;
  font-size: 12px;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
}
#navigator .nav-badge:empty {
  display: none;
}
#navigator .nav-badge[data-mark=chat] {
  right: 6px;
}
#navigator .nav-badge[data-mark=international] {
  top: 4px;
  right: 4px;
}
#navigator .nav-badge[data-mark=international-link] {
  top: 10px;
  right: 10px;
}
#navigator .nav-badge.nav-badge-normal {
  position: absolute;
  display: inline-block;
  top: 10px;
  right: 12px;
  width: 12px;
  min-width: 0;
  height: 12px;
  padding: 0;
  background-color: #3da8f5;
  border-radius: 6px;
  border: 2px solid #FFFFFF;
}
#navigator .new-ribbon {
  position: absolute;
  top: -8px;
  left: -60px;
  background-color: #3da8f5;
  border: none;
  padding: 12px 0 0 0;
  text-align: center;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: lighter;
  z-index: 9;
  width: 48px;
  height: 42px;
  transition: top 218ms;
}
#navigator .new-ribbon:hover {
  top: 0px;
}
#navigator .new-ribbon:after {
  position: absolute;
  left: 0;
  bottom: 0px;
  border: 24px solid transparent;
  border-bottom: 8px solid rgba(255, 255, 255, 0.97);
  content: '';
}
#navigator .new-ribbon:before {
  position: absolute;
  left: 0;
  bottom: 0px;
  border: 24px solid transparent;
  border-bottom: 8px solid rgba(255, 255, 255, 0.97);
  content: '';
}
#navigator .dropdown-menu {
  left: auto;
  right: 8px;
  width: 200px;
  padding: 6px 0;
  max-height: none;
  margin-top: 8px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
}
#navigator .dropdown-menu .uponscore {
  border-top: 1px solid #EEEEEE;
}
#navigator .dropdown-menu .uponscore.line {
  height: 0;
  margin: 0;
  padding: 0;
}
#navigator .dropdown-menu a {
  padding: 10px 15px;
  line-height: 20px;
  color: #383838;
}
#navigator .dropdown-menu a.my-settings-emoji {
  position: relative;
  padding-bottom: 20px;
}
#navigator .dropdown-menu a.my-settings-emoji .my-settings-emoji-tips {
  color: #A6A6A6;
  font-size: 12px;
}
#navigator .dropdown-menu a.my-settings-emoji .my-settings-emoji-progress {
  position: absolute;
  left: 15px;
  right: 15px;
  background-color: #E5E5E5;
  overflow: hidden;
  border-radius: 2px;
}
#navigator .dropdown-menu a.my-settings-emoji .my-settings-emoji-line {
  width: 0px;
  height: 6px;
  background-color: #3da8f5;
}
@media screen and (max-width: 1099px) {
  #navigator .nav-handler > a {
    padding: 14px 20px;
  }
}
@media screen and (max-width: 900px) {
  #navigator .nav-body .nav-search {
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    max-width: 100% !important;
  }
}
/**
 * 子导航
 *
 * @type: Component
 */
.sub-navigator {
  position: fixed;
  top: 48px;
  left: 0;
  right: 0;
  height: 50px;
  border-bottom: 1px solid #D9D9D9;
  z-index: 50;
  background-color: #F5F5F5;
  transition: right 218ms ease;
}
.sub-nav .nav-underscore {
  position: relative;
  height: 50px;
  border: none;
}
.sub-nav .nav-underscore > li {
  float: left;
}
.sub-nav .nav-underscore > li > a {
  display: inline-block;
  position: relative;
  height: 50px;
  margin: 0 20px;
  padding: 15px 5px;
  color: #383838;
  font-size: 15px;
}
.sub-nav .nav-underscore > li > a:after {
  transition: opacity 218ms ease, border-width 218ms ease;
}
.sub-nav .nav-underscore > li > a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  border-bottom: 0px solid #3da8f5;
  content: '';
  opacity: 0;
}
.sub-nav .nav-underscore > li > a:hover,
.sub-nav .nav-underscore > .active > a {
  border-width: 0px;
  background-color: transparent;
}
.sub-nav .nav-underscore > li > a:hover:after,
.sub-nav .nav-underscore > .active > a:after {
  border-width: 3px;
  opacity: 1;
}
/**
 * 任务板全屏， 全局导航的样式
 *
 * @type: Extra
 */
body.board-fullscreen #navigator {
  display: none;
}
.premium-help-view {
  top: 48px !important;
  margin-top: 8px !important;
}
.premium-help-view .popover-content {
  padding: 20px 15px 20px 15px;
}
.premium-help-view .popover-content .help-container {
  margin-bottom: -16px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.premium-help-view .popover-content .help-container .help-item {
  width: 102px;
  height: 90px;
  display: block;
  position: relative;
  margin-bottom: 16px;
  border-radius: 2px;
  border: 1px solid #EEEEEE;
  transition: all 218ms;
}
.premium-help-view .popover-content .help-container .help-item .item-name {
  width: 100%;
  bottom: 0px;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  text-align: center;
  margin: 10px 0 17px 0;
}
.premium-help-view .popover-content .help-container .help-item .help-center-badge {
  position: absolute;
  display: inline-block;
  top: 6px;
  left: 82px;
  width: 12px;
  min-width: 0;
  height: 12px;
  padding: 0;
  background-color: #3da8f5;
  border-radius: 6px;
  border: 2px solid #FFFFFF;
}
.premium-help-view .popover-content .help-container .help-item:hover {
  border-color: #3da8f5;
}
.premium-help-view .popover-content .help-container .illustration {
  background-size: 35px 35px;
  background-position: 33px 15px;
  background-repeat: no-repeat;
}
.submit-ticket-view {
  top: 48px !important;
  margin-top: 8px !important;
}
.submit-ticket-view .popover-content {
  padding: 0;
}
.submit-ticket-view .help-form {
  padding: 15px;
}
.submit-ticket-view .help-form .form-control-select {
  width: 100%;
  margin-bottom: 0;
}
.submit-ticket-view .help-form .editor-wrap {
  margin: 15px 0;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
}
.submit-ticket-view .help-form .editor-wrap.focus {
  border-color: #A6A6A6;
}
.submit-ticket-view .help-form .editor-wrap .input-wrap {
  position: relative;
}
.submit-ticket-view .help-form .editor-wrap .add-work-handler {
  display: inline-block;
  margin-left: 11px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.submit-ticket-view .help-form .editor-wrap .flex-text-wrap,
.submit-ticket-view .help-form .editor-wrap textarea {
  min-height: 50px;
}
.submit-ticket-view .help-form .editor-wrap .flex-text-wrap > div,
.submit-ticket-view .help-form .editor-wrap textarea {
  max-height: 290px;
  padding: 10px 11px;
}
.submit-ticket-view .help-form .editor-wrap textarea {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.submit-ticket-view .help-form .attachments-list li {
  background: #E5E5E5;
  margin: 5px;
  border-radius: 3px;
  overflow: hidden;
}
.submit-ticket-view .help-form .attachments-list .work.creating .work-content {
  line-height: 40px;
  padding: 0px 28px 0px 5px;
  color: #929292;
}
.submit-ticket-view .help-form .attachments-list .work.creating .icon-remove {
  top: 1px;
  color: #808080;
  font-size: 10px;
}
.submit-ticket-view .help-form .attachments-list .work.creating .icon-remove:hover {
  color: #3da8f5;
}
.submit-ticket-view .help-form .email-wrap {
  margin-bottom: 15px;
}
.submit-ticket-view .help-menu {
  border-top: 1px solid #E5E5E5;
  padding: 5px 0;
}
.submit-ticket-view .help-menu li {
  line-height: 40px;
}
.submit-ticket-view .help-menu li a {
  display: block;
  padding: 10px 15px;
  line-height: 20px;
  color: #383838;
}
.submit-ticket-view .help-menu li a:hover {
  color: #3da8f5;
  background: #F7F7F7;
}
.submit-ticket-view .help-menu-item {
  position: relative;
}
.submit-ticket-view .help-menu-item .help-center-badge {
  position: absolute;
  display: inline-block;
  top: 8px;
  left: 66px;
  width: 12px;
  min-width: 0;
  height: 12px;
  padding: 0;
  background-color: #3da8f5;
  border-radius: 6px;
  border: 2px solid #FFFFFF;
}
.workspace-switcher-view {
  position: fixed;
  top: 48px !important;
  left: 8px !important;
  margin-top: 8px !important;
  border: 0;
  text-align: left;
}
.workspace-switcher-view .popover-header {
  display: none;
}
.workspace-switcher-view .popover-content {
  padding: 0;
  padding-bottom: 4px;
}
.workspace-switcher-view .list-divier {
  border-top: 1px solid #E5E5E5;
  margin-bottom: 4px;
}
.workspace-switcher-view .list-cell {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 12px;
  cursor: pointer;
  transition: background 218ms;
}
.workspace-switcher-view .list-cell-creator {
  height: 52px;
}
.workspace-switcher-view .list-cell:hover,
.workspace-switcher-view .list-cell.active {
  background: #F5F5F5;
}
.workspace-switcher-view .list-cell-icon {
  float: left;
  padding-right: 12px;
  color: #808080;
}
.workspace-switcher-view .list-cell-icon.icon-plus {
  font-weight: bold;
}
.workspace-switcher-view .list-cell-content {
  width: 100%;
  overflow: hidden;
}
.workspace-switcher-view .list-cell-title,
.workspace-switcher-view .list-cell-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-switcher-view .list-cell-title {
  font-weight: 500;
}
.workspace-switcher-view .list-cell-desc {
  font-size: 12px;
  line-height: 16px;
  color: #808080;
}
.workspace-switcher-view .list-cell-expiration {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  margin-left: 8px;
  border: 1px solid #FF4F3E;
  border-radius: 9px;
  font-size: 12px;
  color: #FF4F3E;
}
.workspace-switcher-view .list-cell-select {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  padding-right: 12px;
  color: #808080;
  visibility: hidden;
}
.workspace-switcher-view .list-cell-select.is-selected {
  visibility: visible;
}
.workspace-switcher-view .list-cell.plan-B.organization-create-handler,
.workspace-switcher-view .list-cell.plan-B.organization-create-handler .icon-plus {
  color: #3da8f5;
}
.workspace-switcher-view .list-cell.plan-C:hover,
.workspace-switcher-view .list-cell.plan-D:hover,
.workspace-switcher-view .list-cell.plan-C.active,
.workspace-switcher-view .list-cell.plan-D.active {
  background: white;
}
.workspace-switcher-view .list-cell.plan-C .btn,
.workspace-switcher-view .list-cell.plan-D .btn {
  width: 100%;
}
.workspace-switcher-view .list-cell.plan-C .btn-linear-gradient,
.workspace-switcher-view .list-cell.plan-D .btn-linear-gradient {
  color: white;
  border: none;
  height: 38px;
  background: linear-gradient(to right, #81E0FA, #3da8f5);
}
.workspace-switcher-view .list-cell.plan-C .btn-linear-gradient:hover,
.workspace-switcher-view .list-cell.plan-D .btn-linear-gradient:hover {
  background: linear-gradient(to right, #9ae6fb, #55b3f6);
}
.workspace-switcher-view .list-cell.plan-C .btn-linear-gradient:active,
.workspace-switcher-view .list-cell.plan-D .btn-linear-gradient:active {
  background: linear-gradient(to right, #68daf9, #259df4);
}
.workspace-switcher-view .workspace-list {
  padding: 5px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.slide-view-wrapper {
  position: fixed;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  width: 520px;
  z-index: 60;
  top: 50px;
  right: -520px;
  bottom: 0;
  padding: 30px;
  background-color: #EEEEEE;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}
.slide-view-wrapper > .card {
  width: 100%;
  margin-bottom: 100px;
}
.slide-view-wrapper .comment-box-form {
  position: fixed;
  visibility: hidden;
  margin-left: -31px;
  right: auto;
  bottom: -10px;
  width: 520px;
  padding: 15px 30px;
  border-top: 1px solid #d6d6d6;
  background-color: #e6e6e6;
  transition: bottom 218ms ease;
}
.slide-view-wrapper.comment-box-shown .comment-box-form {
  visibility: visible;
  bottom: 0;
}
.icalendar-view .modal-title {
  text-align: center;
}
.icalendar-view .modal-body {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.icalendar-view .modal-body .icalendar-container {
  word-break: break-all;
  word-break: break-word;
  padding-left: 200px;
}
.icalendar-view .modal-body .icalendar-qrcode {
  position: absolute;
  top: 15px;
  left: 0;
  width: 180px;
  height: 180px;
  padding: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.icalendar-view .modal-body .icalendar-msg .msg1 {
  margin-bottom: 20px;
}
.icalendar-view .modal-body .icalendar-url {
  display: inline-block;
  width: 100%;
  background: #E0EEEF;
  margin-top: 20px;
  padding: 5px 10px;
  word-wrap: break-word;
  border-radius: 2px;
  color: #3da8f5;
  transition: color 218ms ease;
}
.icalendar-view .modal-body .icalendar-url:hover {
  color: #0c92f3;
}
.icalendar-view .modal-body .icalendar-footer {
  margin-top: 20px;
  text-align: right;
}
.icalendar-view .modal-body .icalendar-footer .icalendar-reset {
  margin-right: 20px;
}
.popover-confirm-view {
  margin-top: 15px!important;
}
.popover-confirm-view .popover-desc {
  margin-bottom: 15px;
}
.popover-confirm-view .popover-desc.mute-text {
  color: #808080;
}
.popover-confirm-view .popover-button-group .btn-wrap {
  width: 50%;
}
.popover-confirm-view .popover-button-group .btn-wrap:nth-child(1) {
  padding-right: 7px;
}
.popover-confirm-view .popover-button-group .btn-wrap:nth-child(2) {
  padding-left: 7px;
}
.popover-confirm-view .popover-button-group .btn-wrap.full-width {
  width: 100%;
  margin: 0;
  padding: 0;
}
.popover-menu-view {
  border-radius: 4px;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
}
.popover-menu-view .popover-header {
  display: none;
}
.popover-menu-view .popover-content {
  padding: 0;
}
.popover-menu-view .popover-content .menu-input {
  position: relative;
  padding: 15px 15px 10px;
}
.popover-menu-view .popover-content .form-control {
  width: 100%;
  height: auto;
  margin: 0;
  line-height: 20px;
}
.popover-menu-view .popover-content .filter-input {
  padding: 6px;
}
.popover-menu-view .popover-content .add-form {
  padding: 10px 60px 10px 15px;
  border-bottom: 1px solid #EEEEEE;
}
.popover-menu-view .popover-content .add-form .add-input {
  padding: 6px 0;
  border: none;
}
.popover-menu-view .popover-content .add-form .filter-input {
  padding: 6px;
}
.popover-menu-view .popover-content .add-form .btn {
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 5px 0;
}
.popover-menu-view .popover-content ul {
  padding: 5px 0;
  min-height: 20px;
  max-height: 200px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popover-menu-view .popover-content ul.with-input {
  padding-top: 0;
}
.popover-menu-view .popover-content li > a {
  display: block;
  padding: 5px 35px 5px 15px;
  clear: both;
  line-height: 24px;
  color: #808080;
  outline: 0 none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popover-menu-view .popover-content li > a:hover {
  background-color: #F7F7F7;
}
.popover-menu-view .popover-content li > a .icon {
  float: left;
  margin-right: 10px;
}
.popover-menu-view .popover-content li.selected {
  position: relative;
}
.popover-menu-view .popover-content li.selected:after {
  position: absolute;
  top: 8px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #A6A6A6;
}
.popover-menu-view .popover-content li.active {
  background-color: #F7F7F7;
  font-weight: bold;
}
.popover-menu-view .popover-content li.divider {
  margin: 5px 15px;
  background-color: #EEEEEE;
}
.popover-menu-view .category-tasks {
  border-bottom: 1px solid #EEEEEE;
}
.popover-menu-view .category-tasks.undone-tasks {
  padding-bottom: 10px;
}
.popover-menu-view .category-tasks .title {
  color: #A6A6A6;
  font-size: 12px;
  padding: 4px 15px;
}
.popover-menu-view .category-tasks ul {
  padding: 0;
}
.popover-menu-view .category-tasks li > a {
  padding: 10px 35px 10px 15px;
  line-height: 20px;
}
.popover-category-menu-view .category-tasks.undone-tasks {
  padding-bottom: 10px;
  border-bottom: 1px solid #EEEEEE;
}
.popover-category-menu-view .category-tasks .title {
  color: #A6A6A6;
  font-size: 12px;
  padding: 4px 15px;
}
.popover-category-menu-view .category-tasks ul {
  padding: 0;
  max-height: none;
}
.popover-category-menu-view .category-tasks li > a {
  padding: 10px 35px 10px 15px;
  line-height: 20px;
}
.projects-copy-move-list-view {
  position: relative;
}
.projects-copy-move-list-view .item-list {
  width: 100%;
  height: 210px;
  margin: 0 0 5px;
  overflow-x: hidden;
  overflow-y: auto;
}
.projects-copy-move-list-view .item {
  padding: 10px 10px 10px 0;
  color: #808080;
  cursor: pointer;
}
.projects-copy-move-list-view .item.disabled {
  cursor: default;
}
.projects-copy-move-list-view .item:not(.disabled):hover,
.projects-copy-move-list-view .item:not(.disabled).active {
  background-color: #F7F7F7;
}
.projects-copy-move-list-view .item .item-title {
  padding: 0 5px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-copy-move-list-view .item > .hint-icon,
.projects-copy-move-list-view .item > .selected-icon {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.projects-copy-move-list-view .item > .selected-icon {
  display: none;
}
.projects-copy-move-list-view .item.selected {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.projects-copy-move-list-view .item.selected > .selected-icon {
  display: inline-block;
}
.projects-copy-move-list-view .btn.is-disabled {
  opacity: .65;
  cursor: default;
}
.projects-copy-move-list-view .btn.is-disabled:hover,
.projects-copy-move-list-view .btn.is-disabled:active,
.projects-copy-move-list-view .btn.is-disabled:focus {
  color: #FFFFFF;
  background-color: #3da8f5;
}
.projects-copy-move-list-view .extra-info > p {
  margin: 0 0 5px;
  line-height: 24px;
  color: #808080;
}
.projects-copy-move-list-view .extra-info > .no-select-hint {
  position: absolute;
  left: 0;
  bottom: 45px;
  width: 100%;
  padding: 5px;
  color: #d58a8a;
  background-color: #fff4f4;
  border: 1px solid #d58a8a;
  border-radius: 3px;
  opacity: 0;
}
.projects-copy-move-list-view .extra-info.show-alert > .no-select-hint {
  transition: opacity .5s ease;
  opacity: 1;
}
.week-selector-view .switch-handler {
  padding: 5px 0;
  color: #808080;
}
.week-selector-view .switch-handler:hover {
  color: #383838;
}
.week-selector-view .switch-handler .icon {
  margin-left: 8px;
  font-size: 9pt;
}
.search-popover-view {
  position: fixed;
  width: 290px;
  margin-top: 16px !important;
}
.search-popover-view .popover-header {
  display: none;
}
.search-popover-view .popover-content {
  padding: 0;
}
.search-popover-view .no-result {
  text-align: center;
}
.search-popover-view .no-result .icon {
  font-size: 36px;
}
.search-popover-view .search-result-popover {
  overflow-y: auto;
  padding: 10px 0;
}
.search-popover-view .search-result-popover .goto-search-result .search {
  padding: 6px 15px;
}
.search-popover-view .search-result-popover .goto-search-result .search:hover,
.search-popover-view .search-result-popover .goto-search-result .search.active {
  background-color: #F7F7F7;
}
.search-popover-view .search-result-popover .goto-search-result .icon {
  color: #808080;
  margin-left: 2px;
  float: left;
}
.search-popover-view .search-result-popover .goto-search-result a {
  margin-left: 8px;
  display: inline-block;
  width: calc(100% - 24px);
}
.search-popover-view .search-result-popover .goto-search-result a:hover {
  color: #808080;
}
.search-popover-view .search-result-popover .wrapper {
  position: relative;
}
.search-popover-view .search-result-popover .wrapper:not(:first-child) {
  margin-top: 15px;
}
.search-popover-view .search-result-popover .wrapper .type {
  color: #808080;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding-bottom: 5px;
  margin: 0 15px 10px;
}
.search-popover-view .search-result-popover .wrapper li {
  padding: 4px 15px;
  cursor: pointer;
}
.search-popover-view .search-result-popover .wrapper li:hover,
.search-popover-view .search-result-popover .wrapper li.active {
  background-color: #F7F7F7;
}
.search-popover-view .search-result-popover .wrapper .work-icon {
  float: left;
}
.search-popover-view .search-result-popover .wrapper .title {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  float: left;
  color: #383838;
  width: calc(100% - 42px);
  word-wrap: break-word;
}
.search-popover-view .search-result-popover .wrapper .work-title {
  padding: 10px 0;
}
.search-popover-view .search-result-popover .wrapper em {
  font-style: normal;
  color: #3da8f5;
}
.search-popover-view .search-result-popover .wrapper .project-list .project-logo {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 2px;
}
.search-popover-view .search-result-popover .wrapper .project-list .project-name {
  line-height: 24px;
}
.search-popover-view .search-result-popover .wrapper .project-list .project-name:hover {
  color: #808080;
}
.search-popover-view .search-result-popover .wrapper .task-list {
  margin: 0;
}
.search-popover-view .search-result-popover .wrapper .task-list .icon {
  width: 24px;
  text-align: center;
  color: #808080;
}
.search-popover-view .search-result-popover .wrapper .task-list .task-title {
  margin-left: 5px;
}
.search-popover-view .search-result-popover .wrapper .task-list .task-title .task-id-label {
  margin-left: 4px;
}
.search-popover-view .search-result-popover .wrapper .post-list .post-title {
  margin-top: 2px;
}
.search-popover-view .search-result-popover .wrapper .post-list .post-content {
  word-wrap: break-word;
  color: #A6A6A6;
  font-size: 12px;
  padding-left: 34px;
  clear: both;
  max-height: 51px;
  line-height: 17px;
  overflow: hidden;
}
.search-popover-view .search-result-popover .wrapper .event-list .event-time {
  width: 60px;
  color: #A6A6A6;
}
.search-popover-view .search-result-popover .wrapper .event-list .event-time:hover {
  color: #A6A6A6;
}
.search-popover-view .search-result-popover .wrapper .event-list .event-title {
  width: calc(100% - 70px);
}
.search-popover-view .search-result-popover .wrapper .work-list .no-thumbnail {
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #FFFFFF;
  background-color: #383838;
  text-align: center;
  font-size: 10px;
}
.search-popover-view .search-result-popover .wrapper .entry-list .entry-title {
  float: left;
  margin-left: 0;
  width: 200px;
}
.search-popover-view .search-result-popover .wrapper .entry-list .entry-amount {
  float: right;
}
.search-popover-view .search-result-popover .wrapper .entry-list .entry-amount:hover {
  color: initial;
}
.search-popover-view .search-result-popover .wrapper .entry-list .entry-amount.expense {
  color: #f9b447;
}
.search-popover-view .search-result-popover .wrapper .entry-list .entry-amount.income {
  color: #4bd649;
}
.popover-single-picker-view {
  border-radius: 4px;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
}
.popover-single-picker-view .popover-header {
  display: none;
}
.popover-single-picker-view .popover-content {
  padding: 0;
}
.popover-single-picker-view .popover-content ul {
  padding: 5px 0;
  min-height: 20px;
  overflow-y: auto;
}
.popover-single-picker-view .popover-content li > a {
  display: block;
  padding: 5px 35px 5px 15px;
  clear: both;
  line-height: 24px;
  color: #808080;
  outline: 0 none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popover-single-picker-view .popover-content li > a:hover {
  background-color: #F7F7F7;
}
.popover-single-picker-view .popover-content li > a .icon {
  float: left;
  margin-right: 10px;
}
.popover-single-picker-view .popover-content li.selected {
  position: relative;
}
.popover-single-picker-view .popover-content li.selected:after {
  position: absolute;
  top: 8px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #A6A6A6;
}
.popover-single-picker-view .popover-content li.active {
  background-color: #F7F7F7;
  font-weight: bold;
}
.popover-single-picker-view .popover-content li.divider {
  margin: 5px 5px;
  border-top: 1px solid #EEEEEE;
  background-color: #EEEEEE;
}
.popover-snoozed-picker .popover-content {
  margin: 5px 0;
}
.popover-snoozed-picker .popover-content li > a {
  padding: 10px 0 10px 15px;
  line-height: 20px;
}
.popover-snoozed-picker .popover-content li .cancel-handler {
  color: #FF4F3E;
}
.popover-repeat-picker-view {
  border-radius: 4px;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
}
.popover-repeat-picker-view .popover-header {
  display: none;
}
.popover-repeat-picker-view .popover-content {
  padding: 0;
}
.popover-repeat-picker-view .popover-content ul {
  padding: 5px 0;
  min-height: 20px;
  overflow-y: auto;
}
.popover-repeat-picker-view .popover-content li > a {
  display: block;
  padding: 5px 35px 5px 15px;
  clear: both;
  line-height: 24px;
  color: #808080;
  outline: 0 none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popover-repeat-picker-view .popover-content li > a:hover {
  background-color: #F7F7F7;
}
.popover-repeat-picker-view .popover-content li > a .icon {
  float: left;
  margin-right: 10px;
}
.popover-repeat-picker-view .popover-content li.selected {
  position: relative;
}
.popover-repeat-picker-view .popover-content li.selected:after {
  position: absolute;
  top: 8px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #A6A6A6;
}
.popover-repeat-picker-view .popover-content li.active {
  background-color: #F7F7F7;
  font-weight: bold;
}
.popover-repeat-picker-view .popover-content li.divider {
  margin: 5px 5px;
  background-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.popover-repeat-picker-view .popover-content .repeat-description {
  font-size: 12px;
  color: #a6a6a6;
  padding: 5px 15px;
}
.share-popover-main .share-qr {
  width: 120px;
  height: 120px;
  margin: 20px auto;
}
.share-popover-main .share-qr .loading-indicator {
  padding-top: 50px;
}
.share-popover-main .share-link {
  margin-bottom: 20px;
}
.share-popover-main .share-link .form-control {
  margin-bottom: 0;
}
.share-popover-main .share-link .copy-share-url {
  border: none;
  padding: 10px 12px;
  font-size: 12px;
}
.share-popover-main .cancel-share {
  width: 100%;
}
.share-popover-main .change-permission {
  display: block;
  margin: 20px auto 7px;
  color: #3da8f5;
  text-align: center;
}
.share-popover-main .change-permission:hover {
  color: #6dbef8;
}
.share-popover-confirm p {
  margin-bottom: 20px;
}
.share-popover-confirm button {
  width: 100%;
}
.share-popover-confirm button span {
  z-index: 5;
  position: relative;
}
.share-popover-confirm button.is-submitting {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.share-popover-confirm button.is-submitting:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #3da8f5;
  -webkit-animation: kf-growing-load 5s cubic-bezier(0, 1, 0.25, 1) forwards;
  animation: kf-growing-load 5s cubic-bezier(0, 1, 0.25, 1) forwards;
}
.share-popover-type-select .list {
  margin: -15px;
}
.share-popover-type-select .list .icon {
  margin-right: 10px;
}
.share-popover-type-select .list .mode {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.share-popover-type-select .list .share-badge {
  color: #3da8f5;
  font-size: 12px;
}
.share-popover-readonly-view .set-permission .menu-title {
  color: #808080;
}
.share-popover-readonly-view .set-permission .permission {
  margin: 15px auto 20px;
  padding-bottom: 7px;
  border-bottom: 1px #EEEEEE solid;
}
.share-popover-readonly-view .set-permission .permission .select-permission {
  float: right;
}
.share-popover-readonly-view .set-permission .permission-menu > .permission-item {
  position: relative;
}
.share-popover-readonly-view .set-permission .permission-menu > .permission-item .icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px;
  margin-right: 10px;
  color: #A6A6A6;
}
.share-popover-readonly-view .permission-description {
  color: #808080;
  margin-bottom: 15px;
}
.share-popover-readonly-view .save-permission {
  width: 100%;
}
.share-popover-readonly-view .save-permission span {
  z-index: 5;
  position: relative;
}
.share-popover-readonly-view .save-permission.is-submitting {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.share-popover-readonly-view .save-permission.is-submitting:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #3da8f5;
  -webkit-animation: kf-growing-load 5s cubic-bezier(0, 1, 0.25, 1) forwards;
  animation: kf-growing-load 5s cubic-bezier(0, 1, 0.25, 1) forwards;
}
.custom-repeat-view .form-group {
  font-size: 14px;
  color: #808080;
  margin: 12px 15px;
}
.custom-repeat-view .form-group .dropdown {
  display: inline-block;
}
.custom-repeat-view .form-group .dropdown .dropdown-toggle {
  padding: 2px 8px;
  border: 1px solid #D9D9D9;
  text-align: left;
}
.custom-repeat-view .form-group .dropdown .dropdown-toggle .icon {
  font-size: 10px;
  margin-left: 20px;
}
.custom-repeat-view .form-group .optional-days {
  font-size: 0;
}
.custom-repeat-view .form-group .optional-days .optional-day {
  font-size: 14px;
  margin: -1px 0 0 -1px;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ededed;
  text-align: center;
}
.custom-repeat-view .form-group .optional-days .optional-day:nth-child(7n+1) {
  margin-left: 0;
}
.custom-repeat-view .form-group .optional-days .optional-day:hover {
  background-color: #EEEEEE;
  cursor: pointer;
}
.custom-repeat-view .form-group .optional-days .optional-day.active {
  color: #FFFFFF;
  background-color: #3da8f5;
  cursor: default;
  font-weight: normal;
}
.custom-repeat-view .form-group .repeat-description {
  padding: 0;
  font-size: 12px;
  color: #a6a6a6;
}
.custom-repeat-view .submit-wrap {
  text-align: right;
}
.custom-repeat-view .submit-wrap button.btn {
  width: 80px;
  height: 30px;
  padding: 0;
}
.team-member-detail-modal-view.modal-view.fixed {
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 50%;
  margin: 0 0 0 -400px;
  border-radius: 3px;
  overflow: hidden;
}
.team-member-detail-modal-view.modal-view.fixed .modal-close {
  padding: 0;
  font-size: 16px;
}
.team-member-detail-modal-view .team-member-detail-view {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.team-member-detail-modal-view .content-header {
  position: relative;
  padding: 20px 15px 20px 60px;
  border-bottom: 1px solid #EEEEEE;
}
.team-member-detail-modal-view .content-header .detail-picker-img {
  position: absolute;
  left: 15px;
}
.team-member-detail-modal-view .content-header .detail-picker-img.team-icon {
  font-size: 26px;
  padding: 5px;
  top: 26px;
}
.team-member-detail-modal-view .content-header .card-detail .card-name {
  margin: 0;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-member-detail-modal-view .content-header .card-detail .card-name .icon {
  color: #A6A6A6;
  font-size: 14px;
  margin-left: 4px;
}
.team-member-detail-modal-view .content-header .card-detail .card-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #A6A6A6;
}
.team-member-detail-modal-view .team-list .team {
  cursor: pointer;
  color: #808080;
}
.team-member-detail-modal-view .team-list .team .icon {
  width: 26px;
  text-align: center;
  margin-right: 10px;
}
.team-member-detail-modal-view .team-list .team:not(:last-child) {
  margin-bottom: 12px;
}
.team-member-detail-modal-view .team-list .team button.btn {
  width: auto;
  border: 1px solid #FF4F3E;
  font-size: 12px;
  padding: 4px 5px;
  line-height: 12px;
  color: #FF4F3E;
  margin-left: 10px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.2s ease;
}
.team-member-detail-modal-view .team-list .team:hover button.btn {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.team-member-detail-modal-view .detail-picker-menu {
  width: 180px;
  overflow: hidden;
  border-right: 1px solid #EEEEEE;
}
.team-member-detail-modal-view .sub-menu-handler {
  position: relative;
  display: block;
  padding: 17px 0 17px 60px;
  transition: all 218ms;
}
.team-member-detail-modal-view .sub-menu-handler .icon {
  position: absolute;
  left: 34px;
}
.team-member-detail-modal-view .sub-menu-handler:before {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  transition: all 218ms;
}
.team-member-detail-modal-view .sub-menu-handler .menu-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-member-detail-modal-view .sub-menu-item {
  border-bottom: 1px solid #EEEEEE;
}
.team-member-detail-modal-view .sub-menu-item.active .sub-menu-handler {
  color: #3da8f5;
}
.team-member-detail-modal-view .sub-menu-item.active .sub-menu-handler:before {
  background-color: #3da8f5;
}
.team-member-detail-modal-view .sub-menu-item:hover .sub-menu-handler {
  color: #3da8f5;
}
.team-member-detail-modal-view .detail-picker-content {
  overflow-y: auto;
}
.team-member-detail-modal-view .detail-picker-content .tasks-container h3 {
  color: #808080;
  font-size: 14px;
  margin: 0 20px 5px;
  line-height: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EEEEEE;
}
.team-member-detail-modal-view .detail-picker-content .today-tasks {
  margin-bottom: 10px;
}
.team-member-detail-modal-view .detail-picker-content .today-tasks.moveUp {
  margin-top: -37px;
}
.team-member-detail-modal-view .detail-picker-content .my-tasks-group .group-header {
  margin: 0 20px;
  line-height: 36px;
  font-size: 14px;
  color: #383838;
}
.team-member-detail-modal-view .detail-picker-content .task {
  padding: 10px 20px;
}
.team-member-detail-modal-view .detail-picker-content .task .task-content-set {
  margin-left: 16px;
}
.team-member-detail-modal-view .detail-picker-content .task .task-content-set .avatar {
  margin-left: 0;
  margin-right: 14px;
}
.team-member-detail-modal-view .detail-picker-content .task.done {
  background: none;
}
.team-member-detail-modal-view .detail-picker-content .task:hover {
  background: #EEEEEE;
}
.team-member-detail-modal-view .detail-picker-content .task .task-content-wrapper {
  margin-left: 0;
}
.team-member-detail-modal-view .detail-picker-content .task .task-content-wrapper .task-duedate {
  color: #808080;
  background-color: transparent;
  padding: 0 2px;
}
.team-member-detail-modal-view .detail-picker-content .task .task-content-wrapper .task-duedate.label-important {
  color: #FF4F3E;
}
.team-member-detail-modal-view .detail-picker-content .task .task-content-wrapper .task-duedate.label-warning {
  color: #FFAF38;
}
.team-member-detail-modal-view .detail-picker-content .task .task-content-wrapper .task-duedate.label-info {
  color: #3da8f5;
}
.team-member-detail-modal-view .detail-picker-content .task .task-content-wrapper .task-duedate > .icon {
  display: none;
}
.team-member-detail-modal-view .detail-picker-content .subtask.non-checkable {
  border: 1px solid #E5E5E5;
  background-color: #EEEEEE;
  cursor: default;
}
.team-member-detail-modal-view .detail-picker-content .task-group-by {
  margin: 5px 20px 0;
  padding: 10px 0 5px;
  border-top: 1px solid #EEEEEE;
}
.team-member-detail-modal-view .detail-picker-content .task-group-by:first-child {
  border-width: 0;
}
.team-member-detail-modal-view .detail-picker-content .task-group-by .task-group-name {
  font-weight: bold;
  color: #383838;
}
.team-member-detail-modal-view .detail-picker-content .task-list {
  margin: 0;
}
.all-tasks-list {
  margin-bottom: -20px;
}
.all-tasks-list h3.header-handler {
  margin: 0 20px 5px;
  font-size: 14px;
  line-height: 46px;
}
.all-tasks-list h3.header-handler .tasks-board-date-menu {
  color: #A6A6A6;
}
.all-tasks-list h3.header-handler .tasks-board-date-menu:hover {
  color: #3da8f5;
}
.all-tasks-list .no-task-placeholder {
  margin: 0 20px;
  padding: 10px 0;
}
.all-tasks-list .action-handler {
  margin-right: 20px;
}
.entry-detail-view,
.event-detail,
.previewer .activities-container,
.task-detail {
  background-color: #F7F7F7;
}
.entry-detail-view,
.event-detail,
.chat-room-panel-wrap,
.previewer .previewer-panel,
.post-detail-view,
.task-detail {
  position: relative;
  height: 100%;
  overflow: hidden !important;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.entry-detail-view > header,
.event-detail > header,
.chat-room-panel-wrap > header,
.previewer .previewer-panel > header,
.post-detail-view > header,
.task-detail > header,
.entry-detail-view > footer,
.event-detail > footer,
.chat-room-panel-wrap > footer,
.previewer .previewer-panel > footer,
.post-detail-view > footer,
.task-detail > footer {
  z-index: 9;
  overflow: visible;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.entry-detail-view > section,
.event-detail > section,
.chat-room-panel-wrap > section,
.previewer .previewer-panel > section,
.post-detail-view > section,
.task-detail > section {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.entry-detail-view .chat-room-content,
.event-detail .chat-room-content,
.chat-room-panel-wrap .chat-room-content,
.previewer .previewer-panel .chat-room-content,
.post-detail-view .chat-room-content,
.task-detail .chat-room-content,
.entry-detail-view .detail-content,
.event-detail .detail-content,
.chat-room-panel-wrap .detail-content,
.previewer .previewer-panel .detail-content,
.post-detail-view .detail-content,
.task-detail .detail-content {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.entry-detail-view .chat-room-content > div,
.event-detail .chat-room-content > div,
.chat-room-panel-wrap .chat-room-content > div,
.previewer .previewer-panel .chat-room-content > div,
.post-detail-view .chat-room-content > div,
.task-detail .chat-room-content > div,
.entry-detail-view .detail-content > div,
.event-detail .detail-content > div,
.chat-room-panel-wrap .detail-content > div,
.previewer .previewer-panel .detail-content > div,
.post-detail-view .detail-content > div,
.task-detail .detail-content > div {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.entry-detail-view .chat-room-content > section,
.event-detail .chat-room-content > section,
.chat-room-panel-wrap .chat-room-content > section,
.previewer .previewer-panel .chat-room-content > section,
.post-detail-view .chat-room-content > section,
.task-detail .chat-room-content > section,
.entry-detail-view .detail-content > section,
.event-detail .detail-content > section,
.chat-room-panel-wrap .detail-content > section,
.previewer .previewer-panel .detail-content > section,
.post-detail-view .detail-content > section,
.task-detail .detail-content > section {
  position: relative;
  margin: 15px 15px 0;
  overflow: visible;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.entry-detail-view .detail-header-card,
.event-detail .detail-header-card,
.chat-room-panel-wrap .detail-header-card,
.previewer .previewer-panel .detail-header-card,
.post-detail-view .detail-header-card,
.task-detail .detail-header-card {
  padding: 0 15px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.entry-detail-view .archived-badge,
.event-detail .archived-badge,
.chat-room-panel-wrap .archived-badge,
.previewer .previewer-panel .archived-badge,
.post-detail-view .archived-badge,
.task-detail .archived-badge {
  height: 48px;
  background-color: #E5E5E5;
  width: 100%;
  position: relative;
  z-index: 1001;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
}
.entry-detail-view .archived-badge > div,
.event-detail .archived-badge > div,
.chat-room-panel-wrap .archived-badge > div,
.previewer .previewer-panel .archived-badge > div,
.post-detail-view .archived-badge > div,
.task-detail .archived-badge > div {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.entry-detail-view .archived-badge .archived-explaination,
.event-detail .archived-badge .archived-explaination,
.chat-room-panel-wrap .archived-badge .archived-explaination,
.previewer .previewer-panel .archived-badge .archived-explaination,
.post-detail-view .archived-badge .archived-explaination,
.task-detail .archived-badge .archived-explaination {
  color: #808080;
  margin-right: 10px;
  border-radius: 2px;
}
.entry-detail-view .archived-badge .archived-explaination .icon,
.event-detail .archived-badge .archived-explaination .icon,
.chat-room-panel-wrap .archived-badge .archived-explaination .icon,
.previewer .previewer-panel .archived-badge .archived-explaination .icon,
.post-detail-view .archived-badge .archived-explaination .icon,
.task-detail .archived-badge .archived-explaination .icon {
  margin-right: 10px;
}
.entry-detail-view .archive-handler-set,
.event-detail .archive-handler-set,
.chat-room-panel-wrap .archive-handler-set,
.previewer .previewer-panel .archive-handler-set,
.post-detail-view .archive-handler-set,
.task-detail .archive-handler-set {
  text-align: right;
}
.entry-detail-view .archive-handler-set > a,
.event-detail .archive-handler-set > a,
.chat-room-panel-wrap .archive-handler-set > a,
.previewer .previewer-panel .archive-handler-set > a,
.post-detail-view .archive-handler-set > a,
.task-detail .archive-handler-set > a {
  color: #808080;
}
.entry-detail-view .archive-handler-set .archived-button,
.event-detail .archive-handler-set .archived-button,
.chat-room-panel-wrap .archive-handler-set .archived-button,
.previewer .previewer-panel .archive-handler-set .archived-button,
.post-detail-view .archive-handler-set .archived-button,
.task-detail .archive-handler-set .archived-button {
  display: inline-block;
  cursor: pointer;
}
.entry-detail-view .archive-handler-set .archived-cancel,
.event-detail .archive-handler-set .archived-cancel,
.chat-room-panel-wrap .archive-handler-set .archived-cancel,
.previewer .previewer-panel .archive-handler-set .archived-cancel,
.post-detail-view .archive-handler-set .archived-cancel,
.task-detail .archive-handler-set .archived-cancel {
  margin-right: 5px;
}
.entry-detail-view .archive-handler-set a:hover,
.event-detail .archive-handler-set a:hover,
.chat-room-panel-wrap .archive-handler-set a:hover,
.previewer .previewer-panel .archive-handler-set a:hover,
.post-detail-view .archive-handler-set a:hover,
.task-detail .archive-handler-set a:hover {
  color: #3da8f5;
}
.entry-detail-view .archive-handler-set .icon,
.event-detail .archive-handler-set .icon,
.chat-room-panel-wrap .archive-handler-set .icon,
.previewer .previewer-panel .archive-handler-set .icon,
.post-detail-view .archive-handler-set .icon,
.task-detail .archive-handler-set .icon {
  font-size: 12px;
}
.entry-detail-view .menu-icons,
.event-detail .menu-icons,
.chat-room-panel-wrap .menu-icons,
.previewer .previewer-panel .menu-icons,
.post-detail-view .menu-icons,
.task-detail .menu-icons,
.entry-detail-view .menu-handler,
.event-detail .menu-handler,
.chat-room-panel-wrap .menu-handler,
.previewer .previewer-panel .menu-handler,
.post-detail-view .menu-handler,
.task-detail .menu-handler {
  position: absolute;
  top: 13px;
  right: 15px;
  z-index: 2;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #A6A6A6;
}
.entry-detail-view .menu-icons.open,
.event-detail .menu-icons.open,
.chat-room-panel-wrap .menu-icons.open,
.previewer .previewer-panel .menu-icons.open,
.post-detail-view .menu-icons.open,
.task-detail .menu-icons.open,
.entry-detail-view .menu-handler.open,
.event-detail .menu-handler.open,
.chat-room-panel-wrap .menu-handler.open,
.previewer .previewer-panel .menu-handler.open,
.post-detail-view .menu-handler.open,
.task-detail .menu-handler.open,
.entry-detail-view .menu-icons:hover,
.event-detail .menu-icons:hover,
.chat-room-panel-wrap .menu-icons:hover,
.previewer .previewer-panel .menu-icons:hover,
.post-detail-view .menu-icons:hover,
.task-detail .menu-icons:hover,
.entry-detail-view .menu-handler:hover,
.event-detail .menu-handler:hover,
.chat-room-panel-wrap .menu-handler:hover,
.previewer .previewer-panel .menu-handler:hover,
.post-detail-view .menu-handler:hover,
.task-detail .menu-handler:hover {
  color: #3da8f5;
}
.entry-detail-view .menu-icons,
.event-detail .menu-icons,
.chat-room-panel-wrap .menu-icons,
.previewer .previewer-panel .menu-icons,
.post-detail-view .menu-icons,
.task-detail .menu-icons {
  right: 58px;
  color: #D9D9D9;
  margin-right: 15px;
  padding-right: 15px;
}
.entry-detail-view .menu-icons:hover,
.event-detail .menu-icons:hover,
.chat-room-panel-wrap .menu-icons:hover,
.previewer .previewer-panel .menu-icons:hover,
.post-detail-view .menu-icons:hover,
.task-detail .menu-icons:hover {
  color: #3da8f5;
}
.entry-detail-view .menu-icons.divider::after,
.event-detail .menu-icons.divider::after,
.chat-room-panel-wrap .menu-icons.divider::after,
.previewer .previewer-panel .menu-icons.divider::after,
.post-detail-view .menu-icons.divider::after,
.task-detail .menu-icons.divider::after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  width: 1px;
  height: 16px;
  background-color: #D9D9D9;
}
.entry-detail-view .detail-white-card,
.event-detail .detail-white-card,
.chat-room-panel-wrap .detail-white-card,
.previewer .previewer-panel .detail-white-card,
.post-detail-view .detail-white-card,
.task-detail .detail-white-card {
  margin: 15px 15px 0 15px;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.entry-detail-view.archived .close-handler,
.event-detail.archived .close-handler,
.chat-room-panel-wrap.archived .close-handler,
.previewer .previewer-panel.archived .close-handler,
.post-detail-view.archived .close-handler,
.task-detail.archived .close-handler {
  top: 13px!important;
}
.entry-detail-view.archived .task,
.event-detail.archived .task,
.chat-room-panel-wrap.archived .task,
.previewer .previewer-panel.archived .task,
.post-detail-view.archived .task,
.task-detail.archived .task {
  cursor: not-allowed;
}
.entry-detail-view.archived .subtask-view .check-box:hover,
.event-detail.archived .subtask-view .check-box:hover,
.chat-room-panel-wrap.archived .subtask-view .check-box:hover,
.previewer .previewer-panel.archived .subtask-view .check-box:hover,
.post-detail-view.archived .subtask-view .check-box:hover,
.task-detail.archived .subtask-view .check-box:hover {
  border-color: #808080;
  cursor: not-allowed;
}
.entry-detail-view.archived .post-detail-header,
.event-detail.archived .post-detail-header,
.chat-room-panel-wrap.archived .post-detail-header,
.previewer .previewer-panel.archived .post-detail-header,
.post-detail-view.archived .post-detail-header,
.task-detail.archived .post-detail-header,
.entry-detail-view.archived .simditor .simditor-body,
.event-detail.archived .simditor .simditor-body,
.chat-room-panel-wrap.archived .simditor .simditor-body,
.previewer .previewer-panel.archived .simditor .simditor-body,
.post-detail-view.archived .simditor .simditor-body,
.task-detail.archived .simditor .simditor-body {
  cursor: not-allowed;
}
.entry-detail-view.archived .detail-white-card,
.event-detail.archived .detail-white-card,
.chat-room-panel-wrap.archived .detail-white-card,
.previewer .previewer-panel.archived .detail-white-card,
.post-detail-view.archived .detail-white-card,
.task-detail.archived .detail-white-card,
.entry-detail-view.archived .detail-infos-view > div,
.event-detail.archived .detail-infos-view > div,
.chat-room-panel-wrap.archived .detail-infos-view > div,
.previewer .previewer-panel.archived .detail-infos-view > div,
.post-detail-view.archived .detail-infos-view > div,
.task-detail.archived .detail-infos-view > div {
  cursor: not-allowed;
}
.entry-detail-view.archived .detail-white-card a:not(.enter-detail),
.event-detail.archived .detail-white-card a:not(.enter-detail),
.chat-room-panel-wrap.archived .detail-white-card a:not(.enter-detail),
.previewer .previewer-panel.archived .detail-white-card a:not(.enter-detail),
.post-detail-view.archived .detail-white-card a:not(.enter-detail),
.task-detail.archived .detail-white-card a:not(.enter-detail),
.entry-detail-view.archived .detail-infos-view > div a:not(.enter-detail),
.event-detail.archived .detail-infos-view > div a:not(.enter-detail),
.chat-room-panel-wrap.archived .detail-infos-view > div a:not(.enter-detail),
.previewer .previewer-panel.archived .detail-infos-view > div a:not(.enter-detail),
.post-detail-view.archived .detail-infos-view > div a:not(.enter-detail),
.task-detail.archived .detail-infos-view > div a:not(.enter-detail),
.entry-detail-view.archived .detail-white-card .link,
.event-detail.archived .detail-white-card .link,
.chat-room-panel-wrap.archived .detail-white-card .link,
.previewer .previewer-panel.archived .detail-white-card .link,
.post-detail-view.archived .detail-white-card .link,
.task-detail.archived .detail-white-card .link,
.entry-detail-view.archived .detail-infos-view > div .link,
.event-detail.archived .detail-infos-view > div .link,
.chat-room-panel-wrap.archived .detail-infos-view > div .link,
.previewer .previewer-panel.archived .detail-infos-view > div .link,
.post-detail-view.archived .detail-infos-view > div .link,
.task-detail.archived .detail-infos-view > div .link {
  cursor: not-allowed;
}
.entry-detail-view.archived .detail-white-card .link:hover .link-title,
.event-detail.archived .detail-white-card .link:hover .link-title,
.chat-room-panel-wrap.archived .detail-white-card .link:hover .link-title,
.previewer .previewer-panel.archived .detail-white-card .link:hover .link-title,
.post-detail-view.archived .detail-white-card .link:hover .link-title,
.task-detail.archived .detail-white-card .link:hover .link-title,
.entry-detail-view.archived .detail-infos-view > div .link:hover .link-title,
.event-detail.archived .detail-infos-view > div .link:hover .link-title,
.chat-room-panel-wrap.archived .detail-infos-view > div .link:hover .link-title,
.previewer .previewer-panel.archived .detail-infos-view > div .link:hover .link-title,
.post-detail-view.archived .detail-infos-view > div .link:hover .link-title,
.task-detail.archived .detail-infos-view > div .link:hover .link-title {
  color: #383838;
}
.entry-detail-view.archived .detail-white-card .link:hover .link-menu-handler,
.event-detail.archived .detail-white-card .link:hover .link-menu-handler,
.chat-room-panel-wrap.archived .detail-white-card .link:hover .link-menu-handler,
.previewer .previewer-panel.archived .detail-white-card .link:hover .link-menu-handler,
.post-detail-view.archived .detail-white-card .link:hover .link-menu-handler,
.task-detail.archived .detail-white-card .link:hover .link-menu-handler,
.entry-detail-view.archived .detail-infos-view > div .link:hover .link-menu-handler,
.event-detail.archived .detail-infos-view > div .link:hover .link-menu-handler,
.chat-room-panel-wrap.archived .detail-infos-view > div .link:hover .link-menu-handler,
.previewer .previewer-panel.archived .detail-infos-view > div .link:hover .link-menu-handler,
.post-detail-view.archived .detail-infos-view > div .link:hover .link-menu-handler,
.task-detail.archived .detail-infos-view > div .link:hover .link-menu-handler {
  display: none;
}
.entry-detail-view.archived .detail-white-card .links-list .link,
.event-detail.archived .detail-white-card .links-list .link,
.chat-room-panel-wrap.archived .detail-white-card .links-list .link,
.previewer .previewer-panel.archived .detail-white-card .links-list .link,
.post-detail-view.archived .detail-white-card .links-list .link,
.task-detail.archived .detail-white-card .links-list .link,
.entry-detail-view.archived .detail-infos-view > div .links-list .link,
.event-detail.archived .detail-infos-view > div .links-list .link,
.chat-room-panel-wrap.archived .detail-infos-view > div .links-list .link,
.previewer .previewer-panel.archived .detail-infos-view > div .links-list .link,
.post-detail-view.archived .detail-infos-view > div .links-list .link,
.task-detail.archived .detail-infos-view > div .links-list .link {
  cursor: pointer;
}
.entry-detail-view.archived .detail-white-card .links-list .link:hover .link-title,
.event-detail.archived .detail-white-card .links-list .link:hover .link-title,
.chat-room-panel-wrap.archived .detail-white-card .links-list .link:hover .link-title,
.previewer .previewer-panel.archived .detail-white-card .links-list .link:hover .link-title,
.post-detail-view.archived .detail-white-card .links-list .link:hover .link-title,
.task-detail.archived .detail-white-card .links-list .link:hover .link-title,
.entry-detail-view.archived .detail-infos-view > div .links-list .link:hover .link-title,
.event-detail.archived .detail-infos-view > div .links-list .link:hover .link-title,
.chat-room-panel-wrap.archived .detail-infos-view > div .links-list .link:hover .link-title,
.previewer .previewer-panel.archived .detail-infos-view > div .links-list .link:hover .link-title,
.post-detail-view.archived .detail-infos-view > div .links-list .link:hover .link-title,
.task-detail.archived .detail-infos-view > div .links-list .link:hover .link-title {
  color: #3da8f5;
}
.entry-detail-view.archived .detail-white-card .tags-list > li.removeable:hover .tag,
.event-detail.archived .detail-white-card .tags-list > li.removeable:hover .tag,
.chat-room-panel-wrap.archived .detail-white-card .tags-list > li.removeable:hover .tag,
.previewer .previewer-panel.archived .detail-white-card .tags-list > li.removeable:hover .tag,
.post-detail-view.archived .detail-white-card .tags-list > li.removeable:hover .tag,
.task-detail.archived .detail-white-card .tags-list > li.removeable:hover .tag,
.entry-detail-view.archived .detail-infos-view > div .tags-list > li.removeable:hover .tag,
.event-detail.archived .detail-infos-view > div .tags-list > li.removeable:hover .tag,
.chat-room-panel-wrap.archived .detail-infos-view > div .tags-list > li.removeable:hover .tag,
.previewer .previewer-panel.archived .detail-infos-view > div .tags-list > li.removeable:hover .tag,
.post-detail-view.archived .detail-infos-view > div .tags-list > li.removeable:hover .tag,
.task-detail.archived .detail-infos-view > div .tags-list > li.removeable:hover .tag {
  padding-right: 10px;
}
.entry-detail-view.archived .detail-white-card .tags-list > li.removeable:hover .remove-tag-handler,
.event-detail.archived .detail-white-card .tags-list > li.removeable:hover .remove-tag-handler,
.chat-room-panel-wrap.archived .detail-white-card .tags-list > li.removeable:hover .remove-tag-handler,
.previewer .previewer-panel.archived .detail-white-card .tags-list > li.removeable:hover .remove-tag-handler,
.post-detail-view.archived .detail-white-card .tags-list > li.removeable:hover .remove-tag-handler,
.task-detail.archived .detail-white-card .tags-list > li.removeable:hover .remove-tag-handler,
.entry-detail-view.archived .detail-infos-view > div .tags-list > li.removeable:hover .remove-tag-handler,
.event-detail.archived .detail-infos-view > div .tags-list > li.removeable:hover .remove-tag-handler,
.chat-room-panel-wrap.archived .detail-infos-view > div .tags-list > li.removeable:hover .remove-tag-handler,
.previewer .previewer-panel.archived .detail-infos-view > div .tags-list > li.removeable:hover .remove-tag-handler,
.post-detail-view.archived .detail-infos-view > div .tags-list > li.removeable:hover .remove-tag-handler,
.task-detail.archived .detail-infos-view > div .tags-list > li.removeable:hover .remove-tag-handler {
  z-index: 0;
  opacity: 0;
}
.previewer .activities-container .archived-badge .archive-handler-set {
  margin-right: 35px;
}
.detail-infos-view {
  margin: 0 15px;
}
.detail-infos-view > div {
  min-height: 41px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #FFFFFF;
}
.detail-infos-view > div.on-case.detail-infos-note-view,
.detail-infos-view > div.on-case.detail-infos-repeat-view,
.detail-infos-view > div.on-case.detail-infos-reminder-view,
.detail-infos-view > div.on-case.detail-infos-note-view .icon + a:not(:hover),
.detail-infos-view > div.on-case.detail-infos-repeat-view .icon + a:not(:hover),
.detail-infos-view > div.on-case.detail-infos-reminder-view .icon + a:not(:hover) {
  color: #383838;
}
.detail-infos-view > div.on-case.detail-infos-note-view .icon,
.detail-infos-view > div.on-case.detail-infos-repeat-view .icon,
.detail-infos-view > div.on-case.detail-infos-reminder-view .icon {
  color: #808080;
}
.detail-infos-view > div:empty {
  display: none;
}
.detail-infos-view .on-top {
  margin-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.detail-infos-view .on-bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.detail-infos-view .detail-infos-link-view {
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: none;
  background-color: transparent;
}
.detail-infos-view .detail-infos-icon {
  font-size: 16px;
  color: #A6A6A6;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.detail-infos-view .add-handler-place {
  position: absolute;
  width: 0;
  height: 0;
  top: 32px;
}
.detail-infos-view .subtask-add-wrap,
.detail-infos-view .note-adder-set,
.detail-infos-view .repeat-wrap,
.detail-infos-view .reminder-wrap,
.detail-infos-view .task-reminder-wrap,
.detail-infos-view .link-add-wrap,
.detail-infos-view .tag-add-wrap {
  padding: 10px 15px;
}
.detail-infos-view .subtask-add-wrap > a,
.detail-infos-view .note-adder-set > a,
.detail-infos-view .repeat-wrap > a,
.detail-infos-view .reminder-wrap > a,
.detail-infos-view .task-reminder-wrap > a,
.detail-infos-view .link-add-wrap > a,
.detail-infos-view .tag-add-wrap > a {
  display: block;
  color: #A6A6A6;
}
.detail-infos-view .subtask-add-wrap > a:hover,
.detail-infos-view .note-adder-set > a:hover,
.detail-infos-view .repeat-wrap > a:hover,
.detail-infos-view .reminder-wrap > a:hover,
.detail-infos-view .task-reminder-wrap > a:hover,
.detail-infos-view .link-add-wrap > a:hover,
.detail-infos-view .tag-add-wrap > a:hover {
  color: #3da8f5;
}
.detail-infos-view .subtask-add-wrap > a.cursor-not-allowed:hover,
.detail-infos-view .note-adder-set > a.cursor-not-allowed:hover,
.detail-infos-view .repeat-wrap > a.cursor-not-allowed:hover,
.detail-infos-view .reminder-wrap > a.cursor-not-allowed:hover,
.detail-infos-view .task-reminder-wrap > a.cursor-not-allowed:hover,
.detail-infos-view .link-add-wrap > a.cursor-not-allowed:hover,
.detail-infos-view .tag-add-wrap > a.cursor-not-allowed:hover {
  color: #A6A6A6;
}
.detail-infos-view .subtask-add-wrap > .icon,
.detail-infos-view .note-adder-set > .icon,
.detail-infos-view .repeat-wrap > .icon,
.detail-infos-view .reminder-wrap > .icon,
.detail-infos-view .task-reminder-wrap > .icon,
.detail-infos-view .link-add-wrap > .icon,
.detail-infos-view .tag-add-wrap > .icon {
  float: left;
  margin-right: 10px;
}
.detail-infos-view .link-add-wrap {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}
.detail-infos-view .note-handler-set > a,
.detail-infos-view .subtask-handler-set > a {
  float: right;
  padding: 5px 22px;
}
.detail-infos-view .note-handler-set .save-note-handler,
.detail-infos-view .subtask-handler-set .save-note-handler,
.detail-infos-view .note-handler-set .save-subtask-handler,
.detail-infos-view .subtask-handler-set .save-subtask-handler {
  margin-left: 10px;
}
.archived .detail-infos-view a:hover {
  color: #808080 !important;
}
.detail-infos-link-view {
  position: relative;
  margin-top: 0!important;
}
.detail-infos-link-view.guest a {
  pointer-events: none !important;
  cursor: default !important;
}
.detail-infos-link-view.guest a.dirty:hover {
  color: #383838;
}
.detail-infos-link-view.guest a:hover,
.detail-infos-link-view.guest a:hover .icon {
  color: #808080;
}
.detail-infos-link-view .link-head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.detail-infos-link-view .link:last-child {
  border-radius: 0 0 3px 3px;
}
.detail-infos-link-view .link:first-child {
  border-top: none;
  border-radius: 3px;
}
.detail-infos-link-view .link {
  position: relative;
  padding: 8px 10px 8px 14px;
  cursor: pointer;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}
.detail-infos-link-view .link .task-header {
  display: none;
}
.detail-infos-link-view .link .link-icon-wrap,
.detail-infos-link-view .link .link-handler-wrap {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.detail-infos-link-view .link .link-icon-wrap:before,
.detail-infos-link-view .link .link-icon-wrap:after {
  content: " ";
  display: table;
}
.detail-infos-link-view .link .link-icon-wrap:after {
  clear: both;
}
.detail-infos-link-view .link .link-icon-wrap .icon-link2 {
  color: #808080;
}
.detail-infos-link-view .link .link-icon-wrap .link-circle {
  border-radius: 10px;
  background-color: #E5E5E5;
  margin-right: 20px;
  display: none;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
.detail-infos-link-view .link .link-title {
  width: 100%;
  color: #383838;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
.detail-infos-link-view .link .link-title .avatar {
  vertical-align: middle;
  margin-right: 5px;
}
.detail-infos-link-view .link .link-title .title-name {
  color: #383838;
  vertical-align: middle;
}
.detail-infos-link-view .link .link-handler-wrap {
  white-space: nowrap;
}
.detail-infos-link-view .link .link-handler-wrap:before,
.detail-infos-link-view .link .link-handler-wrap:after {
  content: " ";
  display: table;
}
.detail-infos-link-view .link .link-handler-wrap:after {
  clear: both;
}
.detail-infos-link-view .link .link-handler-wrap .link-comma.with-margin {
  margin-right: 8px;
}
.detail-infos-link-view .link .link-handler-wrap > span,
.detail-infos-link-view .link .link-handler-wrap > a {
  display: inline-block;
  float: left;
  font-size: 12px;
}
.detail-infos-link-view .link .link-handler-wrap > a {
  width: 0;
  text-align: center;
  opacity: 0;
  transition: all 200ms;
}
.detail-infos-link-view .link .link-project,
.detail-infos-link-view .link .link-user {
  max-width: 170px;
  color: #A6A6A6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guest .detail-infos-link-view .link:last-child {
  border-bottom: 0 none;
}
.detail-infos-link-view .link:hover {
  background-color: #F7F7F7;
}
.detail-infos-link-view .link:hover .canceled .link-menu-handler {
  margin-left: 10px;
  width: 14px;
  opacity: 1;
}
.detail-infos-link-view .link.done .check-box .icon-tick {
  display: inline-block;
}
.detail-infos-link-view .link.done .link-dueTime .label {
  color: #808080 !important;
}
.detail-infos-link-view .linked-header {
  padding: 20px 8px 0 10px;
  margin-bottom: -5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #808080;
}
.detail-infos-link-view .linked-header .icon {
  margin-right: 10px;
}
.detail-infos-link-view .link-task .task-header {
  display: inline-block;
}
.detail-infos-link-view .link-task .check-box {
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  margin: 4px 10px 0 2px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  border: 2px solid #A6A6A6;
  border-radius: 2px;
}
.detail-infos-link-view .link-task .check-box:hover {
  border-color: #808080;
}
.detail-infos-link-view .link-task .check-box.non-checkable {
  cursor: default;
  background: #EEEEEE;
}
.detail-infos-link-view .link-task .check-box.non-checkable:hover {
  border-color: #A6A6A6;
}
.detail-infos-link-view .link-task .check-box .icon-tick {
  position: absolute;
  top: -2px;
  left: 0;
  display: none;
  font-size: 12px;
  color: #808080;
}
.detail-infos-link-view .link-task .link-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-infos-link-view .link-task .link-title .avatar,
.detail-infos-link-view .link-task .link-title .label {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.detail-infos-link-view .link-task .link-title .task-id-label {
  margin-left: 6px;
}
.detail-infos-link-view .link-task .link-title .title-name {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-infos-link-view .link-task .link-dueTime {
  margin-left: 61px;
}
.detail-infos-link-view .link-task .link-dueTime .label {
  background-color: transparent;
  padding: 0;
  font-size: 12px;
}
.detail-infos-link-view .link-task .link-dueTime .label .icon {
  display: none;
}
.detail-infos-link-view .link-task .link-dueTime .label-info {
  color: #3da8f5;
}
.detail-infos-link-view .link-task .link-dueTime .label-important {
  color: #d0021b;
}
.detail-infos-link-view .link-task .link-dueTime .label-warning {
  color: #ff9800;
}
.detail-infos-link-view .link-task .link-content {
  margin-top: 10px;
}
.detail-infos-link-view .link-files .link {
  padding-left: 0;
}
.detail-infos-link-view .link-files .link-icon-wrap {
  width: 45px;
}
.detail-infos-link-view .link-files .link-title {
  margin-right: 10px;
}
.detail-infos-link-view .link-files .link-content {
  margin-top: 10px;
}
.detail-infos-link-view .link-files .link-head {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-infos-link-view .link-post .link-icon-wrap .link-circle {
  display: inline-block;
}
.detail-infos-link-view .link-post .link-content {
  margin-top: 9px;
  font-size: 13px;
  width: 97%;
  word-break: break-word;
  color: #A6A6A6;
}
.detail-infos-link-view .link-post .link-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-infos-link-view .link-contents {
  color: #383838;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.detail-infos-link-view .link-contents.hideAll {
  position: absolute;
  height: 0;
  overflow: hidden;
}
.detail-infos-link-view .link-contents a:visited {
  color: #383838;
}
.detail-infos-link-view .link-contents .detail-infos-weibo-link .link:hover {
  padding: 6px 8px 6px 12px;
  background-color: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 3px 2px 2px;
  border-style: solid;
}
.detail-infos-link-view .link-contents .detail-infos-weibo-link .link:first-of-type:hover {
  border-radius: 3px 3px 0 0;
  border-width: 2px;
}
.detail-infos-link-view .link-contents .detail-infos-weibo-link .link:last-of-type:hover {
  border-radius: 0 0 3px 3px;
}
.detail-infos-link-view .link-startTime {
  margin-right: 5px;
  color: #808080;
}
.detail-infos-link-view .link-footer {
  color: #808080;
  font-size: 12px;
}
.detail-infos-link-view .link-event .link-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-infos-link-view .link-event .event-time {
  white-space: nowrap;
  color: #A6A6A6;
  display: inline-block;
}
.detail-infos-link-view .link-event .timeTo {
  margin: 0 2px;
  color: #A6A6A6;
}
.detail-infos-link-view .link-event .link-footer {
  margin-top: 5px;
}
.detail-infos-weibo-link .link-title {
  position: relative;
  z-index: 1;
}
.detail-infos-weibo-link .link-title .WB-username:hover {
  color: #3da8f5;
}
.detail-infos-weibo-link .link-title .avatar {
  float: left;
  margin-right: 10px;
}
.detail-infos-weibo-link .link-title .title-name {
  line-height: 25px;
  color: #474747;
}
.detail-infos-weibo-link .fakeLink {
  font-size: 14px;
}
.detail-infos-weibo-link .link-content {
  width: 100%;
}
.detail-infos-weibo-link .link-out {
  display: block;
  position: absolute;
  width: 94%;
  height: 100%;
  top: 0;
}
.detail-infos-weibo-link .WB-media-wrap {
  margin: 2px 0 8px -10px;
}
.detail-infos-weibo-link .WB-media-wrap .media-box {
  float: left;
  margin: 0 0 0 10px;
}
.detail-infos-weibo-link .WB-media-a-mn {
  list-style: none;
  width: 258px;
  margin: -6px 0 0 -6px;
}
.detail-infos-weibo-link .WB-media-a-mn li {
  float: left;
  width: 80px;
  height: 80px;
  margin: 6px 0 0 6px;
  overflow: hidden;
}
.detail-infos-weibo-link .WB-media-a-mn li img {
  display: inline-block;
  width: 80px;
  height: 80px;
  vertical-align: top;
}
.detail-infos-weibo-link .WB-face img {
  width: 20px;
  height: 20px;
}
.detail-infos-weibo-link .W-face-radius {
  border-radius: 50%;
}
.detail-infos-weibo-link .WB-text {
  padding: 1px 0 3px;
  overflow: hidden;
  line-height: 23px;
  word-wrap: break-word;
  margin-top: 8px;
}
.detail-infos-weibo-link .WB-feed-expand .W-arrow-bor {
  height: 10px;
  overflow: hidden;
}
.detail-infos-weibo-link .WB-feed-expand .W-arrow-bor em {
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
.detail-infos-weibo-link .WB-feed-expand .W-arrow-bor i {
  border-width: 10px;
  margin: -10px 0 0 16px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
.detail-infos-weibo-link .S-bg1-br {
  border-color: #f2f2f5;
}
.detail-infos-weibo-link .W-arrow-bor-t i,
.detail-infos-weibo-link .W-arrow-bor-t em {
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
.detail-infos-weibo-link .S-bg1 {
  background-color: #f2f2f5;
  padding: 9px 16px 13px;
  border-radius: 3px;
  margin: 0 0 10px;
}
.detail-infos-weibo-link .WB-media-a-m1 .WB-pic {
  min-width: 36px;
  max-width: 120px;
  max-height: 120px;
  text-align: center;
}
.detail-infos-weibo-link .WB-media-a-m1 .WB-pic img {
  max-width: 120px;
  max-height: 120px;
}
.item-list .detail-infos-weibo-link .link-handler-wrap {
  display: none;
}
.detail-infos-github-link .link header {
  font-size: 12px;
  color: #A6A6A6;
  float: left;
}
.detail-infos-github-link .link .link-footer .link-user-info {
  display: block;
}
.detail-infos-github-link .link .link-footer .link-user-info > div {
  display: inline-block;
}
.detail-infos-github-link .link .link-title {
  position: relative;
}
.detail-infos-github-link .link .link-title .icon {
  color: #89C64C;
  vertical-align: middle;
}
.detail-infos-github-link .link .link-title .repo-name {
  margin-right: 15px;
}
.detail-infos-github-link .link .link-title .title-name {
  margin-left: 5px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  width: 96%;
}
.detail-infos-github-link .link .link-title .link-heads,
.detail-infos-github-link .link .link-title .title-name {
  text-decoration: underline;
  margin-left: 5px;
}
.detail-infos-github-link .link .link-title .title-name.title-branch {
  text-decoration: none;
}
.detail-infos-github-link .link-content {
  display: inline-block;
  vertical-align: middle;
  word-break: break-word;
}
.detail-infos-github-link .link-out {
  display: block;
  position: absolute;
  width: 94%;
  height: 100%;
  top: 0;
  z-index: 2;
}
.detail-infos-github-link .link:hover .link-head {
  color: #3da8f5;
}
.detail-infos-github-link .git-resp {
  color: #336479;
  background-color: #E8F0F8;
  border-radius: 3px;
  padding: 3px;
}
.item-list .detail-infos-github-link .link-head {
  display: none;
}
.item-list .detail-infos-github-link .link-title .icon {
  color: #89C64C;
  vertical-align: middle;
}
.item-list .detail-infos-github-link .link-title .title-name {
  margin-left: 5px;
}
.item-list .detail-infos-github-link header,
.item-list .detail-infos-github-link .repo-name {
  display: none;
}
.item-list .detail-infos-github-link .link-content {
  display: inline-block;
  vertical-align: middle;
}
.item-list .detail-infos-github-link .link-footer .link-user-info {
  display: block;
}
.item-list .detail-infos-github-link .link-footer .link-user-info > div {
  display: inline-block;
}
.detail-infos-evernote-link .link-user {
  max-width: none;
}
.detail-infos-evernote-link .link-in {
  display: none;
}
.detail-infos-evernote-link .link-out {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-infos-evernote-link .link-head {
  -webkit-align-items: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}
.detail-infos-evernote-link .link-head a.link-title {
  display: block;
}
.detail-infos-evernote-link .evernote-name {
  color: #383838;
}
.item-list .detail-infos-evernote-link .link-handler-wrap {
  display: none;
}
.processon-link-view .search-wrapper {
  margin: 0 15px 10px;
}
.processon-link-view > ul {
  overflow-x: hidden;
  overflow-y: auto;
}
.processon-link-view li {
  height: 40px;
  cursor: pointer;
}
.processon-link-view li img {
  margin: 0 10px 0 5px;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.processon-link-view li .link-out {
  display: none;
}
.processon-link-view li .title {
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.processon-link-view li time {
  margin-left: 15px;
  color: #A6A6A6;
  font-size: 12px;
}
.processon-link-view .link-detail img {
  margin-left: 0;
}
.processon-link-view .link-detail .link-out {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.processon-link-view .link-detail .link-handler-wrap {
  position: relative;
}
.processon-link-view .search-empty-hint {
  margin: 50px 0 0;
  color: #A6A6A6;
}
.processon-link-view .search-empty-hint > .icon {
  font-size: 48px;
}
.processon-link-view .search-empty-hint > p {
  margin: 10px 0 0;
}
.yinxiang-detail-view.object-modal-view.fixed {
  line-height: normal;
  width: 800px;
  margin-left: -400px;
}
.yinxiang-detail-view.object-modal-view.fixed .note-title {
  font-size: 21px;
  line-height: 24px;
  color: #383838;
  margin-top: 0;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yinxiang-detail-view.object-modal-view.fixed .vtop {
  vertical-align: top;
  margin-top: 5px;
}
.yinxiang-detail-view.object-modal-view.fixed .note-updated {
  white-space: nowrap;
  font-weight: 400;
  color: #A6A6A6;
  font-size: 12px;
  display: inline-block;
  height: 22px;
  vertical-align: bottom;
}
.yinxiang-detail-view.object-modal-view.fixed .divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  clear: both;
  margin: 20px 10px 20px 0;
}
.yinxiang-detail-view.object-modal-view.fixed .modal-detail {
  overflow: hidden;
  background-color: #F7F7F7;
  padding: 20px;
}
.yinxiang-detail-view.object-modal-view.fixed .modal-detail .modal-header .modal-close {
  top: 0;
}
.yinxiang-detail-view.object-modal-view.fixed .yinxiang-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  padding-top: 100px;
  left: 0;
  width: 100%;
  height: 100%;
}
.yinxiang-detail-view.object-modal-view.fixed .yinxiang-content iframe {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 15px;
}
.jinshuju-link-view .form-sub-title {
  font-size: 12px;
  color: #808080;
}
.jinshuju-link-view .form-title {
  font-size: 14px;
  line-height: 34px;
  color: #383838;
}
.jinshuju-link-view .form-digest {
  font-size: 14px;
  color: #A6A6A6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-infos-note-view .note-wrap {
  padding: 10px;
}
.detail-infos-note-view .note-wrap .note-container.note-height-control {
  max-height: 510px;
  overflow: hidden;
}
.detail-infos-note-view .note-wrap .note-container.note-padding {
  padding-bottom: 40px;
}
.detail-infos-note-view .note-wrap .note-container .detail-infos-icon {
  margin-left: 5px;
  margin-top: 4px;
}
.detail-infos-note-view .note-wrap .note-button {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  bottom: 10px;
  font-size: 12px;
  margin-bottom: -10px;
  padding: 5px 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.detail-infos-note-view .note-wrap .note-button a {
  color: #3da8f5;
  padding: 5px 0;
  padding-left: 50px;
}
.detail-infos-note-view .note-wrap .note-button a:hover {
  color: #0286c2;
}
.detail-infos-note-view.editing .note-button {
  display: none;
}
.detail-infos-note-view.editing .note-wrap,
.detail-infos-note-view.editing .note-adder-set {
  display: none;
}
.detail-infos-note-view.editing .note-input-set {
  display: block;
}
.detail-infos-note-view.editing.has-draft .draft {
  display: inline-block;
}
.detail-infos-note-view .note-input-set {
  display: none;
  padding: 10px;
}
.detail-infos-note-view .note-input-set .draft {
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 1px;
  left: 7px;
  line-height: 24px;
  margin-top: 3px;
  padding: 0 10px;
  font-size: 12px;
  background-color: #f8f8f8;
  border-radius: 3px;
}
.detail-infos-note-view .note-input-set .draft a {
  color: #3da8f5;
}
.detail-infos-note-view .note-input-set .detail-infos-icon {
  margin-left: 5px;
}
.detail-infos-note-view .note-input-set,
.detail-infos-note-view .note-wrap {
  position: relative;
}
.detail-infos-note-view .note-input-set .icon,
.detail-infos-note-view .note-wrap .icon {
  float: left;
}
.detail-infos-note-view .note-input-set .note-text,
.detail-infos-note-view .note-wrap .note-text {
  padding: 4px;
  margin: -4px -4px -4px 36px;
  border-radius: 3px;
}
.detail-infos-note-view .note-input-set .note-text p,
.detail-infos-note-view .note-wrap .note-text p {
  margin-bottom: 0;
}
.detail-infos-note-view .note-input-set .note-text a,
.detail-infos-note-view .note-wrap .note-text a {
  color: #3da8f5;
}
.detail-infos-note-view .note-input-set .note-text p,
.detail-infos-note-view .note-wrap .note-text p,
.detail-infos-note-view .note-input-set .note-text pre,
.detail-infos-note-view .note-wrap .note-text pre,
.detail-infos-note-view .note-input-set .note-text ul,
.detail-infos-note-view .note-wrap .note-text ul,
.detail-infos-note-view .note-input-set .note-text ol,
.detail-infos-note-view .note-wrap .note-text ol,
.detail-infos-note-view .note-input-set .note-text dl,
.detail-infos-note-view .note-wrap .note-text dl,
.detail-infos-note-view .note-input-set .note-text form,
.detail-infos-note-view .note-wrap .note-text form,
.detail-infos-note-view .note-input-set .note-text hr,
.detail-infos-note-view .note-wrap .note-text hr,
.detail-infos-note-view .note-input-set .note-text table,
.detail-infos-note-view .note-wrap .note-text table {
  font-weight: normal;
}
.detail-infos-note-view .note-input-set .note-input-wrap,
.detail-infos-note-view .note-wrap .note-input-wrap {
  margin-left: 40px;
}
.detail-infos-note-view .note-input-set .flex-text-wrap,
.detail-infos-note-view .note-wrap .flex-text-wrap {
  min-height: 40px;
}
.detail-infos-note-view .add-note-handler.disabled {
  cursor: not-allowed;
}
.detail-infos-note-view .add-note-handler.disabled:hover {
  color: #A6A6A6;
}
.detail-infos-note-view .click-eidtable:hover {
  cursor: pointer;
  background-color: #F7F7F7;
}
.note-editor .editor-content-wrap {
  position: relative;
}
.note-editor .simditor-toolbar {
  text-align: left;
  background-color: #EEEEEE;
  border-bottom: 0px;
}
.note-editor .simditor-toolbar .menu-item.menu-item-h5 {
  display: none;
}
.note-editor .simditor-toolbar > ul {
  margin-left: 5px;
}
.note-editor .simditor-toolbar > ul > li .toolbar-item {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.note-editor .simditor-toolbar > ul > li.menu-on .toolbar-item {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
  color: #3da8f5;
}
.note-editor .simditor-toolbar .toolbar-item.toolbar-item-markdown {
  visibility: hidden;
}
.note-editor .simditor-wrapper {
  overflow: initial;
  border-radius: 3px;
  border: 1px solid #E5E5E5;
}
.note-editor .simditor-wrapper .simditor-placeholder {
  padding: 10px;
  font-size: 14px;
  color: #A6A6A6;
}
.note-editor .simditor-wrapper > textarea {
  min-height: 128px;
}
.note-editor .simditor-body {
  min-height: 128px;
  padding: 10px;
}
.note-editor .simditor-body .image-loading {
  float: left;
  border: 1px solid #D9D9D9;
  padding: 2px;
}
.note-editor .note-handler-set {
  margin-top: 10px;
}
.note-editor .note-handler-set .editor-switcher-container {
  position: relative;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  visibility: hidden;
}
.note-editor .note-handler-set .editor-switcher-container.visibility {
  visibility: visible;
}
.note-editor .note-handler-set .editor-switcher-container.open .dropdown-menu {
  display: block;
  margin-left: -9px;
}
.note-editor .note-handler-set .editor-switcher-container.open .dropdown-menu li .icon {
  visibility: hidden;
  margin-left: 7px;
  margin-right: 0;
}
.note-editor .note-handler-set .editor-switcher-container.open .dropdown-menu li a {
  padding: 5px 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.note-editor .note-handler-set .editor-switcher-container.open .dropdown-menu li a .switcher-name {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.note-editor .note-handler-set .editor-switcher-container.open .dropdown-menu li a.selected .icon {
  visibility: visible;
}
.note-editor .note-handler-set .editor-switcher-container a.editor-mode:hover .icon {
  color: #3da8f5;
}
.note-editor .note-handler-set .editor-switcher-container .editor-name {
  margin-left: 6px;
  margin-right: 7px;
}
.pin-toolbar .simditor-toolbar {
  position: fixed;
  z-index: 10;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.simditor .markdown-editor {
  display: none;
}
.simditor .markdown-editor textarea {
  display: block;
  width: 100%;
  min-height: 160px;
  box-sizing: border-box;
  padding: 22px 15px 40px;
  border: none;
  border-radius: 3px;
  resize: none;
  outline: none;
  font-size: 14px;
}
.simditor.simditor-markdown .markdown-editor {
  display: block;
}
.simditor.simditor-markdown .markdown-editor textarea {
  padding: 10px;
}
.simditor.simditor-markdown .simditor-body {
  display: none;
}
.simditor.simditor-markdown .simditor-placeholder {
  display: none!important;
}
.simditor .simditor-toolbar .toolbar-item.toolbar-item-markdown .simditor-icon {
  font-size: 18px;
}
.detail-infos-reminder-view {
  position: relative;
}
.detail-infos-reminder-view .reminder-wrap > a:not(.set-reminder-handler) {
  cursor: default;
}
.detail-infos-reminder-view .reminder-wrap > a:not(.set-reminder-handler):hover {
  color: currentColor;
}
.detail-infos-repeat-view {
  position: relative;
}
.detail-infos-repeat-view .repeat-wrap > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-infos-repeat-view .repeat-wrap > a:not(.set-repeat-handler) {
  cursor: default;
}
.detail-infos-repeat-view .repeat-wrap > a:not(.set-repeat-handler):hover {
  color: currentColor;
}
.detail-infos-repeat-recurrence-view .btn-block + .btn-block {
  margin-top: 10px;
}
.detail-infos-tag-view {
  position: relative;
}
.detail-infos-tag-view.withTag .icon-tag {
  line-height: 24px;
}
.detail-infos-tag-view.withTag .add-tag-handler .icon-plus-sign {
  display: block;
}
.detail-infos-tag-view.withTag .add-tag-handler .add-tag-handler-tips {
  display: none;
}
.detail-infos-tag-view.withTag .tags-list > li {
  float: left;
}
.detail-infos-tag-view .add-tag-handler {
  display: block;
  color: #A6A6A6;
  margin-bottom: 8px;
}
.detail-infos-tag-view .add-tag-handler:hover {
  color: #3da8f5;
}
.detail-infos-tag-view .add-tag-handler .icon-plus-sign {
  float: left;
  font-size: 24px;
  line-height: 24px;
  display: none;
}
.detail-infos-tag-view .add-tag-handler.disabled {
  cursor: not-allowed;
}
.detail-infos-tag-view .add-tag-handler.disabled .icon.icon-plus-sign {
  display: none;
}
.detail-infos-tag-view .add-tag-handler.disabled:hover {
  color: #A6A6A6;
}
.detail-infos-tag-view .icon-tag {
  position: absolute;
}
.detail-infos-tag-view .tags-list {
  margin-left: 30px;
  margin-bottom: -8px;
}
.detail-infos-tag-view .tags-list > li {
  position: relative;
  margin: 0 10px 0 0;
}
.detail-infos-tag-view .tags-list > li .tag {
  position: relative;
  margin: 0 0 4px 0;
  padding: 2px 10px;
  line-height: 20px;
  z-index: 1;
  border-radius: 12px;
  transition: padding-right 218ms ease;
}
.detail-infos-tag-view .tags-list > li .tag .tag-label {
  float: left;
  margin: 7px 8px 0 0;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.detail-infos-tag-view .tags-list > li .remove-tag-handler {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
  color: #E5E5E5;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  z-index: 0;
  border-radius: 8px;
  transition: opacity 218ms ease;
}
.detail-infos-tag-view .tags-list > li.removeable:hover .tag {
  padding-right: 26px;
}
.detail-infos-tag-view .tags-list > li.removeable:hover .remove-tag-handler {
  opacity: 1;
  z-index: 2;
}
.popover-menu-view .tag-item .tag-label {
  float: left;
  margin: 9px 8px 0 0;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.ie .tag-picker-view .add-tag-handler .icon-plus-sign {
  line-height: 20px;
}
.subtask-view {
  padding: 0 8px 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.subtask-view:last-child {
  border-bottom: none;
}
.subtask-view.on-sortable {
  cursor: move;
}
.subtask-view .subtask-wrap .check-box {
  width: 16px;
  height: 16px;
  margin: 12px 10px 12px 2px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  border: 2px solid #A6A6A6;
  border-radius: 2px;
}
.subtask-view .subtask-wrap .check-box:hover {
  border-color: #808080;
}
.subtask-view .subtask-wrap .check-box.non-checkable {
  cursor: default;
  background: #EEEEEE;
}
.subtask-view .subtask-wrap .check-box.non-checkable:hover {
  border-color: #A6A6A6;
}
.subtask-view .subtask-wrap .check-box .icon-tick {
  display: none;
  font-weight: bold;
  font-size: 12px;
  color: #A6A6A6;
}
.subtask-view .subtask-wrap .subtask-content-wrap {
  padding: 10px 0;
  width: 100%;
}
.subtask-view .subtask-wrap .subtask-content-wrap .subtask-content,
.subtask-view .subtask-wrap .subtask-content-wrap .subtask-edit-wrap {
  padding: 4px;
  margin: -4px;
}
.subtask-view .subtask-wrap .subtask-content-wrap .subtask-content {
  word-break: break-word;
  border-radius: 2px;
}
.subtask-view .subtask-wrap .subtask-content-wrap .on-editable {
  cursor: pointer;
}
.subtask-view .subtask-wrap .subtask-content-wrap .on-editable:hover {
  background-color: #F7F7F7;
}
.subtask-view .subtask-wrap .subtask-content-wrap .flex-text-wrap {
  min-height: 40px;
}
.subtask-view .subtask-wrap .subtask-infos {
  padding: 8px 0;
}
.subtask-view .subtask-wrap .subtask-infos .subtask-info {
  display: inline-block;
  float: left;
  height: 24px;
  margin-left: 8px;
  text-align: center;
}
.subtask-view .subtask-wrap .subtask-infos:before,
.subtask-view .subtask-wrap .subtask-infos:after {
  content: " ";
  display: table;
}
.subtask-view .subtask-wrap .subtask-infos:after {
  clear: both;
}
.subtask-view .subtask-wrap .subtask-infos .subtask-duedate {
  min-width: 20px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.subtask-view .subtask-wrap .subtask-infos .subtask-duedate .icon {
  font-size: 16px;
}
.subtask-view .subtask-wrap .subtask-infos .enter-detail,
.subtask-view .subtask-wrap .subtask-infos .enter-detail-place {
  display: inline-block;
  width: 14px;
  height: 24px;
  line-height: 24px;
}
.subtask-view .subtask-wrap .subtask-infos .enter-detail {
  font-size: 12px;
  opacity: 0;
}
.subtask-view .subtask-handler-set {
  margin-top: 10px;
}
.subtask-view:hover .subtask-infos .enter-detail,
.subtask-view.with-guide .subtask-infos .enter-detail {
  opacity: 1;
}
.subtask-view .subtask-handler-set,
.subtask-view .subtask-edit-wrap {
  display: none;
}
.subtask-view.editing {
  padding-bottom: 15px;
}
.subtask-view.editing .subtask-handler-set,
.subtask-view.editing .subtask-edit-wrap {
  display: block;
}
.subtask-view.editing .enter-detail {
  visibility: hidden;
}
.subtask-view.editing .subtask-content {
  display: none;
}
.subtask-view.guest {
  cursor: default;
}
.subtask-view.guest:last-child {
  border-bottom: 0 none;
}
.subtask-view.guest a,
.subtask-view.guest .check-box,
.subtask-view.guest .subtask-content {
  pointer-events: none !important;
  cursor: default !important;
}
.subtask-view.guest a:hover,
.subtask-view.guest .check-box:hover,
.subtask-view.guest .subtask-content:hover {
  background-color: transparent !important;
}
.subtask-view.done .check-box:hover {
  border-color: #A6A6A6;
}
.subtask-view.done .check-box .icon-tick {
  display: inline;
}
.subtask-view.done .subtask-content {
  color: #A6A6A6;
}
.subtask-card {
  position: relative;
}
.subtask-card .subtask-add-wrap .icon {
  font-size: 16px;
}
.subtask-card .subtasks-list {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.subtask-card .subtasks-list:empty,
.subtask-card .subtasks-list:last-child {
  border-bottom: none;
}
.subtask-card .subtask-creator .subtask-view {
  cursor: default;
  display: none;
  border-bottom: 0 none;
}
.subtask-card .subtask-creator .subtask-view .subtask-icon-wrap {
  margin-right: 10px;
  width: 20px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.subtask-card .subtask-creator .subtask-view .subtask-icon-wrap .icon {
  margin: 10px 0;
}
.subtask-card .subtask-creator .subtask-view .check-box {
  cursor: default;
}
.subtask-card .subtask-creator.creating .subtask-add-wrap {
  display: none;
}
.subtask-card .subtask-creator.creating .subtask-view {
  display: block;
}
.subtask-card .subtask-drag-placeholder {
  background: #E5E5E5;
}
.subtask-card .subtask-view.ui-sortable-helper {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
  border-radius: 2px;
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.15);
}
.calendar-view {
  position: fixed;
  z-index: 51;
  top: 48px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-color: rgba(238, 238, 238, 0.96);
}
.calendar-view .calendar-view-body {
  position: absolute;
  overflow: hidden;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
}
.calendar-header-view {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  height: 50px;
  width: 100%;
  line-height: 49px;
  border-bottom: 1px solid #D9D9D9;
  background-color: #EEEEEE;
}
.calendar-header-view .btn-checkbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #808080;
}
.calendar-header-view .btn-checkbox .check-box {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 15px;
  height: 15px;
  color: #A6A6A6;
  border: 1px solid #A6A6A6;
  border-radius: 3px;
}
.calendar-header-view .btn-checkbox .check-box .icon-tick {
  font-size: 20px;
  line-height: 15px;
  width: 15px;
  margin-left: -2px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.calendar-header-view .btn-checkbox:hover {
  color: #676767;
}
.calendar-header-view .btn-checkbox + .btn-option {
  margin-left: 14px;
}
.calendar-header-view .btn-checkbox > * {
  vertical-align: middle;
}
.calendar-header-view .btn-checkbox > * + span {
  margin-left: 5px;
}
.calendar-header-view .btn-checkbox.is-checked .icon-tick {
  opacity: 1;
  filter: alpha(opacity=100);
}
.calendar-header-view .btn-toggler {
  display: inline-block;
  height: 26px;
  padding: 0 10px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  color: #808080;
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
}
.calendar-header-view .btn-toggler.btn-toggle-filter {
  padding: 0 6px;
}
.calendar-header-view .btn-toggler.active {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}
.calendar-header-view .calendar-header-left {
  position: absolute;
  top: 0;
  left: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.calendar-header-view .calendar-header-left .btn-group {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: normal;
}
.calendar-header-view .calendar-header-left .btn-group + .btn-group {
  margin-left: 14px;
}
.calendar-header-view .calendar-header-left .tab-style .btn-toggler {
  border-radius: 3px;
}
.calendar-header-view .calendar-header-left .tab-style .btn-toggler:first-child {
  border-radius: 3px 0 0 3px;
}
.calendar-header-view .calendar-header-left .tab-style .btn-toggler:last-child {
  border-radius: 0 3px 3px 0;
}
.calendar-header-view .calendar-header-center {
  text-align: center;
}
.calendar-header-view .calendar-header-center .btn-anchor {
  font-size: 11px;
}
.calendar-header-view .calendar-header-center .anchor {
  color: #A6A6A6;
}
.calendar-header-view .calendar-header-center .anchor:hover {
  color: #8d8d8d;
}
.calendar-header-view .calendar-header-center .current-day {
  margin: 0 20px;
  font-size: 16px;
  color: #383838;
}
.calendar-header-view .calendar-type-filter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 14px;
}
.calendar-header-view .calendar-header-right {
  position: absolute;
  top: 0;
  right: 20px;
}
.calendar-filter-view {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  transition: left 327ms ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 265px;
  font-size: 14px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.calendar-filter-view .calendar-filter-placeholder {
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 16px;
  color: #AFAFAF;
}
.calendar-filter-view .calendar-filter-action {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 20px 20px;
}
.calendar-filter-view .calendar-filter-action .btn-open-subscriber {
  width: 100%;
  line-height: 26px;
  text-align: center;
}
.calendar-filter-view .calendar-filter-action .btn-open-subscriber * + span {
  margin-left: 5px;
}
.calendar-filter-view .calendar-filter-list {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 20px 0;
  overflow-y: auto;
}
.calendar-filter-view .calendar-filter-list .filter-list .filter-list-cell {
  position: relative;
}
.calendar-filter-view .calendar-filter-list .filter-list .filter-list-cell:hover .btn-delete {
  opacity: 1;
}
.calendar-filter-view .calendar-filter-list .filter-list .btn-delete {
  opacity: 0;
  position: absolute;
  top: -3px;
  left: -10px;
  background-color: #A6A6A6;
  margin: 0;
  padding: 0;
  color: white;
  font-size: 20px;
  padding: 10px;
  border: 0;
  outline: 0;
  border-radius: 50%;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  transition: opacity 218ms ease;
}
.calendar-filter-view .calendar-filter-list .filter-list .cell-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 34px;
  padding: 0 20px;
}
.calendar-filter-view .calendar-filter-list .filter-list .cell-avatar,
.calendar-filter-view .calendar-filter-list .filter-list .cell-icon {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 24px;
  width: 24px;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.calendar-filter-view .calendar-filter-list .filter-list .cell-avatar.circle,
.calendar-filter-view .calendar-filter-list .filter-list .cell-icon.circle {
  border-radius: 50%;
}
.calendar-filter-view .calendar-filter-list .filter-list .cell-avatar.square,
.calendar-filter-view .calendar-filter-list .filter-list .cell-icon.square {
  border-radius: 2px;
}
.calendar-filter-view .calendar-filter-list .filter-list .cell-icon {
  font-size: 12px;
  border: 1px solid;
}
.calendar-filter-view .calendar-filter-list .filter-list .cell-name {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calendar-filter-view .calendar-filter-search-form {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  transition: border-color 327ms ease;
  margin: 20px 20px 0;
  padding: 0 10px;
  line-height: 38px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  color: #A6A6A6;
}
.calendar-filter-view .calendar-filter-search-form.focus {
  border: 1px solid #A6A6A6;
}
.calendar-filter-view .calendar-filter-search-form > * {
  vertical-align: middle;
}
.calendar-filter-view .calendar-filter-search-form > * + .search-form-input {
  margin-left: 10px;
}
.calendar-filter-view .calendar-filter-search-form .search-form-input {
  font-size: 14px;
  border: none;
  color: #A6A6A6;
  outline: none;
}
.calendar-month-view {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transition: left 327ms ease;
}
.calendar-month-view .loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -35px;
  margin-top: -10px;
}
.calendar-month-view .calendar-month-header {
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}
.calendar-month-view .calendar-month-header .week-name {
  width: calc(14.28571% - 1px);
  padding-left: 10px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.calendar-month-view .calendar-month-header .week-name.weekend {
  color: #A6A6A6;
}
.calendar-month-view .calendar-month-body {
  position: absolute;
  left: 0;
  top: 40px;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.calendar-month-view .calendar-month-body .month-row {
  height: 20%;
  min-height: 128px;
}
.calendar-month-view .calendar-month-body .month-row:nth-last-child(2) .month-day {
  border-bottom: none;
}
.calendar-month-view .calendar-month-body .month-row.six {
  height: 16.6667%;
  min-height: 128px;
}
.calendar-month-view .calendar-month-body .month-day {
  height: 100%;
  width: 14.28571%;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  float: left;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.calendar-month-view .calendar-month-body .month-day:last-child {
  border-right: none;
}
.calendar-month-view .calendar-month-body .month-day.secondary {
  background-color: rgba(0, 0, 0, 0.02);
}
.calendar-month-view .calendar-month-body .month-day.weekend .date {
  color: #A6A6A6;
}
.calendar-month-view .calendar-month-body .month-day.current .date {
  background-color: rgba(3, 169, 244, 0.8);
  color: #FFFFFF;
  width: 30px;
  height: 30px;
  padding: 6px 6px;
  margin-top: 2px;
  margin-left: 3px;
  text-align: center;
  border-radius: 50%;
}
.calendar-month-view .calendar-month-body .date {
  padding: 8px 0 0 8px;
  margin-bottom: 4px;
  color: #424242;
  font-size: 13px;
  pointer-events: none;
}
.calendar-month-view .calendar-month-body .total {
  font-size: 12px;
  margin-left: 6px;
  color: #3da8f5;
  position: absolute;
  top: 8px;
  right: 8px;
  text-align: right;
  min-width: 50px;
  overflow: hidden;
}
.calendar-month-view .calendar-month-body .event-inner {
  padding: 0 4px;
  pointer-events: auto;
}
.calendar-month-view .calendar-month-body .event-inner .title {
  font-size: 12px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calendar-month-view .calendar-month-body .event-inner .time {
  font-size: 12px;
}
.calendar-month-view .calendar-month-body .event-inner .avatar {
  height: 16px;
  width: 16px;
  background-color: transparent;
  border-radius: 2px;
}
.calendar-month-view .calendar-month-body .month-events {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.calendar-month-view .calendar-month-body .month-events .event-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 640px;
}
.calendar-month-view .calendar-month-body .month-events .rows {
  position: absolute;
  height: 20%;
  width: 100%;
}
.calendar-month-view .calendar-month-body .month-events .rows .et {
  position: absolute;
  top: 34px;
  cursor: pointer;
  overflow: hidden;
}
.calendar-month-view .calendar-month-body .month-events .rows .et.temp {
  min-height: 20px;
  cursor: default;
  background-color: #CDEEFD;
  opacity: .5;
  border-radius: 1px;
}
.calendar-month-view .calendar-month-body .month-events .rows .et.active-task-detail {
  background-color: #CDEEFD;
}
.calendar-month-view .calendar-month-body .month-events .rows .et.active-event-detail {
  background-color: #CDEEFD;
}
.calendar-month-view .calendar-month-body .month-events .rows .is-event {
  background-color: #CDEEFD;
  color: #015880;
  border-radius: 2px;
}
.calendar-month-view .calendar-month-body .month-events .rows .is-event.invisible {
  visibility: visible;
  color: #808080;
  cursor: default;
  background-color: #D9D9D9;
}
.calendar-month-view .calendar-month-body .month-events .rows .is-event .event-inner {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .calendar-month-view .calendar-month-body .month-events .rows .is-event.length-1 .event-inner > span.title {
    width: 100%;
  }
  .calendar-month-view .calendar-month-body .month-events .rows .is-event.length-1 .event-inner > span.time {
    width: 0;
    display: none;
  }
}
.calendar-month-view .calendar-month-body .month-events .row-0 {
  top: 0%;
}
.calendar-month-view .calendar-month-body .month-events .row-1 {
  top: 20%;
}
.calendar-month-view .calendar-month-body .month-events .row-2 {
  top: 40%;
}
.calendar-month-view .calendar-month-body .month-events .row-3 {
  top: 60%;
}
.calendar-month-view .calendar-month-body .month-events .row-4 {
  top: 80%;
}
.calendar-month-view .calendar-month-body .month-events .row-5 {
  top: 100%;
}
.calendar-month-view .calendar-month-body .month-events .col-0 {
  left: calc(0% + 3px);
}
.calendar-month-view .calendar-month-body .month-events .col-1 {
  left: calc(14.28571% + 3px);
}
.calendar-month-view .calendar-month-body .month-events .col-2 {
  left: calc(28.57142% + 3px);
}
.calendar-month-view .calendar-month-body .month-events .col-3 {
  left: calc(42.85713% + 3px);
}
.calendar-month-view .calendar-month-body .month-events .col-4 {
  left: calc(57.14284% + 3px);
}
.calendar-month-view .calendar-month-body .month-events .col-5 {
  left: calc(71.42855% + 3px);
}
.calendar-month-view .calendar-month-body .month-events .col-6 {
  left: calc(85.71426% + 3px);
}
.calendar-month-view .calendar-month-body .month-events .length-1 {
  width: calc(14.28571% - 6px);
}
.calendar-month-view .calendar-month-body .month-events .length-2 {
  width: calc(28.57142% - 6px);
}
.calendar-month-view .calendar-month-body .month-events .length-3 {
  width: calc(42.85713% - 6px);
}
.calendar-month-view .calendar-month-body .month-events .length-4 {
  width: calc(57.14284% - 6px);
}
.calendar-month-view .calendar-month-body .month-events .length-5 {
  width: calc(71.42855% - 6px);
}
.calendar-month-view .calendar-month-body .month-events .length-6 {
  width: calc(85.71426% - 6px);
}
.calendar-month-view .calendar-month-body .month-events .length-7 {
  width: calc(99.99997% - 6px);
}
.calendar-month-view .calendar-month-body .month-events.six .event-layer {
  min-height: 768px;
}
.calendar-month-view .calendar-month-body .month-events.six .rows {
  height: 16.66667%;
}
.calendar-month-view .calendar-month-body .month-events.six .row-0 {
  top: 0%;
}
.calendar-month-view .calendar-month-body .month-events.six .row-1 {
  top: 16.66667%;
}
.calendar-month-view .calendar-month-body .month-events.six .row-2 {
  top: 33.33334%;
}
.calendar-month-view .calendar-month-body .month-events.six .row-3 {
  top: 50.00001%;
}
.calendar-month-view .calendar-month-body .month-events.six .row-4 {
  top: 66.66668%;
}
.calendar-month-view .calendar-month-body .month-events.six .row-5 {
  top: 83.33335%;
}
.calendar-subscriber-view .panel-left,
.calendar-subscriber-view .panel-right {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
}
.calendar-subscriber-view .panel-left {
  left: 0;
  width: 180px;
  border-right: 1px solid #E5E5E5;
}
.calendar-subscriber-view .panel-right {
  right: 0;
  width: 620px;
}
.calendar-subscriber-view .tab-cell {
  border-bottom: 1px solid #E5E5E5;
}
.calendar-subscriber-view .tab-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 25px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.calendar-subscriber-view .tab-item:hover {
  color: #3da8f5;
}
.calendar-subscriber-view .tab-item.is-active {
  padding-left: 21px;
  border-left: 4px solid #3da8f5;
  color: #3da8f5;
}
.calendar-subscriber-view .tab-item .icon + * {
  margin-left: 10px;
}
.calendar-subscriber-view .tab-item .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calendar-subscriber-view .results-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.calendar-subscriber-view .search-container {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.calendar-subscriber-view .result-content {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.calendar-subscriber-view .search-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin: 20px 20px 0;
  padding: 0 10px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  color: #383838;
  transition: border-color 0.3s ease;
}
.calendar-subscriber-view .search-container.is-active {
  border-color: #A6A6A6;
}
.calendar-subscriber-view .search-container .icon {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #808080;
  margin-right: 8px;
}
.calendar-subscriber-view .search-container .search-input {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 20px;
  border: 0;
  color: #383838;
  outline: 0;
}
.calendar-subscriber-view .search-container .search-input::-moz-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.calendar-subscriber-view .search-container .search-input:-ms-input-placeholder {
  color: #CCCCCC;
}
.calendar-subscriber-view .search-container .search-input::-webkit-input-placeholder {
  color: #CCCCCC;
}
.calendar-subscriber-view .empty-indicator {
  margin: 240px auto 0;
  text-align: center;
  font-size: 16px;
  color: #A6A6A6;
}
.calendar-subscriber-view .empty-indicator .icon {
  width: 56px;
  height: 56px;
  font-size: 50px;
}
.calendar-subscriber-view .result-title {
  margin: 15px 20px 10px;
  font-size: 16px;
  line-height: 24px;
}
.calendar-subscriber-view .result-list {
  margin: 10px 20px;
}
.calendar-subscriber-view .result-cell {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.calendar-subscriber-view .result-cell .cell-icon {
  height: 36px;
  width: 36px;
  margin-right: 20px;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
}
.calendar-subscriber-view .result-cell .cell-avatar {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 36px;
  width: 36px;
  margin-right: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.calendar-subscriber-view .result-cell .cell-avatar.circle {
  border-radius: 50%;
}
.calendar-subscriber-view .result-cell .cell-avatar.square {
  border-radius: 2px;
}
.calendar-subscriber-view .result-cell .cell-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.calendar-subscriber-view .result-cell .cell-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 21px;
  color: #383838;
}
.calendar-subscriber-view .result-cell .cell-subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  color: #A6A6A6;
}
.calendar-subscriber-view .result-cell .cell-handlers {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #A6A6A6;
}
.calendar-subscriber-view .result-cell .cell-handlers .add-handler {
  padding: 1px 9px;
  line-height: 20px;
}
.calendar-week-view {
  font-size: 14px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transition: left 327ms ease;
}
.calendar-week-view .loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -35px;
  margin-top: -10px;
}
.calendar-week-view .calendar-week-header {
  background-color: #FFFFFF;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  border-bottom: 1px solid #EEEEEE;
}
.calendar-week-view .calendar-week-header .week-title {
  margin-left: 64px;
  position: relative;
}
.calendar-week-view .calendar-week-header .title {
  width: calc(14.28571% - 1px);
  padding-left: 5px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.calendar-week-view .calendar-week-header .title.weekend {
  color: #A6A6A6;
}
.calendar-week-view .week-top {
  position: relative;
  overflow-y: scroll;
  max-height: 240px;
}
.calendar-week-view .all-day-text {
  color: #A6A6A6;
  position: absolute;
  top: 50%;
  left: 32px;
  font-size: 12px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.calendar-week-view .week-days-wrapper {
  width: calc(100% - 64px);
  margin-left: 64px;
  position: relative;
}
.calendar-week-view .week-days-wrapper .week-day {
  min-height: 34px;
  width: 14.28571%;
  border-left: 1px solid #EEEEEE;
  float: left;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  transition: height 327ms ease;
}
.calendar-week-view .week-days-wrapper .week-day .temp {
  position: fixed;
  min-height: 22px;
  background-color: #CDEEFD;
  opacity: .5;
  border-radius: 1px;
}
.calendar-week-view .week-days-wrapper .week-day.current {
  background-color: rgba(3, 169, 244, 0.04);
}
.calendar-week-view .toggle-height {
  position: absolute;
  left: 50%;
  top: -26px;
  margin-left: -71px;
  z-index: 1000;
}
.calendar-week-view .toggle-height .expand-or-collapse {
  color: #383838;
  background-color: #F7F7F7;
  border: 1px solid #ededed;
  display: inline-block;
  font-size: 12px;
  height: 26px;
  width: 78px;
  text-align: center;
  line-height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.calendar-week-view .toggle-height .icon {
  margin-left: 5px;
}
.calendar-week-view .tasks {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.calendar-week-view .tasks .event-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.calendar-week-view .tasks .event-inner {
  padding: 0 4px;
  vertical-align: middle;
  border-radius: 2px;
}
.calendar-week-view .tasks .event-inner .title {
  font-size: 12px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calendar-week-view .tasks .event-inner .time {
  font-size: 12px;
}
.calendar-week-view .tasks .event-inner .avatar {
  height: 16px;
  width: 16px;
  background-color: transparent;
  border-radius: 2px;
}
.calendar-week-view .tasks .rows {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
.calendar-week-view .tasks .rows .et {
  position: absolute;
  top: 2px;
  padding: 1px 0;
  cursor: pointer;
  overflow: hidden;
  pointer-events: auto;
}
.calendar-week-view .tasks .rows .et.active-task-detail .event-inner {
  background-color: #CDEEFD;
}
.calendar-week-view .tasks .rows .et.active-event-detail .event-inner {
  background-color: #CDEEFD;
}
.calendar-week-view .tasks .rows .is-event {
  color: #015880;
  border-radius: 1px;
}
.calendar-week-view .tasks .rows .is-event .event-inner {
  width: 100%;
  background-color: #CDEEFD;
}
@media screen and (max-width: 1264px) {
  .calendar-week-view .tasks .rows .is-event.length-1 .event-inner > span.time {
    display: none;
  }
}
.calendar-week-view .tasks .col-0 {
  left: calc(0% + 3px);
}
.calendar-week-view .tasks .col-1 {
  left: calc(14.28571% + 3px);
}
.calendar-week-view .tasks .col-2 {
  left: calc(28.57142% + 3px);
}
.calendar-week-view .tasks .col-3 {
  left: calc(42.85713% + 3px);
}
.calendar-week-view .tasks .col-4 {
  left: calc(57.14284% + 3px);
}
.calendar-week-view .tasks .col-5 {
  left: calc(71.42855% + 3px);
}
.calendar-week-view .tasks .col-6 {
  left: calc(85.71426% + 3px);
}
.calendar-week-view .tasks .length-1 {
  width: calc(14.28571% - 6px);
}
.calendar-week-view .tasks .length-2 {
  width: calc(28.57142% - 6px);
}
.calendar-week-view .tasks .length-3 {
  width: calc(42.85713% - 6px);
}
.calendar-week-view .tasks .length-4 {
  width: calc(57.14284% - 6px);
}
.calendar-week-view .tasks .length-5 {
  width: calc(71.42855% - 6px);
}
.calendar-week-view .tasks .length-6 {
  width: calc(85.71426% - 6px);
}
.calendar-week-view .tasks .length-7 {
  width: calc(99.99997% - 6px);
}
.calendar-week-view .gap {
  position: relative;
  background-color: #EEEEEE;
  height: 1px;
  left: 1px;
  right: 4px;
}
.calendar-week-view .week-time {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  background-color: #FFFFFF;
  transition: height 327ms ease;
}
.calendar-week-view .week-time .left-side {
  position: relative;
  width: 64px;
  height: 1440px;
  float: left;
}
.calendar-week-view .week-time .left-side .hour {
  color: #A6A6A6;
  font-size: 12px;
  height: 60px;
  width: 100%;
  text-align: center;
  position: relative;
}
.calendar-week-view .week-time .left-side .hour > div {
  position: relative;
  top: 50px;
}
.calendar-week-view .week-time .day-hours {
  width: calc(100% - 64px);
  height: 1440px;
  position: absolute;
  left: 64px;
}
.calendar-week-view .week-time .day-col-wrapper {
  width: 14.28571%;
  float: left;
  height: 100%;
  position: relative;
  z-index: 1000;
}
.calendar-week-view .week-time .day-col-wrapper .now-time {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #FF4F3E;
  left: 0;
  z-index: 1000;
}
.calendar-week-view .week-time .day-col-wrapper .now-time:before {
  display: inline-block;
  position: absolute;
  background-color: #FF4F3E;
  content: '';
  left: -2.5px;
  height: 5px;
  width: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
}
.calendar-week-view .week-time .day-col-wrapper.current {
  background-color: rgba(3, 169, 244, 0.04);
}
.calendar-week-view .week-time .day-col-wrapper .event {
  color: #015880;
  position: absolute;
  border-radius: 1px;
  overflow: hidden;
  cursor: pointer;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.calendar-week-view .week-time .day-col-wrapper .event.active-event-detail .content-wrapper {
  background-color: #CDEEFD;
}
.calendar-week-view .week-time .day-col-wrapper .event.invisible {
  visibility: visible;
  color: #808080;
  cursor: default;
}
.calendar-week-view .week-time .day-col-wrapper .event.invisible .content-wrapper {
  background-color: #D9D9D9;
}
.calendar-week-view .week-time .day-col-wrapper .event.not-draggable {
  cursor: default;
}
.calendar-week-view .week-time .day-col-wrapper .event.not-draggable .content-wrapper {
  background-color: #E4F5FD;
}
.calendar-week-view .week-time .day-col-wrapper .event .content-wrapper {
  background-color: #CDEEFD;
  height: 100%;
  padding: 4px;
  border: 1px solid #FFF;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 12px;
  border-radius: 2px;
}
.calendar-week-view .week-time .day-col-wrapper .event .content-wrapper .title,
.calendar-week-view .week-time .day-col-wrapper .event .content-wrapper .time {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.calendar-week-view .week-time .day-lines {
  width: calc(100% - 64px);
  height: 1440px;
  position: absolute;
  left: 64px;
}
.calendar-week-view .week-time .day-lines .vertical-line {
  width: 14.28571%;
  float: left;
  height: 100%;
  position: relative;
  border-left: 1px solid #EEEEEE;
}
.calendar-week-view .week-time .hour-lines {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 64px);
  z-index: 1;
}
.calendar-week-view .week-time .hour-lines .hour-line {
  border-bottom: 1px solid #EEEEEE;
  height: 60px;
}
.week-events-view {
  width: 100%;
  height: 100%;
}
.week-events-view .day-cols {
  width: 100%;
  height: 100%;
}
.week-events-view .drag-layer {
  position: fixed;
  pointer-events: none;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.week-events-view .drag-event {
  position: absolute;
  display: block;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.week-events-view .drag-event .drag-event-content {
  background-color: #3da8f5;
  border: 1px solid white;
  color: white;
  padding: 4px;
  border-radius: 2px;
  font-size: 12px;
  height: 100%;
}
.week-events-view .stretch-handle {
  position: absolute;
  cursor: row-resize;
  height: 12px;
  margin-top: -12px;
}
.event-list-popover-view {
  width: 300px;
}
.event-list-popover-view .popover-content {
  max-height: 240px;
}
.event-list-popover-view .event-list .event {
  padding: 4px;
  margin-bottom: 5px;
  line-height: 1;
  cursor: pointer;
}
.event-list-popover-view .event-list .event[data-type="event"] {
  background-color: rgba(3, 169, 244, 0.2);
  color: #015880;
  border-radius: 1px;
}
.event-list-popover-view .event-list .event[data-type="event"].invisible {
  visibility: visible;
  color: #808080;
  cursor: default;
  background-color: #D9D9D9;
}
.event-list-popover-view .event-list .event[data-type="event"] .title {
  width: calc(100% - 62px);
}
.event-list-popover-view .event-list .event[data-type="event"] .time {
  width: 58px;
}
.event-list-popover-view .event-list .event[data-type="event"].all-day .title {
  width: 100%;
}
.event-list-popover-view .event-list .event[data-type="event"].multi .title {
  width: calc(100% - 104px);
}
.event-list-popover-view .event-list .event[data-type="event"].multi .time {
  width: 100px;
}
.event-list-popover-view .event-list .event .title {
  display: inline-block;
  width: calc(100% - 20px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  vertical-align: middle;
}
.event-list-popover-view .event-list .event .time {
  font-size: 12px;
  display: inline-block;
  text-align: right;
}
.event-list-popover-view .event-list .event .avatar {
  display: inline-block;
  float: right;
  height: 16px;
  width: 16px;
  background-color: transparent;
  border-radius: 2px;
}
.inbox-view {
  position: fixed;
  z-index: 51;
  top: 48px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-color: rgba(238, 238, 238, 0.96);
}
.inbox-view .inbox-wrap {
  margin: 0 auto;
  width: 1096px;
}
@media (max-width: 1096px) {
  .inbox-view .inbox-wrap {
    max-width: calc(100% - 40px);
  }
}
.inbox-view .inbox-header {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
}
.inbox-view .inbox-content {
  position: relative;
  height: 100%;
  padding: 50px 0 0;
}
.inbox-view .close-float-handler {
  position: absolute;
  top: 0;
  right: 4px;
  padding: 15px 16px;
}
.inbox-view .inbox-side {
  width: 38%;
  height: 100%;
}
.inbox-view .message-list {
  position: relative;
  overflow: hidden;
}
.inbox-view .messages-scroll {
  height: 100%;
  padding: 20px 20px 0 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.inbox-view .messages-wrapper {
  min-height: 100%;
  background-color: #FFFFFF;
  border-radius: 2px;
}
.inbox-view .messages-wrapper .message-view:first-child {
  border-radius: 2px 2px 0 0;
}
.inbox-view .messages-wrapper .message-view:last-child {
  border-radius: 0 0 2px 2px;
}
.inbox-view .message-detail {
  overflow: hidden;
}
.inbox-view .only-mentions {
  position: absolute;
  bottom: 18px;
  right: 36px;
  height: 32px;
  padding: 0 10px;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 128ms;
  border-radius: 3px;
}
.inbox-view .only-mentions .check-box {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  line-height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 2px;
}
.inbox-view .only-mentions .check-box .icon-tick {
  position: absolute;
  top: -1px;
  left: 1px;
  display: none;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}
.inbox-view .only-mentions:hover {
  color: rgba(255, 255, 255, 0.8);
}
.inbox-view .only-mentions:hover .check-box {
  border-color: rgba(255, 255, 255, 0.8);
}
.inbox-view .only-mentions.on-only-mentions .icon-tick {
  display: inline-block;
}
.inbox-view .messages-scroll:hover .only-mentions,
.inbox-view .only-mentions.on-only-mentions {
  opacity: 1;
}
.inbox-view .message-detail-wrapper {
  position: relative;
  height: 100%;
  width: 620px;
  border-left: 1px solid #D9D9D9;
}
.inbox-view .type-toggler {
  height: 100%;
}
.inbox-view .detail-header,
.inbox-view .messages-header {
  height: 50px;
  padding: 0 20px 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.inbox-view .detail-header .dropdown,
.inbox-view .messages-header .dropdown {
  position: relative;
  height: 100%;
}
.inbox-view .detail-header .dropdown-menu,
.inbox-view .messages-header .dropdown-menu {
  top: 50px;
  left: -15px;
  margin-top: -1px;
  border-radius: 2px;
}
.inbox-view .detail-header .dropdown-menu li > a,
.inbox-view .messages-header .dropdown-menu li > a {
  padding: 7px 15px;
}
.inbox-view .detail-header .dropdown-menu li > a .icon,
.inbox-view .messages-header .dropdown-menu li > a .icon {
  float: none;
  width: auto;
  padding: 0 5px;
}
.inbox-view .detail-header .dropdown-menu .divider,
.inbox-view .messages-header .dropdown-menu .divider {
  margin: 5px 0;
  border-bottom: none;
}
.inbox-view .detail-header .dropdown-menu .inbox-type .icon,
.inbox-view .messages-header .dropdown-menu .inbox-type .icon,
.inbox-view .detail-header .dropdown-menu .inbox-sort .icon,
.inbox-view .messages-header .dropdown-menu .inbox-sort .icon {
  font-size: 16px;
}
.inbox-view .messages-header-right {
  height: 100%;
}
.inbox-view .messages-header .dropdown .inbox-type-display,
.inbox-view .messages-header .dropdown .inbox-sort-display {
  height: 100%;
  color: #808080;
  cursor: pointer;
}
.inbox-view .messages-header .dropdown .inbox-type-display .icon-chevron-down,
.inbox-view .messages-header .dropdown .inbox-sort-display .icon-chevron-down {
  font-size: 12px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.inbox-view .messages-header .dropdown .inbox-type,
.inbox-view .messages-header .dropdown .inbox-sort {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-right: 5px;
}
.inbox-view .messages-header .dropdown .inbox-type .icon-wrapper,
.inbox-view .messages-header .dropdown .inbox-sort .icon-wrapper {
  position: relative;
}
.inbox-view .messages-header .dropdown .inbox-type .icon-wrapper.unread:after,
.inbox-view .messages-header .dropdown .inbox-sort .icon-wrapper.unread:after {
  position: absolute;
  top: 0;
  right: 6px;
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #3da8f5;
  border-radius: 5px;
  border: 2px solid #FFFFFF;
}
.inbox-view .messages-header .dropdown .inbox-type .icon,
.inbox-view .messages-header .dropdown .inbox-sort .icon {
  padding: 0 5px;
  margin-right: 5px;
  font-size: 16px;
}
.inbox-view .messages-header .type-toggler .dropdown .dropdown-menu > li > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.inbox-view .messages-header .type-toggler .dropdown .dropdown-menu > li > a .icon-tick {
  margin-right: 0;
  font-size: 14px;
  visibility: hidden;
}
.inbox-view .messages-header .type-toggler .dropdown .dropdown-menu > li > a.active .icon-tick {
  visibility: visible;
}
.inbox-view .detail-header {
  padding: 10px 20px;
}
.inbox-view .detail-header .url-handler {
  margin-right: 10px;
  padding: 5px 12px;
  border: none;
  color: #808080;
  background-color: #D9D9D9;
}
.inbox-view .detail-header .url-handler:hover {
  color: #3da8f5;
}
.inbox-view .divider-vertical {
  margin: 0 5px 0 9px;
  border-left: 1px solid #E5E5E5;
}
.inbox-view .inbox-title,
.inbox-view .handler-switch {
  display: inline-block;
  padding: 15px 0;
}
.inbox-view .handler-wrapper {
  display: inline-block;
  margin-left: 18px;
}
.inbox-view .handler-wrapper .handler-switch {
  font-size: 16px;
}
.inbox-view .handler-wrapper .handler-list {
  position: absolute;
  left: 40px;
  top: 50px;
  min-width: 168px;
  max-width: 260px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.inbox-view .handler-wrapper .handler-list li {
  height: 40px;
}
.inbox-view .handler-wrapper .handler-list li .inbox-handler {
  width: 100%;
  padding: 8px 10px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-item: center;
}
.inbox-view .handler-wrapper .handler-list li .icon {
  font-size: 14px;
}
.inbox-view .handler-wrapper .handler-list hr {
  margin: 5px 0;
}
.inbox-view .inbox-title {
  padding: 15px 5px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}
.inbox-view .inbox-title.messages-snoozed {
  margin-right: 0;
}
.inbox-view .inbox-title:before {
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 11px;
  right: -5px;
  content: '';
  opacity: 0;
  background-color: #3da8f5;
  border-radius: 50%;
  transition: all 218ms;
}
.inbox-view .inbox-title.unread:before {
  opacity: 1;
}
.inbox-view .inbox-title:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  border-bottom: 0px solid #3da8f5;
  content: '';
  opacity: 0;
  transition: all 218ms;
}
.inbox-view .inbox-title.active,
.inbox-view .inbox-title:hover {
  color: #808080;
}
.inbox-view .inbox-title.active:after,
.inbox-view .inbox-title:hover:after {
  border-width: 3px;
  opacity: 1;
}
.inbox-view .messages,
.inbox-view .detail-panel {
  position: relative;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.inbox-view .messages .loading-indicator {
  margin-top: 24px;
}
.inbox-view .empty-tip {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 20px;
  margin-top: -45px;
  color: #A6A6A6;
  text-align: center;
  font-size: 18px;
  z-index: 1;
}
.inbox-view .empty-tip .icon {
  width: 50px;
  height: 50px;
  font-size: 48px;
  margin-bottom: 8px;
}
.inbox-view .empty-tip .tip-small {
  font-size: 14px;
  margin-top: 6px;
}
.inbox-view .messages:empty + .empty-tip {
  display: block;
}
.inbox-view .detail-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  margin: 20px 0 0 20px;
  overflow: hidden;
  border-radius: 2px 2px 0 0;
}
.inbox-view .detail-panel.system-message-pannel,
.inbox-view .detail-panel:empty {
  background-color: transparent;
}
.inbox-view .detail-panel .pin-toolbar .simditor-toolbar {
  left: 68px;
  top: 0;
  right: 35px;
}
.inbox-view .pin-toolbar .simditor-toolbar {
  left: 68px;
  top: 0;
  right: 35px;
}
.inbox-view .system-message {
  border-radius: 2px;
}
.inbox-view .end-point-wrapper {
  height: 20px;
}
.message-view {
  padding: 20px 15px;
  cursor: pointer;
  background-color: #FFFFFF;
  border-bottom: 1px solid #EEEEEE;
}
.message-view:hover,
.message-view.active {
  background-color: #F7F7F7;
}
.message-view:hover .message-actions .time,
.message-view.snoozed .message-actions .time {
  display: none;
}
.message-view:hover .message-actions .actions-handler,
.message-view.snoozed .message-actions .actions-handler {
  display: block;
}
.message-view:hover .message-actions .unread-badge,
.message-view:hover .message-actions .unread-activities-count {
  display: none;
}
.message-view .object-content,
.message-view .message-content,
.message-view .message-content-subtitle {
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  word-break: normal;
  white-space: nowrap;
}
.message-view .message-content-title-wrapper {
  max-height: 60px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  word-break: break-all;
}
.message-view .object-content-wrapper {
  position: relative;
  font-size: 14px;
  margin-left: 5px;
  color: #808080;
  line-height: 16px;
}
.message-view .object-content-wrapper .icon {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.message-view .object-content-wrapper .message-content-subtitle {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 15px;
  line-height: 18px;
}
.message-view .message-actions {
  font-size: 12px;
  line-height: 16px;
  color: #383838;
}
.message-view .message-actions .unread-activities-count {
  display: inline-block;
  min-width: 16px;
  height: 16px;
  padding: 0 3px;
  line-height: 16px;
  text-align: center;
  background-color: #3da8f5;
  opacity: 0.9;
  font-size: 12px;
  color: #FFFFFF;
  border-radius: 8px;
}
.message-view .message-actions .unread-badge {
  width: 8px;
  height: 8px;
  margin-left: 5px;
  background-color: #3da8f5;
  border-radius: 4px;
}
.message-view .message-actions .actions-handler {
  display: none;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 18px;
  font-size: 14px;
}
.message-view .message-actions .actions-handler .icon {
  display: inline-block;
  padding: 0 3px;
  margin-left: 7px;
  color: #808080;
}
.message-view .message-actions .actions-handler .icon:hover {
  color: #3da8f5;
}
.message-view .message-actions .actions-handler .icon-remove {
  font-size: 12px;
}
.message-view .message-content-wrapper {
  margin-top: 10px;
  font-size: 14px;
  color: #383838;
}
.message-view .message-content-wrapper .message-content-title {
  word-break: break-all;
}
.message-view .message-content-wrapper .avatar {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 10px;
}
.message-view .message-content-wrapper .avatar.project {
  border-radius: 2px;
}
.message-view .message-content-wrapper .time {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 12px;
  -webkit-align-self: top;
      -ms-flex-item-align: top;
              -ms-grid-row-align: top;
          align-self: top;
  color: #808080;
  margin-left: 5px;
}
.message-view .message-content-wrapper .time.reminder-time {
  color: #FFAF38;
}
.message-view .message-at {
  color: #FF4F3E;
}
.message-view.read .message-at,
.message-view.active .message-at {
  display: none;
}
.message-view.read .object-content,
.message-view.read .object-content-wrapper .icon,
.message-view.read .message-content-wrapper,
.message-view.read .time {
  color: #A6A6A6;
}
.message-view.read .object-content-wrapper .actions-handler .icon {
  color: #808080;
}
.message-view.read .object-content-wrapper .actions-handler .icon:hover {
  color: #3da8f5;
}
.system-message {
  position: relative;
  background-color: #FFFFFF;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 20px;
}
.system-message.system-message-loading {
  padding-top: 55%;
}
.system-message .system-message-content {
  padding: 30px 50px;
}
.system-message .system-message-content .system-message-image {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.system-message .system-message-content h4 {
  margin: 20px 0 0;
  font-size: 14px;
}
.system-message .system-message-content p {
  margin: 8px 0 0;
  font-size: 14px;
  color: #808080;
}
.system-message .system-message-content .message-btn > a {
  margin: 30px 0 0;
}
.system-message .system-message-content .message-btn > a:last-child {
  margin-left: 8px;
}
.jinshuju-forms-detail {
  margin: -8px 0;
  padding: 20px 15px 0;
  color: #383838;
}
.jinshuju-forms-detail .text-hint {
  color: #808080;
  font-size: 12px;
}
.jinshuju-forms-detail .body {
  margin: 30px 0 0;
}
.jinshuju-forms-detail .body .forms {
  margin: 5px 0 0;
}
.jinshuju-forms-detail .body .form {
  margin: 0 0 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jinshuju-forms-detail .body .form > div {
  margin: 0 0 0 10px;
  overflow: hidden;
}
.jinshuju-forms-detail .body .form > div header {
  font: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #383838;
}
.jinshuju-forms-detail .body .view-url {
  font-weight: normal;
  color: #3da8f5;
  font-size: 12px;
}
.jinshuju-forms-detail .check-box {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20px;
  height: 20px;
  line-height: 16px;
  border: solid 2px #A6A6A6;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
}
.jinshuju-forms-detail .check-box:hover {
  border-color: #808080;
  text-decoration: none;
}
.jinshuju-forms-detail .check-box:hover > .icon {
  color: #808080;
}
.jinshuju-forms-detail .check-box > .icon {
  visibility: hidden;
  color: #A6A6A6;
}
.jinshuju-forms-detail .check-box.checked > .icon {
  visibility: visible;
}
.jinshuju-forms-detail .check-box.closed {
  border-color: #D9D9D9;
  background-color: #EEEEEE;
  cursor: not-allowed;
}
.jinshuju-forms-detail .search-input-wrapper {
  margin: 15px 0;
  background: white;
  border: solid 1px #D9D9D9;
  border-radius: 3px;
}
.jinshuju-forms-detail .search-input-wrapper:hover {
  border-color: #A6A6A6;
}
.jinshuju-forms-detail .search-input-wrapper .detail-search {
  border: none;
}
.jinshuju-forms-detail .search-input-wrapper .search-btn {
  padding: 0 12px 0 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  color: #3da8f5;
  cursor: pointer;
}
.jinshuju-forms-detail .search-item {
  margin: 10px 0;
  overflow: hidden;
}
.jinshuju-forms-detail .search-item .single-data {
  margin: 0 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-room-add-view {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
}
.chat-room-add-modal-view {
  height: 100%;
  overflow: hidden;
}
.chat-room-add-modal-view .tab-list {
  width: 180px;
  border-right: 1px solid #F3F3F3;
}
.chat-room-add-modal-view .tab-container-view-content {
  width: 620px;
}
.chat-room-add-modal-view .tab-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  padding: 0 25px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  line-height: 56px;
  border-bottom: 1px solid #F3F3F3;
  cursor: pointer;
}
.chat-room-add-modal-view .tab-item.is-active {
  padding-left: 21px;
  border-left: 4px solid #03A9F4;
  color: #03A9F4;
}
.chat-room-add-modal-view .tab-item .icon {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 10px;
  font-size: 16px;
}
.chat-room-add-modal-view .tab-item .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-room-add-modal-view .chat-room-add-search {
  position: relative;
  margin: 15px 15px 0;
}
.chat-room-add-modal-view .chat-room-add-search .icon-search {
  position: absolute;
  left: 12px;
  top: 10px;
  font-size: 14px;
  color: #808080;
}
.chat-room-add-modal-view .chat-room-add-search .search-input {
  padding-left: 38px;
}
.chat-room-add-modal-view .room-title {
  padding: 16px;
  margin: 0;
  font-size: 14px;
}
.chat-room-add-modal-view .room-list-item {
  overflow: hidden;
}
.chat-room-add-modal-view .room-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -16px;
  padding: 8px 32px;
  cursor: pointer;
}
.chat-room-add-modal-view .room-item:hover {
  background-color: #F7F7F7;
}
.chat-room-add-modal-view .room-item.is-active {
  background-color: #F7F7F7;
}
.chat-room-add-modal-view .room-item.is-disabled {
  background-color: transparent !important;
  color: #A6A6A6;
  cursor: default;
}
.chat-room-add-modal-view .room-item.is-disabled.is-active {
  background-color: #F7F7F7 !important;
}
.chat-room-add-modal-view .room-item .room-leftside {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 16px;
}
.chat-room-add-modal-view .room-item .room-content {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  overflow: hidden;
}
.chat-room-add-modal-view .room-item .room-rightside {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.chat-room-add-modal-view .room-avatar {
  display: inline-block;
  height: 36px;
  width: 36px;
  background-color: #F7F7F7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.chat-room-add-modal-view .room-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 21px;
}
.chat-room-add-modal-view .room-subname {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 14px;
  color: #A6A6A6;
}
.chat-room-add-modal-view .group-room .room-avatar {
  border-radius: 4px;
}
.chat-room-add-modal-view .private-room .room-avatar {
  border-radius: 50%;
}
.chat-room-add-modal-view .project-room .room-avatar {
  border-radius: 4px;
}
.chat-room-add-modal-view .project-room-closed-tip {
  color: #A6A6A6;
}
.chat-room-add-modal-view .rooms-section {
  overflow: auto;
  padding-bottom: 16px;
}
.chat-room-add-modal-view .placeholder-section {
  margin-top: 60px;
  font-size: 18px;
  text-align: center;
  color: #A6A6A6;
}
.chat-room-add-modal-view .placeholder-section .placeholder-image {
  max-height: 80px;
  max-width: 80px;
  margin: 0 auto 15px;
}
.chat-room-add-modal-view .placeholder-section .placeholder-desc {
  margin-top: 10px;
  font-size: 14px;
}
.chat-room-creator {
  position: relative;
  border: 1px solid #E5E5E5;
  transition: all 400ms ease;
}
.chat-room-creator.showing {
  display: block;
  transition: none;
}
.chat-room-creator .chat-room-creator-wrap {
  position: relative;
  min-height: 40px;
  margin: 14px 20px 13px 15px;
  background-color: white;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
}
.chat-room-creator .chat-room-creator-wrap .message-box-wrap {
  position: relative;
  z-index: 1;
  max-height: 290px;
  padding: 10px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #FFFFFF;
  border-bottom: 1px solid transparent;
  -webkit-transform: translateZ(0);
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: border 218ms ease 100ms;
}
.chat-room-creator .chat-room-creator-wrap .message-box-wrap.is-closed {
  background: #EEEEEE;
}
.chat-room-creator .chat-room-creator-wrap .message-box-wrap.is-closed .message-box-icon-wrap a {
  cursor: not-allowed;
}
.chat-room-creator .chat-room-creator-wrap .message-box-wrap.is-closed .message-box-icon-wrap a:hover {
  color: #A6A6A6;
}
.chat-room-creator .chat-room-creator-wrap .message-box-wrap .message-box-icon-wrap {
  position: absolute;
  height: 20px;
  line-height: 20px;
  right: 0;
}
.chat-room-creator .chat-room-creator-wrap .message-box-wrap .message-box-icon-wrap:before,
.chat-room-creator .chat-room-creator-wrap .message-box-wrap .message-box-icon-wrap:after {
  content: " ";
  display: table;
}
.chat-room-creator .chat-room-creator-wrap .message-box-wrap .message-box-icon-wrap:after {
  clear: both;
}
.chat-room-creator .chat-room-creator-wrap .message-box-wrap .message-box-icon-wrap a.icon {
  font-size: 18px;
  margin-right: 12px;
  float: right;
}
.chat-room-creator .chat-room-creator-wrap .message-box-input-wrap {
  margin-right: 90px;
}
.chat-room-creator .chat-room-creator-wrap .message-input:disabled {
  background: none;
  height: 20px;
  padding: 0;
}
.chat-room-creator .chat-room-creator-wrap.no-attachments-handler .message-box-input-wrap {
  margin-right: 0;
}
.chat-room-creator .form-control {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  resize: none;
  border: 0 none;
  outline: 0 none;
  border-radius: 0;
}
.chat-room-creator .chat-room-handler {
  position: relative;
  margin-top: -40px;
  transition: margin-top 218ms ease 50ms;
}
.chat-room-creator .chat-room-handler .reply-btn {
  min-width: 71px;
  height: 30px;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
  line-height: 14px;
  border-radius: 2px;
  background-color: #3da8f5;
  margin: 5px 5px 5px 12px;
}
.chat-room-creator .chat-room-handler .reply-btn .reply-handler {
  float: left;
  padding: 8px 12px 8px 12px;
}
.chat-room-creator .chat-room-handler .reply-btn .reply-line {
  display: inline-block;
  position: relative;
  top: 8px;
  width: 1px;
  height: 14px;
  background-color: rgba(255, 255, 255, 0.5);
}
.chat-room-creator .chat-room-handler .reply-btn .reply-switch {
  float: right;
  color: #FFFFFF;
  padding: 8px 5px;
}
.chat-room-creator .chat-room-handler .reply-btn .reply-switch .icon-chevron-down {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.chat-room-creator .chat-room-handler .reply-btn .reply-menu {
  top: -100px;
  right: 0px;
  min-width: 218px;
}
.chat-room-creator .chat-room-handler .reply-btn .reply-menu li a {
  color: #808080;
  padding: 8px 5px 8px 15px;
}
.chat-room-creator .chat-room-handler .reply-btn .reply-menu li a span {
  float: left;
}
.chat-room-creator .chat-room-handler .reply-btn .reply-menu li a .icon-tick {
  display: none;
  float: right;
  padding: 0 5px;
  font-size: 16px;
}
.chat-room-creator .chat-room-handler .reply-btn .reply-menu li a.active .icon-tick {
  display: inline-block;
}
.chat-room-creator .chat-room-handler .reply-btn .reply-menu li a:hover {
  background-color: #F7F7F7;
}
.chat-room-creator .chat-room-handler .notif-info {
  margin: 10px 0;
  color: #A6A6A6;
}
.chat-room-creator .chat-room-handler .notif-info a {
  color: #3da8f5;
}
.chat-room-creator .chat-room-handler .add-work-handler,
.chat-room-creator .chat-room-handler .add-emoji-handler,
.chat-room-creator .chat-room-handler .screen-crop-handler {
  margin: 10px 0 10px 12px;
  font-size: 18px;
  color: #A6A6A6;
}
.chat-room-creator .chat-room-handler .add-work-handler:hover,
.chat-room-creator .chat-room-handler .add-emoji-handler:hover,
.chat-room-creator .chat-room-handler .screen-crop-handler:hover {
  color: #3da8f5;
}
.chat-room-creator .chat-room-handler .add-work-handler .icon,
.chat-room-creator .chat-room-handler .add-emoji-handler .icon,
.chat-room-creator .chat-room-handler .screen-crop-handler .icon {
  font-size: 18px;
  float: left;
  margin-right: 4px;
}
.chat-room-creator .attachments-list {
  position: relative;
}
.chat-room-creator .attachments-list:empty {
  margin-top: 0;
}
.chat-room-creator .work.creating {
  height: 48px;
  margin: 10px 10px 0 0;
  cursor: move;
  background-color: #EEEEEE;
  border-radius: 3px;
}
.chat-room-creator .work.creating .delete-work-handler {
  top: 0;
  right: 8px;
  line-height: 42px;
}
.chat-room-creator.active .message-box-wrap {
  border-color: #D9D9D9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.chat-room-creator.active .message-box-wrap .message-box-input-wrap {
  margin-right: 0;
}
.chat-room-creator.active .chat-room-handler {
  margin-top: 0;
}
.chat-room-creator.focus .chat-room-creator-wrap {
  border-color: #A6A6A6;
}
.chat-room-creator.ghost {
  line-height: 40px;
  color: #A6A6A6;
}
.chat-room-creator.ghost .chat-room-creator-wrap {
  padding: 0 10px;
}
.chat-room-creator.ghost .login-handler,
.chat-room-creator.ghost .register-handler {
  margin: 0 5px;
  color: #3da8f5;
}
.chat-room-creator.ghost .login-handler:hover,
.chat-room-creator.ghost .register-handler:hover {
  color: #0c92f3;
}
.chat-room-creator.on-only-showing {
  overflow: visible;
}
.chat-room-creator .work-drag-placeholder {
  height: 48px;
  margin: 10px 10px 0 0;
  background-color: #E5E5E5;
  border-radius: 3px;
}
.chat-room-creator .ui-sortable-helper {
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.15);
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
.chat-room-creator .chat-room-creator-fast-emoji,
.chat-room-creator .chat-room-creator-active-emoji {
  position: relative;
  z-index: 9;
}
.chat-room-creator .chat-room-creator-fast-emoji .emoji-view,
.chat-room-creator .chat-room-creator-active-emoji .emoji-view {
  position: absolute;
  bottom: 1px;
}
.chat-room-creator .chat-room-creator-active-emoji .emoji-view {
  left: 0;
}
.chat-room-creator .chat-room-creator-fast-emoji .emoji-view {
  right: 0;
}
.chat-room-creator-wrapper {
  z-index: 9;
  overflow: visible;
  background-color: #E5E5E5;
  border-top: 1px solid #D9D9D9;
}
.file-picker.list .list-divider {
  margin: 5px 15px;
}
.file-picker.list > li > a {
  padding: 2px 15px;
}
.file-picker .icon {
  margin-right: 10px;
}
.file-picker .icon.icon-upload {
  font-weight: bold;
}
.file-picker .remote-input-wrap {
  padding: 10px 15px;
  margin-bottom: 5px;
}
.file-picker .remote-input-wrap input {
  width: 150px;
  height: 28px;
  margin-bottom: 0px;
  padding: 4px 12px;
  line-height: 20px;
}
.file-picker .remote-input-wrap .btn {
  padding: 3px 12px;
}
.direct-message-panel-view {
  background-color: #FFFFFF;
  z-index: 50;
}
.direct-message-panel-view .direct-message-panel-header {
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  background-color: #F7F7F7;
  border-bottom: 1px solid #E5E5E5;
}
.direct-message-panel-view .direct-message-panel-header a.close-handler {
  position: absolute;
  right: 20px;
  font-size: 14px;
}
.direct-message-panel-view .direct-messages-content {
  position: relative;
}
.direct-message-panel-view .place-bottom {
  position: relative;
  height: 40px;
}
.direct-message-panel-view .empty-tip {
  width: 100%;
  position: absolute;
  top: 50%;
  color: #A6A6A6;
  font-size: 18px;
  margin-top: -42px;
  text-align: center;
}
.direct-message-panel-view .empty-tip .icon {
  width: 50px;
  height: 50px;
  font-size: 48px;
  margin-bottom: 8px;
}
.direct-message-panel-view .empty-tip .tip-small {
  font-size: 14px;
  margin-top: 6px;
}
.message-item {
  position: relative;
  overflow: hidden;
  margin: 25px 15px;
}
.message-item:first-child {
  margin-top: 50px;
}
.message-item:last-child {
  margin-bottom: 0;
}
.message-item > * {
  float: left;
}
.message-item .avatar {
  cursor: pointer;
}
.message-item .work {
  position: relative;
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 0px;
  cursor: pointer;
  border-color: rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}
.message-item .work:after {
  content: ' ';
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  z-index: 0;
}
.message-item .work:first-child {
  border-width: 0 0 0 0;
}
.message-item .work:hover:after {
  display: block;
}
.message-item .work .remove-handler {
  display: block;
  float: right;
  padding-top: 4px;
  margin-right: 12px;
}
.message-item .work .attachment-content {
  position: relative;
  z-index: 2;
  height: 44px;
  padding: 2px 0;
  text-align: left;
}
.message-item .work .attachment-content .attachment-title {
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-item .work .attachment-content .attachment-size {
  font-size: 14px;
  color: #808080;
  font-weight: normal;
}
.message-item .message-handler-set {
  vertical-align: baseline !important;
  display: inline-block;
  padding: 0 7px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.2s ease;
}
.message-item .message-handler-set .btn-mini {
  padding: 0 5px;
  line-height: 1;
  color: #A6A6A6;
}
.message-item .message-handler-set .btn-mini:hover {
  color: #3da8f5;
}
.message-item .message-body {
  position: relative;
  width: 80%;
  max-width: 400px;
  margin-left: 12px;
}
.message-item .message-body:hover .message-handler-set {
  z-index: 2;
  opacity: 1;
  filter: alpha(opacity=100);
}
.message-item .message-body:hover .message-handler-set:empty + .message-creator-name {
  opacity: 1;
  filter: alpha(opacity=100);
}
.message-item .message-body:hover .recall-handler {
  display: block;
}
.message-item .message-body .message-voice-wrapper {
  position: relative;
  display: inline-block;
  padding: 9px;
  width: 100px;
  height: 36px;
  line-height: 18px;
  border-radius: 10px;
  color: #3da8f5;
  margin-top: 4px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.message-item .message-body .message-voice-wrapper .voice-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 36px;
  background-color: #E5E5E5;
}
.message-item .message-body .message-voice-wrapper .icon {
  position: relative;
  font-size: 18px;
}
.message-item .message-body .message-voice-wrapper .play-time {
  position: relative;
  font-size: 14px;
}
.message-item .message-body .message-attachments {
  width: 100%;
  overflow: hidden;
}
.message-item .message-body .message-attachments .work {
  display: inline-block;
  float: none;
}
.message-item .message-body .message-attachments .work + .work {
  margin-top: 5px;
}
.message-item .bubble {
  background-color: #EEEEEE;
  border-radius: 10px;
}
.message-item .share-content.is-share-object .work-item-content {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 4px 0;
}
.message-item .share-content.is-share-object .work-item-content .work-item-name {
  line-height: 16px;
}
.message-item .share-content.is-share-object .work-item-content .work-item-name .work-item-name-main {
  line-height: 16px;
}
.message-item .share-content.is-share-object .work-item-content .work-info {
  margin-left: 0;
}
.message-item .share-content.is-share-object .work-item-content .work-info .work-item-subtitle {
  text-align: left;
  line-height: 16px;
}
.message-item .message-content {
  display: inline-block;
  padding: 8px 13px;
  color: #383838;
  font-size: 15px;
  word-break: break-word;
}
.message-item .message-content > * {
  white-space: pre-wrap;
  word-break: break-all;
}
.message-item .message-content:empty {
  display: none;
}
.message-item .message-content:not(:empty) + .message-attachments {
  margin-top: 5px;
}
.message-item .message-content > *:last-child {
  margin-bottom: 0;
}
.message-item .message-content > blockquote {
  margin: 5px 0 0 0;
  padding: 0 0 0 10px;
}
.message-item .readable p {
  margin-bottom: 5px;
}
.message-item .readable a {
  color: #3da8f5 !important;
  transition: color 218ms ease;
  text-decoration: underline;
}
.message-item .readable a:hover {
  color: #0c92f3 !important;
}
.message-item .previewer-handler {
  cursor: pointer;
}
.message-item .category-thumb {
  display: inline-block;
  min-width: 36px;
  min-height: 36px;
  max-width: 200px;
  max-height: 300px;
  background-size: cover;
  background-position: center center;
}
.message-item .category-thumb:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.message-item .category-application {
  width: 100%;
  padding: 10px 12px;
}
.message-item .message-type-icon,
.message-item .load-activities-handler .icon-more {
  width: 36px;
  text-align: center;
  font-size: 16px;
}
.message-item .icon-plus {
  font-size: 14px;
}
.message-item .message-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 9px;
  margin-top: 1px;
  font-size: 12px;
  color: #A6A6A6;
}
.message-item .message-info .message-creator-name {
  transition: opacity 0.2s ease;
}
.message-item .message-info .message-creator-name > * {
  vertical-align: middle;
}
.message-item .message-info .message-creator-name .name-limit {
  display: inline-block;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-item .message-info .message-creator-name .react-time-stamp {
  display: inline-block;
}
.message-item .message-info .message-handler-set {
  float: left;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.message-item .message-info > * {
  vertical-align: middle;
}
.message-item .message-info .time-stamp {
  display: inline-block;
}
.message-item .message-info .recall-handler {
  display: none;
  cursor: pointer;
  margin: 1px 8px 0 0;
  color: #aaaaaa;
  font-size: 12px;
}
.message-item .message-info .recall-handler:hover {
  color: #3da8f5;
}
.message-item.creator > * {
  float: right;
}
.message-item.creator .message-info,
.message-item.creator .message-body,
.message-item.creator .message-attachments {
  text-align: right;
}
.message-item.creator .message-info {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.message-item.creator .message-info .message-handler-set {
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
.message-item.creator .message-body {
  margin-left: 0;
}
.message-item.creator .thumbnail-label-clip {
  border-right-color: #e5f6fb !important;
  border-top-color: #e5f6fb !important;
}
.message-item.creator .bubble {
  background-color: #e5f6fb;
}
.message-item.creator .voice-progress {
  background-color: #C0E9FC !important;
}
.message-item.creator .message-content {
  text-align: start;
}
.message-item.recalled {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 28px;
  line-height: 28px;
}
.message-item.recalled .message-recall {
  text-align: center;
  font-size: 12px;
  color: #A6A6A6;
  padding: 0 16px;
  background-color: #EEEEEE;
  border-radius: 8px;
}
.project-message-view {
  position: fixed;
  top: 120px;
  right: 0;
  bottom: 0;
  left: 0;
}
.project-message-view .project-message-panel-view {
  position: relative;
  height: 100%;
}
.project-message-panel-view {
  background-color: #FFFFFF;
  z-index: 50;
  border-radius: 3px;
}
.project-message-panel-view .chat-topbar {
  position: absolute;
  z-index: 111;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: rgba(225, 242, 249, 0.9);
  color: #3da8f5;
  text-align: center;
  cursor: pointer;
}
.project-message-panel-view .chat-topbar .close-topbar {
  position: absolute;
  z-index: 112;
  right: 9px;
  top: 0;
  font-size: 16px;
}
.project-message-panel-view .project-message-panel-header {
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  background-color: #F7F7F7;
  border-bottom: 1px solid #E5E5E5;
}
.project-message-panel-view .project-message-panel-header a.close-handler {
  position: absolute;
  right: 20px;
  font-size: 14px;
}
.project-message-panel-view .chat-room-panel-wrap .mute-container {
  position: absolute;
  right: 7px;
  top: 0;
  width: 80%;
  max-width: 255px;
  height: 99px;
  margin: 0;
  z-index: 99;
  background-image: url(https://dn-st.teambition.net/teambition/images/mask.8b48739f.png);
  background-color: transparent;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.project-message-panel-view .chat-room-panel-wrap .mute-container .form-group {
  margin-top: 15px;
  margin-right: 15px;
}
.project-message-panel-view .chat-room-panel-wrap .mute-container label {
  margin-right: 10px;
}
.project-message-panel-view .chat-room-panel-wrap .mute-container .toggle {
  position: relative;
  width: 40px;
  height: 22px;
  border-radius: 11px;
  background-color: #E5E5E5;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}
.project-message-panel-view .chat-room-panel-wrap .mute-container .toggle.blue .check.checked ~ .track {
  box-shadow: inset 0 0 0 20px #3da8f5;
}
.project-message-panel-view .chat-room-panel-wrap .mute-container .toggle.mint .check.checked ~ .track {
  box-shadow: inset 0 0 0 20px #3da8f5;
}
.project-message-panel-view .chat-room-panel-wrap .mute-container .toggle.orange .check.checked ~ .track {
  box-shadow: inset 0 0 0 20px #FFAF38;
}
.project-message-panel-view .chat-room-panel-wrap .mute-container .toggle.red .check.checked ~ .track {
  box-shadow: inset 0 0 0 20px #FF4F3E;
}
.project-message-panel-view .chat-room-panel-wrap .mute-container .toggle .check {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 6;
}
.project-message-panel-view .chat-room-panel-wrap .mute-container .toggle .check.checked ~ .track {
  box-shadow: inset 0 0 0 20px #75C940;
}
.project-message-panel-view .chat-room-panel-wrap .mute-container .toggle .check.checked ~ .switch {
  right: 2px;
  left: 20px;
  transition: .4s ease;
  transition-property: left, right;
  transition-delay: .05s, 0s;
}
.project-message-panel-view .chat-room-panel-wrap .mute-container .toggle .switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 20px;
  background-color: #fff;
  border-radius: 50%;
  z-index: 1;
  transition: .4s ease;
  transition-property: left, right;
  transition-delay: 0s, .05s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.project-message-panel-view .chat-room-panel-wrap .mute-container .toggle .track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .4s ease;
  border-radius: 11px;
}
.project-message-panel-view .project-messages-content {
  position: relative;
}
.project-message-panel-view .project-messages-content:empty {
  display: none;
  background: red;
}
.project-message-panel-view .place-bottom {
  position: relative;
  height: 40px;
}
.project-message-panel-view .empty-tip {
  width: 100%;
  position: absolute;
  top: 50%;
  color: #A6A6A6;
  font-size: 18px;
  margin-top: -62px;
  text-align: center;
}
.project-message-panel-view .empty-tip .img-icon {
  width: 90px;
  height: 77px;
  background-size: 90px 77px;
  margin-bottom: 15px;
}
.project-message-panel-view .empty-tip .tip-small {
  font-size: 14px;
  margin-top: 6px;
}
.group-message-panel-view {
  z-index: 50;
  background-color: #FFFFFF;
  border-radius: 3px;
}
.group-message-panel-view .mute-container {
  position: absolute;
  top: 0;
  right: 7px;
  height: 99px;
  width: 80%;
  max-width: 255px;
  margin: 0;
  z-index: 99;
  background-color: transparent;
  background-image: url(https://dn-st.teambition.net/teambition/images/mask.8b48739f.png);
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.group-message-panel-view .mute-container .toggle {
  position: relative;
  width: 40px;
  height: 22px;
  border-radius: 11px;
  background-color: #E5E5E5;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}
.group-message-panel-view .mute-container .toggle.blue .check.checked ~ .track {
  box-shadow: inset 0 0 0 20px #3da8f5;
}
.group-message-panel-view .mute-container .toggle.mint .check.checked ~ .track {
  box-shadow: inset 0 0 0 20px #3da8f5;
}
.group-message-panel-view .mute-container .toggle.orange .check.checked ~ .track {
  box-shadow: inset 0 0 0 20px #FFAF38;
}
.group-message-panel-view .mute-container .toggle.red .check.checked ~ .track {
  box-shadow: inset 0 0 0 20px #FF4F3E;
}
.group-message-panel-view .mute-container .toggle .check {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 6;
}
.group-message-panel-view .mute-container .toggle .check.checked ~ .track {
  box-shadow: inset 0 0 0 20px #75C940;
}
.group-message-panel-view .mute-container .toggle .check.checked ~ .switch {
  right: 2px;
  left: 20px;
  transition: .4s ease;
  transition-property: left, right;
  transition-delay: .05s, 0s;
}
.group-message-panel-view .mute-container .toggle .switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 20px;
  background-color: #fff;
  border-radius: 50%;
  z-index: 1;
  transition: .4s ease;
  transition-property: left, right;
  transition-delay: 0s, .05s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.group-message-panel-view .mute-container .toggle .track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .4s ease;
  border-radius: 11px;
}
.group-message-panel-view .mute-container label {
  margin-right: 10px;
}
.group-message-panel-view .mute-container .form-group {
  margin-top: 15px;
  margin-right: 15px;
}
.group-message-panel-view .group-messages-content {
  position: relative;
}
.group-message-panel-view .group-messages-content:empty {
  display: none;
  background: red;
}
.group-message-panel-view .place-bottom {
  position: relative;
  height: 40px;
}
.group-message-panel-view .empty-tip {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -62px;
  font-size: 18px;
  text-align: center;
  color: #A6A6A6;
}
.group-message-panel-view .empty-tip .img-icon {
  height: 77px;
  width: 90px;
  margin-bottom: 15px;
  background-size: 90px 77px;
}
.group-message-panel-view .empty-tip .tip-small {
  margin-top: 6px;
  font-size: 14px;
}
.portal-view {
  margin: 0 auto;
}
.portal-view .portal-content {
  position: relative;
  overflow: hidden;
}
.portal-view .no-project {
  display: none;
}
.portal-view .project-category-item {
  margin-top: 48px;
}
.portal-view .project-category-item.archived {
  margin-bottom: 48px;
}
.portal-view .first-divider header hr {
  display: none;
}

.portal-view .placeholder > a {
  transition: color 218ms;
}
.portal-view .placeholder > a:hover {
  color: #6dbef8;
}
.portal-view header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
.portal-view header .title {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding-right: 20px;
  font-size: 18px;
  background-color: #F5F5F5;
}
.portal-view header hr {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  height: 1px;
  border: 0 none;
  margin: 10px 0 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f000000', endColorstr='#00000000', GradientType=1);
}
.portal-view .star-leave {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}
.portal-view .star-leave.star-leave-active {
  opacity: 0 !important;
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  transition: all .3s swing !important;
}
.portal-view .project-mode-switch {
  position: absolute;
  top: 20px;
  right: 0;
}
.portal-view .project-mode-switch .mode-handler {
  margin-left: 15px;
  color: #A6A6A6;
  font-size: 18px;
  cursor: pointer;
  transition: color 218ms;
}
.portal-view .project-mode-switch .mode-handler.active,
.portal-view .project-mode-switch .mode-handler:hover {
  color: #3da8f5;
}
.portal-view .grid-mode .projects {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -14px;
}
.portal-view .grid-mode .project {
  position: relative;
  height: 148px;
  margin: 14px;
  background-size: cover;
  background-position: center;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: all 218ms;
  border-radius: 3px;
  cursor: pointer;
}
.portal-view .grid-mode .project.add-project-button {
  background-color: #FFFFFF;
  transition: all 218ms;
}
.portal-view .grid-mode .project.add-project-button .create-project-handler {
  display: block;
  height: 100%;
  padding-top: 46px;
  color: #A6A6A6;
  text-align: center;
  transition: all 218ms;
}
.portal-view .grid-mode .project.add-project-button .create-project-handler .icon-circle-cross {
  display: block;
  margin-bottom: 25px;
  font-size: 36px;
}
.portal-view .grid-mode .project.add-project-button .create-project-handler .add-project-button-label {
  font-size: 18px;
}
.portal-view .grid-mode .project.add-project-button:hover .create-project-handler {
  color: #3da8f5;
}
.portal-view .grid-mode .project.animation {
  -webkit-animation: zoom 0.5s ease-out;
  animation: zoom 0.5s ease-out;
}
.portal-view .grid-mode .project:hover {
  -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0);
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.15);
}
.portal-view .grid-mode .project:hover .edit-set .project-circle,
.portal-view .grid-mode .project.flagged .edit-set .project-circle {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transition-delay: 0;
}
.portal-view .grid-mode .project:hover .edit-set .icon,
.portal-view .grid-mode .project.flagged .edit-set .icon {
  opacity: 1;
  transition-delay: 50ms;
}
.portal-view .grid-mode .project.flagged .edit-set .icon-star {
  color: #FFAF38;
}
.portal-view .grid-mode .project .show-lock {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #383838;
  border-radius: 2px;
}
.portal-view .grid-mode .project .show-lock hr {
  position: absolute;
  bottom: 40px;
  width: 100%;
  height: 0;
  margin: 0;
  border-top: 2px solid #555;
}
.portal-view .grid-mode .project .show-lock .lock-wrap {
  position: absolute;
  left: 50%;
  bottom: 22px;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  line-height: 40px;
  text-align: center;
  background-color: #555;
  border-radius: 50%;
}
.portal-view .grid-mode .project .show-lock .icon-lock {
  color: #FFFFFF;
  font-size: 22px;
}
.portal-view .grid-mode .project .visibility-label {
  position: absolute;
  left: 15px;
  bottom: 10px;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.25);
}
.portal-view .grid-mode .project .visibility-label .icon {
  margin-right: 5px;
}
.portal-view .grid-mode .project-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 10px 15px 30px;
  color: #FFFFFF;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.portal-view .grid-mode .project-info .info-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.portal-view .grid-mode .project-name {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portal-view .grid-mode .project-name h3 {
  margin: 0;
  line-height: 30px;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
.portal-view .grid-mode .edit-set {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  z-index: 1;
  line-height: 30px;
}
.portal-view .grid-mode .edit-set .project-circle {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  margin: 8px 7px 8px 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  border-radius: 7px;
  color: rgba(0, 0, 0, 0.5);
  background: rgba(255, 255, 255, 0.6);
  -webkit-transform: translate(24px, 0);
  transform: translate(24px, 0);
  transition: -webkit-transform 218ms ease 50ms;
  transition: transform 218ms ease 50ms;
  transition: transform 218ms ease 50ms, -webkit-transform 218ms ease 50ms;
}
.portal-view .grid-mode .edit-set .project-circle.on-big {
  padding: 0 4px;
}
.portal-view .grid-mode .edit-set .project-circle.on-white {
  min-width: 12px;
  height: 12px;
  margin: 9px 7px 9px 0;
  border-radius: 6px;
}
.portal-view .grid-mode .edit-set .icon {
  padding: 0 3px;
  color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  transition: opacity 218ms ease, color 218ms ease;
}
.portal-view .grid-mode .edit-set .icon:hover {
  color: #ffffff;
}
.portal-view .grid-mode .project-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portal-view .grid-mode .unarchive-project-handler {
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  line-height: 150px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 218ms;
  border-radius: 2px;
}
.portal-view .grid-mode .unarchive-project-handler .icon,
.portal-view .grid-mode .unarchive-project-handler .icon:hover {
  font-size: 42px;
  color: #FFFFFF;
}
.portal-view .grid-mode .archived-project:hover .unarchive-project-handler {
  opacity: 1;
}
@media screen and (max-width: 1199px) {
  .portal-view {
    width: 944px;
  }
  .portal-view .grid-mode .project {
    width: 296px;
  }
}
@media screen and (min-width: 1200px) {
  .portal-view {
    width: 1100px;
  }
  .portal-view .grid-mode .project {
    width: 254px;
    height: 88px;
  }
}
.portal-view .list-mode .projects {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  background: white;
}
.portal-view .list-mode .projects .project {
  width: 100%;
}
.portal-view .list-mode .projects .project-logo {
  width: 40px;
  height: 40px;
}
.portal-view .list-mode .project-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px;
}
.portal-view .list-mode .project {
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 0 -1px 0 0 #EBEBEB, 0 1px 0 0 #EBEBEB;
  overflow: hidden;
  cursor: pointer;
  transition: all 218ms;
}
.portal-view .list-mode .project:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.portal-view .list-mode .project:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.portal-view .list-mode .project .project-controls {
  display: inline-block;
}
.portal-view .list-mode .project:hover {
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  z-index: 2;
}
.portal-view .list-mode .project:hover .project-handler:after {
  opacity: 1;
}
.portal-view .list-mode .project:hover .project-set {
  display: block;
}
.portal-view .list-mode .project:last-child:hover {
  box-shadow: 0 -7px 14px 0 rgba(0, 0, 0, 0.05), 0 7px 14px 0 rgba(0, 0, 0, 0.05);
}
.portal-view .list-mode .project-logo {
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-size: cover;
  background-color: #F5F5F5;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3px;
}
.portal-view .list-mode .project-logo .react-badge {
  position: absolute;
  top: -6px;
  right: -6px;
}
.portal-view .list-mode .project-logo .react-badge .badge-inline {
  border: 1px solid #FFFFFF;
  position: relative;
}
.portal-view .list-mode .project-logo .show-lock {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
.portal-view .list-mode .project-logo .show-lock .icon {
  color: #FFFFFF;
}
.portal-view .list-mode .project-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  min-width: 0;
}
.portal-view .list-mode .project-content .react-badge {
  display: none;
}
.portal-view .list-mode .project-name {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portal-view .list-mode .project-name h3,
.portal-view .list-mode .project-name p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portal-view .list-mode .project-name h3 {
  font-size: 16px;
  margin: 0;
  line-height: 24px;
}
.portal-view .list-mode .project-name p {
  font-size: 12px;
  line-height: 16px;
  color: #A6A6A6;
}
.portal-view .list-mode .project-handler {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.portal-view .list-mode .project-handler:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.portal-view .list-mode .project-info {
  height: 21px;
}
.portal-view .list-mode .project-info .project-star {
  margin-left: 8px;
}
.portal-view .list-mode .project-info .project-star.hiddenStar {
  visibility: hidden;
}
.portal-view .list-mode .visibility-label,
.portal-view .list-mode .project-member {
  font-size: 14px;
  color: #A6A6A6;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: transparent;
}
.portal-view .list-mode .visibility-label .icon,
.portal-view .list-mode .project-member .icon {
  margin-right: 8px;
}
.portal-view .list-mode .visibility-label {
  width: 110px;
}
.portal-view .list-mode .project-member {
  width: 80px;
}
.portal-view .list-mode .project-set {
  position: absolute;
  top: 50%;
  right: 0;
  display: none;
  width: 100%;
  text-align: right;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.portal-view .list-mode .project-set a {
  margin-left: 15px;
}
.portal-view .list-mode .project-set .icon {
  font-size: 18px;
}
.portal-view .list-mode .project-star {
  width: 18px;
  font-size: 18px;
  text-align: left;
}
.portal-view .list-mode .project-star .icon-star {
  color: #FFAF38;
}
.portal-view .list-mode .starred-projects {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: -10px;
}
.portal-view .list-mode .starred-projects .project-wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
}
.portal-view .list-mode .starred-projects .project {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 275px;
  height: 88px;
  margin: 10px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.portal-view .list-mode .starred-projects .project:hover {
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
}
.portal-view .list-mode .starred-projects .project:hover .project-set {
  display: block;
}
.portal-view .list-mode .starred-projects .project:hover .project-content:after {
  opacity: 1;
}
.portal-view .list-mode .starred-projects .project-logo {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 88px;
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.portal-view .list-mode .starred-projects .project-logo .react-badge {
  display: none;
}
.portal-view .list-mode .starred-projects .project-content {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.portal-view .list-mode .starred-projects .project-content .react-badge {
  display: block;
  z-index: 1;
}
.portal-view .list-mode .starred-projects .project-content .react-badge .badge-inline {
  border: 1px solid #FFFFFF;
}
.portal-view .list-mode .starred-projects .project-content:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffffff', endColorstr='#ffffffff', GradientType=0);
  transition: all 218ms;
}
.portal-view .list-mode .starred-projects .project-name {
  width: auto;
  margin: 8px 10px;
  white-space: normal;
}
.portal-view .list-mode .starred-projects .project-name h3 {
  font-size: 16px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
.portal-view .list-mode .starred-projects .project-name p {
  font-size: 12px;
  white-space: normal;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}
.portal-view .list-mode .starred-projects .project-info {
  display: none;
}
.portal-view .list-mode .starred-projects .project-handler {
  position: absolute;
  right: 5px;
  bottom: 30px;
  width: 100%;
}
.portal-view .list-mode .starred-projects .react-badge {
  position: absolute;
  top: 5px;
  right: 5px;
}
.portal-view .list-mode .starred-projects .project-set {
  bottom: 0;
  right: 5px;
  background-color: transparent;
  z-index: 1;
}
.portal-view .list-mode .add-project-button .project-logo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #a6a6a6;
  transition: border 218ms, background-color 418ms;
}
.portal-view .list-mode .add-project-button .project-logo .icon {
  font-size: 20px;
  transition: color 218ms;
}
.portal-view .list-mode .add-project-button .project-content .project-name {
  color: #A6A6A6;
  transition: color 218ms;
}
.portal-view .list-mode .add-project-button:hover .project-logo {
  border: 1px solid #3da8f5;
  background-color: transparent;
}
.portal-view .list-mode .add-project-button:hover .project-logo .icon {
  color: #3da8f5;
}
.portal-view .list-mode .add-project-button:hover .project-content .project-name {
  color: #3da8f5;
}
.portal-view .list-mode .divider-wrap {
  margin-bottom: 12px;
}
@media screen and (max-width: 1199px) {
  .portal-view {
    width: 944px;
  }
  .portal-view .list-mode .starred-projects .project {
    width: 296px;
  }
}
@media screen and (min-width: 1200px) {
  .portal-view {
    width: 1100px;
  }
  .portal-view .list-mode .starred-projects .project {
    width: 254px;
  }
}
.portal-view .bind-reminder-section {
  position: relative;
  padding: 10px 15px;
  color: #3da8f5;
  font-size: 14px;
  background: #d9f2fe;
  border: 1px solid #81d4f9;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  max-width: 800px;
  margin: auto;
}
.portal-view .bind-reminder-section p {
  color: #808080;
}
.portal-view .bind-reminder-section a {
  color: #3da8f5;
}
.portal-view .bind-reminder-section .icon-remove {
  cursor: pointer;
}
.portal-view .divider-wrap {
  position: relative;
  top: 5px;
  height: 20px;
  margin-bottom: 10px;
  clear: both;
  text-align: center;
}
.portal-view .divider-wrap:before {
  content: '';
  position: absolute;
  top: 10px;
  display: block;
  width: 100%;
  height: 1px;
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
  background-repeat: no-repeat;
}
.portal-view .divider-wrap .divider-title {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  color: #808080;
  background-color: #EEEEEE;
}
.pro-overdue-tips .modal-close {
  position: absolute;
  top: 18px;
  right: 15px;
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  z-index: 1111;
  transition: all 218ms;
}
.pro-overdue-tips img {
  width: 100%;
  height: auto;
  z-index: 1;
}
.pro-overdue-tips .version-tips-wrap {
  width: 320px;
  position: absolute;
  top: 98px;
  left: 50%;
  text-align: center;
  background-color: #fff;
  padding: 30px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  z-index: 23333;
}
.pro-overdue-tips .version-tips-wrap .version-tips-content .image {
  width: 120px;
}
.pro-overdue-tips .version-tips-wrap .version-tips-content .title {
  color: #3da8f5;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 20px;
}
.pro-overdue-tips .version-tips-wrap .version-tips-content .title span {
  display: block;
}
.pro-overdue-tips .version-tips-wrap .version-tips-content .update-content {
  color: #383838;
  text-align: left;
}
.pro-overdue-tips .version-tips-wrap .version-tips-content .update-content .star {
  color: #3da8f5;
}
.pro-overdue-tips .version-tips-wrap .version-tips-content .update-content > p {
  margin-bottom: 24px;
}
.pro-overdue-tips .version-tips-wrap .version-tips-content .btn {
  display: block;
  border-color: #3da8f5;
}
.pro-overdue-tips .version-tips-wrap .version-tips-content .btn.first-btn {
  color: #FFFFFF;
  padding: 8px 15px;
  margin-bottom: 20px;
  background-color: #3da8f5;
}
.pro-overdue-tips .version-tips-wrap .version-tips-content .btn.second-btn {
  padding: 8px 30px;
  color: #3da8f5;
  background-color: #FFFFFF;
}
.pro-overdue-tips .version-tips-wrap .version-tips-content .btn.ceo-letter {
  border: 0;
  margin: 30px 0 10px 0;
  color: #3da8f5;
  padding: 0;
  font-weight: 300;
}
.pro-overdue-tips .version-tips-wrap .version-tips-content .btn.ceo-letter .icon {
  margin-right: 8px;
}
.project-panel {
  position: fixed;
  width: 350px;
  top: 98px;
  right: 0;
  bottom: 0;
  z-index: 50;
  background-color: #F7F7F7;
  overflow: hidden;
  box-shadow: -3px 0 3px rgba(0, 0, 0, 0.1);
  opacity: 0;
  -webkit-transform: translate3d(360px, 0px, 0px);
          transform: translate3d(360px, 0px, 0px);
  transition: 0.25s cubic-bezier(0, 1, 0.39, 1);
}
.project-panel .chat-room .work {
  width: 100%;
}
.with-full-project-panel .project-panel {
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  transition: 0.25s cubic-bezier(0, 1, 0.39, 1);
  overflow: initial;
}
.with-full-project-panel .works-background-uploader,
.with-full-project-panel .project-menu-view {
  right: 360px !important;
}
@media screen and (min-width: 1230px) {
  .board-view {
    transition: right 218ms ease;
  }
  .with-full-project-panel .nav-panel-wrap {
    display: none;
  }
  .with-full-project-panel .project-panel {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .with-full-project-panel .board-view {
    right: 350px;
  }
}
body.board-fullscreen .project-panel {
  top: 0;
}
.project-creator.simple-creator {
  width: 360px;
  position: relative;
}
.project-creator.simple-creator .modal-body {
  padding-top: 0;
}
.project-creator.simple-creator .modal-body .illustration {
  width: 113px;
  height: 90px;
  margin: 30px auto;
  background-size: 113px 90px;
}
.project-creator.simple-creator .modal-body .intro {
  color: #808080;
  margin-bottom: 25px;
}
.project-creator.simple-creator .modal-footer .btn {
  width: 100%;
}
.project-creator.simple-creator .modal-footer hr {
  color: #F1F1F1;
  margin: 12px 0;
}
.project-creator.simple-creator .modal-footer .btn-project-template {
  color: #3da8f5;
  border-color: #3da8f5;
}
.project-creator.from-template .item-icon {
  width: 20px;
  color: #3da8f5;
}
.project-creator.from-template .item-icon.icon-tasks {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
a.project-creator.from-template .item-icon.icon-tasks {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.project-creator.from-template .item-icon.icon-tasks:hover {
  color: #3da8f5;
}
a.project-creator.from-template .item-icon.icon-tasks.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.project-creator.from-template .item-icon.icon-tasks.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.project-creator.from-template .item-icon.icon-tasks.icon-white {
  color: #FFFFFF;
}
.project-creator.from-template .item-icon.icon-tasks.icon-font14 {
  font-size: 14px;
}
.project-creator.from-template .item-icon.icon-tasks.icon-font16 {
  font-size: 16px;
}
.project-creator.from-template .item-icon.icon-tasks.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.project-creator.from-template .item-icon.icon-events {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
a.project-creator.from-template .item-icon.icon-events {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.project-creator.from-template .item-icon.icon-events:hover {
  color: #3da8f5;
}
a.project-creator.from-template .item-icon.icon-events.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.project-creator.from-template .item-icon.icon-events.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.project-creator.from-template .item-icon.icon-events.icon-white {
  color: #FFFFFF;
}
.project-creator.from-template .item-icon.icon-events.icon-font14 {
  font-size: 14px;
}
.project-creator.from-template .item-icon.icon-events.icon-font16 {
  font-size: 16px;
}
.project-creator.from-template .item-icon.icon-events.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.project-creator.from-template .item-icon.icon-works {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
a.project-creator.from-template .item-icon.icon-works {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.project-creator.from-template .item-icon.icon-works:hover {
  color: #3da8f5;
}
a.project-creator.from-template .item-icon.icon-works.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.project-creator.from-template .item-icon.icon-works.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.project-creator.from-template .item-icon.icon-works.icon-white {
  color: #FFFFFF;
}
.project-creator.from-template .item-icon.icon-works.icon-font14 {
  font-size: 14px;
}
.project-creator.from-template .item-icon.icon-works.icon-font16 {
  font-size: 16px;
}
.project-creator.from-template .item-icon.icon-works.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.project-creator.from-template .item-icon.icon-tasklist {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
a.project-creator.from-template .item-icon.icon-tasklist {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.project-creator.from-template .item-icon.icon-tasklist:hover {
  color: #3da8f5;
}
a.project-creator.from-template .item-icon.icon-tasklist.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.project-creator.from-template .item-icon.icon-tasklist.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.project-creator.from-template .item-icon.icon-tasklist.icon-white {
  color: #FFFFFF;
}
.project-creator.from-template .item-icon.icon-tasklist.icon-font14 {
  font-size: 14px;
}
.project-creator.from-template .item-icon.icon-tasklist.icon-font16 {
  font-size: 16px;
}
.project-creator.from-template .item-icon.icon-tasklist.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.project-creator.from-template .item-icon.icon-posts {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
a.project-creator.from-template .item-icon.icon-posts {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.project-creator.from-template .item-icon.icon-posts:hover {
  color: #3da8f5;
}
a.project-creator.from-template .item-icon.icon-posts.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.project-creator.from-template .item-icon.icon-posts.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.project-creator.from-template .item-icon.icon-posts.icon-white {
  color: #FFFFFF;
}
.project-creator.from-template .item-icon.icon-posts.icon-font14 {
  font-size: 14px;
}
.project-creator.from-template .item-icon.icon-posts.icon-font16 {
  font-size: 16px;
}
.project-creator.from-template .item-icon.icon-posts.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.project-creator.from-template .item-icon.icon-bookkeeping {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
a.project-creator.from-template .item-icon.icon-bookkeeping {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.project-creator.from-template .item-icon.icon-bookkeeping:hover {
  color: #3da8f5;
}
a.project-creator.from-template .item-icon.icon-bookkeeping.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.project-creator.from-template .item-icon.icon-bookkeeping.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.project-creator.from-template .item-icon.icon-bookkeeping.icon-white {
  color: #FFFFFF;
}
.project-creator.from-template .item-icon.icon-bookkeeping.icon-font14 {
  font-size: 14px;
}
.project-creator.from-template .item-icon.icon-bookkeeping.icon-font16 {
  font-size: 16px;
}
.project-creator.from-template .item-icon.icon-bookkeeping.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.project-creator.from-template .item-icon.icon-startDate {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
a.project-creator.from-template .item-icon.icon-startDate {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.project-creator.from-template .item-icon.icon-startDate:hover {
  color: #3da8f5;
}
a.project-creator.from-template .item-icon.icon-startDate.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.project-creator.from-template .item-icon.icon-startDate.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.project-creator.from-template .item-icon.icon-startDate.icon-white {
  color: #FFFFFF;
}
.project-creator.from-template .item-icon.icon-startDate.icon-font14 {
  font-size: 14px;
}
.project-creator.from-template .item-icon.icon-startDate.icon-font16 {
  font-size: 16px;
}
.project-creator.from-template .item-icon.icon-startDate.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.project-creator.from-template .item-icon.icon-groupchat {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
a.project-creator.from-template .item-icon.icon-groupchat {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.project-creator.from-template .item-icon.icon-groupchat:hover {
  color: #3da8f5;
}
a.project-creator.from-template .item-icon.icon-groupchat.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.project-creator.from-template .item-icon.icon-groupchat.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.project-creator.from-template .item-icon.icon-groupchat.icon-white {
  color: #FFFFFF;
}
.project-creator.from-template .item-icon.icon-groupchat.icon-font14 {
  font-size: 14px;
}
.project-creator.from-template .item-icon.icon-groupchat.icon-font16 {
  font-size: 16px;
}
.project-creator.from-template .item-icon.icon-groupchat.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.project-creator.from-template .item-icon.icon-markdown {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
a.project-creator.from-template .item-icon.icon-markdown {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.project-creator.from-template .item-icon.icon-markdown:hover {
  color: #3da8f5;
}
a.project-creator.from-template .item-icon.icon-markdown.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.project-creator.from-template .item-icon.icon-markdown.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.project-creator.from-template .item-icon.icon-markdown.icon-white {
  color: #FFFFFF;
}
.project-creator.from-template .item-icon.icon-markdown.icon-font14 {
  font-size: 14px;
}
.project-creator.from-template .item-icon.icon-markdown.icon-font16 {
  font-size: 16px;
}
.project-creator.from-template .item-icon.icon-markdown.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.project-creator.from-template .item-icon.icon-shimo {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 80px 40px;
  background-image: url(https://dn-st.teambition.net/teambition/images/icons@2x.2665182a.png);
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -140px 0;
}
.project-creator.from-template .item-icon.icon-appearin {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 80px 40px;
  background-image: url(https://dn-st.teambition.net/teambition/images/icons@2x.2665182a.png);
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -100px 0;
}
.project-creator.from-template .item-icon.icon-yiqixie {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 80px 40px;
  background-image: url(https://dn-st.teambition.net/teambition/images/icons@2x.2665182a.png);
  width: 20px;
  height: 20px;
  background-image: url(https://dn-st.teambition.net/teambition/images/integration@2x.7ab4ecda.png);
  background-size: 260px auto;
  background-position: -120px 0;
}
.project-creator.from-template {
  width: 800px;
  padding: 0 !important;
}
.project-creator.from-template .modal-header {
  margin: 20px 20px 0 20px;
}
.project-creator.from-template .modal-header .modal-title {
  border: none;
}
.project-creator.from-template .modal-body {
  min-height: 370px;
  padding: 30px 0;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.project-creator.from-template .modal-body .flex-fill {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
}
.project-creator.from-template .modal-body .template-overview {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #EEEEEE;
}
.project-creator.from-template .modal-body .template-overview > section {
  padding: 0 25px;
  overflow: hidden;
}
.project-creator.from-template .modal-body .template-overview .overview-title {
  color: #A6A6A6;
  margin-bottom: 20px;
}
.project-creator.from-template .modal-body .template-overview .template-task-flow {
  margin-bottom: 17px;
  padding-bottom: 3px;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-title {
  margin-top: 14px;
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content {
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  margin-bottom: -20px;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item {
  height: 30px;
  max-width: 115px;
  position: relative;
  margin-bottom: 20px;
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item::before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #3da8f5;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item .item-name {
  display: block;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item:not(:last-child) {
  margin-right: 20px;
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item:not(:last-child)::after {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  top: 5px;
  right: -17px;
  color: #D9D9D9;
  position: absolute;
}
a.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item:not(:last-child)::after {
  color: #A6A6A6;
  transition: color 218ms ease;
}
a.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item:not(:last-child)::after:hover {
  color: #3da8f5;
}
a.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item:not(:last-child)::after.icon-white {
  color: #FFFFFF;
  transition: text-shadow 218ms ease;
}
a.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item:not(:last-child)::after.icon-white:hover {
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item:not(:last-child)::after.icon-white {
  color: #FFFFFF;
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item:not(:last-child)::after.icon-font14 {
  font-size: 14px;
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item:not(:last-child)::after.icon-font16 {
  font-size: 16px;
}
.project-creator.from-template .modal-body .template-overview .template-task-flow .overview-content .template-task-flow-item:not(:last-child)::after.icon-pin {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.project-creator.from-template .modal-body .template-overview .template-app-plugin {
  margin-top: 20px;
}
.project-creator.from-template .modal-body .template-overview .template-app-plugin .overview-content {
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project-creator.from-template .modal-body .template-overview .template-app-plugin .overview-content .template-app-plugin-item {
  height: 32px;
  padding: 0 8px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  border-radius: 3px;
  border: 1px solid #EEEEEE;
  box-shadow: 0 1px 1px rgba(240, 240, 240, 0.35);
}
.project-creator.from-template .modal-body .template-overview .template-app-plugin .overview-content .template-app-plugin-item .item-name {
  line-height: 30px;
  padding-left: 5px;
}
.project-creator.from-template .modal-body .template-overview .template-app-plugin .overview-content .template-app-plugin-item:not(:last-child) {
  margin-right: 15px;
}
.project-creator.from-template .modal-body .creator-content-container {
  margin: 0 50px;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project-creator.from-template .modal-body .creator-content-container .intro {
  color: #808080;
  padding: 25px 0;
}
.project-creator.from-template .modal-body .creator-content-container .intro .template-name {
  color: #383838;
  padding: 0 3px;
}
.project-creator.from-template .modal-footer {
  margin: 0;
  height: 70px;
}
.project-creator.from-template .modal-footer .btn-create-project {
  width: 150px;
  margin: 15px 30px 15px 0;
}
.project-creator.from-template .modal-footer .btn-create-project span {
  z-index: 5;
  position: relative;
}
.project-creator.from-template .modal-footer .btn-create-project.is-submitting {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.project-creator.from-template .modal-footer .btn-create-project.is-submitting:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #3da8f5;
  -webkit-animation: kf-growing-load 1s cubic-bezier(0, 1, 0.25, 1) forwards;
  animation: kf-growing-load 1s cubic-bezier(0, 1, 0.25, 1) forwards;
}
.project-creator .modal-body .project-description {
  resize: vertical;
  height: 40px;
  min-height: 40px;
  max-height: 150px;
}
.project-creator .modal-body .project-owner,
.project-creator .modal-body .project-section {
  text-align: left;
}
.project-creator .modal-body .project-owner h5,
.project-creator .modal-body .project-section h5 {
  color: #808080;
  font-size: 12px;
  line-height: 12px;
}
.project-creator .modal-body .project-owner .form-group .open-selector-handler,
.project-creator .modal-body .project-section .form-group .open-selector-handler {
  cursor: pointer;
}
.project-creator .modal-body .project-owner .form-group .form-control,
.project-creator .modal-body .project-section .form-group .form-control {
  position: relative;
}
.project-creator .modal-body .project-owner .form-group .form-control .selector-title,
.project-creator .modal-body .project-section .form-group .form-control .selector-title {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-creator .modal-body .project-owner .form-group .form-control .icon-on-bar,
.project-creator .modal-body .project-section .form-group .form-control .icon-on-bar {
  position: absolute;
  top: 0;
  right: 0;
  color: #A6A6A6;
  margin: 9px 16px;
}
.project-creator .modal-body .project-owner .form-control {
  color: #A6A6A6;
}
.project-creator.template-wall {
  width: 800px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 450px;
  padding: 0 !important;
}
.project-creator.template-wall .modal-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.project-creator.template-wall .modal-content form {
  width: 100%;
}
.project-creator.template-wall .modal-content form .modal-header {
  margin: 20px 20px 0 20px;
}
.project-creator.template-wall .modal-content form .modal-header .modal-title {
  border: none;
}
.project-creator.template-wall .modal-content form .modal-body {
  padding: 0;
  border-top: 1px solid #EEEEEE;
}
.project-creator.template-wall .modal-content form .modal-body .template-category-nav {
  width: 180px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-right: 1px solid #EEEEEE;
  overflow-x: hidden;
  overflow-y: auto;
}
.project-creator.template-wall .modal-content form .modal-body .template-category-nav .template-category-item {
  position: relative;
  height: 56px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #808080;
  text-align: left;
  line-height: 56px;
  border-bottom: 1px solid #EEEEEE;
  padding-left: 25px;
  cursor: pointer;
}
.project-creator.template-wall .modal-content form .modal-body .template-category-nav .template-category-item .icon {
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  margin-right: 10px;
  padding: 0 2px 0 2px;
}
.project-creator.template-wall .modal-content form .modal-body .template-category-nav .template-category-item .category-name {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-creator.template-wall .modal-content form .modal-body .template-category-nav .template-category-item.selected {
  color: #3da8f5;
}
.project-creator.template-wall .modal-content form .modal-body .template-category-nav .template-category-item.selected::before {
  content: '';
  position: absolute;
  left: 0;
  width: 4px;
  height: 56px;
  background-color: #3da8f5;
}
.project-creator.template-wall .modal-content form .modal-body .template-category-nav .template-feedback {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-top: 20px;
  padding: 15px 0;
  color: #3da8f5;
}
.project-creator.template-wall .modal-content form .modal-body .template-list {
  padding: 0;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow-y: auto;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  padding: 20px 35px 20px 20px;
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item {
  margin-bottom: 20px;
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item.dummy {
  visibility: hidden;
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item.creator > .template-card {
  background-color: #808080;
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card {
  position: relative;
  width: 175px;
  height: 90px;
  border-radius: 3px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  background-size: 175px 90px;
  background-repeat: no-repeat;
  transition: all 0.2s;
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card::before {
  content: '';
  position: absolute;
  background: linear-gradient(to bottom, #373E40, rgba(85, 90, 92, 0.5));
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  border-radius: 3px;
  transition: all 0.2s;
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card .trash-badge {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 18px;
  height: 18px;
  z-index: 20;
  text-align: center;
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 0.15);
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card .trash-badge .icon-trash {
  color: white;
  font-size: 12px;
  line-height: 18px;
  -webkit-transform: translateX(4%);
          transform: translateX(4%);
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card .trash-badge:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card .card-badge {
  position: absolute;
  top: 8px;
  right: 0;
  z-index: 5;
  color: white;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0.7px;
  padding: 3px 2.5px 3px 3px;
  text-transform: uppercase;
  background-color: #3da8f5;
  border-radius: 3px 0 0 3px;
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card .template-name,
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card .template-intro {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  max-height: 100%;
  z-index: 15;
  color: white;
  font-size: 16px;
  transition: all 0.2s;
  overflow: hidden;
  overflow-wrap: break-word;
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card .template-intro {
  opacity: 0;
  padding: 8px;
  font-size: 12px;
  -webkit-transform: scale(0.98) translateY(-50%);
          transform: scale(0.98) translateY(-50%);
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card.selected::before {
  z-index: 10;
  opacity: 0.8;
  background: none !important;
  background-color: #35B0E8 !important;
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card:hover {
  cursor: pointer;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card:hover::before {
  z-index: 10;
  opacity: 0.95;
  background-color: #373E40;
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card:hover .trash-badge {
  display: block;
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card:not(.selected):hover .template-name {
  opacity: 0;
  -webkit-transform: scale(0.98) translateY(-50%);
          transform: scale(0.98) translateY(-50%);
}
.project-creator.template-wall .modal-content form .modal-body .template-list .template-item .template-card:not(.selected):hover .template-intro {
  opacity: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.modal.in .modal-dialog.project-creator {
  transition: 0.5s width ease-in-out, 0.5s -webkit-flex ease-in-out;
  transition: 0.5s width ease-in-out, 0.5s flex ease-in-out;
  transition: 0.5s width ease-in-out, 0.5s flex ease-in-out, 0.5s -webkit-flex ease-in-out, 0.5s -ms-flex ease-in-out;
}
.project-navigation .nav-header {
  position: absolute;
  z-index: 2;
  left: 0;
  height: 50px;
  margin: 0;
  padding: 15px;
}
.project-navigation .nav-header > a,
.project-navigation .nav-header > span {
  display: inline-block;
  float: left;
  margin-right: 5px;
}
.project-navigation .nav-header .project-switcher-handler {
  padding-right: 10px;
}
.project-navigation .nav-header .project-name {
  display: inline-block;
  max-width: 150px;
  float: left;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-navigation .nav-header .icon-chevron-right {
  font-size: 12px;
}
.project-navigation .nav-header .icon-chevron-down {
  margin-left: 5px;
  font-size: 12px;
}
.project-navigation .nav-header .icon-star.starred,
.project-navigation .nav-header .icon-star:hover {
  color: #FFAF38;
}
.project-navigation .nav-header .public-label {
  margin-left: 8px;
}
.project-navigation .nav-header .public-label .icon {
  margin-right: 4px;
}
.project-navigation .nav-header .public-label:not(.public) {
  display: none;
}
.project-navigation .nav-body {
  position: relative;
  white-space: nowrap;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project-navigation .nav-body ul.nav > li {
  z-index: 2;
  padding: 0 20px;
}
.project-navigation .nav-body ul.nav > li > a {
  margin: 0;
  padding: 15px 0;
}
.project-navigation .nav-body ul.nav > li .app[data-app=tasks] {
  position: relative;
  float: left;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-navigation .nav-body ul.nav > li .tasklist-pop-handler {
  position: relative;
  margin-left: 10px;
  margin-right: -17px;
  float: left;
  cursor: pointer;
}
.project-navigation .nav-body ul.nav > li .tasklist-pop-handler > .icon {
  padding: 0 7px;
}
.project-navigation .nav-body ul.nav > li .tasklist-pop-handler > .icon:hover {
  color: #3da8f5;
}
.project-navigation .nav-body ul.nav > li .tasklist-pop-handler:before {
  position: absolute;
  content: '';
  width: 1px;
  left: 0;
  top: 18px;
  bottom: 18px;
  background-color: #A6A6A6;
}
.project-navigation .nav-body ul.nav > li .tasklist-pop-handler.on-pinned {
  display: none;
}
.project-navigation .nav-body ul.nav > li .tasklist-icon {
  line-height: 50px;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  transition: all ease 128ms;
}
.project-navigation .nav-body .nav-more:not(.on-show) {
  position: absolute;
  z-index: 1;
  visibility: hidden;
}
.project-navigation .nav-body .tasklist-pop-replace {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.project-navigation .nav-footer {
  position: absolute;
  right: 0;
  z-index: 2;
}
.project-navigation .nav-footer .nav-menu-handler {
  position: relative;
  padding: 15px 10px;
  margin: 0 5px;
  float: right;
  display: inline-block;
  text-align: center;
}
.project-navigation .nav-footer .nav-menu-handler .icon.icon-users {
  font-size: 15px;
  -webkit-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.project-navigation .nav-footer .nav-menu-handler .icon:first-child {
  margin-right: 5px;
  float: left;
}
.project-navigation .nav-footer .nav-menu-handler:not(:first-child):after {
  position: absolute;
  content: '';
  right: -5px;
  top: 16px;
  bottom: 16px;
  width: 1px;
  background-color: #A6A6A6;
}
.project-navigation .nav-footer .nav-menu-handler.on-active {
  color: #3da8f5;
}
.project-navigation .nav-footer .icon-state-check {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  top: 8px;
  right: 10px;
  color: #3da8f5;
  -webkit-transform: translateX(50%) scale(.5);
  transform: translateX(50%) scale(.5);
}
.project-navigation .homepage-handler:hover {
  color: #3da8f5;
}
.project-navigation .homepage-handler,
.project-navigation .project-switcher-handler {
  font-size: 16px;
  color: #383838;
  transition: color 218ms ease;
}
.project-navigation .nav-badge {
  position: absolute;
  display: inline-block;
  top: 8px;
  right: 10px;
  min-width: 20px;
  height: 20px;
  padding: 0 3px;
  line-height: 16px;
  text-align: center;
  background-color: #3da8f5;
  opacity: 0.9;
  font-size: 12px;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  -webkit-transform: translateX(50%) scale(.75);
  transform: translateX(50%) scale(.75);
  border-radius: 10px;
}
.project-navigation .nav-badge:empty {
  top: 8px;
  -webkit-transform: translateX(50%) scale(.5);
  transform: translateX(50%) scale(.5);
}
body.board-fullscreen .project-navigation {
  top: -50px;
}
.project-owner-selector-view {
  border-radius: 4px;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
}
.project-owner-selector-view .popover-header {
  display: none;
  color: red;
}
.project-owner-selector-view .popover-content {
  padding: 0;
}
.project-owner-selector-view .popover-content .menu-input {
  position: relative;
  padding: 15px 15px 10px;
}
.project-owner-selector-view .popover-content .menu-input.add-form {
  padding-right: 100px;
}
.project-owner-selector-view .popover-content p {
  padding: 7px 15px;
  color: #A6A6A6;
  font-size: 12px;
}
.project-owner-selector-view .popover-content .form-control {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 6px;
  line-height: 20px;
}
.project-owner-selector-view .popover-content ul {
  padding: 0 0 5px;
  max-height: 200px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.project-owner-selector-view .popover-content li > a {
  display: block;
  padding: 5px 35px 5px 15px;
  clear: both;
  line-height: 24px;
  color: #808080;
  outline: 0 none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-owner-selector-view .popover-content li > a:hover {
  background-color: #F7F7F7;
}
.project-owner-selector-view .popover-content li > a > .avatar,
.project-owner-selector-view .popover-content li > a > .icon {
  width: 24px;
  height: 24px;
  float: left;
  margin-left: -2px;
  margin-right: 10px;
  text-align: center;
  background-size: 24px 24px;
  font-size: 18px;
  line-height: 24px;
}
.project-switcher-view {
  position: fixed !important;
  top: 100px !important;
  left: 10px !important;
  width: 350px !important;
  margin-top: 10px !important;
  border: 0;
  text-align: left;
}
.project-switcher-view .popover-header {
  display: none;
}
.project-switcher-view .popover-content {
  padding: 0;
}
.project-switcher-view .project-search {
  position: relative;
  padding: 15px 15px 10px;
}
.project-switcher-view .project-search input {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 8px 12px;
  line-height: 20px;
}
.project-switcher-view .no-result {
  color: #808080;
  text-align: center;
}
.project-switcher-view .no-result .icon {
  font-size: 30px;
  margin-bottom: 15px;
}
.project-switcher-view .project-list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.project-switcher-view .group-name {
  padding: 15px 15px 5px 15px;
}
.project-switcher-view .project-item.selected {
  position: relative;
}
.project-switcher-view .project-item.selected:after {
  position: absolute;
  top: 25px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #A6A6A6;
}
.project-switcher-view .project-item.active {
  background-color: #f5f5f5;
  font-weight: bold;
}
.project-switcher-view .project-item .project-logo {
  width: 80px;
  height: 40px;
  margin-right: 10px;
  background-size: cover;
  background-position: center;
  background-color: #74bbd8;
}
.project-switcher-view .project-item .visibility-label.icon {
  color: #808080;
  margin-left: 6px;
  vertical-align: middle;
}
.project-switcher-view .project-item a {
  display: block;
  padding: 15px;
  padding-right: 50px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #383838;
}
.project-switcher-view .project-item a:hover {
  background-color: #f5f5f5;
  text-decoration: none;
  color: #737373;
}
.project-switcher-view > li:hover + li:before {
  border-color: #EEEEEE;
}
.modal-dialog.project-memberadd-view {
  width: 360px;
  min-height: 486px;
  max-height: 600px;
}
.modal-dialog.project-memberadd-view.show-member-progress .modal-body {
  margin-bottom: 50px;
}
.modal-dialog.project-memberadd-view .loading-indicator {
  margin-top: 100px;
}
.modal-dialog.project-memberadd-view .modal-header {
  margin: 15px 15px 0;
}
.modal-dialog.project-memberadd-view .modal-header .modal-title {
  font-size: 16px;
  padding-bottom: 15px;
}
.modal-dialog.project-memberadd-view .modal-body {
  padding: 0 15px;
  overflow: auto;
}
.modal-dialog.project-memberadd-view .modal-body .add-member-header {
  height: 14px;
  margin: 15px 0;
  line-height: 14px;
  font-size: 14px;
  position: relative;
}
.modal-dialog.project-memberadd-view .modal-body .add-member-header span.title {
  display: inline-block;
}
.modal-dialog.project-memberadd-view .modal-body .add-member-header .link-add-handler:not(:last-child) {
  margin-right: 5px;
}
.modal-dialog.project-memberadd-view .modal-body .placeholder-wrapper {
  text-align: center;
}
.modal-dialog.project-memberadd-view .modal-body .placeholder-wrapper .illustration {
  margin: 70px auto 22px auto;
}
.modal-dialog.project-memberadd-view .modal-body .placeholder-wrapper.empty-project-placeholder > .illustration {
  width: 132px;
  height: 97px;
  background-size: 132px 97px;
}
.modal-dialog.project-memberadd-view .modal-body .placeholder-wrapper.empty-search-placeholder > .illustration {
  width: 100px;
  height: 100px;
  background-size: 100px 100px;
}
.modal-dialog.project-memberadd-view .modal-body .placeholder-wrapper .tip {
  margin: auto;
  color: #808080;
  padding: 0 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-dialog.project-memberadd-view .modal-body .list-wrapper > header {
  color: #383838;
  margin-top: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid #F1F1F1;
}
.modal-dialog.project-memberadd-view .modal-body .team.team-has-parent .avatar {
  line-height: 14px;
}
.modal-dialog.project-memberadd-view .modal-body .team.team-has-parent .abstract .name {
  line-height: 14px;
  margin-bottom: 8px;
}
.modal-dialog.project-memberadd-view .modal-body .team.team-has-parent .abstract .team-breadcrumbs {
  color: #A6A6A6;
  font-size: 12px;
  line-height: 12px;
}
.modal-dialog.project-memberadd-view .modal-body .team.team-has-parent .status > * {
  vertical-align: text-top;
}
.modal-dialog.project-memberadd-view .modal-body .team,
.modal-dialog.project-memberadd-view .modal-body .group,
.modal-dialog.project-memberadd-view .modal-body .member {
  line-height: 24px;
  margin: 13px 0 16px 0;
}
.modal-dialog.project-memberadd-view .modal-body .team .avatar,
.modal-dialog.project-memberadd-view .modal-body .group .avatar,
.modal-dialog.project-memberadd-view .modal-body .member .avatar {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 10px;
}
.modal-dialog.project-memberadd-view .modal-body .team .abstract,
.modal-dialog.project-memberadd-view .modal-body .group .abstract,
.modal-dialog.project-memberadd-view .modal-body .member .abstract {
  width: 100%;
  color: #383838;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-dialog.project-memberadd-view .modal-body .team .abstract span,
.modal-dialog.project-memberadd-view .modal-body .group .abstract span,
.modal-dialog.project-memberadd-view .modal-body .member .abstract span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-dialog.project-memberadd-view .modal-body .team .status,
.modal-dialog.project-memberadd-view .modal-body .group .status,
.modal-dialog.project-memberadd-view .modal-body .member .status {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.modal-dialog.project-memberadd-view .modal-body .team .status *,
.modal-dialog.project-memberadd-view .modal-body .group .status *,
.modal-dialog.project-memberadd-view .modal-body .member .status * {
  height: 24px;
  white-space: nowrap;
}
.modal-dialog.project-memberadd-view .modal-body .team .status .added,
.modal-dialog.project-memberadd-view .modal-body .group .status .added,
.modal-dialog.project-memberadd-view .modal-body .member .status .added {
  color: #A6A6A6;
  padding: 0 3px;
}
.modal-dialog.project-memberadd-view .modal-body .team .status .button-add,
.modal-dialog.project-memberadd-view .modal-body .group .status .button-add,
.modal-dialog.project-memberadd-view .modal-body .member .status .button-add {
  font-size: 14px;
  padding: 1px 9px;
  line-height: 20px;
}
.modal-dialog.project-memberadd-view .member-progress {
  position: absolute;
  bottom: 0;
  left: 0;
}
.visibility-menu li {
  color: #808080;
  padding: 8px 16px;
}
.visibility-menu li:hover {
  cursor: pointer;
  background: #F7F7F7;
}
.visibility-menu li .menu-item-title {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
}
.visibility-menu li .menu-item-info {
  color: #A6A6A6;
  font-size: 12px;
}
.visibility-menu li.selected {
  position: relative;
}
.visibility-menu li.selected .menu-item-title:after {
  height: 14px;
  width: 14px;
  margin-left: 10px;
  color: #A6A6A6;
}
.power-up-common {
  /* linear gradient mixin */
}
.power-up-common .plugin-header {
  color: #A6A6A6;
  padding: 12px 20px;
  margin-top: 7px;
}
.power-up-common .power-ups-item-list li {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 20px;
}
.power-up-common .power-ups-item-list li:hover {
  background-color: #F7F7F7;
  cursor: pointer;
}
.power-up-common .power-ups-item-list li hr {
  margin: 0;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
}
.power-up-common .power-ups-item-list .btn {
  padding: 4px 9px;
}
.power-up-common .power-ups-item-list .btn:not(first-child) {
  margin-left: 10px;
}
.power-up-common .power-ups-item-list .btn.btn-primary {
  background-color: #FFFFFF;
  color: #3da8f5;
  border-color: #3da8f5;
}
.power-up-common .power-ups-item-list .btn.btn-primary:hover {
  background-color: #3da8f5;
  color: #FFFFFF;
}
.power-up-common .power-ups-item-list .btn.btn-danger {
  background-color: #FFFFFF;
  color: #FF4F3E;
}
.power-up-common .power-ups-item-list .btn.btn-danger:hover {
  background-color: #FF4F3E;
  color: #FFFFFF;
}
.power-up-common .app-card > .icon {
  color: #FFFFFF;
}
.power-up-common .app-card[data-app=tasks] {
  background: linear-gradient(7deg, #0066be, #38aadd);
}
.power-up-common .app-card[data-app=tasks] > .icon {
  text-shadow: 0 0 1px #0D89D0;
}
.power-up-common .app-card[data-app=posts] {
  background: linear-gradient(110deg, #cd3b30, #ef7a6e);
}
.power-up-common .app-card[data-app=posts] > .icon {
  text-shadow: 0 0 1px #E46860;
}
.power-up-common .app-card[data-app=events] {
  background: linear-gradient(-25deg, #aed5e6, #35713a);
}
.power-up-common .app-card[data-app=events] > .icon {
  text-shadow: 0 0 1px #79A78D;
}
.power-up-common .app-card[data-app=works] {
  background-image: radial-gradient(circle, #6d80bc, #4a5aa7);
  background-repeat: no-repeat;
}
.power-up-common .app-card[data-app=works] > .icon {
  text-shadow: 0 0 1px #6464AC;
}
.power-up-common .app-card[data-app=bookkeeping] {
  background: linear-gradient(30deg, #ece700, #d29d00);
}
.power-up-common .app-card[data-app=bookkeeping] > .icon {
  text-shadow: 0 0 1px #E7BB8D;
}
.power-up-common .app-card[data-app=groupchat] {
  background: linear-gradient(10deg, #3B7A91, #66BFBB);
}
.power-up-common .app-card[data-app=groupchat] > .icon {
  text-shadow: 0 0 1px #14CB98;
}
.power-up-common .card-content {
  display: inline-block;
  margin-left: 5px;
}
.power-up-common .size-sd {
  font-size: 44px;
}
.power-up-common .size-sm {
  font-size: 30px;
}
.power-up-common .img-icon-appstore.img-icon.size-sm {
  width: 30px;
  height: 30px;
  background-size: 30px;
  background-position: center;
}
.power-up-common .img-icon-appstore.icon.size-sm {
  color: #808080;
}
.power-up-common .img-icon-preciseDate.size-sd,
.power-up-common .img-icon-startDate.size-sd,
.power-up-common .img-icon-customfields.size-sd,
.power-up-common .img-icon-tasklist.size-sd,
.power-up-common .img-icon-timeView.size-sd,
.power-up-common .img-icon-preciseDate.size-sm,
.power-up-common .img-icon-startDate.size-sm,
.power-up-common .img-icon-customfields.size-sm,
.power-up-common .img-icon-timeView.size-sm,
.power-up-common .img-icon-tasklist.size-sm {
  overflow: visible;
  background-image: none;
}
.power-up-common .check-wrap {
  margin: 0 5px 0 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 15px;
  height: 15px;
  background: #89C54C;
  color: #FFFFFF;
}
.power-up-common .check-wrap > .icon {
  font-size: 12px;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}
.power-up-common div.powerups-intro-item {
  width: 580px;
  height: 50px;
  background-image: url(https://dn-st.teambition.net/teambition/images/plugin-introduce-bg.d678ea73.png);
  background-size: 580px 50px;
  background-repeat: no-repeat;
  margin: 14px auto 18px;
  cursor: initial;
}
.power-up-common div.powerups-intro-item:hover {
  cursor: inherit;
}
.power-up-common div.powerups-intro-item .powerups-introduce-btn {
  position: absolute;
  right: 40px;
  color: #FFFFFF;
  text-decoration: underline;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 50px;
}
.app-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 48px;
  background-color: #f4f4f4;
  color: #FFFFFF;
  border-radius: 3px;
  cursor: pointer;
  margin-right: 15px;
  transition: all linear 218ms;
}
.app-card > .icon {
  font-size: 30px;
}
.app-card-des {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: #383838;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.app-card-des .card-des {
  font-size: 12px;
  color: #808080;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.power-ups-plugin-view .app-card {
  color: #808080;
  position: relative;
}
.power-ups-plugin-view .plugin-mark {
  padding: 2px 8px;
  color: #FFFFFF;
  background: #3da8f5;
  font-size: 10px;
  border-radius: 2px;
  margin-left: 5px;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .powerups-item-detail-view {
  padding-bottom: 0;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .on-off-toggle {
  padding: 0 0 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #808080;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 15px;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-logo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 110px;
  height: 110px;
  border-radius: 3px;
  background-color: #F7F7F7;
  color: #808080;
  margin-right: 20px;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-name {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
  font-weight: bold;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .pro-mark {
  display: inline-block;
  padding: 0 3px;
  background-color: #3da8f5;
  color: #FFFFFF;
  border-radius: 3px;
  font-weight: normal;
  font-size: 10px;
  margin-left: 6px;
  line-height: 15px;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .check-wrap {
  margin-left: 6px;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-author {
  margin-bottom: 10px;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-handler-wrap {
  position: absolute;
  right: 0;
  top: 0;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-handler-wrap .btn {
  min-width: 110px;
  margin-left: 20px;
  transition: all 218ms;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-handler-wrap .btn-default {
  color: #3da8f5;
  border-color: #3da8f5;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-handler-wrap .btn-default:hover,
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-handler-wrap .btn-default:active,
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-handler-wrap .btn-default:focus {
  color: #FFFFFF;
  background-color: #3da8f5;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-handler-wrap .btn-danger {
  color: #FF4F3E;
  border-color: #FF4F3E;
  background-color: #FFFFFF;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-handler-wrap .btn-danger:hover,
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-handler-wrap .btn-danger:active,
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .app-detail .app-content .app-handler-wrap .btn-danger:focus {
  color: #FFFFFF;
  background-color: #FF4F3E;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap {
  width: 760px;
  height: 428px;
  position: relative;
  background-color: black;
  overflow: hidden;
  border-radius: 3px;
  margin: 20px auto 0;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap:hover .switcher.prev {
  left: 0;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap:hover .switcher.next {
  right: 0;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .switcher {
  position: absolute;
  top: 0;
  width: 40px;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 18px;
  z-index: 10000;
  cursor: pointer;
  transition: all ease 280ms;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .switcher > .icon {
  transition: color ease 200ms;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .switcher:hover .icon {
  color: white;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .switcher.prev {
  left: -40px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=1);
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .switcher.next {
  right: -40px;
  background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=1);
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap[translatex=left0] .switcher.prev {
  display: none;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap[translatex=left3] .switcher.next {
  display: none;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3040px;
  height: 100%;
  transition: all ease 300ms;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .content video,
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .content img {
  width: 760px;
  height: 100%;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .content[translatex=left0] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .content[translatex=left1] {
  -webkit-transform: translateX(-760px);
  transform: translateX(-760px);
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .content[translatex=left2] {
  -webkit-transform: translateX(-1520px);
  transform: translateX(-1520px);
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .content-wrap .content[translatex=left3] {
  -webkit-transform: translateX(-2280px);
  transform: translateX(-2280px);
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .play-ctrl {
  position: absolute;
  top: 204px;
  left: 350px;
  font-size: 60px;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  text-shadow: 0 0 100px #383838;
  transition: color ease 200ms;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .play-ctrl:hover {
  color: white;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .action-btns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .action-btns .thumbnail-wrap {
  margin: 15px 10px;
  width: 70px;
  height: 40px;
  position: relative;
  background-color: #EEEEEE;
  cursor: pointer;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .action-btns .thumbnail-wrap::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 40px;
  background: rgba(3, 169, 244, 0);
  transition: background ease 280ms;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .action-btns .thumbnail-wrap.poster .icon {
  position: absolute;
  top: 10px;
  left: 28px;
  color: rgba(255, 255, 255, 0.5);
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .action-btns .thumbnail-wrap > img {
  border: 1px solid #e4e4e4;
  transition: border-color ease 200ms;
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .action-btns .thumbnail-wrap.active::before {
  background: rgba(3, 169, 244, 0.5);
}
.power-ups-item-detail-modal-view.modal-view.modal-dialog .modal-body .action-btns .thumbnail-wrap.active > img {
  border: 2px solid #3da8f5;
}
@-webkit-keyframes submitting {
  to {
    background-position: 0 0;
  }
}
@keyframes submitting {
  to {
    background-position: 0 0;
  }
}
.task-id-dialog-view.modal-dialog.modal-padding {
  padding-top: 15px;
  margin: auto;
}
.task-id-dialog-view .modal-header .modal-title {
  padding-bottom: 15px;
}
.task-id-dialog-view .task-id-input {
  margin: 20px 0;
}
.task-id-dialog-view .btn.is-submitting {
  height: 38px;
  border: 0;
  background-color: #4EC7FE;
  background-image: linear-gradient(to right, #3da8f5 50%, transparent 50%);
  background-position: 100% 0;
  background-size: 200%;
  -webkit-animation: 2s ease-in-out infinite submitting;
          animation: 2s ease-in-out infinite submitting;
}
.wall-view {
  position: fixed;
  top: 120px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent !important;
  transition: right 218ms ease;
}
.wall-view .wall-wrap {
  position: relative;
  width: 100%;
  max-width: 1260px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  background-color: #FFFFFF;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.wall-view .wall-left-column {
  position: relative;
  float: left;
  width: 330px;
  height: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.wall-view .wall-left-column .dropdown-menu .divider {
  margin: 5px;
  background-color: rgba(0, 0, 0, 0.12);
  border: 0 none;
}
.wall-view .wall-left-column .dropdown-menu .caret {
  margin-top: -2px;
  margin-left: 2px;
  color: #A6A6A6;
  border-width: 5px 5px 0;
}
.wall-view .wall-left-column .dropdown-menu .dropup .caret {
  border-width: 0 5px 5px;
}
.wall-view .wall-left-column .dropdown-menu .sort-handler {
  position: relative;
}
.wall-view .wall-left-column .dropdown-menu .sort-handler .icon {
  position: absolute;
  right: 0;
  margin-right: 5px;
  font-size: 10px;
}
.wall-view .wall-left-column .post {
  position: relative;
  padding: 16px 48px 20px 16px;
  cursor: pointer;
  border-bottom: 1px solid #EEEEEE;
}
.wall-view .wall-left-column .post.pin:before {
  position: absolute;
  top: 16px;
  right: 8px;
  color: #808080;
}
.wall-view .wall-left-column .post:hover:not(.active) .post-title {
  color: #3da8f5;
}
.wall-view .wall-left-column .post.active {
  background-color: #F7F7F7;
}
.wall-view .wall-left-column .post.active .post-title {
  color: #3da8f5;
}
.wall-view .wall-left-column .post .post-icons {
  position: absolute;
  top: 16px;
  right: 8px;
}
.wall-view .wall-left-column .post .post-icons:empty {
  display: none;
}
.wall-view .wall-left-column .post .post-icons .icon {
  color: #A6A6A6;
}
.wall-view .wall-left-column .post section .avatar {
  width: 30px;
  height: 30px;
  margin-top: 5px;
}
.wall-view .wall-left-column .post .shimo-logo {
  position: absolute;
  right: 10px;
  width: 22px;
  height: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAWCAYAAAC/kK73AAAAAXNSR0IArs4c6QAABvFJREFUSA3tl3to1WUYx89tZ+6iMpzHMdeKmkyNvCRuGmoOLBgZpOGgdDmsJjIHIQQ5L8OhOBQ2MAy2ohQryCUlRWbaNi8Mt8TUofOylXTazW05d9/O5dfn++vs4LYzy+jPXnjO877P7X2e533e5/0dq+U/HGvWrHH29vbOjoqKqi8rK+sZbTo7OzvS7Xb7oqOjjZiYGEP88PBwm/Dg4KA/Pj7e19TUZEfGlpqaajA3NA8LC3MiMs3j8bhPnDgxKHmrfioqKhw1NTUuGHaEDLBJF0/DarV6DcPQBuYmJvGBn4CO4ff7n0BuPaxjcXFx5Rs3bvQMi0l/9+7dy1n7mXfY7XbJ+5g7oNm0Fs/n8zH9a659xYOWgOwy1sd37tz5EzSLlCy1tbV2Il6JkQSE/JAMhFgKWX0oRYH7oHvB9gDD3Aiaf2BgwAceAhbDmwuOam9vvwpuBsyBnn/Xrl3vwZ/K/HP2CWOuTDYCNpKVBP1p5tVer7eFeTh87dsIlm+vwosGTMfNDObm5noQ+A2ihpxQpHJEznYB61Ccg0wHuAPcBm4NQDNrOXgX+IL5ZjJ2WKfAesRAPgKCC36FzWY7z1qO9rD+lnUz63TwFYfD8TXzm8Cz8H8GrgND2K4Hm8PMOARl+fujR4+eCtAt1Ks2Nvbu3TuLbOQxn47cOY6qbljmUTH6Kp1BHLtLjTe3tLRk41wBd2JhV1dXq+xxuvddLtcfra2tqfDmALHodYKVZCXTHKbjw4uMjAxlOzgIxDk0NLQJxViIUpoG/GvH0bXhQBilkNjZ2enHrrI+paenZyq8eEDD1dbWNpcAFpD9z4BbyK+APgAE/Q1OpDF63L59eybGX4Y+AP5oyZIl50fLPOJad6QBp2ZypxJxuhvHDrOehx3dDQu0edS/C/oZ5pJ9HrKC/Aa4IxmNcR0vKiqK6O7ufh2ZeAwc5zg/SEtLU+2PGfv373exgTMlJaVlPBlOz15XV/cjyrpLZq1S2z6c8eKoFX1dUgsOu6FXQfNRUuoQEyDLh2PJycknJaMxruP041T4b6FwD0NH6BwRhYWFiaYWPxxf8PL19/dnIpdQVVVVCuvysMxoTPAfYnct9KeQl29qtUwN9eYkyROALqwDmkpKiVLnWQDENzQ0VJKALpV0SMf37NmjZv8uRnUh7Gywiky4qHetg0Obs1Ddrkd2BjodrMc4zolE1dfXT8eOHbmLgFohyOrFrrKtJMQAuryXgKvwnPBEV5mcJIYp7L/6xo0bF9C9PsbxgwcPRtODN6GQgMAx8BsoGrS3SpTNh4kjNLPN2uA07BjcENjgInjMwLHJBPUSdsLExK66mIIOJ5j7ss9Qzz4LbVaAb0NPb0Y4dO0bBaQLV1ZW3hzheElJSSRt6BWYq5HNJ+JBDG9A2b1169ZgD4UfHPCsBQUFvRB08dTLxwyCvoedkzg/HeZS4Azx3oe2Eh3156tOp/Os5gw5Nws4h4yb5EwlgHWsm+C/T9Ku0XXM3gjNYtFx0lfTEXpby/z8/K/AuhgqD9VZyME3iUpFmbESqJnR0YJbtmzph9fDxovhLYqNja3evn37RWiX0dsMPAe9DVDpnGb9AvPXkG/Ej1PgC0AmtFz861WNmzXLpZvc19f3Ioy1KH6C8BHmuigjvllECzUwGryoofg4YiOTGdjLYd6ck5NjfoCR5RrWeoFTyGwaLTKfjOoV/xLafGgu2eOx+ph1NaAEmVXi2LdvXxxdQZlI52iKyMT50Ztj6B8FgGPjBcB+hh6uUkxVHjhwIDywRwfOFkOrRTcFWhbOHiGgL8BXeEF/lezEiROtvKzF0tm2bdsvO3bssNhwWm0vEeHCUE5LmE11kUIOfRpohGQGiDhmkEl1k3LAy6u5CEdSBZxwC+qTgCclTgDJ3AV9iLVTy/OQmc+nbSr3YQXw+KFDh8ygHTh8jW/iH1SHD9ncqZPB4OjM+ymzCPQmsZGHE9MlDTnYNBbnlsPUPdCjo4SoJ6rdDQLPsBRNH1aRBKCWqYTp0ksnEvwYHW8S8wHHeN0Cpl4xqzZAIZmT0W0PdiFoyvIQwcwAz2aTemhu5iMGdGtxcXEMcvc4/jLsWQnQPCHmJkZPD42cXsX8NPuql9vUdiUD9qEbRjDLuIupNJLyoCMjdgssEBzOsB6Vuxi0gyHrv4ChwJQpXZhL4E/z8vLUGUaM0tJSB58OCyHqI0qtT86Y2R4WhObBpspD92AmYP7BIFizRNUj4c1gnzfh3WHpfqjjCOtj/ncyVEL9Nw5v9CCGb+PTtzopKSlkn6cj+Hkb1N8nI+sBTHWCNidKAqBTLYfxHTCBtQO+nDVlAz+3WL8DXTWuB2z8kZWVtTQzM1O3b4SF8TX+5/xtBv4EYhRA+H9lVn4AAAAASUVORK5CYII=);
  background-size: cover;
  background-position: center;
}
.wall-view .wall-left-column .post .shimo-logo .partition {
  width: 1.5px;
  height: 12px;
  background-color: #EEEEEE;
  display: block;
  position: absolute;
  right: 25px;
  bottom: 0px;
}
.wall-view .wall-left-column .post-content {
  margin-left: 40px;
  line-height: 22px;
}
.wall-view .wall-left-column .post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wall-view .wall-left-column .post-info {
  font-size: 12px;
}
.wall-view .wall-left-column .post-info .react-time-stamp {
  display: initial;
}
.wall-view .wall-left-column-header {
  padding: 14px 12px 10px 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.wall-view .wall-switcher .dropdown-toggle {
  font-size: 18px;
}
.wall-view .wall-switcher .icon-chevron-down {
  margin-left: 8px;
  font-size: 12px;
}
.wall-view .wall-switcher.open .dropdown-toggle {
  color: #3da8f5;
  background-color: transparent;
}
.wall-view .wall-right-column {
  position: relative;
  height: 100%;
  margin-left: 330px;
}
.wall-view .wall-right-column .post-detail-wrapper {
  width: 100%;
  height: 100%;
}
.wall-view .posts-navigator {
  position: absolute;
  top: 64px;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.wall-view .posts-navigator .posts-placeholder {
  display: none;
  margin: 40px auto;
  margin-top: 100px;
  line-height: 30px;
  text-align: center;
}
.wall-view .posts-navigator .posts-placeholder .icon {
  font-size: 40px;
  cursor: auto;
}
.wall-view .posts-navigator .posts-placeholder .icon:hover {
  color: #A6A6A6;
}
.wall-view .post-create-wrap {
  margin-right: -5px;
}
.wall-view .post-create-wrap .open-post-creator-handler {
  padding: 8px 10px;
  font-size: 16px;
}
.wall-view .post-create-wrap .open-post-creator-handler .icon {
  float: left;
  margin-right: 10px;
  font-size: 18px;
}
.wall-view .post-create-wrap .post-mode-handler {
  position: relative;
  padding: 8px 10px;
}
.wall-view .post-create-wrap .post-mode-handler:before {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: -1px;
  content: '';
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.wall-view .post-create-wrap.open .post-mode-handler {
  color: #3da8f5;
  background-color: transparent;
}
.wall-view .post-create-wrap .icon-chevron-down {
  font-size: 12px;
}
.yiqixie-wrapper .iframe-yiqixie {
  margin-top: -50px;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 233;
}
.yiqixie-wrapper .yiqixie-article-title {
  position: absolute;
  top: 4px;
  width: 180px;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 2333;
  height: 30px;
  border: none;
  font-size: 20px;
  text-align: center;
  background-color: transparent;
}
.yiqixie-wrapper .yiqixie-button-group {
  position: absolute;
  z-index: 500;
  right: 0;
  margin-top: -50px;
}
.yiqixie-wrapper .yiqixie-button-group .btn {
  background-color: transparent;
  border: none;
  height: 30px;
  margin-top: 2px;
}
.yiqixie-wrapper .yiqixie-button-group .btn.btn-primary {
  color: #3da8f5;
}
.yiqixie-wrapper .yiqixie-button-group .btn.btn-danger {
  color: #FF4F3E;
}
.shimo-wrapper .iframe-shimo {
  margin-top: -50px;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 233;
}
.shimo-wrapper .mock-header {
  position: absolute;
  height: 45px;
  top: 5px;
  width: 1136px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.shimo-wrapper .mock-header .cover-header-back {
  position: absolute;
  height: 50px;
  z-index: 23333;
  background-color: white;
  padding: 0 25px;
  margin: auto 5px auto -15px;
  top: -3px;
}
@media screen and (max-width: 1174px) {
  .shimo-wrapper .mock-header {
    width: calc(100% - 40px);
  }
  .shimo-wrapper .mock-header .cover-header-back {
    left: 0;
  }
}
.shimo-wrapper .shimo-button-group {
  position: absolute;
  z-index: 500;
  right: 15px;
  width: 180px;
  top: 0;
}
.shimo-wrapper .shimo-button-group .btn {
  background-color: white;
  border: none;
  height: 45px;
  margin-top: 2px;
}
.shimo-wrapper .shimo-button-group .btn.btn-primary {
  color: #3da8f5;
}
.shimo-wrapper .shimo-button-group .btn.btn-danger {
  color: #FF4F3E;
}
.post-detail-view {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #FFFFFF;
}
.post-detail-view.post-detail-loading {
  height: 100%;
  padding-top: 55%;
}
.post-detail-view .post-detail-header {
  margin: 0;
  position: relative;
  padding-top: 20px;
}
.post-detail-view .post-detail-header .post-title {
  margin: 0 100px 0 20px;
  color: #383838;
  word-wrap: break-word;
}
.post-detail-view .post-detail-header .button-shimo-update {
  position: absolute;
  top: 19px;
  right: 110px;
  z-index: 2;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #A6A6A6;
}
.post-detail-view .post-detail-header .post-header-handler-set {
  position: absolute;
  top: 20px;
  right: 16px;
}
.post-detail-view .post-detail-header .post-header-handler-set .icon-chevron-down {
  margin-left: 8px;
  font-size: 12px;
}
.post-detail-view .post-detail-content-wrap {
  margin: 0 15px;
}
.post-detail-view .detail-content .post-content {
  margin: 20px 5px;
}
.post-detail-view .detail-content .post-attachments {
  margin-top: 15px;
}
.post-detail-view .detail-content .post-attachments:empty {
  display: none;
}
.post-detail-view .detail-content .post-attachments .attachments-list {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.post-detail-view .detail-content .post-attachments .attachments-list .work {
  float: left;
  width: 50%;
  padding: 5px;
  margin-bottom: 0;
  line-height: 36px;
  cursor: pointer;
  border-bottom: 1px solid #f4f4f4;
}
.post-detail-view .detail-content .post-attachments .attachments-list .work:before,
.post-detail-view .detail-content .post-attachments .attachments-list .work:after {
  content: " ";
  display: table;
}
.post-detail-view .detail-content .post-attachments .attachments-list .work:after {
  clear: both;
}
.post-detail-view .detail-content .post-attachments .attachments-list .work:nth-child(2n+1) {
  border-right: 1px solid #f4f4f4;
}
.post-detail-view .detail-content .post-attachments .attachments-list .work:nth-last-of-type(1),
.post-detail-view .detail-content .post-attachments .attachments-list .work:nth-last-of-type(2):nth-child(2n+1) {
  border-bottom: 0 none;
}
.post-detail-view .detail-content .post-attachments .attachments-list .work:hover {
  background-color: #EEEEEE;
}
.post-detail-view .detail-content .post-attachments .attachment-content {
  height: 36px;
  padding: 8px 10px 8px 46px;
}
.post-detail-view .detail-content .post-attachments .attachment-title {
  max-width: 100%;
  white-space: nowrap;
  font-weight: bold;
  line-height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.post-detail-view .detail-content .post-attachments .attachment-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px;
}
.post-detail-view .detail-content .post-attachments .attachment-size {
  font-size: 12px;
  font-weight: normal;
  color: #808080;
}
.post-detail-view .simditor .simditor-body {
  min-height: 0;
  padding: 0;
}
.post-detail-view.archived a.tag:hover {
  color: #808080 !important;
}
.post-detail-view.archived .post-detail-header .menu-handler {
  display: none;
}
.post-editor {
  position: relative;
  min-height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.post-editor > header,
.post-editor > footer {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.post-editor > section {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.post-md-editor {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.post-md-editor > header,
.post-md-editor > footer {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.post-md-editor > section {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.post-md-editor .editor-content {
  padding: 10px;
}
.post-md-editor .flex-text-wrap {
  min-height: 300px;
}
.post-md-editor .editor-md-wrap {
  display: none;
}
.post-md-editor .post-editor-info {
  margin-top: 10px;
}
.post-md-editor .post-editor-info:before,
.post-md-editor .post-editor-info:after {
  content: " ";
  display: table;
}
.post-md-editor .post-editor-info:after {
  clear: both;
}
.post-menu-view .main-mode {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.post-menu-view .main-mode .icon {
  margin-right: 10px;
}
.post-menu-view .main-mode .mode {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.post-menu-view .ifClose {
  color: #3da8f5;
  font-size: 12px;
}
.post-menu-view .mode-explanation {
  display: block;
  line-height: 14px;
  margin-left: 24px;
  font-size: 12px;
  color: #A6A6A6;
}
.modal .modal-dialog.post-creator {
  position: relative;
  min-height: 100%;
  margin: 0 auto;
  width: 1005px;
  background-color: white;
  border-radius: 0;
}
.post-creator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.post-creator > header,
.post-creator > footer {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.post-creator > section {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.post-creator.creator-view {
  background-color: white;
}
.post-creator.creator-view .creator-header {
  padding-bottom: 0;
  border-bottom: 0 none;
}
.post-creator.creator-view .creator-header .creator-title > .creator-location {
  color: #808080;
}
.post-creator .post-creator-header {
  position: relative;
  padding: 5px 0;
  margin: 0 20px;
  border-bottom: 1px solid #E5E5E5;
}
.post-creator .post-creator-header .post-title-input {
  font-size: 18px;
  text-align: center;
  border: none;
}
.post-creator .post-creator-header .post-title-input::-moz-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.post-creator .post-creator-header .post-title-input:-ms-input-placeholder {
  color: #CCCCCC;
}
.post-creator .post-creator-header .post-title-input::-webkit-input-placeholder {
  color: #CCCCCC;
}
.post-creator .post-creator-header.is-edit {
  padding: 15px 0;
}
.post-creator .post-creator-header.is-edit .post-title-input {
  padding-right: 22px;
}
.post-creator .post-creator-header.is-edit .creator-close {
  position: absolute;
  top: 25px;
  right: 0;
}
.post-creator .post-creator-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.post-creator .post-creator-body > header,
.post-creator .post-creator-body > footer {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.post-creator .post-creator-body > section {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.post-creator .post-creator-body .post-creator-editor-wrap {
  position: relative;
  padding: 0 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.post-creator .post-creator-body .post-creator-editor-wrap > header,
.post-creator .post-creator-body .post-creator-editor-wrap > footer {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.post-creator .post-creator-body .post-creator-editor-wrap > section {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.post-creator .post-creator-body .post-creator-editor-wrap .iframe-yiqixie {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.post-creator .post-creator-body .involve-set {
  padding: 10px;
  margin: 15px 20px 15px 20px;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
}
.post-creator .post-creator-body .draft {
  margin-left: 20px;
  line-height: 24px;
  font-size: 12px;
  padding: 0 10px;
  background-color: #f8f8f8;
  position: absolute;
  bottom: 178px;
  border-radius: 3px;
}
.post-creator .post-creator-body .draft a {
  color: #3da8f5;
}
.post-creator .post-creator-footer {
  height: 70px;
}
.post-creator .post-creator-footer .creator-visible {
  float: left;
  line-height: 18px;
}
.post-creator .post-creator-footer .creator-visible .icon {
  float: left;
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
.post-creator .post-creator-footer .creator-visible .mode-explanation {
  margin-left: 26px;
}
.post-creator .post-creator-footer .mode-explanation {
  display: block;
  line-height: 20px;
  font-size: 12px;
  color: #A6A6A6;
}
.post-creator .post-creator-footer .post-creator-footer-fixed {
  height: 70px;
  padding: 15px 0;
  margin: 0 20px;
  background: white;
  border-top: 1px solid #E5E5E5;
}
.post-creator .post-creator-footer .post-creator-footer-fixed:before,
.post-creator .post-creator-footer .post-creator-footer-fixed:after {
  content: " ";
  display: table;
}
.post-creator .post-creator-footer .post-creator-footer-fixed:after {
  clear: both;
}
.post-creator .post-creator-footer .post-creator-footer-fixed.on-fixed {
  position: fixed;
  width: 965px;
  bottom: 0;
  z-index: 9;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.post-creator .editor-attachments {
  margin-top: 10px;
  padding: 5px;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
}
.post-creator .editor-attachments:empty {
  margin: 0;
  padding: 0;
  border: none;
}
.post-creator .editor-attachments .work.creating {
  margin: 0;
  width: 50%;
  float: left;
  border-radius: 2px;
}
.post-creator .editor-attachments .work.creating:hover {
  background-color: #EEEEEE;
}
.post-creator .editor-attachments .work-title {
  cursor: pointer;
}
.post-list-view li {
  position: relative;
  padding: 10px 260px 10px 0;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-list-view .post-info {
  position: absolute;
  top: 10px;
  right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-list-view .react-time-stamp {
  display: initial;
}
.board-view {
  position: fixed;
  top: 98px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  overflow: hidden;
  transition: all 218ms ease;
}
.board-view.board-gantt {
  overflow-y: auto;
}
.board-view.on-pin-tasklist-bar {
  padding-left: 300px;
}
body.board-fullscreen .board-view {
  top: 0;
}
@-webkit-keyframes jump-shake {
  10% {
    -webkit-transform: translate(0, 2px);
  }
  60% {
    -webkit-transform: translate(0, -6px);
            transform: translate(0, -6px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes jump-shake {
  10% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
  60% {
    -webkit-transform: translate(0, -6px);
            transform: translate(0, -6px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.board-scrum-view {
  position: relative;
  height: 100%;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 0;
  border-color: #E5E5E5;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.board-scrum-view .loading-indicator {
  position: relative;
  width: 100%;
}
.board-scrum-stages {
  position: relative;
  padding: 10px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.scrum-panel-active .board-scrum-stages {
  padding-right: 310px;
}
.board-scrum-stages .scrum-stage.sortable-placeholder {
  background: #E5E5E5;
}
.board-scrum-stages .task-creator-mask {
  position: absolute;
  z-index: 20;
  width: 262px;
  height: 240px;
  background-color: rgba(255, 255, 255, 0.8);
}
.board-scrum-stages .submit-handler-jump {
  -webkit-animation: jump-shake 750ms ease-in 20 200ms;
  animation: jump-shake 750ms ease-in 20 200ms;
}
.board-scrum-stages .scrum-drag-placeholder {
  margin: 0 8px 8px;
  background-color: #E5E5E5;
  border-radius: 3px;
}
.board-scrum-stages .ui-sortable-helper {
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.15);
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
  z-index: 2014;
}
.scrum-panel {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
.scrum-panel .scrum-panel-header {
  position: relative;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  text-align: center;
  z-index: 2;
}
.scrum-panel .scrum-panel-header .title {
  padding: 0 15px;
  color: #383838;
  font-size: 15px;
  font-weight: bold;
  z-index: 1;
}
.scrum-panel .scrum-panel-header:after {
  position: absolute;
  content: ' ';
  bottom: 0px;
  height: 1px;
  left: 15px;
  right: 15px;
  background-color: #E5E5E5;
}
.scrum-panel .scrum-panel-header > a {
  position: absolute;
  top: 0;
  z-index: 2;
}
.scrum-panel .scrum-panel-header > a.icon-remove {
  width: 50px;
  right: 0;
}
.scrum-panel .scrum-panel-body {
  position: absolute;
  top: 50px;
  width: 350px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow-y: auto;
}
.scrum-panel .scrum-filter-wrap .filter-input-wrap {
  padding: 0 20px;
}
.scrum-panel .scrum-filter-wrap .filter-input-wrap .filter-title {
  padding: 10px 0;
}
.scrum-panel .scrum-filter-wrap .filter-input-wrap .filter-title .icon {
  margin-right: 10px;
  color: #808080;
}
.scrum-panel .scrum-filter-wrap .filter-input-wrap .filter-clear-handler {
  display: none;
  color: #3da8f5;
  font-size: 14px;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 2;
}
.scrum-panel .scrum-filter-wrap .filter-input-wrap .filter-clear-handler.active {
  display: block;
}
.scrum-panel .scrum-filter-wrap .filter-input-wrap input {
  height: auto;
  padding: 5px 8px;
}
.scrum-panel .scrum-filter-tag {
  overflow: hidden;
}
.scrum-panel .scrum-filter-tag .filter-title {
  margin: 15px 20px 8px;
}
.scrum-panel .scrum-filter-tag .tag {
  max-width: 100%;
  padding: 8px 40px 8px 20px;
  line-height: 24px;
}
.scrum-panel .scrum-filter-tag .tag.no-tag .tag-label {
  background-color: #A6A6A6;
}
.scrum-panel .scrum-filter-tag .tag:hover {
  cursor: pointer;
  background-color: #EEEEEE;
}
.scrum-panel .scrum-filter-tag .tag-label {
  width: 10px;
  height: 10px;
  margin-top: 7px;
}
.scrum-panel .scrum-filter-executor {
  overflow: hidden;
}
.scrum-panel .scrum-filter-executor .filter-title {
  margin: 15px 20px 8px;
}
.scrum-panel .scrum-filter-executor .member {
  max-width: 100%;
  padding: 8px 40px 8px 20px;
  line-height: 24px;
  transition: none;
}
.scrum-panel .scrum-filter-executor .member:hover {
  cursor: pointer;
  background-color: #EEEEEE;
}
.scrum-panel .scrum-filter-executor .member .icon-disable {
  color: #A6A6A6;
  margin-left: 6px;
}
.scrum-panel .scrum-filter-executor .avatar {
  float: left;
}
.scrum-panel .filter-more-handler {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 0 20px 5px;
  line-height: 34px;
  color: #808080;
  background-color: #F7F7F7;
  cursor: pointer;
  transition: color 218ms;
  z-index: 1;
}
.scrum-panel .filter-more-handler:hover {
  color: #3da8f5;
}
.scrum-panel .filter-more-handler > .icon {
  margin-right: 10px;
  width: 24px;
  text-align: center;
}
.scrum-panel .filter-input-wrap,
.scrum-panel .scrum-filter-tag,
.scrum-panel .scrum-filter-executor,
.scrum-panel .scrum-filter-dueDate {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.scrum-panel .filter-input-wrap .list,
.scrum-panel .scrum-filter-tag .list,
.scrum-panel .scrum-filter-executor .list,
.scrum-panel .scrum-filter-dueDate .list {
  min-height: 0;
}
.scrum-panel .filter-input-wrap .list:after,
.scrum-panel .scrum-filter-tag .list:after,
.scrum-panel .scrum-filter-executor .list:after,
.scrum-panel .scrum-filter-dueDate .list:after {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  content: '';
  border-bottom: 1px solid #EEEEEE;
  z-index: 2;
}
.scrum-panel .filter-input-wrap .list li:first-child a,
.scrum-panel .scrum-filter-tag .list li:first-child a,
.scrum-panel .scrum-filter-executor .list li:first-child a,
.scrum-panel .scrum-filter-dueDate .list li:first-child a {
  margin-top: 0;
}
.scrum-panel .filter-input-wrap .list li:last-child a,
.scrum-panel .scrum-filter-tag .list li:last-child a,
.scrum-panel .scrum-filter-executor .list li:last-child a,
.scrum-panel .scrum-filter-dueDate .list li:last-child a {
  margin-bottom: 0;
}
.scrum-panel .filter-input-wrap .filter-more-handler,
.scrum-panel .scrum-filter-tag .filter-more-handler,
.scrum-panel .scrum-filter-executor .filter-more-handler,
.scrum-panel .scrum-filter-dueDate .filter-more-handler {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.scrum-panel .scrum-filter-creator-handler {
  width: 100%;
  display: inline-block;
  padding: 10px 20px;
  margin-top: 8px;
}
.scrum-panel .scrum-filter-creator-handler .icon {
  margin-right: 10px;
}
.scrum-panel .list li.selected {
  position: relative;
}
.scrum-panel .list li.selected:after {
  position: absolute;
  top: 8px;
  right: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #A6A6A6;
}
.scrum-panel .scrum-filter-dueDate {
  margin-bottom: 0;
}
.scrum-panel .scrum-filter-dueDate .filter-title {
  margin: 15px 20px 8px;
}
.scrum-panel .extra-filters-wrap .filter-category {
  position: relative;
  padding: 6px 0 4px;
}
.scrum-panel .extra-filters-wrap .filter-category::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  border-bottom: 1px solid #EEEEEE;
}
.scrum-panel .extra-filters-wrap .filter-category > header {
  padding: 8px 20px;
  line-height: 24px;
}
.scrum-panel .extra-filters-wrap .filter-category li {
  padding: 8px 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #808080;
  line-height: 24px;
}
.scrum-panel .extra-filters-wrap .filter-category li:hover {
  cursor: pointer;
  background-color: #EEEEEE;
}
.scrum-panel .extra-filters-wrap .filter-category li .title {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scrum-panel .extra-filters-wrap .filter-category li .icon {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.scrum-panel .extra-filters-wrap .filter-category li.range {
  display: block;
}
.scrum-panel .extra-filters-wrap .filter-category li.range > .range-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.scrum-panel .extra-filters-wrap .filter-category.customfield-number form {
  padding: 2px 20px 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.scrum-panel .extra-filters-wrap .filter-category.customfield-number form > input {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 38px;
  min-width: 0;
}
.scrum-panel .extra-filters-wrap .filter-category.customfield-number form .divider {
  margin: auto 8px;
  width: 10px;
  height: 1px;
  background-color: #A6A6A6;
}
.scrum-panel .extra-filters-wrap .filter-category.customfield-number form > button {
  border: none;
  padding: 9px 16px;
  margin-left: 15px;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  transition: all 218ms ease;
}
.scrum-panel .extra-filters-wrap .filter-category.customfield-number form > button.muted {
  opacity: 0;
  visibility: hidden;
}
.board-scrum-view.hide-done .scrum-stage-tasks-done {
  display: none;
}
.scrum-filter-menu-view li.selected {
  position: relative;
}
.scrum-filter-menu-view li.selected:after {
  position: absolute;
  top: 4px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #a6a6a6;
}
.scrum-filter-menu-view .list li:first-child {
  margin-top: 5px;
}
.scrum-filter-menu-view .list li:first-child > a {
  margin-top: 0;
}
.scrum-filter-menu-view .filter-type-handler {
  margin-top: 0;
  padding: 8px 45px 8px 15px;
  line-height: 24px;
  white-space: no-wrap;
  text-overflow: ellipsis;
}
.scrum-board-sort-panel-view {
  margin: 5px 0;
}
.scrum-board-sort-panel-view .switch-name {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.scrum-board-sort-panel-view .icon-tick {
  margin-right: 0;
}
.scrum-board-sort-panel-view .handler-switch {
  display: inline-block;
  width: 100%;
  padding: 10px 20px;
  position: relative;
  color: #383838;
}
.scrum-board-sort-panel-view .handler-switch:hover {
  color: #3da8f5;
}
.scrum-board-sort-panel-view .handler-switch:hover .first-icon {
  color: #3da8f5;
}
.scrum-board-sort-panel-view .handler-switch:hover .icon-chevron-down {
  color: #3da8f5;
}
.scrum-board-sort-panel-view .handler-switch .first-icon {
  margin-right: 10px;
  color: #808080;
}
.scrum-board-sort-panel-view .handler-switch .icon-chevron-down {
  position: absolute;
  right: 20px;
  color: #808080;
}
.scrum-board-sort-panel-view hr {
  margin: 5px 15px 0;
}
.scrum-sort-menu-view {
  padding: 5px 0;
}
.scrum-sort-menu-view .popover-header {
  display: none;
}
.scrum-sort-menu-view .popover-content {
  padding: 0;
}
.scrum-sort-menu-view a {
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
}
.scrum-sort-menu-view a:hover {
  background-color: #F7F7F7;
  color: #808080;
}
.scrum-sort-menu-view .sort-item-option {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.scrum-sort-menu-view .sort-item-option.active .icon {
  visibility: visible;
}
.scrum-sort-menu-view .sort-item-option > span:first-child {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scrum-sort-menu-view .sort-item-option > span.icon {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  visibility: hidden;
}
.scrum-sort-menu-view hr {
  margin: 5px 15px;
}
.scrum-sort-menu-view .sort-item-save {
  color: #3da8f5;
}
.scrum-sort-menu-view .sort-item-save:hover {
  color: #3da8f5;
}
.scrum-time-menu-view {
  padding: 5px 0;
}
.scrum-time-menu-view .popover-header {
  display: none;
}
.scrum-time-menu-view .popover-content {
  padding: 0;
}
.scrum-time-menu-view a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
}
.scrum-time-menu-view a:hover {
  background-color: #F7F7F7;
  color: #808080;
}
.scrum-time-menu-view a .icon-tick {
  visibility: hidden;
}
.scrum-time-menu-view a.active .icon-tick {
  visibility: visible;
}
.scrum-time-menu-view .switch-name {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.scrum-time-menu-view .switch-name .pro-mark {
  height: 14px;
  background-color: #3da8f5;
  color: #FFFFFF;
  font-size: 10px;
  padding: 0 8px;
  border-radius: 2px;
  margin-left: 8px;
  line-height: 14px;
}
.scrum-time-menu-view .first-icon {
  margin-right: 10px;
}
.scrum-smart-view {
  position: absolute;
  top: 50px;
  left: 50%;
  bottom: 50px;
  overflow: hidden;
  margin: 0 0 0 -300px !important;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.scrum-smart-view .modal-header {
  margin: 15px 15px 0;
}
.scrum-smart-view .modal-header .modal-title {
  font-size: 16px;
}
.scrum-smart-view .modal-body {
  padding-top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 0 3px;
}
.scrum-smart-view .task .task-priority {
  width: 4px;
}
.scrum-smart-view .task-list {
  padding: 0;
  margin: 0;
  width: 600px;
  border-width: 0;
  transition: padding 218ms ease;
}
.scrum-smart-view .task-list .task {
  padding: 12px 15px;
  position: relative;
  background-color: #FFFFFF;
}
.scrum-smart-view .task-list .task:after {
  position: absolute;
  display: inline-block;
  bottom: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  content: '';
  background-color: #EEEEEE;
}
.scrum-smart-view .task-list .task:hover {
  background-color: #EEEEEE;
}
.scrum-smart-view .task-list .task .label {
  margin-bottom: 0px;
}
.scrum-smart-view .task-list .task .task-duedate {
  right: 5px;
}
.scrum-stage {
  position: relative;
  height: 100%;
  width: 288px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-right: 10px;
  vertical-align: top;
  background-color: #EEEEEE;
  border-radius: 3px;
}
.scrum-stage:last-child {
  margin-right: 0;
}
.scrum-stage .sort-blur-placeholder {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
  border: 3px solid #80d3f8;
  border-radius: 3px;
}
.scrum-stage .task-archiver-toggler {
  display: block;
  background-color: white;
  padding: 10px 15px;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  margin-bottom: 5px;
}
.scrum-stage .task-archiver-toggler .icon-eye {
  margin-right: 5px;
}
.scrum-stage .scrum-stage-tasks {
  transition: opacity 0.08s ease-out;
  opacity: 1;
}
.scrum-stage .scrum-stage-out {
  opacity: 0;
}
.scrum-stage .scrum-stage-wrap {
  position: relative;
  height: 100%;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.scrum-stage .scrum-stage-header,
.scrum-stage .sort-header-placeholder {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 18px;
  font-size: 15px;
  font-weight: bold;
  z-index: 1;
  transition: box-shadow 100ms ease;
}
.scrum-stage .scrum-stage-header.sort-header-placeholder,
.scrum-stage .sort-header-placeholder.sort-header-placeholder {
  text-align: center;
}
.sortable .scrum-stage .scrum-stage-header,
.sortable .scrum-stage .sort-header-placeholder {
  cursor: move;
}
.sortable .locked-stage.scrum-stage .scrum-stage-header,
.sortable .locked-stage.scrum-stage .sort-header-placeholder {
  cursor: default;
}
.scrum-stage .scrum-stage-header .icon-tick,
.scrum-stage .sort-header-placeholder .icon-tick,
.scrum-stage .scrum-stage-header .icon-chevron-right,
.scrum-stage .sort-header-placeholder .icon-chevron-right {
  display: none;
  opacity: 0.4;
  font-size: 12px;
}
.scrum-stage .scrum-stage-header .icon-tick,
.scrum-stage .sort-header-placeholder .icon-tick {
  margin-right: 8px;
}
.workflow-mode .scrum-stage .scrum-stage-header .icon-chevron-right,
.workflow-mode .scrum-stage .sort-header-placeholder .icon-chevron-right {
  display: inline;
}
.workflow-mode .locked-stage.scrum-stage .scrum-stage-header .icon-chevron-right,
.workflow-mode .locked-stage.scrum-stage .sort-header-placeholder .icon-chevron-right {
  display: none;
}
.scrum-stage .scrum-stage-header .stage-name,
.scrum-stage .sort-header-placeholder .stage-name {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scrum-stage .stage-menu-toggler {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 1;
  text-align: center;
  color: #808080;
  z-index: 1;
  transition: color 218ms ease;
}
.scrum-stage .stage-menu-toggler.open {
  color: #3da8f5;
}
.scrum-stage .scrum-stage-content {
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  overflow: auto;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
}
.scrum-stage .scrum-stage-content > ul {
  margin-bottom: 8px;
}
.scrum-stage .scrum-stage-content > ul:last-of-type,
.scrum-stage .scrum-stage-content > ul:empty {
  margin-bottom: 0;
}
.scrum-stage .task.task-card {
  margin: 0 8px 8px;
}
.scrum-stage .task.task-card .avatar {
  opacity: 1;
  margin: 0 14px 0 0;
  transition: -webkit-transform 218ms ease-in-out, opacity 100ms;
}
.scrum-stage .task.task-card .avatar.pop-out {
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
.scrum-stage .task.task-card .avatar.pop-back {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.scrum-stage .task.task-card:not(.hover) .avatar.placeholder {
  opacity: 0;
}
.scrum-stage .task-creator-wrap {
  margin: 0 8px 8px;
  box-shadow: 0 0.5px 2px rgba(0, 0, 0, 0.1);
}
.scrum-stage .task-creator-handler-wrap {
  width: 100%;
  background-color: #EEEEEE;
  transition: box-shadow 218ms ease;
}
.scrum-stage .task-creator-handler-wrap .task-creator-handler {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 8px 8px;
  padding: 14px 15px;
  border-radius: 3px;
  font-size: 15px;
}
.scrum-stage .task-creator-handler-wrap .task-creator-handler .icon-circle-plus {
  font-size: 15px;
  margin-right: 10px;
}
.scrum-stage .task-creator-handler-wrap .task-creator-handler:hover {
  background-color: #E5E5E5;
}
.scrum-stage .hidden-creator .task-creator-wrap,
.scrum-stage .scrum-stage-wrap:not(.hidden-creator) .task-creator-handler-wrap {
  display: none;
}
.scrum-stage.fixed-creator .scrum-stage-wrap.hidden-creator {
  padding-bottom: 48px;
}
.scrum-stage.fixed-creator .scrum-stage-wrap.hidden-creator.no-permission {
  padding-bottom: 0;
}
.scrum-stage.fixed-creator .scrum-stage-wrap.hidden-creator .task-creator-handler-wrap {
  position: absolute;
  bottom: 0;
  height: 48px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.scrum-stage.locked-stage .scrum-stage-wrap.hidden-creator {
  padding-bottom: 0;
}
.scrum-stage.locked-stage .hidden-creator .task-creator-handler-wrap {
  display: none;
}
.scrum-stage.fixed-creator:not(.reached-top) .scrum-stage-header {
  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.1);
}
.scrum-stage.fixed-creator:not(.reached-bottom) .task-creator-handler-wrap {
  box-shadow: 0 -3px 2px -2px rgba(0, 0, 0, 0.1);
}
.scrum-stage.fixed-creator .task-creator-handler {
  margin: 0;
}
.scrum-stage .task.ui-sortable-helper {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.stage-add-view {
  height: auto;
}
.stage-add-view .handler-wrap a {
  color: #A6A6A6;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 18px;
}
.stage-add-view .handler-wrap a .icon {
  margin-right: 7px;
  font-size: 12px;
}
.stage-add-view .handler-wrap a:hover {
  color: #3da8f5;
}
.stage-add-view .buttons {
  text-align: right;
}
.stage-add-view .btn {
  padding: 8px 21px;
}
.stage-add-view .btn.btn-primary {
  color: #FFFFFF;
}
.stage-add-view .stage-name {
  margin-bottom: 10px;
  border-color: rgba(56, 56, 56, 0.1);
}
.stage-add-view .creator-wrap {
  padding: 10px;
}
.stage-menu-view .date-time-picker-view .input-section {
  margin-top: 0;
}
.stage-menu-view .member-selector-view {
  height: 300px;
}
.stage-menu-view .stage-locked-form ul li {
  margin: 10px 0;
}
.stage-menu-view .popover-content.in-datepicker {
  padding: 16px;
}
.stage-menu-view .popover-content.in-datepicker .tb-datepicker {
  margin: -16px;
}
.stage-selector-view .stage-selector-block {
  position: relative;
  padding: 15px 0;
  text-align: right;
  border-bottom: 1px solid #EEEEEE;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.stage-selector-view .stage-selector-block:first-of-type {
  padding-top: 0;
}
.stage-selector-view .stage-selector-block .stage-selector-label {
  font-weight: bold;
  padding-right: 5px;
}
.stage-selector-view .stage-selector-block .stage-selector-handler {
  display: block;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding-right: 20px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.stage-selector-view .stage-selector-block .stage-selector-handler .icon {
  position: absolute;
  right: 0;
}
.stage-selector-view .stage-selector-block > span.stage-selector-handler {
  color: #808080;
}
.stage-selector-view .icon-chevron-down {
  margin-left: 5px;
  font-size: 12px;
  color: #808080;
}
.stage-selector-view .stage-selector-tips {
  padding: 10px 0;
}
.stage-selector-view .btn-primary {
  width: 100%;
}
.stage-selector-view .popover-content {
  padding-top: 0;
}
.tasklist-bar {
  position: relative;
  overflow-y: auto;
  background-color: white;
  -webkit-overflow-scrolling: touch;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tasklist-bar .filter-input-wrap {
  padding: 15px;
}
.tasklist-bar .filter-input-wrap input.form-control {
  height: 36px;
  line-height: 26px;
}
.tasklist-bar .tasklist-bar-header {
  position: relative;
  width: 100%;
  height: 46px;
}
.tasklist-bar .tasklist-bar-header > a {
  display: block;
  padding: 10px 15px 9px 15px;
  font-size: 15px;
  color: #383838;
  transition: all 218ms ease;
}
.tasklist-bar .tasklist-bar-header > a:hover {
  background-color: #F7F7F7;
}
.tasklist-bar .tasklist-bar-header > a:hover .icon-chevron-up {
  color: #3da8f5;
}
.tasklist-bar .tasklist-bar-header .icon-circle-cross {
  color: #3da8f5;
  margin-right: 10px;
}
.tasklist-bar .tasklist-bar-header .icon-chevron-up {
  display: none;
  line-height: 20px;
  font-size: 12px;
  color: #808080;
  transition: all 218ms ease;
}
.tasklist-bar .tasklist-creator-wrap {
  display: none;
  position: relative;
  width: 100%;
  height: auto;
}
.tasklist-bar.creator-on .tasklist-bar-header {
  background-color: #F7F7F7;
  height: 41px;
}
.tasklist-bar.creator-on .tasklist-bar-header .icon-chevron-up {
  display: block;
}
.tasklist-bar.creator-on .tasklist-creator-wrap {
  display: block;
}
.tasklist-bar .tasklist-smart-group {
  padding: 5px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tasklist-bar .pin-btn,
.tasklist-bar .smart-group {
  position: relative;
}
.tasklist-bar .pin-btn > a,
.tasklist-bar .smart-group > a {
  display: block;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: bold;
  color: #383838;
  transition: background-color 218ms ease;
}
.tasklist-bar .pin-btn > a:hover,
.tasklist-bar .smart-group > a:hover {
  background-color: #F7F7F7;
}
.tasklist-bar .pin-btn > a > .icon,
.tasklist-bar .smart-group > a > .icon {
  color: #808080;
  margin-right: 6px;
  vertical-align: text-top;
}
.tasklist-bar .pin-btn .tasklist-smart-title,
.tasklist-bar .smart-group .tasklist-smart-title {
  margin-top: 20px;
  padding: 20px 15px 10px 25px;
  font-size: 15px;
  font-weight: bold;
  color: #808080;
  border-bottom: 1px solid #EEEEEE;
}
.tasklist-bar .pin-btn .dropdown-menu,
.tasklist-bar .smart-group .dropdown-menu {
  left: auto;
  right: 0;
}
.tasklist-bar .pin-btn {
  margin: 5px 0;
}
.tasklist-tab {
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 218ms ease;
}
.tasklist-tab:hover {
  background-color: #F7F7F7;
}
.tasklist-tab.ui-sortable-helper {
  background-color: rgba(255, 255, 255, 0.7);
  border-top: 1px solid #EEEEEE;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
.tasklist-tab.on-active .tasklist-title {
  color: #3da8f5;
}
.tasklist-tab .tasklist-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  word-break: break-all;
}
.tasklist-tab .tasklist-title .muted {
  margin-left: 4px;
  white-space: nowrap;
}
.tasklist-tab .tasklist-title .tasklist-editor-handler {
  margin: 0 4px 0 8px;
}
.tasklist-tab .tasklist-description {
  margin: 0;
  width: 100%;
}
.tasklist-tab .tasklist-title {
  font-size: 15px;
  margin: 0;
}
.tasklist-tab .tasklist-strip-wrap .tasklist-strip {
  height: 15px;
  width: 100%;
}
.tasklist-tab .tasklist-strip-wrap .tasklist-strip .strip-part {
  float: left;
  padding: 5px 0;
  height: 5px;
}
.tasklist-tab .tasklist-strip-wrap .tasklist-strip .strip-part .strip-part-bar {
  height: 5px;
  width: 100%;
}
.tasklist-tab .tasklist-strip-wrap .tasklist-strip .strip-part.done-part .strip-part-bar {
  background-color: #75C940;
}
.tasklist-tab .tasklist-strip-wrap .tasklist-strip .strip-part.undone-part .strip-part-bar {
  background-color: #3da8f5;
}
.tasklist-tab .tasklist-strip-wrap .tasklist-strip .strip-part.recent-part .strip-part-bar {
  background-color: #FFAF38;
}
.tasklist-tab .tasklist-strip-wrap .tasklist-strip .strip-part.expire-part .strip-part-bar {
  background-color: #FF4F3E;
}
.tasklist-panel {
  position: fixed;
  z-index: 49;
  top: 98px;
  bottom: 0;
  width: 300px;
  left: -300px;
  background-color: #FFFFFF;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  min-height: calc(100vh - 100px);
}
.tasklist-popover-view .popover-header {
  display: none;
}
.tasklist-popover-view .popover-content {
  padding: 0;
}
.tasklist-popover-view .tasklist-bar {
  max-height: 600px;
  overflow: auto;
}
.tasklist-creator .nav-tabs > li {
  width: 50%;
}
.tasklist-creator .nav-tabs > li > a {
  width: 100%;
  text-align: center;
}
.tasklist-creator .nav-tabs > li:not(.active) > a:hover {
  border-color: transparent;
  border-bottom-color: #E5E5E5;
}
.tasklist-creator .tasklist-create-form #tasklist-create-new {
  padding: 15px 25px;
}
.tasklist-creator .tasklist-create-form #tasklist-create-new textarea.form-control {
  margin-top: 15px;
}
.tasklist-creator .tasklist-create-form .tasklist-create-temps {
  padding: 0 0 10px 0;
}
.tasklist-creator .tasklist-create-form .temp-handler {
  padding: 5px 25px;
}
.tasklist-creator .tasklist-create-form .temp-handler:hover {
  background-color: #F7F7F7;
  cursor: pointer;
}
.tasklist-creator .tasklist-create-form .temp-handler:hover .temp-delete {
  display: inline-block;
}
.tasklist-creator .tasklist-create-form .temp-handler.active:hover .temp-delete {
  display: none;
}
.tasklist-creator .tasklist-create-form .temp-handler.active .temp-selected {
  display: inline-block;
}
.tasklist-creator .tasklist-create-form .temp-selected,
.tasklist-creator .tasklist-create-form .temp-delete {
  display: none;
  position: absolute;
  margin-top: -15px;
  top: 50%;
  right: 15px;
}
.tasklist-creator .tasklist-create-form .temp-selected {
  color: #3da8f5;
  font-size: 18px;
}
.tasklist-creator .tasklist-create-form .temp-delete {
  padding: 0;
  right: 17px;
}
.tasklist-creator .tasklist-create-form .temp-delete:hover {
  color: #3da8f5;
}
.tasklist-creator .tasklist-create-form .temp-icon {
  margin-top: 5px;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: 28px 28px;
}
.tasklist-creator .tasklist-create-form .temp-icon.tasklist_design {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAppJREFUeNpi/P//PwM54Pjx48hcK573f7q1D3xQZfoLNm8KEDcfDxHFMJyJgXJgCcTbvgiyWN2w5uP7x8QoCuQ3AvFEyzWvGdEVM7rm3yDLlsbwdyBKG4iPAjE/TJz/1a+fGkc+sTP9A3tuMhDnI/uUIh/2bRZI+PWH8Tmy2EcxNvYbNnw/gT4FcXPRfYriQ0EBXqIte//hcz+QKuBi+/++0PfDSzaW/xrI8rh8SpYPYZaB2N9+MQr2bxYQ//mb8RYxPmWixDIY+POfVXDeIWnp338ZbxCwtAZnkN65eRHDMmFxJQzL2FhZGLi5Of+B0gMH67/3yfZPXrIy4wzed0T7kJBlIP6P30yCcw/KiP/8gyN4mRl/MlHLMhh4+/6LYMOCT1I/f//HCN6rDgL3mKhp2dcvnxieP33w9/O3vzx18z+Jo1n6EVg4FDFR2zIGhv/MYP6P/4JIln4EYlcgPsVEC8vg4kBL25Z+3ghkmgLxaZAYC7FJn1TLoKC3MYGvAlmAhZaWAXFJzqQPYM7Z5Z6YZSm1LcMWeky7IqMZQBgIcFn2l1qWwX34+RePVpT2BhMcljFTyzK4hbxsX1QS9FZbAi09QkvLkONQBWQ4yNJw7e0XaWUZsoWqUJo5WW+JTpDyyuO0sAzdhzDAHK621DJIedURalsGtrCuTBjZh0iWLrF0l155kZqWgS3U0Pol/vUrkywWOeYkvaU6SWYHTlDLMrCFwGap34JZfExAS7HJM2db7bFIMjt4lBqWgS38+ZPR4eVzZgagpQxEWEqRZWALgZbogxhIloKKsYdAvBeIpwNxMRAHJZoeSj1bUEuRZeDC++tnJg5R8b9XuLn/XWJlZTi4aS33hutX2F41db1FUcjF+ouBGgAgwABWIZIex/9hBgAAAABJRU5ErkJggg==);
}
.tasklist-creator .tasklist-create-form .temp-icon.tasklist_develope {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnRJREFUeNq8lk9IFFEcx997szv7j3ZdM9mgIOjPxUtIKBG0+I+tqOiwdOjgoVNUSAd3u4RelP5cgqCOghoeFK0WbfXgJYhIog4RGWghCkZ/NFutpl1n/L5lXB46I+3Oywef/THv92Y++/7NPGoYBtnOQotpfG986ghCAtSCXcAPNLAApsEz8LCl4cB7WcJxhP2AgQrgs2naD65C/NWR0OIPRBBOgHawb0N6FtRBOi1NKIh3I8yZPRfLO3AY0tx6BZO0FjIga1FfZc65vB6idwpCHzi/RbM2cJP3lEqQ9YALZpUOusEbc06vAI+Z+wiS1IFMRRgAZ4XqZvSiV2gTQxgV8horUcb339AG2Q1RxguuxxDGzMvv4JyrRNkwX/JCdS8e3mlzy3XwA7SizVyxGz+EkAZHheoJcBwP06S+2iDbifAU1AjVn0E1ZPPS3qV3Lp5UiUt9TAPldWr9ZS/1h9dTfN9FIXtRzCgp/yAbJrm/MaItu/SZ14RFDhHqC/L0JchSxa4BZWuZZwSypkJlTiOrn14R6i9LXYtHk6WscGYjU6gnMAhB46YkpNmXfROl7l9mKfPuSBnaymnLO1zqKNFXb0n5ABdkfzKnLFu7PR9IVqtOdqV/ORbmZb7QiPF7KWYjW4SsCrJ5J+9fZsooDYTTtjLFnYUs6lSWF+Zlwconxspik/UYUIO6vXHI3sr4cDKsxm7j55cztmMejLQlHvSniKTCsBrrbZPlex8l7nZ1yDwm8jk8BiY3JcJ7JvWF2bjscynD3MyY0ueFYQxFlrDfapDTpQv5Dx7MD7J80QwSt/cbqzxY23r7fua/nLy3+6i/JsAA1YzR4vltrFsAAAAASUVORK5CYII=);
}
.tasklist-creator .tasklist-create-form .temp-icon.tasklist_support {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2JJREFUeNqcVktME1EUfW2HKfVDWih+kcZYJdGFP8pCpLBQCBiMiYkrFRM3rpCFJrpgrRsNuNcY3bryQwUWCigQIwY2hiiIxX/4tDH8WkrruY83ZJzOmwFuctLpu/fdO3Pfufddx9CJ7cxGHL6j9RVbqhpO4bkcCAI+oYsBI0DvRNej59Pvn/bgOWPlTLHQOYFLwM3k5HhQYrNVoDwxEb0ugt8CHgJpmVMz2Q30A/fpixKTUbssMGETFHv6hY9VBawC3gEhbSE1G2dL83+lwUhHNjoJCR9hu4DVQDvgz/qCCflXSnTkoxOokQUsAZ4A6hqc2ulU4bPEGNAFPAY2r8LpPPBRYN7uZSCbhG+XPmCD/swkpOgW6ckDDgjQcw10XTacCgnG84AOor6F8RLQlJj6Xsky6Q7ikE6XojXoiGhNwlYmNyiWkl96OoyUcOobmKbJNaA1k0qyZOw3U/N3/KekNdKRjSj61qxi3+Bl7sJAEAgrhZUX6/T0pvPgmOS/PYmpby2Z1CLXxwcjTPUXSwnjUHLuuQt2nSXHbn+AgnC4PHmaSZ1jIfKW2tFxSRqqkbLOZOwXi31oY/GhdlMj78Ea5jtSx1Qf2qTDeRJLHRJ/PXSGeyXKOeA1HCCNO/GmxdLDIR3ZkC3fs7zXTPY5dY3YKJSrRbZ2oT1fJTqf02JjDlu/qFY3QkyiK1pnUEXsNZMYBfwsUebyRp5Js+T0D7Bx3KK1jXMbshXNP1di+onepk9jqUlZNKMsOrWy8B2uNS2L+OBLzmCUBUNZNPNyMC+LPgU39Qu6PCWFXwFc1YrZe6g2u/Cnf/KAJHixxoU/X8KAWeET2hSMBd3ippbd6neWi1ptVX3bstmBNeio2zTi710zB6m5OEtF4yOz0SFeh9SObluQgLp8i7ug6BXqrNowlii0xnXLWXBZ+KEYaW0zzSBXgFJpcfsDVYIQdCWN6UYRD52XMY0GGRAxVq4n6vIXgBl5Nwlojx5gv4DHoDMT8nleu0n0hT8MnCMe2ARciy4pfA7LZpoIcMbsS9cRcEb4ithNbRFxQw+sMGOjV19L2ayCjmwMZxYyBrOaSykFZcBlYJRIYSfCZlTsKdOncbWTN/WpB8QudBfqRPXAMWCPYdSnIL1I6zPU2RvZxK3JPwEGANMLS6DxiODvAAAAAElFTkSuQmCC);
}
.tasklist-creator .tasklist-create-form .temp-icon.tasklist_custom {
  background-image: url(https://dn-st.teambition.net/teambition/images/tasklist_custom.98ec6e67.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .tasklist-creator .tasklist-create-form .temp-icon.tasklist_design {
    background-image: url(https://dn-st.teambition.net/teambition/images/tasklist_design@2x.0593f819.png);
  }
  .tasklist-creator .tasklist-create-form .temp-icon.tasklist_develope {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABI9JREFUeNrsmmtoVEcUx8/MvbuaULO2Rnw0CUqsgqggSqLQilYKVVsVUvIlpfVBVRAUpAYRo36IoFJR7JcoGqRU0WyMIGpQUKoo2g8t2IoSTdOIj/g2MdVoYvb6P3Gi2zzuZm/23p0rHvgzsJmZO7+dc8+cM1lhWRa9yybpHTfh9gO2n6wejmYONBn6BMqABkR9uexCDdA9qA6qgf6ATi+bPuKStoAAS0ezE5rbi+fUQnuhEsDe1A0wjOabBE3XAu2CigD6UBfA9WimQo1Qq/o4FUqDhkGDHEz7APoWkMe1eQdtvoB+aCZCX0AFUFYPh/I7WwjIn7QG7ADLAecHaCuU0sNhqwC5yReAUaD5aA7EMSQPkBW+AVSQfFwM7GF3DjgjAfnITwf93Tj68nm63E8uytH1GmTGMawZmoFdPKX1DgIuiGZPnHBsPO4Ixs/SOYryIsuhr3sxDR8fm6Fi7OZ/2gACjg//MmiWTbeX0BWoHspUiYLdO7xNpXf1QgO4I9C0brpwdFwKHcViG6PGTVA56qgYoHnJzGRCaCpVldGVcYXxGcD+7mY8HyUcWMbYPKZOJgmOw/sJG7gX7LLdwbHhb/fRzIae2zzKkEmA42/+NyjHpts8AJyLNRf6/Ksib1d2mT1AegzHxe6ZGG61BgvfH8e0JV18xuleLua5KjyEy1LvTLZNt1+wqO8dzP2rqkiaoBWY4w206RHcCOWWH9t0O6MqCie2SF1zHANcldd3MmNVtLSDu861IRb3INHPNz2AY7dMt+n2jC+l3IBzNRcFXC6aszHg2iPmRbfWIV2Cm6LOubQYXTlvDLvpRQlz0c0LZvD5FiYjMCpy+/KHcujoPjGGHIbWuh0DjATBhdS7lktW5IPW63+aIiVE8qNMsjmEZ2L3XmgPqODYHSdEVy6RW5eIIq0kB4/sGKy5IvgccHe8OKKMBMF1mXZF7v9D1pN7ZGQgcRGyvWbLB9wFrxIMwy24N3vZUEeRu9UkM8aSMIPrALfLy/TQdBMueiebKzc1wmW3eJ3cSwdwqSoC5sQzznr6uJ/V9CRTa0AFxxX4FAfP2lNYWlmlLWAU3DQHz+FEe3EyimvhARzv2mTs3mMtAQHXF91QDVhTHczP1wqTAFeTrLsfGQMuCLiwMzjBWcqcZMLZArbBCVkBuK+cTW19B7jzlGQzbeAOIa+c6XDe1YArIw1MuABXCriFpInJDnAGSbPCMZyQXFEsIY1M/A/OCOyn1hZnv4yQRjVSsYnYvQbtANvgzOABetmc5xCuHnDjAVdLmplsgwuklDuGE7IFcF/qCNf+DpZQS9PcXjhAAeB+J02NAec7Hh3oU1S4+2iYNDYG3OBo71LSygp3HComzU3CvdahXcZ1aY/hUvtfRG1XQD6w6GOCgwz/E6Ov/c6FHlpNDdm6HQcxD3os+CC9/t1Yt2WNCKY2k5Q5foHrlMlg4XzV/il0o1NPI2CJ9GGzV/68r4Z8ZJ2qCUDypSz/a/mvt1snyMgcV/Rj8Zbj5DMTNuUS35ztY7cVoSEbV24tXUs+NPH+V/c+t1cCDAADBYcDY1WpoQAAAABJRU5ErkJggg==);
  }
  .tasklist-creator .tasklist-create-form .temp-icon.tasklist_support {
    background-image: url(https://dn-st.teambition.net/teambition/images/tasklist_support@2x.e7c1ee00.png);
  }
  .tasklist-creator .tasklist-create-form .temp-icon.tasklist_custom {
    background-image: url(https://dn-st.teambition.net/teambition/images/tasklist_custom@2x.b92f020a.png);
  }
}
.tasklist-creator .tasklist-create-form .temp-info {
  padding: 0 40px;
}
.tasklist-creator .tasklist-create-form .temp-title {
  font-size: 15px;
}
.tasklist-creator .tasklist-create-form .temp-stages {
  line-height: 20px;
  white-space: normal;
  font-size: 12px;
  color: #A6A6A6;
}
.tasklist-creator .submit-button-wrapper {
  margin: 0 25px 15px;
}
.tasklist-creator .submit-button-wrapper button {
  width: 100%;
}
.tasklist-menu-view.in-submenu .popover-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.tasklist-menu-view.in-submenu .popover-content > * {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tasklist-menu-view .popover-content {
  overflow: hidden;
}
.tasklist-menu-view .popover-content li > a > .icon {
  float: none;
}
.tasklist-owner-selector-view ul {
  position: relative;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 10px 0;
  color: #808080;
}
.tasklist-owner-selector-view ul li {
  display: inline-block;
  width: 100%;
  line-height: 40px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tasklist-owner-selector-view ul li.not-allowed {
  cursor: not-allowed;
}
.tasklist-owner-selector-view .project-name {
  display: inline-block;
  vertical-align: middle;
  max-width: 180px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tasklist-owner-selector-view .icon-warning {
  margin-left: 5px;
}
.tasklist-owner-selector-view .icon-tick {
  position: absolute;
  right: 10px;
  margin-left: 5px;
  visibility: hidden;
}
.tasklist-owner-selector-view .project-item.with-tick .icon-tick {
  visibility: visible;
}
.tasklist-owner-selector-view .menu-content {
  margin: 10px 0;
  color: #808080;
}
.tasklist-owner-selector-view button.disabled {
  opacity: 0.65;
  background-color: #3da8f5;
  border-color: #3da8f5;
}
.task {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.task .check-box {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.task .avatar {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.task .task-content-set {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.task .task-content-set .task-content-wrapper {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.task .task-content-set .task-content-wrapper .task-content {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.task .task-content-set .task-content-wrapper .task-duedate,
.task .task-content-set .task-content-wrapper .task-accomplished-date {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
}
.task {
  position: relative;
  white-space: normal;
}
.task .check-box {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border: solid 2px #A6A6A6;
  cursor: pointer;
  border-radius: 3px;
}
.task .check-box:hover {
  border-color: #808080;
}
.task .check-box .stage-hint {
  height: 100%;
  background-color: rgba(49, 130, 205, 0.3);
}
.task .check-box .icon-tick {
  visibility: hidden;
  color: #A6A6A6;
  font-size: 13px;
  -webkit-transform: translate(2px, -1px);
  transform: translate(2px, -1px);
}
.task .check-box.non-checkable {
  border: 1px solid #D9D9D9;
  background-color: #EEEEEE;
  cursor: default;
}
.task .avatar {
  margin-right: 12px;
}
.task .task-content-set {
  overflow: hidden;
  margin: 0 0 0 12px;
  line-height: 20px;
  cursor: pointer;
}
.task .task-content-set .scroll-ctrl-touchscreen {
  width: 60%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.task .task-content-set .task-content-wrapper {
  overflow: hidden;
  min-height: 24px;
}
.task .task-content-set .task-content-wrapper .task-content {
  margin: 2px 12px 0 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  word-wrap: break-word;
  overflow: hidden;
  transition: color 218ms ease;
}
.active-task-detail.task .task-content-set .task-content-wrapper .task-content {
  color: #3da8f5;
}
.task .task-content-set .task-content-wrapper .task-content .label {
  margin-left: 5px;
}
.task .task-content-set .task-content-wrapper .task-content .tag {
  max-width: 100%;
  vertical-align: middle;
}
.task .task-content-set .task-content-wrapper .task-duedate {
  height: 22px;
  line-height: 22px;
  margin-left: 16px;
  padding-top: 0;
  padding-bottom: 0;
}
.task .task-content-set .task-tag {
  margin-left: 5px;
  color: #A6A6A6;
  transition: color 218ms;
}
.task .task-content-set .task-tag:hover {
  color: #3da8f5;
}
.task .task-content-set .overdue,
.task .task-content-set .today {
  color: #FF4F3E;
}
.task .task-content-set .icon-comment,
.task .task-content-set .icon-comments,
.task .task-content-set .icon-paperclip,
.task .task-content-set .icon-link2,
.task .task-content-set .icon-weibo,
.task .task-content-set .icon-github,
.task .task-content-set .icon-evernote {
  margin-right: 0;
}
.task .task-content-set .task-accomplished-date {
  color: #A6A6A6;
}
.task .task-content-set .task-duedate,
.task .task-content-set .task-accomplished-date {
  font-size: 12px;
}
.task .task-content-set .tag-label {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 4px 5px 0 0;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.task .task-priority {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  cursor: pointer;
  transition: width 218ms ease-in, opacity 218ms ease-in;
}
.task .task-priority.bg-priority-0 {
  opacity: 0;
}
.task:hover .task-priority,
.task.open .task-priority {
  width: 8px;
}
.task:hover .task-priority.bg-priority-0,
.task.open .task-priority.bg-priority-0 {
  opacity: 1;
}
.task.done .check-box .icon-tick {
  font-weight: bold;
  visibility: visible;
}
.task.done .task-content {
  color: #A6A6A6;
}
.task-list .task {
  padding: 10px 20px;
}
.task.task-card {
  padding: 0;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.task.task-card .check-box {
  margin: 14px 12px 0 14px;
}
.task.task-card .icon-lock {
  padding-left: 4px;
  font-size: 12px;
  color: #A6A6A6;
}
.task.task-card .task-content-set {
  padding: 12px 0;
  margin-left: 0;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.task.task-card .task-content-wrapper {
  overflow: visible;
}
.task.task-card .task-infos {
  margin-top: 4px;
  line-height: 20px;
  font-size: 0;
}
.task.task-card .task-infos .label {
  padding-left: 6px;
}
.task.task-card .task-infos .label,
.task.task-card .task-infos .icon-wrapper,
.task.task-card .task-infos .tag {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  font-size: 12px;
  vertical-align: middle;
  margin: 2px 6px 0 0;
  padding: 0 4px;
  max-width: 100%;
}
.task.task-card .task-infos .label.icon-wrapper:first-child,
.task.task-card .task-infos .icon-wrapper.icon-wrapper:first-child,
.task.task-card .task-infos .tag.icon-wrapper:first-child {
  padding-left: 0;
}
.task.task-card .task-infos .label.with-text,
.task.task-card .task-infos .icon-wrapper.with-text,
.task.task-card .task-infos .tag.with-text {
  padding-left: 0;
  padding-right: 8px;
}
.task.task-card .task-infos .label.with-text .icon,
.task.task-card .task-infos .icon-wrapper.with-text .icon,
.task.task-card .task-infos .tag.with-text .icon {
  margin-right: 4px;
}
.task.task-card .task-infos .label > span,
.task.task-card .task-infos .icon-wrapper,
.task.task-card .task-infos .tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task.task-card .task-infos .tag .tag-label {
  margin-top: 0;
}
.task.task-card .task-infos .icon-wrapper {
  color: #A6A6A6;
}
.task.task-card .task-infos .custom-field-label {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  max-width: 94px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task.task-card .task-infos .custom-field-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task.task-card .task-priority {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.task.task-card .tag-name {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-size: 12px;
  color: #A6A6A6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task.task-card.done {
  background-color: #F7F7F7;
}
.task.task-card.done .check-box,
.task.task-card.done .task-content-set {
  opacity: 0.64;
  filter: alpha(opacity=64);
}
.task.task-card.done .task-content {
  opacity: 1;
  filter: alpha(opacity=100);
}
.task.task-card.done .stage-hint {
  display: none;
}
.task.task-card .task-info-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 14px;
}
.task.task-card .task-info-wrapper .task-infos {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
}
.task.task-card .task-info-wrapper .task-id-wrapper {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 5px;
  padding-left: 8px;
}
.task.task-card .task-info-wrapper .task-id-label {
  right: 0;
  bottom: 0;
  border-radius: 0;
  padding-right: 5px;
  margin: 0;
  margin-bottom: -12px;
  margin-right: -15px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.task span.icon[class*='icon-custom'] {
  font-size: 14px;
}
.task-list {
  margin-bottom: 40px;
}
.task-list .task-load-more-handler {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
}
.task-list .placeholder {
  margin: 30px auto;
  line-height: 30px;
  text-align: center;
}
.task-list .placeholder .icon {
  font-size: 40px;
  line-height: 40px;
}
.task-list .task.subtask {
  padding: 7px 20px;
}
.task-list .subtask .subtask-info {
  font-size: 12px;
  padding-top: 3px;
  color: #A6A6A6;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-list .task-group-by {
  position: relative;
}
.task-list .task-group-by .group-handler {
  position: absolute;
  top: 0;
  right: 0;
}
.task-creator {
  position: relative;
  padding: 10px;
}
.task-creator .more-set {
  display: none;
}
.task-creator.show-more .more-set {
  display: block;
}
.task-creator.show-more .more-handler-wrap {
  display: none;
}
.task-creator .task-content-input {
  height: 60px;
  resize: vertical;
}
.task-creator .handler-wrap {
  position: relative;
  height: 54px;
  border-bottom: 1px solid #EEEEEE;
}
.task-creator .handler-wrap > a {
  width: 100%;
  display: inline-block;
  padding: 15px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-creator .handler-wrap > a > .icon,
.task-creator .handler-wrap > a > .avatar {
  display: inline-block;
  line-height: 24px;
  float: left;
  margin-right: 8px;
}
.task-creator .handler-wrap .repeat-handler {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-creator .handler-wrap .icon {
  font-size: 18px;
}
.task-creator .handler-wrap .creator-handler-text {
  line-height: 24px;
}
.task-creator .handler-wrap .creator-handler-text.name {
  font-weight: bold;
  margin-right: 4px;
}
.task-creator .handler-wrap .task-datepicker > * {
  display: inline-block;
  width: 100%;
}
.task-creator .handler-wrap .task-datepicker .icon {
  margin-right: 4px;
}
.task-creator .tags-wrap,
.task-creator .involve-wrap {
  border-bottom: 1px solid #EEEEEE;
}
.task-creator .tags-wrap > div,
.task-creator .involve-wrap > div {
  padding: 12px 0 5px;
}
.task-creator .submit-set {
  position: relative;
  margin-top: 10px;
}
.task-creator .submit-set .btn-group {
  width: 100%;
  padding-right: 90px;
}
.task-creator .btn-default {
  width: 100%;
}
.task-creator .btn-default .icon-chevron-up {
  margin-left: 8px;
  font-size: 12px;
}
.task-creator .creator-visible {
  float: left;
  line-height: 18px;
}
.task-creator .creator-visible .icon {
  float: left;
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
.task-creator .creator-visible .mode-explanation {
  margin-left: 26px;
}
.task-creator .submit-handler {
  position: absolute;
  top: 0;
  right: 0;
  width: 72px;
}
.task-creator .mode-explanation {
  display: block;
  line-height: 20px;
  font-size: 12px;
  color: #A6A6A6;
}
.task-detail {
  position: relative;
  height: 100%;
}
.task-detail.refreshing {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.task-detail.refreshing:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #F7F7F7;
  z-index: 2000;
  opacity: 0;
  transition: opacity 218ms;
}
.task-detail.refreshing.fade:before {
  opacity: 1;
}
.task-detail.refreshing > *:not(.loading-indicator) {
  display: none;
}
.task-detail.task-detail-loading {
  padding-top: 55%;
}
.task-detail.empty {
  background-color: transparent;
}
.task-detail .task-detail-header {
  position: relative;
  clear: both;
}
.task-detail .task-detail-header .menu-handler {
  transition: all 300ms;
}
.task-detail .task-detail-header .ancestors-info {
  margin: 15px 0;
}
.task-detail .task-detail-header .ancestors-info span {
  color: #A6A6A6;
}
.task-detail .task-detail-header .ancestors-info .icon {
  width: 20px;
  height: 20px;
  text-align: center;
}
.task-detail .task-detail-header .ancestors-info .ancestor-switch-handler {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-detail .task-detail-header .task-tasklist-stage-wrap {
  position: relative;
  margin: 15px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-detail .task-detail-header .task-tasklist-stage-wrap > span {
  color: #A6A6A6;
}
.task-detail .task-detail-header .task-tasklist-stage-wrap .task-detail-tasklist,
.task-detail .task-detail-header .task-tasklist-stage-wrap .task-detail-stage {
  display: inline-block;
  max-width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}
.task-detail .task-detail-header .task {
  margin: 16px 0;
  padding: 0;
}
.task-detail .task-detail-header .task .check-box {
  margin: 4px 4px 4px 0;
  border: 2px solid #383838;
}
.task-detail .task-detail-header .task .task-id-label {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  line-height: 20px;
  margin: 4px 0 4px 8px;
}
.task-detail .task-detail-header .task .task-content-input {
  width: 100%;
  padding: 4px;
  margin-left: 4px;
  font-size: 18px;
  word-break: break-word;
  border-radius: 3px;
}
.task-detail .task-detail-header .task .task-content-input[contenteditable]:hover,
.task-detail .task-detail-header .task .task-content-input[contenteditable]:focus {
  background-color: rgba(0, 0, 0, 0.05);
}
.task-detail .task-detail-header .task.done .task-content-input {
  color: #A6A6A6;
}
.task-detail .task-detail-header .task.done .check-box {
  border-color: #A6A6A6;
}
.task-detail .task-detail-handler-set {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.task-detail .task-detail-handler-set .task-detail-handler {
  position: relative;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  white-space: nowrap;
  overflow: hidden;
}
.task-detail .task-detail-handler-set .task-detail-handler:first-of-type {
  -webkit-flex: 0 1 150px;
      -ms-flex: 0 1 150px;
          flex: 0 1 150px;
}
.task-detail .task-detail-handler-set .task-detail-handler.expand {
  -webkit-flex: 2 1 0;
      -ms-flex: 2 1 0px;
          flex: 2 1 0;
}
.task-detail .task-detail-handler-set .task-detail-handler:last-child {
  border-right: 0 none;
}
.task-detail .task-detail-handler-set .task-detail-handler.content-stretch {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.task-detail .task-detail-handler-set .task-detail-handler .task-info-title {
  margin: 16px 16px 0 16px;
  line-height: 12px;
  color: #808080;
}
.task-detail .task-detail-handler-set .task-detail-handler .task-info-title .icon-help.hinted {
  float: none;
  font-size: 12px;
}
.task-detail .task-detail-handler-set .task-detail-handler > a.open,
.task-detail .task-detail-handler-set .task-detail-handler > a:hover,
.task-detail .task-detail-handler-set .task-detail-handler > a.dirty:hover,
.task-detail .task-detail-handler-set .task-detail-handler > a:hover .icon {
  color: #3da8f5;
}
.task-detail .task-detail-handler-set .task-detail-handler > span,
.task-detail .task-detail-handler-set .task-detail-handler > a,
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-handler-body {
  position: relative;
  display: block;
  margin: 12px 16px 16px 16px;
  color: #383838;
  vertical-align: middle;
}
.task-detail .task-detail-handler-set .task-detail-handler > span.dirty,
.task-detail .task-detail-handler-set .task-detail-handler > a.dirty,
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-handler-body.dirty {
  color: #A6A6A6;
}
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-date > a {
  display: inline-block;
  margin: 0;
  color: #383838;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-date > a:hover {
  color: #3da8f5;
}
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-date > a.dirty {
  color: #A6A6A6;
}
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-date > a.dirty:hover {
  color: #3da8f5;
}
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-date > a.dirty.ban:hover {
  color: #A6A6A6;
}
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-date > a.ban:hover {
  color: #383838;
}
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-executor {
  margin: 10px 16px 14px 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-executor .avatar {
  float: left;
  margin-right: 8px;
  transition: -webkit-transform 218ms ease-in-out;
  transition: transform 218ms ease-in-out;
  transition: transform 218ms ease-in-out, -webkit-transform 218ms ease-in-out;
}
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-executor .avatar.pop-out {
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-executor .avatar.pop-back {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.task-detail .task-detail-handler-set .task-detail-handler .task-detail-repeat {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-detail .task-detail-handler-set .task-detail-handler .icon {
  margin-right: 8px;
  font-size: 18px;
}
.task-detail .task-detail-handler-set .task-detail-handler .icon.icon-chevron-down {
  float: right;
  margin-right: 0;
  margin-left: 8px;
  font-size: 12px;
}
.task-detail.archived .task-tasklist-stage-wrap,
.task-detail.archived .menu-handler {
  display: none;
}
.task-detail-handler .task-detail-priority {
  margin-left: 15px !important;
}
.task-detail-handler .task-detail-priority .icon {
  margin-left: 1px;
}
.firefox .task-detail .task-content-input {
  word-break: break-all;
}
.task-menu-view .subtask-menu-check-set {
  margin: 10px 0;
}
.task-menu-view .subtask-menu-check-set .task-menu-check {
  padding: 5px 0;
}
.task-menu-view .subtask-menu-check-set .check-box {
  width: 16px;
  height: 16px;
  margin: 2px 10px 0 0;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  border: 2px solid #A6A6A6;
  border-radius: 2px;
}
.task-menu-view .subtask-menu-check-set .check-box:hover {
  border: 2px solid #808080;
}
.task-menu-view .subtask-menu-check-set .icon-tick {
  display: none;
  font-size: 12px;
}
.task-menu-view .subtask-menu-check-set .active .icon-tick {
  display: inline-block;
  font-weight: bold;
  color: #808080;
}
.task-menu-view .copy-or-move-task {
  position: relative;
}
.task-menu-view .copy-or-move-task .task-select {
  position: relative;
  padding: 15px 0 15px 40px;
  text-align: right;
  border-bottom: 1px solid #EEEEEE;
}
.task-menu-view .copy-or-move-task .task-select .select-label {
  position: absolute;
  top: 15px;
  left: 0;
  font-weight: bold;
}
.task-menu-view .copy-or-move-task .task-select > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: right;
}
.task-menu-view .copy-or-move-task .task-select > a .choose-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.task-menu-view .copy-or-move-task .icon-chevron-down {
  margin-left: 5px;
  font-size: 12px;
  color: #808080;
}
.task-menu-view .copy-or-move-task .menu-tips {
  padding: 10px 0;
}
.task-menu-view .copy-or-move-task .warning {
  position: absolute;
  width: 100%;
  bottom: 45px;
  padding: 5px 7px;
  color: #d58a8a;
  border: 1px solid #d58a8a;
  border-radius: 3px;
  background-color: #fff4f4;
  text-align: center;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.task-menu-view .copy-or-move-task .warning.is-shown {
  opacity: 1;
}
.task-menu-view .copy-or-move-task .btn-primary {
  width: 100%;
}
.task-menu-view .copy-or-move-task .btn-primary.is-disabled {
  opacity: .65;
  cursor: default;
}
.task-menu-view .copy-or-move-task .btn-primary.is-disabled:hover,
.task-menu-view .copy-or-move-task .btn-primary.is-disabled:active,
.task-menu-view .copy-or-move-task .btn-primary.is-disabled:focus {
  color: #FFFFFF;
  background-color: #3da8f5;
}
.task-menu-view .popover-menu-view {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.task-menu-view .task-menu-check-set {
  margin: 10px 0;
}
.task-menu-view .task-menu-check-set .task-menu-check {
  padding: 5px 0;
}
.task-menu-view .task-menu-check-set .check-box {
  width: 16px;
  height: 16px;
  margin: 2px 10px 0 0;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  border: 2px solid #A6A6A6;
  border-radius: 2px;
}
.task-menu-view .task-menu-check-set .check-box:hover {
  border: 2px solid #808080;
}
.task-menu-view .task-menu-check-set .icon-tick {
  display: none;
  margin-top: -3px;
  font-size: 12px;
}
.task-menu-view .task-menu-check-set .active .icon-tick {
  display: inline-block;
}
.task-menu-view .main-mode {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.task-menu-view .main-mode .icon {
  margin-right: 10px;
}
.task-menu-view .main-mode .mode {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.task-menu-view .ifClose {
  color: #3da8f5;
  font-size: 12px;
}
.task-menu-view .mode-explanation {
  display: block;
  line-height: 14px;
  margin-left: 24px;
  font-size: 12px;
  color: #A6A6A6;
}
.bookkeeping-view {
  position: relative;
  color: #808080;
  position: fixed;
  left: 0;
  right: 0;
  top: 120px;
  bottom: 0px;
  transition: right 218ms ease;
}
.bookkeeping-view .filtering-state {
  display: none;
  color: #3da8f5;
}
.bookkeeping-view.filtering .filtering-state {
  display: inline;
}
.bookkeeping-view .bookkeping-setting-approver {
  color: #3da8f5;
}
.bookkeeping-view .bookkeeping-total-filtering {
  display: none;
}
.bookkeeping-view.pannel-showing .bookkeeping-content-header-fixed,
.bookkeeping-view.pannel-showing .bookkeeping-list {
  padding-right: 300px;
}
.bookkeeping-view.filtering .bookkeeping-total-normal {
  display: none;
}
.bookkeeping-view.filtering .bookkeeping-total-filtering {
  display: inline;
}
.bookkeeping-view .entry-category,
.bookkeeping-view .entry-date {
  width: 120%;
}
.bookkeeping-view .entry-creator,
.bookkeeping-view .entry-amount {
  width: 100%;
}
.bookkeeping-view .entry-content {
  width: 300%;
}
.bookkeeping-view .bookkeeping-header-tips {
  display: none;
  height: 50px;
}
.bookkeeping-view .bookkeeping-header-tips .bookkeeping-header-tips-fixed {
  z-index: 1;
  background-color: #F5F5F5;
  text-align: center;
}
.bookkeeping-view .bookkeeping-header-tips .bookkeeping-header-tips-wrap {
  padding: 10px 20px;
}
.bookkeeping-view .bookkeeping-header-tips-show {
  display: block;
}
.bookkeeping-view .bookkeeping-header-tips-show ~ .bookkeeping-content {
  top: 100px;
}
.bookkeeping-view .bookkeeping-header {
  height: 50px;
}
.bookkeeping-view .bookkeeping-header .bookkeeping-header-fixed {
  z-index: 2;
  background-color: #F5F5F5;
}
.bookkeeping-view .bookkeeping-header .bookkeeping-header-wrap {
  position: relative;
  height: 50px;
  padding: 15px 20px;
  background-color: #FFFFFF;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.bookkeeping-view .bookkeeping-header .bookkeeping-header-wrap:after {
  position: absolute;
  top: 50px;
  right: 20px;
  left: 20px;
  content: '';
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.bookkeeping-view .bookkeeping-header .bookkeeping-creator {
  display: inline-block;
  margin-right: 40px;
}
.bookkeeping-view .bookkeeping-header .bookkeeping-creator .icon {
  float: left;
  margin-right: 10px;
  font-size: 18px;
  line-height: 18px;
}
.bookkeeping-view .bookkeeping-header .icon-chevron-down {
  margin-left: 5px;
  font-size: 12px;
}
.bookkeeping-view .bookkeeping-header .bookkeeping-panel-toggler {
  font-size: 15px;
  color: #383838;
  transition: color 218ms ease;
}
.bookkeeping-view .bookkeeping-header .bookkeeping-panel-toggler:hover {
  color: #3da8f5;
}
.bookkeeping-view .bookkeeping-content {
  overflow: auto;
}
.bookkeeping-view .bookkeeping-content .bookkeeping-content-header-fixed,
.bookkeeping-view .bookkeeping-content .bookkeeping-list {
  margin-bottom: 100px;
  transition: padding 218ms ease;
}
.bookkeeping-view .bookkeeping-content-header {
  height: 50px;
}
.bookkeeping-view .bookkeeping-content-header .bookkeeping-content-header-fixed {
  z-index: 1;
  background-color: #FFFFFF;
}
.bookkeeping-view .bookkeeping-content-header .bookkeeping-content-header-wrap {
  position: relative;
  padding: 15px 100px 15px 0;
  margin: 0 20px;
  border-bottom: 1px solid #EEEEEE;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bookkeeping-view .bookkeeping-content-header .bookkeeping-content-header-wrap > div {
  margin: 0 3px;
  word-break: break-word;
}
.bookkeeping-view .bookkeeping-content-header .entry-content {
  padding-left: 20px;
}
.bookkeeping-view .bookkeeping-content-header .caret {
  margin-top: -2px;
  margin-left: 2px;
  color: #A6A6A6;
  border-width: 5px 5px 0;
}
.bookkeeping-view .bookkeeping-content-header .bookkeeping-sort:hover .caret {
  color: #3da8f5;
}
.bookkeeping-view .bookkeeping-content-header .bookkeeping-sort.dropup .caret {
  border-width: 0 5px 5px;
}
.bookkeeping-view .bookkeeping-content-footer {
  position: fixed;
  bottom: 0;
  height: 100px;
  padding: 20px 30px;
  background-color: #FFFFFF;
}
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-total-normal,
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-total-filtering {
  color: #808080;
}
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-expense,
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-income {
  margin-right: 100px;
}
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-expense {
  color: #f9b447;
}
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-income {
  color: #4bd649;
}
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-amount {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  font-size: 30px;
  line-height: 40px;
}
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-amount:before {
  position: absolute;
  top: -3px;
  left: 0;
}
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-overall.plus .bookkeeping-amount:before {
  content: '+';
}
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-overall.zero .bookkeeping-amount {
  padding-left: 0;
}
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-overall.minus .bookkeeping-amount:before {
  content: '-';
}
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-expense .bookkeeping-amount:before {
  content: '-';
}
.bookkeeping-view .bookkeeping-content-footer .bookkeeping-income .bookkeeping-amount:before {
  content: '+';
}
.bookkeeping-view .bookkeeping-placeholder {
  position: absolute;
  top: 51px;
  right: 20px;
  bottom: 0;
  left: 20px;
  z-index: 0;
  display: none;
  padding: 80px 0;
  line-height: 30px;
  color: #A6A6A6;
  text-align: center;
  background-color: #FFFFFF;
}
.bookkeeping-view .bookkeeping-placeholder .icon {
  font-size: 48px;
  line-height: 60px;
}
.bookkeeping-view .bookkeeping-placeholder .bookkeping-setting-approver {
  margin: 0 5px;
}
.bookkeeping-panel-view {
  position: absolute;
  top: 0;
  right: -300px;
  z-index: 1;
  width: 300px;
  transition: width 218ms ease;
}
.bookkeeping-panel-view.panel-active {
  width: 600px;
}
.bookkeeping-panel-view.panel-active .bookkeeping-panel-wrap {
  overflow-y: auto;
}
.bookkeeping-panel-view .bookkeeping-panel-wrap {
  position: relative;
  z-index: 1;
  width: 300px;
  height: 100%;
  padding-bottom: 50px;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #FFFFFF;
  border-left: 1px solid #EEEEEE;
  border-top-right-radius: 2px;
}
.bookkeeping-panel-view .bookkeeping-panel-layer {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 300px;
  height: 100%;
  background-color: #F5F5F5;
}
.bookkeeping-panel-view .list li {
  position: relative;
  line-height: 24px;
}
.bookkeeping-panel-view .list li > a {
  max-width: 100%;
  padding: 5px 40px 5px 20px;
  margin: 0;
}
.bookkeeping-panel-view .list li .icon-tick {
  position: absolute;
  top: 5px;
  right: 20px;
  display: none;
  font-size: 14px;
}
.bookkeeping-panel-view .list li.selected .icon-tick {
  display: block;
}
.bookkeeping-panel-view .panel-set {
  position: relative;
  padding: 5px 0;
}
.bookkeeping-panel-view .panel-set .panel-title {
  padding: 0 20px;
  margin: 5px 0;
  font-size: 14px;
}
.bookkeeping-panel-view .panel-set:empty {
  display: none;
}
.bookkeeping-panel-view .panel-set:after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  content: '';
  border-bottom: 1px solid #EEEEEE;
}
.bookkeeping-panel-view .panel-set:last-child:after {
  display: none;
}
.bookkeeping-panel-view .bookkeeping-panel-header {
  position: relative;
  font-size: 15px;
  color: #808080;
}
.bookkeeping-panel-view .bookkeeping-panel-header > span,
.bookkeeping-panel-view .bookkeeping-panel-header > a,
.bookkeeping-panel-view .bookkeeping-panel-header > strong {
  display: inline-block;
  padding: 15px 20px 14px;
}
.bookkeeping-panel-view .bookkeeping-panel-header .icon {
  font-size: 12px;
  transition: all 218ms ease;
}
.bookkeeping-panel-view .bookkeeping-panel-header .icon-remove {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  border-left: 1px solid #EEEEEE;
}
.bookkeeping-panel-view .bookkeeping-panel-header .bookkeeping-panel-settings-toggler {
  z-index: 1;
  width: 100%;
  padding-right: 72px;
  border-bottom: 1px solid #EEEEEE;
}
.bookkeeping-panel-view .bookkeeping-panel-settings-set {
  position: relative;
  height: 0;
  overflow: hidden;
}
.bookkeeping-panel-view .bookkeeping-panel-settings-set.list li:first-child a {
  margin-top: 10px;
}
.bookkeeping-panel-view .bookkeeping-panel-settings-set.list li:last-child a {
  margin-bottom: 10px;
}
.bookkeeping-panel-view .bookkeeping-panel-settings-set .plugin-handler .icon {
  display: none;
}
.bookkeeping-panel-view.open .icon-chevron-down {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bookkeeping-panel-view.open .bookkeeping-panel-settings-set {
  height: auto;
}
.bookkeeping-panel-view.open .bookkeeping-panel-settings-set:after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  content: '';
  border-bottom: 1px solid #EEEEEE;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-set .filter-clear-handler {
  display: none;
  font-size: 14px;
  color: #3da8f5;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-set .filter-clear-handler.active {
  display: inline-block;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-set .filter-input-wrap {
  margin: 15px 20px;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-set .filter-input-wrap input {
  height: auto;
  padding: 5px 8px;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-set .filter-date-wrap {
  position: relative;
  height: 35px;
  margin: 15px 20px;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-set .filter-date-wrap .filter-date-hanlder {
  position: absolute;
  display: inline-block;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #EEEEEE;
  border-radius: 3px;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-set .filter-date-wrap .filter-date-hanlder > span {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-set .filter-date-wrap .filter-date-hanlder.filter-start-date {
  left: 0;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-set .filter-date-wrap .filter-date-hanlder.filter-end-date {
  right: 0;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-set .filter-date-wrap .filter-date-line {
  position: relative;
  top: 17px;
  width: 10px;
  height: 1px;
  margin: auto;
  background-color: #EEEEEE;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-tags .tag-label {
  width: 10px;
  height: 10px;
  margin-top: 7px;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-creators .avatar {
  float: left;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-approved-wrap {
  padding: 15px 20px;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-approved-wrap .filter-approved-handler {
  color: #808080;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-approved-wrap .filter-approved-handler:hover {
  color: #808080;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-approved-wrap .filter-approved-handler.active .icon-tick {
  display: inline-block;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-approved-wrap .check-box {
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px 10px 0 0;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  border: 2px solid #A6A6A6;
  border-radius: 2px;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-approved-wrap .check-box:hover {
  border: 2px solid #808080;
}
.bookkeeping-panel-view .bookkeeping-panel-filter-approved-wrap .check-box .icon-tick {
  display: none;
  margin-top: -3px;
  font-size: 12px;
  color: #808080;
}
.bookkeeping-settings-approver-modal-view form {
  padding: 0 20px 20px;
}
.bookkeeping-settings-approver-modal-view .settings-tips {
  color: #A6A6A6;
}
.bookkeeping-settings-approver-modal-view .involve-header {
  display: none;
}
.bookkeeping-settings-categories-modal-view.modal-view .modal-body {
  min-height: 200px;
  padding-top: 0;
}
.bookkeeping-settings-categories-modal-view.modal-view .modal-body .bookkeeping-settings-categories-view {
  padding-top: 0;
}
.bookkeeping-settings-categories-modal-view.modal-view .settings-navigation {
  text-align: center;
}
.bookkeeping-settings-categories-modal-view.modal-view .settings-navigation li {
  width: 50%;
}
.bookkeeping-settings-categories-modal-view.modal-view .settings-navigation .settings-switcher {
  border: none;
  margin: 0;
}
.bookkeeping-settings-categories-modal-view.modal-view .settings-input-wrap {
  position: relative;
  padding: 0 3px;
  color: #A6A6A6;
  border-bottom: 1px solid #EEEEEE;
}
.bookkeeping-settings-categories-modal-view.modal-view .settings-input-wrap .icon {
  margin-right: 8px;
  font-size: 16px;
  line-height: 48px;
}
.bookkeeping-settings-categories-modal-view.modal-view .settings-input-wrap .add-input {
  width: 370px;
  height: 50px;
  padding-left: 0;
  margin-bottom: 0;
  border: 0 none;
}
.bookkeeping-settings-categories-modal-view.modal-view .settings-input-wrap .btn-link {
  width: auto;
  height: 50px;
  padding-right: 0;
  margin: 0;
}
.bookkeeping-settings-categories-modal-view.modal-view .category {
  position: relative;
  padding: 0 3px;
  line-height: 50px;
  color: #808080;
  border-bottom: 1px solid #EEEEEE;
}
.bookkeeping-settings-categories-modal-view.modal-view .category .icon {
  margin-right: 8px;
}
.bookkeeping-settings-categories-modal-view.modal-view .category .settings-handlers-without-state .settings-category-case {
  display: inline-block;
  float: left;
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bookkeeping-settings-categories-modal-view.modal-view .category .settings-handlers-without-state .settings-event-source {
  display: none;
  margin-left: 12px;
}
.bookkeeping-settings-categories-modal-view.modal-view .category .settings-handlers-editing {
  display: none;
}
.bookkeeping-settings-categories-modal-view.modal-view .category .settings-handlers-editing input {
  width: 245px;
  height: 30px;
  padding: 0 5px;
  margin: 10px 10px 0 0;
  line-height: 30px;
}
.bookkeeping-settings-categories-modal-view.modal-view .category .settings-handlers-editing button {
  width: auto;
  padding: 3px 15px;
  margin: 11px 0 0;
  line-height: 20px;
}
.bookkeeping-settings-categories-modal-view.modal-view .category:hover .settings-handlers-without-state .settings-event-source {
  display: inline-block;
}
.bookkeeping-settings-categories-modal-view.modal-view .category:last-child {
  border: 0 none;
}
.bookkeeping-settings-categories-modal-view.modal-view .category.editing .settings-handlers-editing {
  display: block;
}
.bookkeeping-settings-categories-modal-view.modal-view .category.editing .settings-handlers-without-state {
  display: none;
}
.bookkeeping-settings-displayFields-modal-view .settings-title {
  padding-left: 10px;
  margin-bottom: 15px;
  color: #808080;
}
.bookkeeping-settings-displayFields-modal-view .list-inline {
  margin-left: -5px;
}
.bookkeeping-settings-displayFields-modal-view .settings-field {
  position: relative;
  float: left;
  min-width: 80px;
  height: 40px;
  padding: 0 5px;
  margin: 0 0 20px 15px;
  line-height: 40px;
  color: #808080;
  text-align: center;
  cursor: default;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.12);
  transition: colorease 128ms, border-color ease 128ms, box-shadow ease 128ms, -webkit-transform 128ms ease;
  transition: colorease 128ms, border-color ease 128ms, box-shadow ease 128ms, transform 128ms ease;
  transition: colorease 128ms, border-color ease 128ms, box-shadow ease 128ms, transform 128ms ease, -webkit-transform 128ms ease;
  border-radius: 3px;
}
.bookkeeping-settings-displayFields-modal-view .settings-field.ui-sortable-handle:hover {
  color: #3da8f5;
  cursor: move;
  border-color: #3da8f5;
  box-shadow: rgba(0, 0, 0, 0.0470588) 0px 2px 3px 0px;
  -webkit-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0);
}
.bookkeeping-settings-displayFields-modal-view .settings-field-placeholder {
  background: #EEEEEE;
}
.entry-view {
  cursor: pointer;
}
.entry-view .entry-wrap {
  position: relative;
  padding: 20px 100px 20px 0;
  margin: 0 20px;
  border-bottom: 1px solid #EEEEEE;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.entry-view .entry-wrap > div {
  margin: 0 3px;
  word-break: break-word;
}
.entry-view .entry-category {
  position: relative;
}
.entry-view .entry-category .entry-category-title {
  margin-left: 36px;
}
.entry-view .entry-category .entry-category-icon {
  position: absolute;
  top: -3px;
  left: 0;
  width: 26px;
  height: 26px;
  line-height: 26px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 13px;
}
.entry-view .entry-category .entry-category-icon.expense {
  background-color: #f9b446;
}
.entry-view .entry-category .entry-category-icon.income {
  background-color: #4bd649;
}
.entry-view .entry-content {
  position: relative;
  padding-left: 20px;
}
.entry-view .entry-content .icon-lock {
  position: absolute;
  left: 0;
}
.entry-view .entry-content .entry-content-case {
  float: left;
  margin-right: 5px;
}
.entry-view .entry-content .label {
  margin: 0 5px 0 0;
}
.entry-view .entry-content .tag-label {
  margin: 4px 5px 0 0;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.entry-view .entry-amount .income,
.entry-view .entry-amount .expense {
  position: relative;
  padding-left: 13px;
}
.entry-view .entry-amount .income:before,
.entry-view .entry-amount .expense:before {
  position: absolute;
  top: -2px;
  left: 0;
}
.entry-view .entry-amount .income {
  color: #4bd649;
}
.entry-view .entry-amount .income:before {
  content: '+';
}
.entry-view .entry-amount .expense {
  color: #f9b446;
}
.entry-view .entry-amount .expense:before {
  content: '-';
}
.entry-view .entry-status {
  position: absolute;
  right: 0;
  width: 100px;
  text-align: center;
}
.entry-view .entry-settings {
  position: absolute;
  right: 0;
  width: 100px;
  text-align: right;
  background: #F7F7F7;
  opacity: 0;
}
.entry-view .entry-settings .entry-handler {
  margin-left: 8px;
}
.entry-view .entry-settings .icon.entry-icon-empty {
  color: #F7F7F7;
}
.entry-view:hover,
.entry-view.active {
  background-color: #F7F7F7;
}
.entry-view:hover .entry-settings,
.entry-view.active .entry-settings {
  opacity: 1;
}
.entry-creator-modal-view {
  position: relative;
  padding: 10px;
}
.entry-creator-modal-view .form-control {
  line-height: normal;
}
.entry-creator-modal-view .entry-category {
  height: 90px;
  color: #A6A6A6;
  text-align: center;
}
.entry-creator-modal-view .entry-category ul {
  display: inline-block;
}
.entry-creator-modal-view .entry-category li {
  display: inline-block;
  margin: 0 20px;
  cursor: pointer;
}
.entry-creator-modal-view .entry-category .entry-icon {
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  font-size: 20px;
  line-height: 46px;
  border: 2px solid #E5E5E5;
  border-radius: 25px;
}
.entry-creator-modal-view .entry-category li.active .entry-category-title,
.entry-creator-modal-view .entry-category li:hover .entry-category-title {
  color: #383838;
}
.entry-creator-modal-view .entry-category li.active .entry-icon,
.entry-creator-modal-view .entry-category li:hover .entry-icon {
  color: #FFFFFF;
}
.entry-creator-modal-view .entry-category .expense li.active .entry-icon,
.entry-creator-modal-view .entry-category .expense li:hover .entry-icon {
  background-color: #f9b446;
  border-color: #f9b446;
}
.entry-creator-modal-view .entry-category .income li.active .entry-icon,
.entry-creator-modal-view .entry-category .income li:hover .entry-icon {
  background-color: #4bd649;
  border-color: #4bd649;
}
.entry-creator-modal-view .entry-category .entry-category-title {
  line-height: 30px;
}
.entry-creator-modal-view .entry-amount-date {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.entry-creator-modal-view .entry-amount {
  -webkit-flex: 1 50%;
      -ms-flex: 1 50%;
          flex: 1 50%;
}
.entry-creator-modal-view .entry-date {
  -webkit-flex: 1 50%;
      -ms-flex: 1 50%;
          flex: 1 50%;
  margin-left: 15px;
}
.entry-creator-modal-view .entry-date .entry-date-label {
  width: 100%;
  line-height: 22px;
  text-align: left;
}
.entry-creator-modal-view .entry-note {
  padding: 8px 12px;
  margin-bottom: 20px;
  border: 1px solid #E5E5E5;
  border-radius: 2px;
}
.entry-creator-modal-view .entry-note .flex-text-wrap {
  min-height: 80px;
}
.entry-creator-modal-view .entry-tags-set,
.entry-creator-modal-view .entry-involve-set {
  padding: 12px 0 5px;
  border-bottom: 1px solid #E5E5E5;
}
.entry-creator-modal-view .dropdown-menu {
  margin-top: 0;
}
.entry-creator-modal-view .submit-set {
  margin: 20px 0 0;
}
.entry-creator-modal-view .submit-set .btn {
  width: auto;
}
.entry-creator-modal-view .submit-set .submit-handler {
  padding: 8px 40px;
  margin-left: 20px;
}
.entry-creator-modal-view .submit-set .icon-chevron-up {
  margin-left: 8px;
  font-size: 12px;
}
.entry-creator-modal-view .validate-error {
  border-color: #FF4F3E;
}
.entry-creator-modal-view .creator-visible {
  float: left;
  line-height: 18px;
}
.entry-creator-modal-view .creator-visible .icon {
  float: left;
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
.entry-creator-modal-view .creator-visible .mode-explanation {
  margin-left: 26px;
}
.entry-creator-modal-view .mode-explanation {
  display: block;
  margin-left: 24px;
  font-size: 12px;
  color: #A6A6A6;
}
.entry-detail-view {
  position: relative;
}
.entry-detail-view .entry-detail-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.entry-detail-view .entry-detail-header .menu-handler {
  top: 8px;
}
.entry-detail-view .entry-detail-header .entry-info-set {
  padding-left: 40px;
  margin: 20px 16px;
}
.entry-detail-view .entry-detail-header .entry-content {
  position: relative;
}
.entry-detail-view .entry-detail-header .entry-content .entry-content-case {
  font-size: 25px;
  line-height: 40px;
  display: block;
  width: calc(100% - 80px);
}
.entry-detail-view .entry-detail-header .entry-content .icon {
  position: absolute;
  top: 5px;
  left: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 15px;
}
.entry-detail-view .entry-detail-header .entry-content .icon.expense {
  background-color: #f9b446;
}
.entry-detail-view .entry-detail-header .entry-content .icon.income {
  background-color: #4bd649;
}
.entry-detail-view .entry-detail-header .entry-note {
  margin-bottom: 30px;
}
.entry-detail-view .entry-detail-other {
  position: relative;
  margin-bottom: 10px;
  line-height: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.entry-detail-view .entry-detail-other .entry-other-2-1 {
  width: 50%;
}
.entry-detail-view .entry-detail-other .icon {
  margin-right: 10px;
}
.entry-detail-view .entry-detail-other .entry-cost-tips,
.entry-detail-view .entry-detail-other .entry-profit-tips {
  margin-right: 5px;
}
.entry-detail-view .entry-detail-other .entry-amount {
  font-size: 25px;
  text-align: right;
}
.entry-detail-view .entry-detail-other .entry-profit {
  margin-left: 20px;
}
.entry-detail-view.archived .entry-detail-header .entry-info-set {
  cursor: not-allowed;
}
.entry-detail-view.archived .detail-content .close-handler.icon-remove {
  top: 16px;
}
.entry-detail-view.archived .entry-content-case {
  cursor: not-allowed;
}
.entry-detail-view.archived .menu-handler {
  display: none;
}
.entry-detail-view.archived .detail-infos-note-view .click-eidtable:hover {
  cursor: not-allowed;
}
.entry-detail-view.archived a.tag:hover {
  color: #808080 !important;
}
.entry-menu-list .main-mode {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.entry-menu-list .main-mode .icon {
  margin-right: 10px;
}
.entry-menu-list .main-mode .mode {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.entry-menu-list .ifClose {
  color: #3da8f5;
  font-size: 12px;
}
.entry-menu-list .mode-explanation {
  display: block;
  line-height: 14px;
  margin-left: 24px;
  font-size: 12px;
  color: #A6A6A6;
}
.events-view {
  margin: 140px auto 50px;
  position: relative;
}
.events-view .events-header {
  position: absolute;
  top: -90px;
  left: 0;
  width: 100%;
  height: 90px;
  padding: 20px 0;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  background-color: #F5F5F5;
  z-index: 1;
}
.events-view .events-header .event-create-handler {
  cursor: pointer;
}
.events-view .events-header .event-create-handler .icon-circle-cross {
  margin-right: 10px;
  font-size: 18px;
  vertical-align: top;
}
.events-view .placeholder {
  margin: 0 0 20px;
  padding: 30px 0;
  line-height: 30px;
  text-align: center;
}
.events-view .placeholder .icon {
  font-size: 40px;
  line-height: 40px;
}
.events-view .placeholder .icon:hover {
  color: #A6A6A6;
}
.event-view {
  position: relative;
  padding: 20px 0;
  margin: 0 10px;
  background-color: white;
  border-bottom: 1px solid #EEEEEE;
}
.event-view:hover {
  cursor: pointer;
}
.event-view:hover .more {
  display: block;
}
.event-view:last-child {
  border-bottom: none;
}
.event-view .event-time {
  float: left;
  width: 180px;
  padding: 0 10px;
  margin-top: 10px;
  color: #A6A6A6;
  text-align: center;
}
.event-view .event-time time {
  display: block;
}
.event-view .event-recurrence {
  margin-top: 10px;
}
.event-view .event-recurrence .icon-repeat {
  margin-right: 5px;
}
.event-view .event-content {
  padding: 0 30px;
  margin-left: 180px;
}
.event-view .event-content .event-detail,
.event-view .event-content .event-place {
  color: #A6A6A6;
}
.event-view .event-content .event-title {
  margin: 0;
  font-size: 20px;
  word-break: break-word;
}
.event-view .event-content .involve-set {
  margin-left: 0;
}
.event-view .event-place {
  margin: 10px 0;
}
.event-view .more {
  position: absolute;
  top: 50%;
  right: 20px;
  display: none;
  margin-top: -10px;
  font-size: 18px;
}
.event-view .involve-set {
  margin-top: 15px;
}
.event-view .event-content-container {
  position: relative;
}
.event-view .event-content-container .icon-lock {
  position: absolute;
  top: 10px;
  right: -8px;
  color: #A6A6A6;
}
.events-card {
  margin-bottom: 20px;
}
.events-card .events-card-header {
  margin: 0 15px;
  font-size: 18px;
}
.events-card .events-card-header .date {
  color: #A6A6A6;
}
.events-list .placeholder {
  margin: 30px auto;
  line-height: 30px;
  text-align: center;
}
.events-list .placeholder .icon {
  font-size: 40px;
  line-height: 40px;
  cursor: auto;
}
.events-list .placeholder .icon:hover {
  color: #A6A6A6;
}
.events-list .event {
  position: relative;
  padding: 12px 20px;
  cursor: pointer;
}
.events-list .event .event-time {
  float: left;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.events-list .event .event-content {
  margin-left: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.events-list .event.show-members .event-content {
  padding-right: 90px;
}
.events-list .event .event-tag {
  margin-left: 5px;
  color: #A6A6A6;
  transition: all 218ms;
}
.events-list .event .event-tag:hover {
  color: #3da8f5;
}
.events-list .event .members-list {
  position: absolute;
  right: 20px;
  top: 8px;
}
.events-list .event .members-list li {
  display: block;
  height: 24px;
  float: left;
}
.events-list .event .members-list .avatar {
  margin-right: 5px;
}
.events-list .event .members-list .img-24 {
  text-align: center;
  line-height: 24px;
  color: white;
  background-color: #E5E5E5;
}
.events-list .event-date-wrap .event-date {
  display: block;
  margin: 5px 20px;
  padding: 10px 0 15px;
  color: #808080;
  border-bottom: 1px solid #EEEEEE;
}
.events-list .no-event-placeholder {
  display: none;
  margin: 0 20px;
  padding: 10px 0;
}
.events-list.events-group .no-event-placeholder {
  display: block;
}
.past-events-view .past-events-header {
  position: relative;
  height: 20px;
  margin: 40px 0 20px;
  text-align: center;
}
.past-events-view .past-events-header:before {
  display: block;
  position: absolute;
  top: 10px;
  height: 1px;
  width: 100%;
  content: '';
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
  background-repeat: no-repeat;
}
.past-events-view .past-events-header .past-events-title {
  display: inline-block;
  position: relative;
  padding: 0 20px;
  font-size: 18px;
  background-color: #F5F5F5;
}
.past-events-view .past-events-header .past-events-toggler {
  margin-left: 10px;
}
.past-events-view .past-events-wrap {
  display: none;
}
.past-events-view .past-events-wrap.active {
  display: block;
  padding: 10px 0;
}
.past-events-view .accordion .accordion-title {
  border: none;
  font-size: 18px;
}
.past-events-view .event-view:first-child {
  border-top: 1px solid #EEEEEE;
}
.past-events-view .panel {
  margin: 0;
  background-color: transparent;
  border: none;
  border-radius: none;
  box-shadow: none;
}
.event-confirm {
  position: relative;
  width: 320px;
  margin: 200px auto 0;
  background-color: white;
}
.event-confirm .event-confirm-title {
  margin: 0 20px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #EEEEEE;
}
.event-confirm .icon-remove {
  position: absolute;
  right: 20px;
  width: 20px;
  text-align: center;
  color: #A6A6A6 !important;
}
.event-confirm .event-confirm-description {
  margin: 20px;
}
.event-confirm .event-confirm-btns {
  margin: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.event-confirm .with-1 .btn {
  width: 100%;
}
.event-confirm .with-3 .btn {
  width: 82px;
}
.event-confirm .btn-danger {
  background-color: #FF4F00;
}
.event-creator-view .creator-flex-body .icon {
  font-size: 16px;
  margin-right: 3px;
}
.event-creator-view .event-input-wrap {
  padding: 10px 15px;
  overflow: auto;
}
.event-creator-view .event-title-input-wrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.event-creator-view .event-title-input-wrap .flex-text-wrap {
  min-height: 40px;
}
.event-creator-view .event-note-input-wrap .flex-text-wrap {
  min-height: 60px;
}
.event-creator-view .creator-flex-title,
.event-creator-view .involve-view .involve-header {
  font-size: 12px;
  color: #808080;
  font-weight: normal;
}
.event-creator-view .event-creator-repeat {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.event-creator-view .event-creator-repeat .icon-repeat {
  margin-left: 1px;
}
.event-creator-view .creator-flex-item {
  width: 43.33%;
}
.event-creator-view .creator-flex-item.on-flex {
  min-width: 43.33%;
  max-width: 50%;
  width: inherit;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.event-creator-view .creator-flex-item.on-min {
  width: inherit;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.event-creator-view .creator-flex-item [class*=event-creator-] {
  color: #A6A6A6;
}
.event-creator-view .creator-flex-item [class*=event-creator-]:hover {
  color: #3da8f5;
}
.event-creator-view .creator-flex-item .check-box {
  margin: 0 auto;
}
.event-creator-view .creator-flex-item .check-box .icon {
  display: none;
}
.event-creator-view .creator-flex-item .check-box.active .icon {
  display: inline-block;
}
.event-creator-view .creator-flex-item .check-box {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #A6A6A6;
  cursor: pointer;
  border-radius: 3px;
}
.event-creator-view .creator-flex-item .check-box:hover {
  border-color: #808080;
}
.event-creator-view .creator-flex-item .check-box .icon-tick {
  visibility: hidden;
}
.event-creator-view .creator-flex-item .check-box.active .icon-tick {
  visibility: visible;
  color: #808080;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.event-creator-view .save-handler {
  display: none;
}
.event-creator-view.on-old-recurrence .save-handler {
  display: inline-block;
}
.event-creator-view.on-old-recurrence .submit-handler {
  display: inline-block;
}
.event-creator-view .creator-visible {
  float: left;
  line-height: 18px;
}
.event-creator-view .creator-visible .icon {
  float: left;
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
.event-creator-view .creator-visible .mode-explanation {
  margin-left: 26px;
}
.event-creator-view .mode-explanation {
  display: block;
  line-height: 20px;
  font-size: 12px;
  color: #A6A6A6;
}
.event-creator-view .creator-title > .creator-location {
  color: #808080;
}
.event-detail {
  position: relative;
}
.event-detail.event-detail-loading {
  padding-top: 55%;
}
.event-detail .event-detail-header-wrap .archived-wrapper {
  background-color: #3da8f5;
  padding: 0;
}
.event-detail .event-detail-header-wrap .archived-wrapper .archived-badge {
  margin: 0;
  background-color: #3994d5;
}
.event-detail .event-detail-header {
  position: relative;
  padding: 0 15px;
  color: #FFFFFF;
  background-color: #3da8f5;
}
.event-detail .event-detail-header .menu-icons,
.event-detail .event-detail-header .menu-handler {
  color: #FFFFFF;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.event-detail .event-detail-header .menu-icons:hover,
.event-detail .event-detail-header .menu-handler:hover,
.event-detail .event-detail-header .menu-icons.open,
.event-detail .event-detail-header .menu-handler.open {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.event-detail .event-detail-header .event-detail-title-wrap {
  margin: 15px 52px 0 0px;
  font-size: 18px;
  word-break: break-word;
}
.event-detail .event-detail-header .event-detail-location-wrap {
  position: relative;
  min-height: 20px;
  margin: -2px 32px 0 0;
}
.event-detail .event-detail-header .event-detail-location-wrap .icon-location {
  display: none;
}
.event-detail .event-detail-header .event-detail-title-input,
.event-detail .event-detail-header .event-detail-location-input {
  padding: 5px;
  margin-left: -5px;
  border-radius: 3px;
}
.event-detail .event-detail-header .event-detail-title-input:focus,
.event-detail .event-detail-header .event-detail-location-input:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.event-detail .event-detail-header .event-detail-handler-set {
  margin: 46px 0 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.event-detail .event-detail-header .event-detail-handler-set > div {
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.event-detail .event-detail-header .event-detail-handler-set > div:first-child {
  padding-left: 0;
  border-left: 0 none;
}
.event-detail .event-detail-header .event-detail-handler-set > div .event-detail-handler-tips {
  margin: 0 0 12px 0;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.event-detail .event-detail-header .event-detail-handler-set > div .event-detail-handler-content {
  cursor: pointer;
  line-height: 16px;
}
.event-detail .event-detail-header .event-detail-handler-set .date-input,
.event-detail .event-detail-header .event-detail-handler-set .time-input {
  cursor: pointer;
}
.event-detail .involve-members {
  margin: 10px 10px 5px 5px !important;
}
.event-detail .with-appearin {
  position: relative;
}
.event-detail .with-appearin .involve-members {
  margin-right: 60px !important;
}
.event-detail .with-appearin .event-detail-appearin {
  position: absolute;
  top: 35px;
  right: 0;
  padding: 0 12px;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.event-detail .with-appearin .event-detail-appearin .icon {
  float: left;
  padding: 0 4px;
}
.event-detail.archived .event-detail-title-wrap,
.event-detail.archived .event-detail-handler-set,
.event-detail.archived .event-detail-location-input,
.event-detail.archived .event-detail-handler-set .date-input,
.event-detail.archived .event-detail-handler-set .time-input,
.event-detail.archived .event-detail-handler-content .check-box {
  cursor: not-allowed;
}
.event-detail.archived .event-detail-header-wrap .archived-wrapper {
  background-color: #3da8f5;
  padding: 0;
  color: #FFFFFF;
}
.event-detail.archived .event-detail-header-wrap .archived-wrapper .archived-badge .archived-explaination,
.event-detail.archived .event-detail-header-wrap .archived-wrapper .archived-badge .icon,
.event-detail.archived .event-detail-header-wrap .archived-wrapper .archived-badge a {
  color: #FFFFFF;
  opacity: 1;
}
.event-detail.archived .event-detail-header-wrap .archived-wrapper .archived-badge a:hover {
  opacity: .7;
}
.event-detail.archived .event-detail-header-wrap .menu-handler {
  display: none;
}
.event-detail.archived .archive-handler-set {
  color: #FFFFFF;
}
.event-detail.archived .detail-content .close-handler.icon-remove {
  right: 20px;
  color: #FFFFFF;
  opacity: 1;
}
.event-detail.archived .detail-infos-view a:hover {
  color: #808080;
}
.event-detail .event-detail-handler-content .check-box {
  display: block;
  width: 20px;
  height: 20px;
  border: solid 2px white;
  border-radius: 3px;
  cursor: default;
  color: white;
}
.event-detail .event-detail-handler-content .check-box .icon {
  margin: 0 1px;
}
.event-detail .event-detail-handler-content .check-box.all-day-switcher {
  cursor: pointer;
}
.event-detail .event-detail-handler-content .check-box:not(.active) .icon {
  display: none;
}
.event-menu-list .main-mode {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.event-menu-list .main-mode .icon {
  margin-right: 10px;
}
.event-menu-list .main-mode .mode {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.event-menu-list .ifClose {
  color: #3da8f5;
  font-size: 12px;
}
.event-menu-list .mode-explanation {
  display: block;
  line-height: 14px;
  margin-left: 24px;
  font-size: 12px;
  color: #A6A6A6;
}
.modal .appearin-view.modal-dialog {
  height: 600px;
  width: 780px;
}
.modal .appearin-view.modal-dialog .tips {
  background-color: #323338;
  color: #fff;
  text-align: center;
  padding: 10px 0;
}
.modal .appearin-view.modal-dialog .tips a:hover {
  color: #808080;
}
.modal .appearin-view.modal-dialog .tips .close-handler {
  margin-left: 30px;
}
.collection-menu-list .color-choise > ul {
  margin: 10px 14px 15px;
}
.collection-menu-list .color-choise .color {
  display: block;
  float: left;
  margin: 0 15px 0 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  transition: all ease 0.2s;
}
.collection-menu-list .color-choise .color:last-child {
  margin-right: 0;
}
.collection-menu-list .color-choise .color:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.collection-menu-list .color-choise .color .icon-tick {
  visibility: hidden;
  width: 24px;
  text-align: center;
  line-height: 24px;
}
.collection-menu-list .color-choise .color.active .icon-tick {
  visibility: visible;
}
.modal .modal-dialog.collections-picker {
  width: 800px;
  padding: 0;
  max-height: 570px;
  border-radius: 3px;
}
.modal .modal-dialog.collections-picker .modal-content {
  border-radius: 3px;
}
.collections-picker {
  position: relative;
}
.collections-picker .modal-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F7F7F7;
}
.collections-picker .modal-content .modal-header {
  padding: 15px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.collections-picker .modal-content .modal-title {
  padding: 0;
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  border: none;
}
.collections-picker .modal-content .modal-body {
  padding: 0;
}
.collections-picker .modal-content .modal-footer {
  padding: 16px 20px;
  margin: 0;
  text-align: right;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.collections-picker .group-name {
  margin: 20px 0 5px;
  font-size: 13px;
  font-weight: bold;
  color: #808080;
}
.collections-picker .group-name:first-child {
  margin-top: 5px;
}
.collections-picker .group-name > p {
  padding: 5px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collections-picker .picker-column {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  background-color: #FFFFFF;
}
.collections-picker .picker-column > li {
  position: relative;
  display: inline-block;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  vertical-align: top;
  border-right: 1px solid #E5E5E5;
}
.collections-picker .picker-column > li:last-child {
  margin-right: 20px;
}
.collections-picker .column {
  width: 200px;
}
.collections-picker .column .work-icon {
  height: 20px;
  width: 20px;
  float: left;
  text-align: center;
  margin-right: 5px;
}
.collections-picker .column .work-icon[icon-type=image] {
  width: 16px;
  height: 16px;
  margin: 2px 7px 2px 2px;
}
.collections-picker .column .svg-icon {
  font-size: 16px;
  margin: 2px 0;
}
.collections-picker .column .icon-chevron-right {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 11px;
  color: #A6A6A6;
}
.collections-picker .column-projects .column-wrap .picker-handler {
  padding-left: 15px;
}
.collections-picker .column-projects .column-wrap .picker-handler.disabled {
  cursor: default;
  background-color: #FFFFFF;
}
.collections-picker .column-wrap {
  padding: 0 0 5px;
}
.collections-picker .column-wrap .picker-handler {
  position: relative;
  height: 30px;
  padding: 5px 20px 5px 5px;
  line-height: 20px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collections-picker .column-wrap .picker-handler.active,
.collections-picker .column-wrap .picker-handler:hover {
  background-color: #EEEEEE;
}
.collections-picker .column-wrap .picker-handler.selected,
.collections-picker .column-wrap .picker-handler.selected.active {
  color: #FFFFFF;
  background-color: #3da8f5;
}
.collections-picker .column-wrap .picker-handler.selected .on-folder,
.collections-picker .column-wrap .picker-handler.selected.active .on-folder {
  fill: #FFFFFF !important;
}
.collections-picker .column-wrap .picker-handler.selected .icon {
  color: #FFFFFF;
}
.collections-picker .column-wrap .picker-handler.disabled,
.collections-picker .column-wrap .picker-handler.disabled:hover {
  color: #A6A6A6;
  cursor: default;
  background-color: transparent;
}
.collections-picker .collection-creator-wrap {
  padding: 5px;
}
.collections-picker .collection-creator-wrap:first-child {
  margin-top: 36px;
}
.collections-picker .collection-creator-wrap .collection-creator-input {
  height: 30px;
  padding: 5px;
  line-height: 30px;
}
.collections-picker .collection-creator-wrap .btn-small {
  float: left;
  margin: 0 0 0 6px;
  padding: 0;
  height: 30px;
  line-height: 30px;
}
.collections-picker .collection-creator-wrap .submit-creator-handler {
  color: #3da8f5;
}
.collections-picker .collection-creator-wrap .submit-creator-handler:hover {
  color: #55b3f6;
}
.collections-picker .modal-footer-creator {
  float: left;
  line-height: 38px;
}
.collections-picker .modal-footer-creator a {
  color: #20B3F3;
}
.collections-picker .modal-footer-creator a:hover {
  color: #38bbf4;
}
.collections-picker .modal-footer-creator .collection-creator {
  color: #3da8f5;
}
.collections-picker .modal-footer-creator .collection-creator:hover,
.collections-picker .modal-footer-creator .collection-creator:focus {
  color: #6dbef8;
}
.collections-picker .modal-footer-creator .collection-creator:active {
  color: #0c92f3;
}
.collections-picker .modal-footer-creator .collection-creator .icon {
  float: left;
  width: 24px;
  margin-right: 10px;
  font-size: 20px;
  color: #3da8f5;
  text-align: center;
}
.collections-picker .modal-footer-creator .collection-creator .icon:hover,
.collections-picker .modal-footer-creator .collection-creator .icon:focus {
  color: #6dbef8;
}
.collections-picker .modal-footer-creator .collection-creator .icon:active {
  color: #0c92f3;
}
.works-picker.list .list-divider {
  margin: 5px 15px;
}
.works-picker.list > li > a {
  padding: 2px 15px;
}
.works-picker .icon {
  margin-right: 10px;
}
.works-picker .icon.icon-upload {
  font-weight: bold;
}
.works-picker .remote-input-wrap {
  padding: 10px 15px;
  margin-bottom: 5px;
}
.works-picker .remote-input-wrap input {
  width: 150px;
  height: 28px;
  margin-bottom: 0px;
  padding: 4px 12px;
  line-height: 20px;
}
.works-picker .remote-input-wrap .btn {
  padding: 3px 12px;
}
.library-view {
  margin: 0 auto;
}
.library-view .library-header-wrapper,
.library-view .library-handler-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  background-color: transparent;
}
.library-view .library-header-wrapper {
  top: 98px;
  background-color: #F5F5F5;
  z-index: 3;
}
.library-view .library-header-wrapper .library-header {
  margin-top: 20px;
}
.library-view .library-handler-wrapper {
  top: 174px;
  z-index: 2;
}
.library-view .library-header:after,
.library-view .library-handler:after {
  position: absolute;
  height: 0;
  left: 15px;
  right: 15px;
  bottom: 0;
  content: '';
  border-bottom: 1px solid #E5E5E5;
}
.library-view .library-content-wrapper {
  margin-top: 182px;
  margin-bottom: 30px;
}
.library-view .library-content-wrapper .library-content-container {
  min-height: 328px;
}
.library-view .library-content-wrapper .library-content-container:empty {
  display: block;
}
.library-view .library-content-wrapper .library-content-container .loading-indicator {
  padding-top: 16px;
}
.library-view .library-content-wrapper .library-content {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #FFFFFF;
}
.library-view .placeholder {
  line-height: 30px;
  text-align: center;
}
.library-view .placeholder .icon {
  line-height: 40px;
  font-size: 40px;
}
.library-view .placeholder .disabled,
.no-right.library-view .placeholder .upload-handler {
  cursor: auto;
}
.library-view .placeholder .disabled:hover,
.no-right.library-view .placeholder .upload-handler:hover {
  color: #808080;
}
.library-view .webuploader-dnd-over {
  position: relative;
}
.library-view .webuploader-dnd-over:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  border: 1px dashed #3da8f5;
  border-radius: 3px;
  font-size: 15px;
  background-image: url(https://dn-st.teambition.net/teambition/images/library-placeholder.67ba36e2.png);
  background-position: center 100px;
  background-repeat: no-repeat;
  background-size: 84px 70px;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 1;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .library-view .webuploader-dnd-over:before {
    background-image: url(https://dn-st.teambition.net/teambition/images/library-placeholder@2x.d86813d6.png);
  }
}
.library-view .webuploader-dnd-over:after {
  position: absolute;
  top: 192px;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #3da8f5;
  font-size: 16px;
  background-color: transparent;
  z-index: 1;
}
.library-view .webuploader-dnd-over.dnd-background-large:before {
  background-position: center 200px;
}
.library-view .webuploader-dnd-over.dnd-background-large:after {
  top: 292px;
}
.modal .modal-dialog.previewer {
  position: relative;
  width: auto;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: transparent;
  overflow: visible;
  border-radius: 0;
}
.modal iframe {
  border: none;
  height: 100%;
  width: 100%;
}
.previewer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.previewer .previewer-header-wrapper {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  z-index: 1;
}
.previewer .previewer-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.previewer .previewer-body .previewer-content-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  background-color: #EEEEEE;
}
.previewer .previewer-main {
  position: relative;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-height: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.previewer .previewer-body {
  position: relative;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  transition: margin-right 218ms;
  background-color: rgba(0, 0, 0, 0.98);
  overflow: hidden;
}
.previewer .previewer-body .thumbnails-previewer {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.previewer .previewer-body .thumbnails-previewer > li {
  float: left;
  padding: 10px;
}
.previewer .previewer-body .thumbnails-previewer > li > div {
  width: 100%;
  height: 100%;
  background-color: #131313;
}
.previewer .previewer-body .thumbnails-previewer > li > div > div {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
}
.previewer .previewer-body .thumbnails-previewer > li > div div.file-thumbnail {
  display: table-cell;
  color: white;
  text-align: center;
  vertical-align: middle;
}
.previewer.with-panel .activities-container {
  right: 0;
}
.previewer.with-panel .previewer-body {
  margin-right: 400px;
}
.previewer .activities-container {
  position: absolute;
  right: -400px;
  height: 100%;
  width: 400px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  transition: right 218ms;
}
.previewer .prev-handler,
.previewer .next-handler {
  position: absolute;
  width: 27px;
  top: 50%;
  cursor: pointer;
  opacity: .6;
  z-index: 2;
  transition: opacity 436ms ease;
  background-image: linear-gradient(rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.2) 50%, rgba(50, 50, 50, 0));
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00323232', endColorstr='#00323232', GradientType=0);
}
.previewer .prev-handler .arrow-container,
.previewer .next-handler .arrow-container {
  font-size: 20px;
  margin: auto;
  padding: 16px 0;
  text-align: center;
  background-color: #FFFFFF;
  position: absolute;
  height: 53px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
}
.previewer .prev-handler .arrow-container:before,
.previewer .next-handler .arrow-container:before {
  font-size: 20px;
  line-height: 20px;
  color: #A6A6A6;
}
.previewer .prev-handler:hover,
.previewer .next-handler:hover {
  opacity: 1;
}
.previewer .prev-handler {
  left: 8px;
}
.previewer .next-handler {
  right: 8px;
}
.previewer.archived a:hover {
  color: #D9D9D9 !important;
}
.previewer.archived .previewer-infos-wrap a:hover {
  color: #A6A6A6 !important;
}
.previewer.archived .previewer-infos-wrap a.tag:hover {
  color: #808080 !important;
}
.previewer.archived .detail-infos-view > div {
  cursor: not-allowed;
}
.previewer.archived .detail-infos-view > div a,
.previewer.archived .detail-infos-view > div .link {
  cursor: not-allowed;
}
.previewer.archived .detail-infos-view > div .link:hover .link-title {
  color: #383838;
}
.previewer.archived .detail-infos-view > div .link:hover .link-menu-handler {
  opacity: 0;
}
.previewer.archived .detail-infos-view > div .tags-list > li.removeable:hover .tag {
  padding-right: 10px;
}
.previewer.archived .detail-infos-view > div .tags-list > li.removeable:hover .remove-tag-handler {
  z-index: 0;
  opacity: 0;
}
.previewer-panel .previewer-handler-set {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.previewer-panel .previewer-handler-set > a {
  padding: 10px 16px;
  color: #A6A6A6;
  display: block;
  width: 100%;
  text-decoration: none;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.previewer-panel .previewer-handler-set > a:last-child {
  border-right: 0 none;
}
.previewer-panel .previewer-handler-set > a:hover {
  color: #3da8f5;
}
.previewer-panel .previewer-handler-set > a .icon {
  display: block;
  font-size: 16px;
  margin-right: 10px;
}
.previewer-panel .previewer-handler-wrap.detail-white-card,
.previewer-panel .previewer-versions-wrap.detail-white-card {
  margin: 10px 10px 0px 10px;
}
.previewer-panel .detail-activities-wrap .activity .work {
  width: 100%;
  padding: 5px;
}
.previewer-panel .detail-activities-wrap .activity .work .work-thumbnail {
  margin-right: 10px;
}
.previewer-panel .detail-infos-view {
  margin: 0 10px;
}
.previewer-panel .detail-infos-view .on-top {
  margin-top: 10px;
}
.previewer-panel .activity-creator-wrap {
  margin: 10px;
}
.previewer-panel .activity {
  margin-left: 8px;
}
.previewer .previewer-panel .detail-content > section {
  margin: 10px 10px 0 10px;
}
.previewer-panel section.detail-content {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
}
.previewer-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  padding: 0 14px;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.previewer-header .previewer-header-info {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 0;
}
.previewer-header .previewer-header-info .file-name-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 14px;
  line-height: 22px;
  transition: color 218ms;
}
.previewer-header .previewer-header-info .file-name-wrapper .file-name {
  padding: 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.previewer-header .previewer-header-info .file-name-wrapper .file-name-editor {
  height: 22px;
  padding: 0;
  padding-left: 2px;
  line-height: 22px;
  background-color: #EEE;
  border: 0;
}
.previewer-header .previewer-header-info .file-name-wrapper .icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: #A6A6A6;
  margin-left: 6px;
  cursor: pointer;
}
.previewer-header .previewer-header-info .file-name-wrapper .icon:hover {
  color: #3da8f5;
}
.previewer-header .previewer-header-info .file-category-wrapper {
  padding: 0 2px;
  margin-top: 2px;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  color: #A6A6A6;
}
.previewer-header .previewer-header-info .file-category-wrapper .breadcrumbs > li,
.previewer-header .previewer-header-info .file-category-wrapper .breadcrumbs > li > a {
  font-size: 12px;
  line-height: 16px;
  color: #A6A6A6;
}
.previewer-header .previewer-header-info .file-category-wrapper .enter-collection-handler {
  display: inline-block;
  line-height: 20px;
  color: #A6A6A6;
}
.previewer-header .previewer-header-info .file-category-wrapper .enter-collection-handler,
.previewer-header .previewer-header-info .file-category-wrapper .breadcrumb-handler {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.previewer-header .previewer-header-info .file-category-wrapper .enter-collection-handler:hover,
.previewer-header .previewer-header-info .file-category-wrapper .breadcrumb-handler:hover {
  color: #3da8f5;
}
.previewer-header .previewer-header-handler {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  min-width: 350px;
}
.previewer-header .previewer-header-handler.is-simple {
  min-width: 0;
}
.previewer-header .previewer-header-handler .menu-icons {
  position: relative;
  color: #D9D9D9;
  padding-right: 16px;
}
.previewer-header .previewer-header-handler .menu-icons:hover {
  color: #3da8f5;
}
.previewer-header .previewer-header-handler .menu-icons.divider::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 0;
  width: 1px;
  height: 16px;
  background-color: #D9D9D9;
}
.previewer-header .previewer-header-handler .previewer-handler {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 8px;
  margin-left: 8px;
  color: #A6A6A6;
  transition: color 218ms;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.previewer-header .previewer-header-handler .previewer-handler .icon {
  margin-right: 4px;
}
.previewer-header .previewer-header-handler .previewer-handler.cancel-handler {
  padding-right: 0;
}
.previewer.with-panel .previewer-header .previewer-header-handler .previewer-handler.info-handler,
.previewer-header .previewer-header-handler .previewer-handler.open,
.previewer-header .previewer-header-handler .previewer-handler:hover {
  color: #3da8f5;
}
.previewer-header .breadcrumbs {
  visibility: hidden;
}
.previewer-header .breadcrumbs,
.previewer-header .breadcrumbs > li {
  display: inline-block;
  font-size: 18px;
}
.previewer-header .breadcrumbs > li:before {
  float: left;
  content: ' ';
  font-size: 12px;
  color: #A6A6A6;
}
.previewer-header .breadcrumbs > li + li:before {
  margin-right: 5px;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.previewer-header .breadcrumbs-dropdown .dropdown-caret {
  cursor: pointer;
}
.previewer-header .breadcrumbs-dropdown > .breadcrumb-handler {
  display: inline-block;
  position: relative;
  padding: 0 15px 0 0;
}
.previewer-header .breadcrumbs-dropdown a {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.previewer-header .breadcrumbs-dropdown li {
  max-width: 300px;
  font-size: 15px;
}
.previewer-header .dropdown-menu {
  border-radius: 3px;
}
.previewer-header .breadcrumbs-dropdown li {
  font-size: 14px;
  color: #808080;
}
.previewer-header .breadcrumbs li a,
.previewer-header .breadcrumbs-dropdown li a {
  color: #808080;
}
.previewer-header .breadcrumbs li a:focus,
.previewer-header .breadcrumbs-dropdown li a:focus,
.previewer-header .breadcrumbs li a:hover,
.previewer-header .breadcrumbs-dropdown li a:hover {
  color: #3da8f5;
  background-color: white;
}
.previewer-menu-list .main-mode {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.previewer-menu-list .main-mode .icon {
  margin-right: 10px;
}
.previewer-menu-list .main-mode .mode {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.previewer-menu-list .ifClose {
  margin-left: 5px;
  color: #3da8f5;
  font-size: 12px;
}
.previewer-menu-list .mode-explanation {
  display: block;
  line-height: 14px;
  margin-left: 24px;
  font-size: 12px;
  color: #A6A6A6;
}
.work-version-view .update-work-handler {
  width: 100%;
  padding: 10px 15px;
  color: #A6A6A6;
  transition: color 218ms;
  display: inline-block;
}
.work-version-view .update-work-handler .icon {
  width: 20px;
  text-align: center;
  margin-right: 10px;
}
.work-version-view .update-work-handler:hover {
  color: #3da8f5;
}
.work-version-view .update-work-handler + .work-versions-list .work-version:first-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.work-menu-list .main-mode {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.work-menu-list .main-mode .icon {
  margin-right: 10px;
}
.work-menu-list .main-mode .mode {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.work-menu-list .ifClose {
  color: #3da8f5;
  font-size: 12px;
}
.work-menu-list .mode-explanation {
  display: block;
  line-height: 14px;
  margin-left: 24px;
  font-size: 12px;
  color: #A6A6A6;
}
.work-menu-list .icon-circle-arrow-up-o {
  margin-right: 10px;
}
.work {
  position: relative;
}
.work.creating {
  margin-bottom: 10px;
}
.work.creating .work-content {
  padding: 1px 40px 1px 5px;
}
.work.creating .work-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collection .work {
  overflow: hidden;
  padding: 7px 13px;
  border-bottom: 1px solid #EEEEEE;
  cursor: pointer;
}
.collection .work:hover {
  background-color: #F7F7F7;
}
.collection .work:last-child {
  border-bottom: 0 none;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.collection .work .work-thumbnail {
  height: 35px;
  width: 35px;
  line-height: 35px;
}
.collection .work .work-title {
  width: 70%;
  line-height: 35px;
}
.collection .work .work-modified {
  width: 20%;
  line-height: 35px;
}
.collection .work .work-modified .work-updated {
  color: #A6A6A6;
}
.collection .work .work-comments {
  line-height: 35px;
  color: #A6A6A6;
}
.post-detail .work,
.thumbnails-previewer .work,
.previewer-content .work {
  float: left;
  border: 0;
  padding: 0;
}
.post-detail .work .work-thumbnail,
.thumbnails-previewer .work .work-thumbnail,
.previewer-content .work .work-thumbnail {
  float: none;
  margin: 0;
  line-height: 20px;
  color: #FFFFFF;
  white-space: normal;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min--moz-device-pixel-ratio: 0) {
  .post-detail .work .work-thumbnail,
  .thumbnails-previewer .work .work-thumbnail,
  .previewer-content .work .work-thumbnail {
    display: table !important;
  }
  .post-detail .work .work-thumbnail > span,
  .thumbnails-previewer .work .work-thumbnail > span,
  .previewer-content .work .work-thumbnail > span {
    margin-top: 75px;
  }
  .post-detail .work .work-thumbnail > p,
  .thumbnails-previewer .work .work-thumbnail > p,
  .previewer-content .work .work-thumbnail > p {
    display: table-cell;
    vertical-align: middle;
  }
}
.post-detail .work .work-title,
.thumbnails-previewer .work .work-title,
.previewer-content .work .work-title {
  width: auto;
  height: 40px;
  padding: 7px 10px 13px 10px;
  text-align: right;
  color: #FFFFFF;
  background-color: #383838;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-detail .work .work-title.doc,
.thumbnails-previewer .work .work-title.doc,
.previewer-content .work .work-title.doc,
.post-detail .work .work-title.docx,
.thumbnails-previewer .work .work-title.docx,
.previewer-content .work .work-title.docx {
  background-color: #3da8f5;
}
.post-detail .work .work-title.xls,
.thumbnails-previewer .work .work-title.xls,
.previewer-content .work .work-title.xls,
.post-detail .work .work-title.xlsx,
.thumbnails-previewer .work .work-title.xlsx,
.previewer-content .work .work-title.xlsx {
  background-color: #8bc34a;
}
.post-detail .work .work-title.ppt,
.thumbnails-previewer .work .work-title.ppt,
.previewer-content .work .work-title.ppt,
.post-detail .work .work-title.pptx,
.thumbnails-previewer .work .work-title.pptx,
.previewer-content .work .work-title.pptx {
  background-color: #ff5722;
}
.post-detail .work .work-title.pdf,
.thumbnails-previewer .work .work-title.pdf,
.previewer-content .work .work-title.pdf {
  background-color: #e51c23;
}
.post-detail .work .work-title.rar,
.thumbnails-previewer .work .work-title.rar,
.previewer-content .work .work-title.rar,
.post-detail .work .work-title.zip,
.thumbnails-previewer .work .work-title.zip,
.previewer-content .work .work-title.zip {
  background-color: #ab47bc;
}
.post-detail .work .work-title.mp3,
.thumbnails-previewer .work .work-title.mp3,
.previewer-content .work .work-title.mp3,
.post-detail .work .work-title.wmv,
.thumbnails-previewer .work .work-title.wmv,
.previewer-content .work .work-title.wmv {
  background-color: #ff9800;
}
.post-detail .work .work-title.psd,
.thumbnails-previewer .work .work-title.psd,
.previewer-content .work .work-title.psd {
  background-color: #00bcd4;
}
.post-detail .work .work-title.ai,
.thumbnails-previewer .work .work-title.ai,
.previewer-content .work .work-title.ai {
  background-color: #795548;
}
.post-detail .work .work-title.indd,
.thumbnails-previewer .work .work-title.indd,
.previewer-content .work .work-title.indd {
  background-color: #ff4081;
}
.work-creator-view.on-picking {
  min-width: 800px;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-height: 570px;
}
.work-creator-view.on-picking .creator-title .icon-chevron-down {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.work-creator-view .work.creating {
  margin-bottom: 0;
}
.work-creator-view .work.creating:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.work-creator-view .work.creating .progress-container {
  display: none;
}
.work-creator-view .work.creating .icon-remove {
  top: 10px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  background: #A6A6A6;
  font-size: 12px;
  border-radius: 50%;
  -webkit-transform: scale(0.85);
  transform: scale(0.85);
}
.work-creator-view .work.creating .icon-remove:hover {
  background: #808080;
}
.work-creator-view .work-creator-picker-wrap,
.work-creator-view .work-creator-picker-wrap .modal-header {
  display: none;
}
.work-creator-view .collections-picker,
.work-creator-view .work-creator-picker-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.work-creator-view .work-creator-picker-wrap {
  top: 61px;
}
.work-list-view li {
  position: relative;
  line-height: 40px;
  padding-right: 260px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.work-list-view .work-info {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.work-list-view .react-time-stamp {
  display: initial;
}
.works-background-uploader {
  display: none;
  position: fixed;
  width: 445px;
  bottom: 10px;
  right: 70px;
  z-index: 2333;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
  transition: bottom 218ms ease;
}
.works-background-uploader > .card {
  position: relative;
}
.works-background-uploader > .card .card-header {
  position: relative;
  margin-left: 0px;
  padding: 10px 20px;
  border-bottom: 1px solid #e1e1e1;
}
.works-background-uploader > .card .card-header h3.card-title,
.works-background-uploader > .card .card-header p.card-title {
  font-size: 16px;
}
.works-background-uploader > .card .card-header .card-title {
  max-width: 100%;
  padding-right: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.works-background-uploader.minimize {
  bottom: -210px;
}
.works-background-uploader.minimize .maximize-creator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.works-background-uploader.minimize .minimize-creator {
  display: none;
}
.works-background-uploader .maximize-creator,
.works-background-uploader .minimize-creator,
.works-background-uploader .close-creator {
  position: absolute;
  top: 10px;
  right: 55px;
  height: 30px;
}
.works-background-uploader .maximize-creator {
  display: none;
}
.works-background-uploader .close-creator {
  font-size: 90%;
  right: 20px;
}
.works-background-uploader .open-selector-handler {
  width: 490px;
}
.works-background-uploader .card-footer {
  display: block;
  width: 100%;
  padding: 20px;
}
.works-background-uploader .card-footer .submit-handler {
  font-size: 18px;
}
.works-background-uploader .alert {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
}
.works-background-uploader .work-set {
  position: relative;
  padding: 15px 15px 0px 15px;
  background-color: #F7F7F7;
  height: 210px;
  overflow-y: auto;
}
.works-background-uploader .work-set .work-content {
  z-index: 3;
}
.works-background-uploader .work-set .work-title {
  position: relative;
}
.works-background-uploader .work-set .work-title .work-filename {
  position: absolute;
  left: 46px;
  top: -6px;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.works-background-uploader .work-set .work-title .work-upload-to {
  position: absolute;
  left: 46px;
  top: 10px;
  color: #E5E5E5;
  font-size: 12px;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.works-background-uploader .work-set .work.creating {
  background: #eeeeee;
  width: 100%;
  float: left;
  box-shadow: none;
  margin-bottom: 10px;
  font-size: 13px;
  overflow: hidden;
}
.works-background-uploader .work-set .work.creating:nth-child(2n+1) {
  margin-right: 16px;
}
.modal-dialog.batch-add-members-view {
  width: 360px;
  max-height: 570px;
}
.modal-dialog.batch-add-members-view .modal-header {
  margin: 15px 20px 0;
}
.modal-dialog.batch-add-members-view .modal-header .modal-title {
  padding-bottom: 15px;
}
.modal-dialog.batch-add-members-view .modal-body {
  padding: 15px 20px 0;
  overflow: auto;
}
.modal-dialog.batch-add-members-view .modal-body textarea.emails {
  resize: none;
}
.modal-dialog.batch-add-members-view .modal-footer {
  margin: 0 20px 20px;
}
.modal-dialog.batch-add-members-view .modal-footer .tips {
  color: #A6A6A6;
  margin: 10px 0;
  text-align: left;
}
.modal-dialog.batch-add-members-view .modal-footer .submit {
  width: 100%;
}
.modal-dialog.batch-add-members-view .modal-footer .submit.disabled {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #D9D9D9;
  color: #797979;
  border-color: #D9D9D9;
}
.member-task-list-view {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.member-task-list-view .task-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 10px 20px;
  margin-top: 5px;
}
.member-task-list-view .task-item:hover {
  cursor: pointer;
}
.member-task-list-view .task-item:hover .task-content {
  color: #3da8f5;
}
.member-task-list-view .task-item.active {
  background-color: #F7F7F7;
}
.member-task-list-view .task-item .check-box.non-checkable {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #EEEEEE;
  width: 20px;
  height: 20px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
}
.member-task-list-view .task-item .task-content {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 0;
  margin: 0 20px 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-task-list-view .task-item .task-duedate {
  font-size: 12px;
}
.member-task-list-view .task-item .task-duedate.color-important {
  color: #FF4F3E;
}
.member-task-list-view .task-item .task-duedate.color-warning {
  color: #FFAF38;
}
.member-task-list-view .task-item .task-duedate.color-info {
  color: #3da8f5;
}
.member-task-list-view .task-placeholder {
  margin: 30px auto;
  line-height: 30px;
  text-align: center;
}
.member-task-list-view .task-placeholder .icon {
  font-size: 40px;
  line-height: 40px;
}
.handover-tasks-view {
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.handover-tasks-view .tab-list {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-right: 1px solid #E5E5E5;
  width: 180px;
  overflow-x: hidden;
  overflow-y: auto;
}
.handover-tasks-view .tab-list .tab-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  padding: 0 15px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  line-height: 56px;
  border-bottom: 1px solid #E5E5E5;
  cursor: pointer;
}
.handover-tasks-view .tab-list .tab-item.active {
  border-left: 4px solid #3da8f5;
  padding-left: 11px;
  color: #3da8f5;
}
.handover-tasks-view .tab-list .tab-item .avatar {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  border-radius: 3px;
  background-color: #E5E5E5;
}
.handover-tasks-view .tab-list .tab-item .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.handover-tasks-view .content {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.handover-tasks-view .content .tasks {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-bottom: 1px solid #E5E5E5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.handover-tasks-view .content .footer {
  -webkit-flex: 0 0 64px;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 15px 0 20px;
}
.handover-tasks-view .content .footer .set-executor-handler {
  height: 38px;
}
.member-card-view {
  position: fixed;
}
.member-card-view .popover-content {
  max-height: 352px;
}
.member-card-view.popover {
  left: auto;
  right: 70px;
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.15);
  transition: margin-top 218ms;
}
.member-card-view.popover.popover-no-header .popover-header {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.member-card-view.popover.popover-no-header .popover-back-handler,
.member-card-view.popover.popover-no-header .popover-title {
  display: none;
}
.member-card-view.popover.with-project-activity-panel {
  right: 360px !important;
  left: auto !important;
}
.member-card-view.popover .member-card-header {
  min-height: 50px;
}
.member-card-view.popover .member-card-header .avatar {
  position: relative;
  width: 60px;
  height: 60px;
}
.member-card-view.popover .member-card-header .avatar .pro-spot {
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-size: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.member-card-view.popover .member-card-header .avatar .pro-spot-star {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAl5JREFUSA21VjtrVEEYPXfDbhGNCj6ia4iCoBainSiKhWhhlKQPWIpNTCP+ABtBewtJEQVFsFswRhALRVtNozFCJKybLbTIEjdEotfPc/buY+4ziY8PDjNzvm/ON687cz1kmJn10T1EnCf2EUVCViVmiQmi5HleheXajcJFYoz4SaxmilFsK3l2IgYOEovEek19BjPVGTBK+OtVduLVdzQxCR0aebb4i0tmLy87eolVaYRnQkJrnr0sC9NmdzwiZ1abSVR2SGk19iTXnM51lj2JU2uRUzcBM+IXMHWrxaaV0pImOKTGUZxjvUtEoi19Bh7ylPo/AndXARj+BHTvTgxvkj7LvZqBznm6uP8deHujI67e/grwRhx96SbNIc3gCSvn2nHlx0DlGVCbCVAvB8vSDnAqHsfXswfYcgDYTPSdAfovOAGYVAIqYX+bfdAP1Lkkf2JKNjzn9vyoJQp/gWcfAYXs/XYV2vXCJkB9w1ZUgrDtOAYMTAL5jWE+q6UBDTwFth+NRSlBNcb2nuCu8B7Ld8dcMSK/gbHcxt7jMReJqhLoVozbrlPA4atxPsocuQbsPBllW+1ZJdCVm2xr2ezsmAklKBH6KOK28D7ORZlaaow0S7nmYzEe7ddo16YT6RCZPohxaXsKbl5MH1jtnE9dD/f5Tch0BA+N8ECfDtrzz4F3t4GVxaB9cZ7XRui0f6PjIBN0DhCThK/retns3jaz11fMlr/SHbHlL2avRszubjVbqrjO+HUdDKMxk//34DhJNJPst8Edb6e++pPpJPlnj35jk1vC0ZKD++vflt9v5tRcIW85eAAAAABJRU5ErkJggg==);
}
.member-card-view.popover .member-card-header .member-name {
  min-height: 60px;
  margin-left: 75px;
}
.member-card-view.popover .member-card-header .member-name .chinese-name {
  width: 180px;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-card-view.popover .member-card-header .member-name .chinese-name .icon {
  color: #A6A6A6;
  font-size: 14px;
  margin-left: 4px;
}
.member-card-view.popover .member-card-header .member-name .member-title {
  width: 180px;
  color: #A6A6A6;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-card-view.popover .member-card-header .member-name .member-last-active {
  font-size: 12px;
  color: #A6A6A6;
}
.member-card-view.popover .member-card-content {
  border-top: 1px solid #EEEEEE;
  margin-top: 20px;
  margin-bottom: -15px;
  padding-top: 5px;
}
.member-card-view.popover .member-card-content.empty-content {
  display: none;
}
.member-card-view.popover .member-card-user-info {
  padding-bottom: 9px;
  border-bottom: 1px solid #EEEEEE;
  margin: 0 20px;
  margin-bottom: 5px;
}
.member-card-view.popover .member-card-user-info.no-member-chat {
  border-bottom: 0;
}
.member-card-view.popover .user-info-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
}
.member-card-view.popover .user-info-item-label {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 56px;
  margin-right: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-card-view.popover .user-info-item-value {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-card-view.popover .member-card-handler-list {
  margin: 0 -15px;
}
.member-card-view.popover .member-card-handler-list.no-member-chat {
  margin-bottom: -15px;
}
.member-card-view.popover .member-card-handler-list .member-card-handler {
  position: relative;
  display: block;
  padding: 10px 20px;
}
.member-card-view.popover .member-card-handler-list .member-card-handler:hover {
  background-color: #F7F7F7;
}
.member-card-view.popover .member-card-handler-list .member-card-handler.cannot-setting-role:hover {
  background-color: #FFFFFF;
  cursor: default;
}
.member-card-view.popover .member-card-handler-list .member-role-setting,
.member-card-view.popover .member-card-handler-list .cannot-setting-role {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.member-card-view.popover .member-card-handler-list .member-role-setting > :first-child,
.member-card-view.popover .member-card-handler-list .cannot-setting-role > :first-child {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.member-card-view.popover .member-card-handler-list .member-role-setting .member-role-name,
.member-card-view.popover .member-card-handler-list .cannot-setting-role .member-role-name {
  display: inline-block;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-card-view.popover .member-card-handler-list span {
  font-size: 14px;
  color: #808080;
}
.member-card-view.popover .member-card-handler-list span.icon {
  margin-right: 8px;
}
.member-card-view.popover .member-card-handler-list .member-task-badge {
  position: absolute;
  right: 20px;
  top: 10px;
}
.member-card-view.popover .member-card-handler-list .member-task-badge .task-badge-duedate {
  font-size: 12px;
  min-width: 18px;
  height: 18px;
  background-color: rgba(255, 57, 10, 0.15);
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  color: #ff390a;
  padding: 0 3px;
  margin-right: 10px;
}
.member-card-view.popover .member-card-handler-list .member-task-badge .task-badge-undone {
  font-size: 12px;
  height: 18px;
}
.member-card-view.popover .member-send-chat {
  margin-top: 15px;
  border-color: #D9D9D9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.member-card-view.popover .member-send-chat .member-send-chat-wrapper {
  position: relative;
  height: 38px;
  margin-bottom: 15px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.02);
  transition: all 218ms;
}
.member-card-view.popover .member-send-chat .member-send-chat-wrapper .member-send-chat-text {
  width: 100%;
  height: 38px;
  resize: none;
  border: none;
  min-height: 38px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-color: transparent;
  transition: all 218ms;
}
.member-card-view.popover .member-send-chat .member-send-chat-wrapper .member-send-chat-btn {
  padding: 2px 14px;
  position: absolute;
  right: 12px;
  bottom: 8px;
  opacity: 0;
  z-index: -100;
  transition: all 218ms;
}
.member-card-view.popover .member-send-chat .member-send-chat-wrapper.open {
  height: 100px;
}
.member-card-view.popover .member-send-chat .member-send-chat-wrapper.open .member-send-chat-text {
  height: 60px;
  min-height: 60px;
}
.member-card-view.popover .member-send-chat .member-send-chat-wrapper.open .member-send-chat-btn {
  opacity: 1;
  z-index: 1;
}
.member-card-view.popover .member-card-footer {
  text-align: center;
  border-top: 20px solid #FFFFFF;
  margin: 0 -15px -15px;
  background-color: #A6A6A6;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.member-card-view.popover .member-card-footer p {
  color: #FFFFFF;
  padding: 10px 0;
}
.member-card-view.popover .member-card-footer .resend-handler {
  text-decoration: underline;
  color: #FFFFFF;
}
.member-card-submenu.member-card-setting-role {
  margin: -15px;
}
.member-card-submenu.member-card-setting-role li.selected {
  position: relative;
}
.member-card-submenu.member-card-setting-role li.selected:after {
  position: absolute;
  top: 8px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #A6A6A6;
}
.member-card-submenu.member-card-setting-role li > .disable {
  line-height: 30px;
  padding: 5px 15px;
  color: #a6a6a6;
}
.member-card-submenu.member-card-setting-role li:first-child > .disable {
  margin: 5px 0 0;
}
.member-card-submenu.member-card-setting-role li:last-child {
  margin-bottom: 5px;
}
.member-card-submenu.member-card-setting-role hr {
  margin: 5px 15px;
}
.member-card-submenu.member-card-setting-role .upgrade-wrapper,
.member-card-submenu.member-card-setting-role .remove-wrapper {
  padding: 10px 15px;
}
.member-card-submenu.member-card-setting-role .upgrade-wrapper a,
.member-card-submenu.member-card-setting-role .remove-wrapper a {
  display: block;
  color: #03a9f4;
}
.member-card-submenu.member-card-setting-role .upgrade-wrapper p.description,
.member-card-submenu.member-card-setting-role .remove-wrapper p.description {
  color: #A6A6A6;
}
.member-card-submenu.member-card-setting-role .remove-wrapper {
  margin-bottom: 5px;
}
.member-card-submenu.member-card-setting-role .remove-wrapper .delete-member {
  color: #ff3c00;
}
.member-card-submenu.member-card-setting-role .remove-wrapper .delete-member:hover {
  color: #ff3c00;
}
.member-finder > .dropdown-menu {
  width: 100%;
}
.member-finder > .dropdown-menu > li > a:hover {
  color: #666;
  box-shadow: none;
  background-color: transparent;
}
.member-finder > .dropdown-menu > li.active > a {
  color: #333 !important;
  background-color: #f1f1f1 !important;
}
.involve-view {
  position: relative;
}
.involve-view .involve-header {
  margin-bottom: -3px;
  color: #808080;
  font-size: 13px;
  font-weight: bold;
}
.involve-view .add-involvement-handler {
  display: block;
  font-size: 24px;
  color: #A6A6A6;
}
.involve-view .add-involvement-handler:hover {
  color: #808080;
}
.involve-view .add-involvement-handler .icon-plus-sign {
  float: left;
  line-height: 24px;
}
.involve-view .add-involvement-handler .icon-circle-cross {
  color: #3da8f5;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.involve-view .involve-members {
  margin: 10px 0 -5px -10px;
}
.involve-view .involve-members > li {
  position: relative;
  float: left;
  margin: 0 0 10px 10px;
  cursor: pointer;
}
.involve-view .involve-members > li > .avatar {
  display: block;
  width: 24px;
  height: 24px;
  transition: -webkit-transform 2110ms ease-in-out;
}
.involve-view .involve-members > li > .avatar.pop-out {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.involve-view .involve-members > li > .avatar.pop-back {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.involve-view .involve-members > li .remove-member-handler {
  display: block;
  position: absolute;
  top: -4px;
  right: -4px;
  opacity: 0;
  transition: opacity, background-color 218ms ease;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  text-align: center;
  background-color: #A6A6A6;
}
.involve-view .involve-members > li .remove-member-handler::before {
  content: '';
  position: absolute;
  top: 3px;
  left: -17px;
  width: 26px;
  height: 26px;
  border: 2px solid #A6A6A6;
  border-radius: 13px;
  pointer-events: none;
  transition: border 218ms ease;
}
.involve-view .involve-members > li .remove-member-handler:hover {
  background-color: #3da8f5;
}
.involve-view .involve-members > li .remove-member-handler:hover::before {
  border-color: #3da8f5;
}
.involve-view .involve-members > li .remove-member-handler .remove-icon {
  display: block;
  -webkit-transform: translateX(-0.3px);
          transform: translateX(-0.3px);
}
.involve-view .involve-members > li .remove-member-handler .remove-icon::before {
  content: '';
  position: absolute;
  top: 2px;
  width: 1px;
  height: 8px;
  border-radius: 0.5px;
  background-color: white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.involve-view .involve-members > li .remove-member-handler .remove-icon::after {
  content: '';
  position: absolute;
  top: 2px;
  width: 1px;
  height: 8px;
  border-radius: 0.5px;
  background-color: white;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.involve-view .involve-members > li .involve-placeholder {
  margin-bottom: 10px;
  line-height: 24px;
  color: #A6A6A6;
}
.involve-view .involve-members > li:hover .remove-member-handler {
  opacity: 1;
}
.involve-view .involve-member-add {
  position: relative;
}
.ie .involve-view .add-involvement-handler .icon-plus-sign {
  line-height: 20px;
}
.member-menu-view {
  border-radius: 4px;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
}
.member-menu-view .popover-header {
  display: none;
}
.member-menu-view .popover-content {
  padding: 0;
}
.member-menu-view .popover-content .menu-input {
  position: relative;
  padding: 15px 15px 10px;
}
.member-menu-view .popover-content .menu-input.add-form {
  padding-right: 100px;
}
.member-menu-view .popover-content .form-control {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 6px;
  line-height: 20px;
}
.member-menu-view .popover-content ul {
  padding: 0 0 5px;
  max-height: 200px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.member-menu-view .popover-content li > a {
  display: block;
  padding: 5px 35px 5px 15px;
  clear: both;
  line-height: 24px;
  color: #808080;
  outline: 0 none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-menu-view .popover-content li > a span {
  display: inline-block;
  vertical-align: top;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-menu-view .popover-content li > a:hover {
  background-color: #F7F7F7;
}
.member-menu-view .popover-content li > a > .avatar,
.member-menu-view .popover-content li > a > .icon {
  width: 24px;
  height: 24px;
  float: left;
  margin-left: -2px;
  margin-right: 10px;
  text-align: center;
  background-size: 24px 24px;
  font-size: 18px;
  line-height: 24px;
}
.member-menu-view .popover-content li.selected {
  position: relative;
}
.member-menu-view .popover-content li.selected:after {
  position: absolute;
  top: 8px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #A6A6A6;
}
.member-menu-view .popover-content li.active {
  background-color: #F7F7F7;
  font-weight: bold;
}
.member-menu-view .popover-content li.divider {
  margin: 5px 15px;
  background-color: #EEEEEE;
}
.member-menu-view .popover-content li.team .team-avatar .icon {
  color: #3da8f5;
}
.member-menu-view .popover-content li.team .team-child {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-menu-view .popover-content li.invite-more a {
  color: #3da8f5;
}
.member-menu-view .popover-content li.invite-more a .icon {
  font-size: 24px;
}
.member-menu-view .popover-content li.list-tips {
  height: 34px;
  color: #808080;
  line-height: 34px;
  margin-left: 15px;
}
.member-selector-view {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.member-selector-view input.filter-input {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 34px;
  line-height: 20px;
  margin-bottom: 15px;
  padding: 6px;
}
.member-selector-view ul {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 15px;
}
.member-selector-view li > a {
  display: block;
  padding: 5px 15px 5px 0;
  clear: both;
  line-height: 24px;
  color: #808080;
  outline: 0 none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-selector-view li > a:hover {
  background-color: #F7F7F7;
}
.member-selector-view li > a > .avatar,
.member-selector-view li > a > .icon {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 10px;
  text-align: center;
  background-size: 24px 24px;
  font-size: 16px;
  line-height: 24px;
}
.member-selector-view li.selected {
  position: relative;
}
.member-selector-view li.selected:after {
  position: absolute;
  top: 8px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #A6A6A6;
}
.member-selector-view li.active {
  background-color: #F7F7F7;
  font-weight: bold;
}
.member-selector-view li.divider {
  margin: 5px 15px;
  background-color: #EEEEEE;
}
.member-selector-view button.submit-handler {
  width: 100%;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.member-bar-view {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.member-bar-view.show-member-progress .member-bar-body {
  bottom: 50px;
}
.member-bar-view .member-bar-header {
  position: relative;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  text-align: center;
  z-index: 2;
}
.member-bar-view .member-bar-header .get-back {
  font-size: 15px;
  color: #383838;
  transition: all 128ms;
}
.member-bar-view .member-bar-header .back-to-project-members {
  width: 80px;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  transition: all 128ms;
}
.member-bar-view .member-bar-header .back-to-project-members:hover .get-back {
  color: #3da8f5;
}
.member-bar-view .member-bar-header.with-back .back-to-project-members {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.member-bar-view .member-bar-header .title {
  padding: 0 15px;
  color: #383838;
  font-size: 15px;
  font-weight: bold;
  z-index: 1;
}
.member-bar-view .member-bar-header:after {
  position: absolute;
  content: ' ';
  bottom: 0px;
  height: 1px;
  left: 15px;
  right: 15px;
  background-color: #E5E5E5;
}
.member-bar-view .member-bar-header > a {
  position: absolute;
  top: 0;
  width: 50px;
  z-index: 2;
}
.member-bar-view .member-bar-header > a:first-child {
  left: 0;
}
.member-bar-view .member-bar-header > a:last-child {
  right: 0;
}
.member-bar-view .member-bar-body {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
}
.member-bar-view .member-bar-input-wrap {
  margin: 15px;
}
.member-bar-view .members-list {
  padding: 0 0 15px;
}
.member-bar-view .member,
.member-bar-view .team,
.member-bar-view .group {
  height: 50px;
  padding: 5px 12px 5px 61px;
  position: relative;
}
.member-bar-view .member:hover,
.member-bar-view .team:hover,
.member-bar-view .group:hover {
  background-color: #EEEEEE;
  cursor: pointer;
}
.member-bar-view .member:hover .item-menu-handler,
.member-bar-view .team:hover .item-menu-handler,
.member-bar-view .group:hover .item-menu-handler {
  display: inline-block;
}
.member-bar-view .member .item-menu-handler,
.member-bar-view .team .item-menu-handler,
.member-bar-view .group .item-menu-handler {
  display: none;
  line-height: 40px;
  width: 20px;
  text-align: center;
  position: absolute;
  top: 7px;
  right: 12px;
}
.member-bar-view .add-members-handler .add-member-icon {
  position: absolute;
  left: 15px;
  top: 7px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #3da8f5;
  font-size: 36px;
  text-align: center;
}
.member-bar-view .add-members-handler .add-members-p {
  color: #3da8f5;
  line-height: 40px;
}
.member-bar-view .avatar,
.member-bar-view .team-avatar,
.member-bar-view .group-avatar {
  margin-left: -46px;
  position: relative;
  top: 2px;
}
.member-bar-view .avatar .never-visit,
.member-bar-view .team-avatar .never-visit,
.member-bar-view .group-avatar .never-visit {
  position: absolute;
  line-height: 1;
  font-size: 12px;
  color: #A6A6A6;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}
.member-bar-view .avatar .never-visit,
.member-bar-view .team-avatar .never-visit,
.member-bar-view .group-avatar .never-visit {
  bottom: -1px;
  right: -1px;
  width: 14px;
  height: 14px;
}
.member-bar-view .team .team-avatar {
  background-color: #FFFFFF;
  border: 1px solid #8193BA;
  text-align: center;
}
.member-bar-view .team .team-avatar .icon {
  color: #8193BA;
  font-size: 16px;
  line-height: 34px;
}
.member-bar-view .team.all-member .team-avatar {
  border-color: #3da8f5;
}
.member-bar-view .team.all-member .team-avatar .icon {
  color: #3da8f5;
}
.member-bar-view .team.all-member .team-avatar .icon:before {
  font-family: 'tb-icons';
}
.member-bar-view .group .group-avatar {
  background-color: #FFFFFF;
  border: 1px solid #808080;
  text-align: center;
}
.member-bar-view .group .group-avatar .icon {
  color: #808080;
  font-size: 16px;
  line-height: 34px;
}
.member-bar-view .member-info,
.member-bar-view .team-info,
.member-bar-view .group-info {
  height: 40px;
  width: 250px;
}
.member-bar-view .item-name span {
  display: inline-block;
  vertical-align: top;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-bar-view .item-name .team-child {
  font-size: 12px;
}
.member-bar-view .item-name .member-role-icon {
  display: inline-block;
  margin-left: 6px;
  color: #A6A6A6;
}
.member-bar-view .item-name .member-role-icon.color-role-0 {
  color: #A6A6A6;
}
.member-bar-view .item-name .member-role-icon.color-role-0:before {
  content: '';
}
.member-bar-view .item-name .member-role-icon.color-role-1 {
  color: #5ED847;
}
.member-bar-view .item-name .member-role-icon.color-role-2 {
  color: #ff9900;
}
.member-bar-view .member-email,
.member-bar-view .team-child {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-progress {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #E5E5E5;
}
.member-in-drag {
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);
}
.member-events-view h3.header-handler {
  margin: 0 20px 5px;
  font-size: 14px;
  line-height: 46px;
}
.member-events-view h3.header-handler .tasks-board-date-menu {
  color: #A6A6A6;
}
.member-events-view .today-events {
  margin-bottom: 20px;
}
.member-events-view .today-events .event-date-wrap {
  display: none;
}
.member-events-view .today-events .events-list {
  margin-top: 5px;
}
.member-events-view .event:hover {
  background-color: #EEEEEE;
}
.member-progress-view {
  width: 100%;
  height: 50px;
  padding: 12px 15px;
  font-size: 12px;
  line-height: 12px;
  box-shadow: 0px -1px 0px 0px #F1F1F1;
  color: #808080;
}
.member-progress-view .progress {
  margin-bottom: 8px;
  height: 5px;
  background-color: rgba(3, 169, 244, 0.15);
}
.member-progress-view .progress-bar {
  background-color: rgba(2, 169, 243, 0.35);
  box-shadow: none;
}
.member-progress-view .is-full .progress-bar {
  background-color: #3da8f5;
}
.member-progress-view a.upgrade-handler {
  color: #3da8f5;
}
.qrcode-view.modal-dialog {
  width: 600px;
}
.qrcode-view.modal-dialog .card-content {
  padding: 15px 0 0;
}
.qrcode-view .qrcode-img {
  margin: 10px auto;
  width: 150px;
}
.qrcode-view .modal-close {
  margin-right: 20px;
}
.qrcode-view .modal-title {
  text-align: center;
}
.qrcode-view .modal-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.qrcode-view .modal-body .wrap {
  padding: 10px 20px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.qrcode-view .period-of-validity {
  display: block;
  text-align: center;
  margin: 10px auto;
}
.qrcode-view .message {
  text-align: center;
  font-size: 14px;
  display: block;
}
.qrcode-view .message .qrcode-icon {
  font-size: 20px;
  margin-right: 5px;
}
.qrcode-view .message .qrcode-icon.icon-wechat {
  color: #4EAF46;
}
.qrcode-view .qrcode-tip {
  margin-top: 15px;
  text-align: center;
}
.qrcode-view .member-invite {
  margin-bottom: 30px;
}
.qrcode-view .member-invite input {
  padding-right: 40px;
}
.qrcode-view .member-invite .reset-invite-url {
  position: absolute;
  top: 0;
  left: -38px;
  padding: 10px 12px;
  z-index: 2;
}
.qrcode-view .member-invite .input-group-btn {
  font-size: 14px;
}
.qrcode-view .member-invite .input-group-btn .copy-invite-url {
  border: none;
  padding: 10px 12px;
  z-index: 2;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.qrcode-view .member-invite.no-copy {
  width: 100%;
}
.qrcode-view .member-invite.no-copy input {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.qrcode-view .member-invite.no-copy .copy-invite-url {
  display: none;
}
.add-members-view .modal-body {
  padding: 0;
}
.add-members-view .cooperated-members {
  min-height: 200px;
  max-height: 300px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 3px;
}
.add-members-view .cooperated-members .placeholder {
  margin: 0;
  padding-top: 60px;
  text-align: center;
}
.add-members-view .check-box {
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px 12px 0 0;
  border: 2px solid rgba(56, 56, 56, 0.2);
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
  transition: all 218ms ease;
}
.add-members-view .check-box .icon {
  position: relative;
  left: 1px;
  top: -1px;
  font-size: 14px;
  color: rgba(56, 56, 56, 0.2);
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 218ms ease;
}
.add-members-view .check-box.checked {
  border-color: #3da8f5;
}
.add-members-view .check-box.checked .icon {
  color: #3da8f5;
  opacity: 1;
  filter: alpha(opacity=100);
}
.add-members-view .check-box.disabled {
  background: #EEEEEE;
  border-color: #E5E5E5;
}
.add-members-view .check-box.disabled .icon {
  color: #E5E5E5;
}
.add-members-view .check-box:not(.checked):hover {
  border-color: rgba(56, 56, 56, 0.4);
}
.add-members-view .member {
  padding: 15px 20px;
  cursor: pointer;
  border-bottom: 1px solid #EEEEEE;
  transition: background 218ms;
}
.add-members-view .member > span {
  line-height: 24px;
}
.add-members-view .member:hover {
  background: rgba(56, 56, 56, 0.03);
}
.add-members-view .member:last-child {
  border-bottom: none;
}
.add-members-view .member .avatar {
  float: left;
  margin-right: 12px;
}
.add-members-view textarea {
  resize: none;
}
.add-members-view .members-count {
  font-size: 16px;
  color: #808080;
  vertical-align: middle;
}
.add-members-view .submit {
  margin-left: 10px;
}
.add-members-view .submit.disabled {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #D9D9D9;
  color: #797979;
  border-color: #D9D9D9;
}
.project-settings-member-menu-view .popover-content {
  max-height: 240px;
}
.project-settings-member-menu-view li.selected {
  position: relative;
}
.project-settings-member-menu-view li.selected:after {
  position: absolute;
  top: 8px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #A6A6A6;
}
.project-settings-member-menu-view li > .disable {
  line-height: 30px;
  padding: 5px 15px;
  color: #a6a6a6;
}
.project-settings-member-menu-view li:first-child > .disable {
  margin: 5px 0 0;
}
.project-settings-member-menu-view hr {
  margin: 5px 15px;
}
.project-settings-member-menu-view .upgrade-wrapper,
.project-settings-member-menu-view .remove-wrapper {
  padding: 10px 15px;
}
.project-settings-member-menu-view .upgrade-wrapper a,
.project-settings-member-menu-view .remove-wrapper a {
  display: block;
  color: #03a9f4;
}
.project-settings-member-menu-view .upgrade-wrapper p.description,
.project-settings-member-menu-view .remove-wrapper p.description {
  color: #A6A6A6;
}
.project-settings-member-menu-view .remove-wrapper {
  margin-bottom: 5px;
}
.project-settings-member-menu-view .remove-wrapper .remove-member-handler {
  color: #ff3c00;
}
.project-settings-member-menu-view .remove-wrapper .remove-member-handler:hover {
  color: #ff3c00;
}
.project-settings-member-menu-view .remove-member-sub-menu .title {
  margin-bottom: 10px;
}
.project-settings-member-menu-view .remove-member-sub-menu .btn {
  margin-top: 15px;
  width: 100%;
}
.project-settings-team-menu-view .remove-handler.text-danger {
  color: #FF4F3E;
}
.project-settings-team-menu-view .remove-handler.text-danger:hover {
  color: #FF4F3E;
}
.project-settings-group-menu-view .remove-handler.text-danger {
  color: #FF4F3E;
}
.project-settings-group-menu-view .remove-handler.text-danger:hover {
  color: #FF4F3E;
}
.modal .project-transfer-view {
  width: 360px;
  margin-top: 200px;
}
.modal .project-transfer-view .modal-title {
  color: #383838;
}
.modal .project-transfer-view .confirm-handler {
  width: 100%;
}
.modal .project-transfer-view .project-owner-select {
  display: block;
  padding: 5px 10px;
  height: 36px;
  line-height: 26px;
  border: 1px solid #A6A6A6;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal .project-transfer-view .project-owner-select .avatar {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 8px;
}
.modal .project-transfer-view .project-owner-select .icon {
  font-size: 12px;
  float: right;
}
.modal .project-transfer-view .modal-footer {
  margin-left: 1px;
  margin-right: 1px;
}
.project-logo-crop-view {
  padding: 20px 20px 0;
}
.project-logo-crop-view .modal-header .modal-title {
  border-bottom: none;
}
.project-logo-crop-view .upload-hint {
  padding: 15px 0;
  color: #A6A6A6;
}
.project-logo-crop-view .loading-indicator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  height: 100%;
}
.project-logo-crop-view .modal-body {
  padding: 0;
  height: 280px;
  background: black;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.project-logo-crop-view .image-input {
  color: #3da8f5;
  cursor: pointer;
  transition: 300ms;
}
.project-logo-crop-view .image-input:hover {
  color: #6dbef8;
}
.project-logo-crop-view .previews {
  padding: 15px 0;
  border-style: solid;
  border-color: #E5E5E5;
  border-width: 1px 0 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.project-logo-crop-view .previews .title {
  font-size: 18px;
}
.project-logo-crop-view .previews .preview-items {
  padding: 15px 0 0;
  font-size: 0;
}
.project-logo-crop-view .previews .preview-items .item {
  display: inline-block;
  vertical-align: top;
}
.project-logo-crop-view .previews .preview-items .item canvas {
  border-radius: 3px;
  box-shadow: 0 0 2px silver;
  background: #EEEEEE;
}
.project-logo-crop-view .previews .preview-items .item .prev-hint {
  font-size: 14px;
  color: #A6A6A6;
}
.project-logo-crop-view .previews .prev-l {
  margin: 0 80px 0 0;
  position: relative;
  width: 300px;
}
.project-logo-crop-view .previews .prev-l canvas {
  width: 300px;
  height: 150px;
}
.project-logo-crop-view .previews .prev-s {
  width: 60px;
}
.project-logo-crop-view .previews .prev-s canvas {
  width: 50px;
  height: 50px;
}
.project-logo-crop-view .previews .project-info {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 10px 15px 30px;
  width: 100%;
  color: #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0);
}
.project-logo-crop-view .previews .project-name {
  margin: 0;
  padding: 0 40px 0 0;
  line-height: 30px;
  font-size: 18px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-logo-crop-view .previews .project-desc {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-logo-crop-view .modal-footer {
  padding: 0 0 20px;
}
.project-logo-crop-view .modal-footer .cancel {
  color: #A6A6A6;
}
.tab-container-modal-view.modal-view .modal-body.tab-container-view {
  overflow: hidden;
  position: relative;
  min-height: 600px;
}
.tab-container-modal-view.modal-view .tab-list {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 180px;
  border-right: 1px solid #E5E5E5;
}
.tab-container-modal-view.modal-view .tab-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  padding: 0 25px;
  algin-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  line-height: 56px;
  border-bottom: 1px solid #E5E5E5;
  cursor: pointer;
}
.tab-container-modal-view.modal-view .tab-item.active {
  padding-left: 21px;
  border-left: 4px solid #3da8f5;
  color: #3da8f5;
}
.tab-container-modal-view.modal-view .tab-item .icon {
  margin-right: 10px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.tab-container-modal-view.modal-view .tab-item .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tab-container-modal-view.modal-view .tab-container-view-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 180px;
  overflow-x: hidden;
  overflow-y: auto;
}
.tab-container-modal-view.modal-view .tab-container-view-content:before,
.tab-container-modal-view.modal-view .tab-container-view-content:after {
  content: " ";
  display: table;
}
.tab-container-modal-view.modal-view .tab-container-view-content:after {
  clear: both;
}
.tab-container-modal-view.modal-view .tab-container-view-content::-webkit-scrollbar {
  width: 7px;
}
.tab-container-modal-view.modal-view .tab-container-view-content::-webkit-scrollbar-track {
  background-color: #E5E5E5;
  border-left: 2px solid transparent;
}
.tab-container-modal-view.modal-view .tab-container-view-content::-webkit-scrollbar-thumb {
  background-color: #A6A6A6;
  border-left: 2px solid transparent;
}
.tab-container-modal-view.modal-view .tab-container-view-content::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}
.tab-container-modal-view.modal-view .tab-container-view-content::-webkit-scrollbar {
  width: 7px;
}
.tab-container-modal-view.modal-view .tab-container-view-content::-webkit-scrollbar-track {
  background-color: #E5E5E5;
  border-left: 2px solid transparent;
}
.tab-container-modal-view.modal-view .tab-container-view-content::-webkit-scrollbar-thumb {
  background-color: #A6A6A6;
  border-left: 2px solid transparent;
}
.tab-container-modal-view.modal-view .tab-container-view-content::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}
.settings-no-permission-view {
  position: relative;
  padding: 12px 15px;
  padding-left: 30px;
  color: #3da8f5;
  font-size: 14px;
  background: #D9F2FE;
  border: 1px solid #81D4F9;
  border-top: 0;
  border-radius: 0px 0px 3px 3px;
}
.settings-no-permission-view .icon {
  position: absolute;
  left: 10px;
}
.project-settings-view .settings-no-permission-view {
  margin: 0;
}
.project-settings-view .project-setting-form {
  padding: 0 30px 15px;
}
.project-settings-view .project-setting-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.project-settings-view .project-setting-section:before,
.project-settings-view .project-setting-section:after {
  content: " ";
  display: table;
}
.project-settings-view .project-setting-section:after {
  clear: both;
}
.project-settings-view .project-setting-section.is-column-2 {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.project-settings-view .project-setting-section .section-grid {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.project-settings-view .project-setting-section .section-grid + .section-grid {
  margin-left: 20px;
}
.project-settings-view .project-setting-section .dropdown-list {
  margin-bottom: 20px;
}
.project-settings-view .project-setting-section label {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 16px;
}
.project-settings-view .project-setting-section span[data-editor] {
  display: block;
}
.project-settings-view .project-setting-section input[type=text],
.project-settings-view .project-setting-section textarea {
  display: block;
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  line-height: 20px;
  transition: border-color 218ms ease;
}
.project-settings-view .project-setting-section input[type=text]:focus,
.project-settings-view .project-setting-section textarea:focus {
  border-color: #A6A6A6;
  outline: 0;
}
.project-settings-view .project-setting-section input[type=text][disabled],
.project-settings-view .project-setting-section textarea[disabled] {
  background-color: #F7F7F7;
}
.project-settings-view .project-setting-section textarea {
  resize: none;
}
.project-settings-view .project-setting-section select {
  width: 100%;
}
.project-settings-view .project-setting-section .subtitle {
  margin-bottom: 20px;
  font-size: 14px;
  color: #A6A6A6;
}
.project-settings-view .project-setting-section .subtitle a {
  margin: 0 4px;
  color: #3da8f5;
}
.project-settings-view .project-setting-section .subtitle a:hover {
  color: #0c92f3;
}
.project-settings-view .project-setting-section li + li {
  margin-top: 20px;
}
.project-settings-view .project-setting-section li input[type=radio] {
  margin: 0;
  margin-right: 13px;
}
.project-settings-view .project-setting-section li label {
  margin: 0;
  font-size: 14px;
  line-height: 14px;
  color: #808080;
}
.project-settings-view .apps-list {
  margin-bottom: -10px;
}
.project-settings-view .apps-list .app-card {
  float: left;
  height: 40px;
  width: auto;
  min-width: 77px;
  margin: 0 10px 10px 0;
  line-height: 38px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #FFFFFF;
  color: #808080;
  transition: color ease 128ms, border-color ease 128ms, box-shadow ease 128ms, -webkit-transform 128ms ease;
  transition: color ease 128ms, border-color ease 128ms, box-shadow ease 128ms, transform 128ms ease;
  transition: color ease 128ms, border-color ease 128ms, box-shadow ease 128ms, transform 128ms ease, -webkit-transform 128ms ease;
  border-radius: 2px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.project-settings-view .apps-list .app-card:last-child {
  margin-right: 0;
}
.project-settings-view .apps-list .app-card .icon {
  margin: 0 0 0 12px;
  font-size: 16px;
}
.project-settings-view .apps-list .app-card .app-title {
  margin: 0 12px 0 6px;
  color: #808080;
  font-size: 14px;
}
.project-settings-view .apps-list .app-card .move-app {
  display: none;
  background-color: #3da8f5;
  color: #FFFFFF;
  cursor: pointer;
  opacity: 0;
  transition: opacity 128ms ease;
}
.project-settings-view .apps-list .app-card.ui-sortable-handle {
  cursor: pointer;
}
.project-settings-view .project-setting-actions-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.project-settings-view .project-setting-actions-section .form-handler {
  height: 40px;
  padding: 0 48px;
  line-height: 40px;
}
.project-settings-view .seperator {
  display: block;
  height: 1px;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 0;
  background-color: #EEEEEE;
  border: 0;
  outline: 0;
}
.project-settings-view .handler-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.project-settings-view .handler-group button {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  padding: 0;
  height: 40px;
  width: 150px;
  line-height: 40px;
  border: 0;
  border-radius: 3px;
  color: #FFF;
  outline: 0;
}
.project-settings-view .handler-group button + button {
  margin-left: 20px;
}
.project-settings-view .handler-group .blue-handler {
  background-color: #3da8f5;
}
.project-logo-view .project-cover {
  float: left;
  height: 125px;
  width: 250px;
  margin-right: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
}
.project-belonging-view {
  width: 100%;
}
.project-belonging-view .organization-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.project-belonging-view .organization-logo {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 30px;
  width: 30px;
  margin-right: 15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
.project-belonging-view .organization-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.project-belonging-view .transfer-handler {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 34px;
  margin-left: 15px;
  padding: 0 26px;
  font-size: 14px;
  line-height: 32px;
  background-color: transparent;
  border: 1px solid #3da8f5;
  border-radius: 3px;
  color: #3da8f5;
  outline: 0;
}
.personal-settings-container {
  padding: 30px;
}
.personal-settings-container h4 {
  font-size: 16px;
  margin: 0 0 20px 0;
}
.personal-settings-container hr {
  margin-top: 25px;
  margin-bottom: 25px;
}
.personal-settings-container .settings-radio-container .settings-radio {
  display: block;
  margin: 0;
  position: relative;
}
.personal-settings-container .settings-radio-container .settings-radio .form-radio {
  display: block;
  position: relative;
  margin: 2px 13px 0px 0;
  cursor: pointer;
  float: left;
}
.personal-settings-container .settings-radio-container .settings-radio.is-horizontal {
  display: inline-block;
}
.personal-settings-container .settings-radio-container .settings-radio.is-horizontal + .is-horizontal {
  margin: 0 0 0 40px;
}
.personal-settings-container .settings-radio-container .settings-radio.is-vertical + .is-vertical {
  margin: 20px 0 0 0;
}
.personal-settings-notification-view .react-divider {
  margin: 25px 0;
}
.personal-settings-notification-view section h4 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
.personal-settings-notification-view section p {
  font-size: 14px;
  line-height: 20px;
  color: #A6A6A6;
}
.personal-settings-notification-view section .check-item:first-of-type {
  margin-top: 20px;
}
.personal-settings-notification-view section .check-item + .check-item {
  margin-top: 10px;
}
.personal-settings-notification-view section .settings-radio-container {
  margin-top: 15px;
}
.personal-settings-notification-view .two-column-setting {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.personal-settings-notification-view .two-column-setting .setting-content {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.personal-settings-notification-view .two-column-setting .setting-handler {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.personal-settings-display-view .section-title {
  margin-bottom: 20px;
}
.personal-settings-display-view .videos {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.personal-settings-display-view .video-container {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  cursor: pointer;
}
.personal-settings-display-view .video-container.is-active {
  border-color: #3da8f5;
}
.personal-settings-display-view .video-container.is-active .title {
  color: #3da8f5;
  border-bottom-color: #3da8f5;
}
.personal-settings-display-view .video-container .title {
  text-align: center;
  padding: 5px;
  border-bottom: 1px solid #D9D9D9;
}
.check-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: top;
      -ms-flex-align: top;
          align-items: top;
}
.check-item .check-box {
  position: relative;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  border: 1px solid #A6A6A6;
  border-radius: 3px;
  cursor: pointer;
  transition: 218ms all;
}
.check-item .check-box .check-mark {
  font-size: 12px;
  line-height: 1;
  font-weight: bolder;
  color: #FFFFFF;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  display: none;
}
.check-item .check-box:hover {
  border-color: #808080;
}
.check-item .check-item-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 15px;
}
.check-item .check-item-body .check-item-content {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  color: #383838;
  cursor: default;
}
.check-item .check-item-body .check-item-description {
  font-size: 14px;
  line-height: 20px;
  color: #A6A6A6;
  margin-top: 5px;
}
.check-item.is-checked .check-box {
  border-color: #3da8f5;
  background-color: #3da8f5;
}
.check-item.is-checked .check-box .check-mark {
  display: inline-block;
}
.check-item.is-disabled {
  opacity: .7;
}
.check-item.is-disabled .check-box {
  cursor: not-allowed;
}
.my-view {
  position: fixed;
  z-index: 51;
  top: 48px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-color: rgba(238, 238, 238, 0.96);
}
.my-view .my-header {
  position: relative;
  height: 50px;
  border-bottom: 1px solid #E5E5E5;
}
.my-view .my-header .my-tab-wrap {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-view .my-header .my-tab-wrap .my-tab {
  position: relative;
  padding: 13px 4px 15px;
  margin: 0 20px;
  text-align: center;
  color: #383838;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.my-view .my-header .my-tab-wrap .my-tab:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  border-bottom: 0px solid #3da8f5;
  opacity: 0;
  transition: opacity 218ms ease, border-width 218ms ease;
}
.my-view .my-header .my-tab-wrap .my-tab:hover:after,
.my-view .my-header .my-tab-wrap .my-tab.active:after {
  border-width: 2px;
  opacity: 1;
}
.my-view .my-header .close-float-handler {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 20px;
  height: 50px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
}
.my-view .tab-header {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px;
  border-bottom: 2px solid #E5E5E5;
}
.my-view .tab-header .tasks-type-tabs,
.my-view .tab-header .events-type-tabs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.my-view .tab-header .tasks-type-tabs li,
.my-view .tab-header .events-type-tabs li {
  position: relative;
  padding: 14px 4px;
  font-size: 16px;
  color: #383838;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.my-view .tab-header .tasks-type-tabs li:after,
.my-view .tab-header .events-type-tabs li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 3px;
  width: 100%;
  border-bottom: 0px solid #3da8f5;
  opacity: 0;
  transition: opacity 218ms ease, border-width 218ms ease;
}
.my-view .tab-header .tasks-type-tabs li:hover:after,
.my-view .tab-header .events-type-tabs li:hover:after,
.my-view .tab-header .tasks-type-tabs li.is-active:after,
.my-view .tab-header .events-type-tabs li.is-active:after {
  border-width: 2px;
  opacity: 1;
}
.my-view .tab-header .tasks-type-tabs li + li,
.my-view .tab-header .events-type-tabs li + li {
  margin-left: 26px;
}
.my-view .my-content-wrap {
  position: absolute;
  top: 50px;
  bottom: 0;
  width: 100%;
  padding-top: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.my-view .my-content-wrap .my-content {
  position: relative;
  margin: 0 auto;
  width: 960px;
  min-height: 100%;
}
.my-view .my-content-wrap .my-content > * {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.my-view .my-content-wrap .my-content h3 {
  margin: 0 20px;
  padding: 13px 0;
  line-height: 20px;
  font-size: 16px;
  border-bottom: 2px solid #E5E5E5;
}
.my-view .my-list {
  padding-bottom: 8px;
  margin: 4px 0 0 0;
}
.my-view .my-list > .task:hover,
.my-view .my-list > .event:hover {
  background-color: #f5f5f5;
}
.my-view .my-list > .task .task-duedate,
.my-view .my-list > .event .task-duedate {
  color: #A6A6A6;
  background-color: transparent;
}
.my-view .my-list > .task .task-duedate.label-important,
.my-view .my-list > .event .task-duedate.label-important {
  color: #FF4F3E;
}
.my-view .my-list > .task .task-duedate.label-warning,
.my-view .my-list > .event .task-duedate.label-warning {
  color: #FFAF38;
}
.my-view .my-list > .task .task-duedate.label-info,
.my-view .my-list > .event .task-duedate.label-info {
  color: #3da8f5;
}
.my-view .my-list > .task .task-duedate > .icon,
.my-view .my-list > .event .task-duedate > .icon {
  display: none;
}
.my-view .my-list > .event .event-time {
  float: none;
  width: auto;
  font-size: 12px;
  padding-right: 5px;
}
.my-view .task-list .placeholder {
  margin: 0 auto;
  padding: 60px 0;
}
.my-tasks-view .tasks-menu-group a,
.my-tasks-view .tasks-menu-group .icalendar {
  position: relative;
  padding: 16px 0px;
  font-size: 14px;
  color: #808080;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.my-tasks-view .tasks-menu-group a .icon,
.my-tasks-view .tasks-menu-group .icalendar .icon {
  vertical-align: top;
}
.my-tasks-view .tasks-menu-group a + a {
  margin-left: 12px;
}
.my-tasks-view .tasks-menu-group .icalendar {
  margin-left: 12px;
  padding: 0 0 0 16px;
  border-left: 1px solid #D9D9D9;
}
.my-tasks-view .tasks-menu-group a[data-type=match] .icon-state-check {
  position: absolute;
  color: #3da8f5;
  top: 4px;
  right: 15px;
}
.my-tasks-view .tasks-menu-group a[data-type=match]:not(.on-filtered) .icon-state-check {
  display: none;
}
.my-tasks-view .my-tasks-group .group-header {
  margin: 0 20px;
  line-height: 40px;
  font-size: 16px;
  border-bottom: 1px solid #E5E5E5;
}
.my-tasks-view[data-done=done] .tasks-menu-group a[data-type=sort],
.my-tasks-view[data-filter=created] .tasks-menu-group a[data-type=sort],
.my-tasks-view[data-filter=joined] .tasks-menu-group a[data-type=sort],
.my-tasks-view[data-done=done] .tasks-menu-group a[data-type=match],
.my-tasks-view[data-filter=created] .tasks-menu-group a[data-type=match],
.my-tasks-view[data-filter=joined] .tasks-menu-group a[data-type=match] {
  display: none;
}
.my-tasks-view[data-filter=created] .icalendar,
.my-tasks-view[data-filter=joined] .icalendar {
  display: none;
}
.my-tasks-view .task-list .task .task-priority {
  top: 1px;
  bottom: 1px;
}
.task-match-menu-view .popover-header {
  display: none;
}
.task-match-menu-view .task-select {
  position: relative;
  padding: 15px 0 15px 40px;
  text-align: right;
  border-bottom: 1px solid #EEEEEE;
}
.task-match-menu-view .task-select .select-label {
  position: absolute;
  top: 15px;
  left: 0;
  font-weight: bold;
}
.task-match-menu-view .task-select > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: right;
}
.task-match-menu-view .task-select > a .choose-name {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.task-match-menu-view .icon-chevron-down {
  margin-left: 5px;
  font-size: 12px;
  color: #808080;
}
.task-match-menu-view .task-btn-group {
  margin-top: 16px;
}
.task-match-menu-view .task-btn-group .btn {
  width: 100px;
}
.task-match-menu-view .task-btn-group .btn + .btn {
  margin-left: 12px;
}
.task-match-menu-view .popover-menu-view .menu-item > a {
  line-height: 28px;
  vertical-align: middle;
}
.task-match-menu-view .popover-menu-view .icon {
  width: 28px;
  height: 28px;
  font-size: 16px;
  background-color: #3da8f5;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
}
.task-match-menu-view .popover-menu-view .avatar {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}
.task-match-menu-view .popover-menu-view .avatar.user-avatar {
  border-radius: 50%;
}
.task-match-menu-view .popover-menu-view .avatar.project-logo {
  border-radius: 3px;
}
.my-events-view .icalendar {
  color: #808080;
  font-size: 14px;
}
.my-events-view .event:hover {
  background-color: #f5f5f5;
}
.my-events-view .events-list {
  padding: 4px 0 0;
}
.my-events-view .event-date-wrap {
  margin-bottom: 8px;
}
.my-events-view .event-date-wrap .event-date {
  margin: 0 20px 4px;
  padding: 13px 0;
  font-size: 16px;
  color: #383838;
  border-bottom: 1px solid #E5E5E5;
}
.my-events-view .past-events-view .panel {
  margin-top: 8px;
}
.my-events-view .past-events-view .my-past-events-wrap {
  margin-top: 4px;
}
.my-events-view .past-events-view ul > li .accordion-title {
  padding: 13px 0;
  margin: 0 20px;
  height: 48px;
  font-size: 16px;
  border-bottom: 1px solid #E5E5E5;
}
.my-events-view .events-list .event .event-time {
  width: 320px;
}
.notes-view {
  position: relative;
  width: 960px;
  overflow-y: auto;
}
.notes-view .placeholder {
  margin: 30px auto;
  line-height: 30px;
  text-align: center;
}
.notes-view .placeholder .icon {
  font-size: 40px;
  line-height: 40px;
}
.notes-view .create-note-handler {
  position: absolute;
  top: 9px;
  right: 20px;
  padding: 5px 10px;
}
.notes-view .create-note-handler .icon {
  float: left;
  margin-right: 4px;
}
.notes-view .note {
  position: relative;
  margin: 20px;
  padding: 15px 20px 20px;
  overflow: hidden;
}
.notes-view .note .note-title,
.notes-view .note .note-content {
  width: 100%;
  margin: 0;
  line-height: 20px;
  border: 0 none;
  box-shadow: none;
  background-color: transparent;
  resize: none;
  outline: 0 none;
  cursor: pointer;
  color: #383838;
}
.notes-view .note .note-title {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 2px;
}
.notes-view .note .flex-text-wrap {
  min-height: 100px;
  line-height: 26px;
  border-radius: 2px;
}
.notes-view .note .validate-error {
  border-color: #FF4F3E;
}
.notes-view .note .draft {
  display: none;
  line-height: 24px;
  margin-top: 3px;
  padding: 0 10px;
  background-color: #EEEEEE;
  border-radius: 3px;
}
.notes-view .note .draft a {
  color: #3da8f5;
}
.notes-view .note .note-handler-set {
  visibility: hidden;
  position: absolute;
  top: auto;
  bottom: 6px;
  left: 0;
  right: 0;
  padding: 10px 20px;
}
.notes-view .note .note-handler-set a {
  padding: 5px 0px;
}
.notes-view .note .note-handler-set .save-note-handler {
  margin-left: 20px;
  padding: 5px 15px;
}
.notes-view .note.active {
  padding-bottom: 60px;
  background-color: #F7F7F7;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.05);
}
.notes-view .note.active .flex-text-wrap {
  height: auto;
}
.notes-view .note.active .note-handler-set {
  visibility: visible;
}
.notes-view .note.active .note-title,
.notes-view .note.active .note-content {
  cursor: text;
}
.notes-view .note.active.has-draft .draft {
  display: inline-block;
  font-size: 12px;
  margin-bottom: -10px;
}
.favorites-view {
  position: relative;
  width: 960px;
}
.favorites-view .favorites-placeholder {
  display: none;
  margin: 30px auto;
  line-height: 30px;
  text-align: center;
}
.favorites-view .favorites-placeholder .icon {
  font-size: 40px;
  line-height: 40px;
}
.favorites-view .favorites-header {
  margin: 0 20px;
  padding: 13px 0;
  border-bottom: 2px solid #E5E5E5;
}
.favorites-view .favorites-header .favorites-filter {
  position: relative;
}
.favorites-view .favorites-header .filter {
  float: left;
  height: 20px;
}
.favorites-view .favorites-header .filter > a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #383838;
}
.favorites-view .favorites-header .filter > a .active-type {
  display: inline-block;
  white-space: nowrap;
  float: left;
}
.favorites-view .favorites-header .filter > a .icon {
  margin-left: 10px;
  font-size: 12px;
}
.favorites-view .favorites-header .type-selector {
  max-height: 240px;
  left: 0px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 7px 21px;
}
.favorites-view .favorites-header .type-selector li {
  position: relative;
}
.favorites-view .favorites-header .type-selector li:hover {
  background-color: #F7F7F7;
}
.favorites-view .favorites-header .type-selector li.active:after {
  position: absolute;
  top: 8px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #A6A6A6;
}
.favorites-view .favorites-header .type-selector li > a {
  line-height: 28px;
}
.favorites-view .favorites-header .type-selector li .icon {
  height: 28px;
  width: 28px;
  background-color: #3da8f5;
  font-size: 16px;
  padding-top: 2px;
  color: #FFFFFF;
  margin-right: 10px;
  text-align: center;
  border-radius: 50%;
}
.favorites-view .favorites-header .search-wrap {
  position: absolute;
  width: 240px;
  top: 7px;
  right: 20px;
  color: #A6A6A6;
}
.favorites-view .favorites-header .search-wrap .icon-search {
  position: absolute;
  top: 6px;
  left: 8px;
}
.favorites-view .favorites-header .search-wrap .search-input {
  height: 32px;
  padding-left: 28px;
}
.favorites-view .favorites-body.no-result .favorites-list:empty + .normal-placeholder {
  display: none;
}
.favorites-view .favorites-body.no-result .noresult-placeholder {
  display: block;
}
.favorites-view .favorites-list {
  position: relative;
  padding: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.favorites-view .favorites-list:empty + .normal-placeholder {
  display: block;
}
.favorites-view .favorites-list .favorite-item {
  padding: 16px 20px 18px 20px;
  cursor: pointer;
}
.favorites-view .favorites-list .favorite-item.not-visible .item-header > *:not(.unfavorite),
.favorites-view .favorites-list .favorite-item.not-visible .item-title,
.favorites-view .favorites-list .favorite-item.not-visible .item-content,
.favorites-view .favorites-list .favorite-item.not-visible .event-date,
.favorites-view .favorites-list .favorite-item.not-visible .address,
.favorites-view .favorites-list .favorite-item.not-visible .item-content {
  opacity: .32;
}
.favorites-view .favorites-list .favorite-item:last-child {
  border: none;
}
.favorites-view .favorites-list .favorite-item:hover {
  background-color: #F7F7F7;
}
.favorites-view .favorites-list .favorite-item:hover .unfavorite {
  display: block;
}
.favorites-view .favorites-list .favorite-item:hover .create-date {
  display: none;
}
.favorites-view .favorites-list .underscore {
  margin: 4px 20px;
  height: 1px;
  background-color: #EEEEEE;
}
.favorites-view .favorites-list .underscore:last-child {
  display: none;
}
.favorites-view .favorites-list .item-header {
  position: relative;
  padding-left: 38px;
  padding-bottom: 6px;
  color: #A6A6A6;
}
.favorites-view .favorites-list .item-header .create-date,
.favorites-view .favorites-list .item-header .unfavorite {
  position: absolute;
  top: 0;
  right: 0;
}
.favorites-view .favorites-list .item-header .unfavorite {
  display: none;
}
.favorites-view .favorites-list .item-header .unfavorite:hover {
  color: #3da8f5;
}
.favorites-view .favorites-list .item-title {
  position: relative;
}
.favorites-view .favorites-list .item-title .title-icon {
  height: 24px;
  width: 24px;
  background-color: #3da8f5;
  color: #FFFFFF;
  padding-top: 2px;
  margin-right: 14px;
  text-align: center;
  border-radius: 50%;
}
.favorites-view .favorites-list .item-title .title-icon.is-work {
  margin-top: 6px;
}
.favorites-view .favorites-list .item-title .work-icon {
  float: left;
}
.favorites-view .favorites-list .item-title .no-avatar {
  margin-right: 10px;
}
.favorites-view .favorites-list .item-title .title {
  font-size: 16px;
  margin-left: 38px;
  margin-right: 110px;
  word-wrap: break-word;
  position: relative;
  top: 2px;
}
.favorites-view .favorites-list .item-title .title.work-title {
  padding-top: 6px;
}
.favorites-view .favorites-list .item-title .title .first-tag {
  margin-left: 6px;
}
.favorites-view .favorites-list .item-title .title .archived {
  margin-left: 5px;
  background-color: #795548;
  color: #FFFFFF;
}
.favorites-view .favorites-list .label {
  vertical-align: bottom;
}
.favorites-view .favorites-list .tag-label {
  margin: 4px 5px 0 0;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.favorites-view .favorites-list .tag-name {
  font-size: 12px;
}
.favorites-view .favorites-list .item-content {
  padding-left: 38px;
  padding-top: 2px;
  overflow: hidden;
  max-height: 62px;
  word-break: break-word;
}
.favorites-view .badges {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
}
.favorites-view .badges .update-icon {
  vertical-align: middle;
  color: #A6A6A6;
}
.favorites-view .badges .update-icon:hover {
  color: #3da8f5;
}
.favorites-view .badges .task-wrapper .item-title .title {
  margin-left: 72px;
}
.favorites-view .badges .task-wrapper .overdue,
.favorites-view .badges .task-wrapper .today {
  color: #FF4F3E;
}
.favorites-view .badges .task-wrapper .task-accomplished-date {
  background-color: grey;
  color: #FFFFFF;
}
.favorites-view .badges .task-wrapper .task-duedate,
.favorites-view .badges .task-wrapper .task-accomplished-date {
  margin-left: 6px;
}
.favorites-view .event-wrapper .item-header {
  padding-bottom: 0;
}
.favorites-view .event-wrapper .event-date,
.favorites-view .event-wrapper .address {
  padding-left: 38px;
  color: #808080;
  padding-top: 4px;
  display: block;
}
.favorites-view .event-wrapper .address {
  padding-top: 0;
}
.favorites-view .work-wrapper .item-title .title {
  margin-left: 72px;
}
.favorites-view .work-wrapper .file-icon {
  margin-right: 10px;
}
.favorites-view .work-wrapper .file-icon.no-thumbnail {
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #FFFFFF;
  background-color: #383838;
  text-align: center;
}
.favorites-view .work-wrapper .file-size {
  color: #808080;
}
.favorites-view .entry-wrapper .item-header {
  padding-bottom: 0;
}
.favorites-view .entry-wrapper .icon-bookkeeping-logo {
  font-size: 24px;
  color: #3da8f5;
  padding-left: 1px;
  padding-top: 2px;
}
.favorites-view .entry-wrapper .entry-amount {
  font-size: 16px;
  margin-top: 4px;
  margin-left: 38px;
}
.favorites-view .entry-wrapper .entry-amount.expense {
  color: #f9b447;
}
.favorites-view .entry-wrapper .entry-amount.income {
  color: #4bd649;
}
.favorites-view .post-wrapper .item-header {
  padding-bottom: 0;
}
.my-recent-view .task-list .task .task-priority {
  top: 1px;
  bottom: 1px;
}
.my-recent-view .event {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
}
.my-recent-view .event .icon {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 20px;
  color: #A6A6A6;
}
.my-recent-view .event .event-time {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 14px;
  line-height: 20px;
  margin-left: 8px;
  color: #A6A6A6;
}
.my-recent-view .event .event-content {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 12px;
}
.my-recent-view .event .event-tag {
  margin-left: 5px;
}
.my-recent-view .placeholder {
  margin: 0 auto;
  padding: 60px 0;
  line-height: 30px;
  text-align: center;
}
.my-recent-view .placeholder .icon {
  font-size: 40px;
  line-height: 40px;
}
.my-recent-view .loading-indicator {
  margin: 0 auto;
  padding: 10px 0;
}
.home-task-creator-view .task-creator-input-wrap {
  max-height: 200px;
  overflow: auto;
}
.home-task-creator-view .task-creator-input-wrap .flex-text-wrap {
  min-height: 60px;
}
.home-task-creator-view .creator-flex-item {
  width: 25%;
}
.home-task-creator-view .creator-flex-item .avatar {
  float: left;
  margin-right: 8px;
  margin-top: -4px;
}
.home-task-creator-view .creator-flex-item.on-flex {
  min-width: 25%;
  max-width: 36%;
  width: inherit;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.home-task-creator-view .creator-visible {
  float: left;
  line-height: 32px;
}
.home-task-creator-view .creator-visible .icon {
  margin-right: 10px;
}
.home-task-creator-view .mode-explanation {
  display: block;
  line-height: 20px;
  font-size: 12px;
  color: #A6A6A6;
}
.home-task-creator-view .task-creator-date > a {
  display: inline-block !important;
  margin: 0 !important;
}
.home-task-creator-view .task-creator-repeat {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-dialog.assign-team-view {
  position: absolute;
  top: 70px;
  left: 50%;
  max-height: calc(100% - 140px);
  width: 360px;
  margin: 0 0 0 -180px;
}
.modal-dialog.assign-team-view .modal-header {
  margin: 15px 20px 0;
}
.modal-dialog.assign-team-view .modal-header .modal-title {
  padding-bottom: 15px;
}
.modal-dialog.assign-team-view .modal-body {
  padding: 0 20px;
  overflow: auto;
}
.modal-dialog.assign-team-view .modal-footer {
  height: 70px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  padding: 15px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.modal-dialog.assign-team-view .modal-footer .btn {
  width: 100%;
}
.modal-dialog.enable-fail-view {
  margin: auto;
}
.modal-dialog.enable-fail-view.modal-dialog {
  width: 360px;
}
.modal-dialog.enable-fail-view .modal-header .modal-title {
  padding-right: 15px;
  color: #383838;
}
.modal-dialog.enable-fail-view .modal-body .organization p:not(:last-child),
.modal-dialog.enable-fail-view .modal-body .project p:not(:last-child) {
  margin-bottom: 10px;
}
.modal-dialog.enable-fail-view .modal-body .organization ul,
.modal-dialog.enable-fail-view .modal-body .project ul {
  margin: 15px 0 25px;
}
.modal-dialog.enable-fail-view .modal-body .organization ul li,
.modal-dialog.enable-fail-view .modal-body .project ul li {
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-dialog.enable-fail-view .modal-body .organization ul li a,
.modal-dialog.enable-fail-view .modal-body .project ul li a {
  color: #3DA8F5;
}
.modal-dialog.enable-fail-view .modal-body .text-gray {
  color: gray;
}
.modal-dialog.enable-fail-view .modal-body p > a {
  color: #3DA8F5;
}
.modal-dialog.enable-fail-view .modal-body .btn {
  margin-top: 20px;
  width: 100%;
}
.organization-view {
  padding: 0 15px;
}
.organization-view .organization-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (min-width: 1200px) {
  .organization-view .organization-wrap.is-analysis {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .organization-view .organization-wrap.is-analysis {
    width: 944px;
  }
}
@media only screen and (min-width: 1200px) {
  .organization-view .organization-wrap.is-members {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .organization-view .organization-wrap.is-members {
    width: 944px;
  }
}
@media only screen and (min-width: 1200px) {
  .organization-view .organization-wrap.is-profile {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .organization-view .organization-wrap.is-profile {
    width: 944px;
  }
}
@media only screen and (min-width: 1200px) {
  .organization-view .organization-wrap.is-projects {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .organization-view .organization-wrap.is-projects {
    max-width: 100%;
    width: 944px;
  }
}
@media only screen and (min-width: 1200px) {
  .organization-view .organization-wrap.is-reports {
    width: 798px;
  }
}
@media only screen and (max-width: 1199px) {
  .organization-view .organization-wrap.is-reports {
    width: 642px;
  }
}
@media only screen and (min-width: 1200px) {
  .organization-view .organization-wrap.is-statistics {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .organization-view .organization-wrap.is-statistics {
    width: 944px;
  }
}
.organization-view .organization-wrap.is-default {
  width: 944px;
}
.organization-view .organization-wrap.is-plugins {
  width: 100%;
}
.organization-view .organization-workspace-topbar {
  height: 48px;
}
.organization-view .organization-workspace-topbar-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (min-width: 1200px) {
  .organization-view .organization-workspace-topbar-wrapper {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .organization-view .organization-workspace-topbar-wrapper {
    width: 944px;
  }
}
.organization-view .organization-workspace-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.organization-view .organization-tab-content {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.organization-view .organization-workspace-sidenav {
  width: 176px;
  margin-left: 52px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.organization-view .organization-workspace-sidenav-title {
  margin: 0;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 22px;
  color: #383838;
}
.organization-view .organization-workspace-sidenav-list > li {
  line-height: 48px;
}
.organization-view .organization-workspace-sidenav-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.organization-view .organization-workspace-sidenav-item:hover .organization-workspace-sidenav-item-text-title {
  color: #3da8f5;
}
.organization-view .organization-workspace-sidenav-item-badge {
  display: inline-block;
  height: 28px;
  width: 28px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-image: url(https://dn-st.teambition.net/teambition/images/default@2x.d7886e1d.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.organization-view .organization-workspace-sidenav-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 12px;
}
.organization-view .organization-workspace-sidenav-item-text-title {
  font-size: 14px;
  line-height: 20px;
  color: #383838;
}
.organization-view .organization-workspace-sidenav-item-text-desc {
  font-size: 12px;
  line-height: 20px;
  color: #808080;
}
.organization-view .organization-header {
  position: relative;
  z-index: 50;
}
.organization-view .organization-header > div:nth-of-type(2) {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.organization-view .org-name {
  padding: 0 20px 0 15px;
  font-size: 18px;
  font-weight: bold;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-view .admin-handler {
  margin-right: 15px;
}
.organization-view .plan-tips-wrap {
  margin: 0 -15px;
  position: relative;
}
.organization-view .plan-tips {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-bottom: 8px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFFFFF;
}
.organization-view .plan-tips.status-trial {
  background-image: linear-gradient(90deg, #81DFF9 0%, #3DA8F5 100%);
}
.organization-view .plan-tips.status-paid {
  background-image: linear-gradient(90deg, #FF7560 0%, #FF4F3E 100%);
}
.organization-view .plan-tips-main {
  padding: 0 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-view .plan-tips-main a {
  position: relative;
  top: -1px;
  margin-top: -1px;
  border-bottom: 1px solid currentColor;
  color: #FFFFFF;
}
.organization-view .plan-tips-close {
  position: absolute;
  top: 10px;
  right: 18px;
  color: #FFFFFF;
}
.organization-view .plan-tips-close:hover {
  color: #FFFFFF;
}
.organization-view .close-tips {
  font-size: 12px;
  padding: 0 4px;
  margin-left: 3px;
}
.organization-view .close-tips:hover {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}
.organization-view .organization-nav {
  border-bottom: none;
}
.organization-view .organization-nav,
.organization-view .organization-nav.is-pin {
  position: fixed;
  max-height: calc(100vh - 120px);
  overflow: auto;
  -webkit-font-smoothing: subpixel-antialiased;
}
.organization-view .organization-nav .nav-underscore {
  display: table;
  margin: 0 auto;
}
.organization-view .organization-nav .nav-underscore > li > a {
  font-size: 16px;
}
.organization-view .organization-nav .nav-underscore > li:first-child > a {
  margin-left: 0;
}
.organization-view .organization-nav .nav-underscore > li:last-child > a {
  margin-right: 0;
}
.organization-pay-link {
  margin-left: 10px;
  color: #3da8f5;
}
.organization-bg {
  background-size: cover;
  background-color: #383838;
  background-repeat: no-repeat;
  background-position: center top;
}
.organization-bg.bg-01 {
  background-color: #2d4445;
  background-image: url(https://dn-st.teambition.net/teambition/images/org-bg-01.7b601e10.jpg);
}
.organization-bg.bg-02 {
  background-color: #030418;
  background-image: url(https://dn-st.teambition.net/teambition/images/org-bg-02.c9534ebb.jpg);
}
.organization-bg.bg-03 {
  background-color: #494c52;
  background-image: url(https://dn-st.teambition.net/teambition/images/org-bg-03.a319705f.jpg);
}
.organization-bg.bg-04 {
  background-color: #05295a;
  background-image: url(https://dn-st.teambition.net/teambition/images/org-bg-04.6a018e25.jpg);
}
.organization-bg.bg-05 {
  background-color: #031034;
  background-image: url(https://dn-st.teambition.net/teambition/images/org-bg-05.098ac327.jpg);
}
.projects-manager-view {
  width: 100%;
}
.projects-manager-view .breadcrumbs {
  font-size: 18px;
}
.projects-manager-view .breadcrumbs,
.projects-manager-view .breadcrumbs > li {
  display: inline-block;
}
.projects-manager-view .breadcrumbs a,
.projects-manager-view .breadcrumbs > li a {
  color: #383838;
}
.projects-manager-view .breadcrumbs a:hover,
.projects-manager-view .breadcrumbs > li a:hover {
  color: #3da8f5;
}
.projects-manager-view .breadcrumbs.active a:hover,
.projects-manager-view .breadcrumbs > li.active a:hover {
  color: #383838;
}
.projects-manager-view .breadcrumbs > li:before {
  content: ' ';
  font-size: 12px;
  color: #A6A6A6;
}
.projects-manager-view .breadcrumbs > li + li:before {
  position: relative;
  top: -1.6px;
  margin: 0 5px;
  margin-right: 10px;
}
.projects-manager-view .nav-underscore {
  border: none;
}
.projects-manager-view .projects-manager-header {
  margin-bottom: 5px;
}
.projects-manager-view .project-category-title {
  display: inline-block;
  margin-bottom: 0;
  padding: 0 20px 10px 0;
  font-size: 18px;
  background-color: #F5F5F5;
}
.projects-manager-view .project-category-title ~ hr {
  margin-top: -20px;
  height: 1px;
  border: 0 none;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f000000', endColorstr='#00000000', GradientType=1);
}
.projects-manager-view .projects-archived-content {
  margin: 0 -14px;
}
.projects-manager-view .project {
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin: 14px;
  background-size: cover;
  background-position: center;
  background-color: #74bbd8;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: box-shadow ease-in-out 218ms, -webkit-transform 218ms ease-in-out;
  transition: box-shadow ease-in-out 218ms, transform 218ms ease-in-out;
  transition: box-shadow ease-in-out 218ms, transform 218ms ease-in-out, -webkit-transform 218ms ease-in-out;
}
.projects-manager-view .project.animation {
  -webkit-animation: zoom 0.5s ease-out;
  animation: zoom 0.5s ease-out;
}
.projects-manager-view .project:hover {
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.15);
}
.projects-manager-view .project:hover .no-right-overlay {
  display: table;
}
.projects-manager-view .project:hover .edit-handler {
  display: block;
}
.projects-manager-view .project .edit-handler {
  display: none;
  color: rgba(255, 255, 255, 0.7);
}
.projects-manager-view .project .edit-handler:hover {
  color: #FFFFFF;
}
.projects-manager-view .project .is-overdue {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: black;
  opacity: 0.5;
  border-radius: 4px;
}
.projects-manager-view .project .is-overdue hr {
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 40px;
  margin: 0;
  border-top: 2px solid #555;
}
.projects-manager-view .project .is-overdue .lock-wrap {
  position: absolute;
  left: 50%;
  bottom: 22px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #555;
  margin-left: -20px;
  text-align: center;
  border-radius: 50%;
}
.projects-manager-view .project .is-overdue .icon-lock {
  color: white;
  font-size: 22px;
}
.projects-manager-view .project .visibility-label {
  position: absolute;
  left: 15px;
  bottom: 10px;
  color: white;
  background-color: rgba(0, 0, 0, 0.25);
}
.projects-manager-view .project .visibility-label .icon {
  margin-right: 5px;
}
.projects-manager-view .project-info {
  margin: 0;
  padding: 10px 15px 50px;
  color: #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0);
}
.projects-manager-view .project-info .project-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  line-height: 30px;
  font-size: 18px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.projects-manager-view .project-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-manager-view .unarchive-project-handler {
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  line-height: 150px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 218ms ease-in-out;
}
.projects-manager-view .unarchive-project-handler .icon,
.projects-manager-view .unarchive-project-handler .icon:hover {
  font-size: 42px;
  color: #fff;
}
.projects-manager-view .archived-project:hover .unarchive-project-handler {
  opacity: 1;
  filter: alpha(opacity=100);
}
.projects-manager-view .no-right-overlay {
  display: none;
  text-align: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: not-allowed;
  z-index: 1;
}
.projects-manager-view .no-right-overlay p {
  display: table-cell;
  vertical-align: middle;
}
.projects-manager-view .no-right-overlay .btn {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}
.projects-manager-view .no-right-overlay .btn:hover,
.projects-manager-view .no-right-overlay .btn.hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: black;
}
.projects-manager-view .no-right-overlay .btn-enter-project {
  margin-right: 20px;
}
.projects-manager-view .projects-manager-content {
  margin: 0 -14px 30px;
}
.projects-manager-view .projects-manager-content a.btn-open-project-creator {
  color: #3da8f5;
}
.projects-manager-view .placeholder {
  line-height: 35px;
  text-align: center;
}
.projects-manager-view .placeholder .icon {
  font-size: 60px;
  line-height: 60px;
}
.projects-manager-view .divider-wrap {
  position: relative;
  top: -10px;
  clear: both;
  height: 20px;
  margin-bottom: -20px;
  text-align: center;
  transition: margin-bottom 218ms ease;
}
.projects-manager-view .divider-wrap:before {
  display: block;
  position: absolute;
  top: 10px;
  height: 1px;
  width: 100%;
  content: '';
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
  background-repeat: no-repeat;
}
.projects-manager-view .divider-wrap.editing,
.projects-manager-view .divider-wrap.divider-section {
  top: 5px;
  margin-bottom: 10px;
}
.projects-manager-view .divider-wrap .divider-title {
  display: inline-block;
  position: relative;
  padding: 0 20px;
  color: #808080;
  background-color: #F5F5F5;
}
.projects-manager-view .divider-wrap .divider-tools {
  position: absolute;
  right: 15px;
  top: 0;
  background-color: #F5F5F5;
  opacity: 0;
  transition: opacity 218ms ease;
}
.projects-manager-view .divider-wrap .divider-tools .icon {
  margin-left: 10px;
  font-size: 12px;
}
.projects-manager-view .divider-wrap:hover .divider-tools {
  opacity: 1;
}
.projects-manager-view .divider-wrap.divider-tip {
  opacity: 0;
  transition: opacity 218ms ease;
}
.projects-manager-view .divider-wrap.divider-tip:hover,
.projects-manager-view .divider-wrap.divider-tip.editing {
  opacity: 1;
}
.projects-manager-view .divider-wrap.divider-tip .divider-name {
  font-size: 12px;
}
.projects-manager-view .divider-wrap.divider-tip .divider-tools {
  display: none;
}
.projects-manager-view .divider-wrap.editing .divider-title {
  display: none;
}
.projects-manager-view .divider-wrap.editing .divider-title-editor {
  display: inline-block;
}
.projects-manager-view .divider-wrap:first-child .icon-chevron-up {
  display: none;
}
.projects-manager-view .divider-wrap .divider-title-editor {
  display: none;
}
.projects-manager-view .divider-wrap .form-control {
  margin-top: -5px;
  height: 30px;
  width: 200px;
  border: none;
  text-align: center;
  background-color: #F5F5F5;
}
.projects-manager-view .sortable-placeholder {
  background: #E5E5E5;
  border-radius: 4px;
}
.projects-manager-view .project.ui-sortable-helper {
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.15);
}
.projects-manager-view .projects-handler-set {
  position: relative;
  font-size: 16px;
}
.projects-manager-view .projects-handler-set .import-projects {
  vertical-align: top;
}
.projects-manager-view .projects-handler-set .import-projects .icon {
  margin-right: 4px;
}
.projects-manager-view .projects-handler-set .projects-filter {
  display: inline-block;
  margin-left: 20px;
}
.projects-manager-view .projects-handler-set .projects-filter .icon-chevron-down {
  margin-left: 4px;
  font-size: 12px;
}
.projects-manager-view .projects-handler-set .projects-filter .dropdown-menu {
  left: auto;
  right: 0;
  margin-top: 10px;
  max-height: none;
  min-width: 200px;
}
.projects-manager-view .projects-handler-set .projects-filter .dropdown-menu .divider {
  background: none;
  border-bottom: 1px solid #EEEEEE;
}
.projects-manager-view .starred-projects-section {
  margin: 0 -14px 48px;
}
@media only screen and (min-width: 1200px) {
  .projects-manager-view .project {
    width: 272px;
    height: 136px;
  }
}
@media only screen and (max-width: 1199px) {
  .projects-manager-view .project {
    width: 220px;
    height: 110px;
  }
}
.projects-manager-view .project-header-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.projects-manager-view .project-header-content .project-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  line-height: 30px;
  font-size: 18px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.projects-manager-view .project-header-content .project-header-handlers-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 8px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.projects-manager-view .project-header-content .project-header-handlers-content .icon + .icon {
  margin-left: 8px;
}
.projects-manager-view .project-header-content .project-header-handlers-content .star-handler {
  display: none;
  color: rgba(255, 255, 255, 0.7);
}
.projects-manager-view .project-header-content .project-header-handlers-content .star-handler:hover {
  color: #FFFFFF;
}
.projects-manager-view .project-header-content .project-header-handlers-content .star-handler.is-starred {
  display: inline-block !important;
  color: #FFAF38;
}
.projects-manager-view .project:hover .star-handler {
  display: inline-block;
}
.modal .modal-dialog.projects-transfer-view {
  width: 720px;
}
.projects-transfer-view .modal-body {
  padding-top: 0px;
}
.projects-transfer-view .transfer-from,
.projects-transfer-view .transfer-to {
  float: left;
  width: 340px;
  min-height: 460px;
  border-bottom: 1px solid #EEEEEE;
}
.projects-transfer-view .transfer-from:before,
.projects-transfer-view .transfer-to:before,
.projects-transfer-view .transfer-from:after,
.projects-transfer-view .transfer-to:after {
  content: " ";
  display: table;
}
.projects-transfer-view .transfer-from:after,
.projects-transfer-view .transfer-to:after {
  clear: both;
}
.projects-transfer-view .transfer-from .transfer-title,
.projects-transfer-view .transfer-to .transfer-title {
  color: #A6A6A6;
  margin: 15px 0;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-transfer-view .transfer-from .transfer-list,
.projects-transfer-view .transfer-to .transfer-list {
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.projects-transfer-view .transfer-from .transfer-list li,
.projects-transfer-view .transfer-to .transfer-list li {
  padding-top: 15px;
  height: 80px;
  position: relative;
}
.projects-transfer-view .transfer-from .transfer-list li:first-child,
.projects-transfer-view .transfer-to .transfer-list li:first-child {
  height: 65px;
  padding-top: 0px;
}
.projects-transfer-view .transfer-from .transfer-list li:first-child .transfer-handle,
.projects-transfer-view .transfer-to .transfer-list li:first-child .transfer-handle,
.projects-transfer-view .transfer-from .transfer-list li:first-child .remove-handle,
.projects-transfer-view .transfer-to .transfer-list li:first-child .remove-handle {
  top: 10px;
}
.projects-transfer-view .transfer-from .transfer-list li:after,
.projects-transfer-view .transfer-to .transfer-list li:after {
  height: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: ' ';
  border-bottom: 1px solid #EEEEEE;
}
.projects-transfer-view .transfer-from .transfer-list li:last-child:after,
.projects-transfer-view .transfer-to .transfer-list li:last-child:after {
  border: none;
}
.projects-transfer-view .transfer-from .transfer-list .logo,
.projects-transfer-view .transfer-to .transfer-list .logo {
  float: left;
  width: 90px;
  height: 50px;
  display: inline-block;
  border: 1px solid #EEEEEE;
  margin-right: 15px;
  border-radius: 2px;
  background-size: cover;
  background-position: center;
}
.projects-transfer-view .transfer-from .transfer-list .project-name,
.projects-transfer-view .transfer-to .transfer-list .project-name {
  float: left;
  height: 50px;
  line-height: 50px;
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-transfer-view .transfer-from .transfer-handle,
.projects-transfer-view .transfer-to .transfer-handle,
.projects-transfer-view .transfer-from .remove-handle,
.projects-transfer-view .transfer-to .remove-handle {
  position: absolute;
  top: 25px;
}
.projects-transfer-view .transfer-from .transfer-handle,
.projects-transfer-view .transfer-to .transfer-handle {
  right: 20px;
}
.projects-transfer-view .transfer-from .remove-handle,
.projects-transfer-view .transfer-to .remove-handle {
  right: 0;
}
.projects-transfer-view .transfer-from {
  border-right: 1px solid #EEEEEE;
}
.projects-transfer-view .transfer-from .transfer-list li {
  padding-right: 20px;
}
.projects-transfer-view .transfer-from .transfer-list li:after {
  right: 20px;
}
.projects-transfer-view .transfer-to {
  padding-left: 20px;
}
.projects-transfer-view .transfer-to li {
  padding-right: 10px;
}
.projects-transfer-view .transfer-to .btn {
  color: #FF4F3E;
  border-color: #FF4F3E;
}
.projects-transfer-view .transfer-to .transfer-title .transfer-to-selector-handler {
  width: 170px;
  height: 30px;
  padding: 4px 10px;
  float: right;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-transfer-view .transfer-to .transfer-title .transfer-to-selector-handler .caret {
  position: absolute;
  right: 10px;
  top: 12px;
}
.projects-transfer-view .selector {
  width: 210px;
}
.projects-transfer-view .selector .selector-item .selector-item-content {
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-transfer-view .selector .selector-item .icon-tick {
  display: none;
  color: #3da8f5;
}
.projects-transfer-view .selector .selector-item.active .icon-tick {
  display: inline-block;
}
.modal-dialog.org-memberadd-view {
  width: 360px;
  max-height: 570px;
}
.modal-dialog.org-memberadd-view .modal-header {
  margin: 15px 20px 0;
}
.modal-dialog.org-memberadd-view .modal-header .modal-title {
  padding-bottom: 15px;
}
.modal-dialog.org-memberadd-view .modal-body {
  padding: 0 20px;
  overflow: auto;
}
.modal-dialog.org-memberadd-view .modal-body .add-member-header {
  height: 14px;
  margin: 15px 0;
  line-height: 14px;
  font-size: 14px;
  position: relative;
}
.modal-dialog.org-memberadd-view .modal-body .add-member-header .gray {
  color: #A6A6A6;
}
.modal-dialog.org-memberadd-view .modal-body .add-member-header > .link-add-handler {
  position: absolute;
  top: 0;
  right: 0;
}
.modal-dialog.org-memberadd-view .modal-body .member-finder.no-title-list {
  margin-bottom: 21px;
}
.modal-dialog.org-memberadd-view .modal-body .placeholder-wrapper {
  text-align: center;
}
.modal-dialog.org-memberadd-view .modal-body .placeholder-wrapper .illustration {
  margin: 70px auto 22px auto;
}
.modal-dialog.org-memberadd-view .modal-body .placeholder-wrapper.empty-project-placeholder > .illustration {
  width: 132px;
  height: 97px;
  background-size: 132px 97px;
  background-image: url(https://dn-st.teambition.net/teambition/images/illustration-baton@3x.e5f44865.png);
}
.modal-dialog.org-memberadd-view .modal-body .placeholder-wrapper.empty-search-placeholder > .illustration {
  width: 100px;
  height: 100px;
  background-size: 100px 100px;
  background-image: url(https://dn-st.teambition.net/teambition/images/illustration-magnifier@3x.d9e143a5.png);
}
.modal-dialog.org-memberadd-view .modal-body .placeholder-wrapper .tip {
  margin: auto;
  color: #808080;
  padding: 0 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-dialog.org-memberadd-view .modal-body .list-wrapper > header {
  color: #383838;
  margin-top: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid #F1F1F1;
}
.modal-dialog.org-memberadd-view .modal-body .member {
  position: relative;
  line-height: 24px;
  margin: 14px 0 16px 0;
}
.modal-dialog.org-memberadd-view .modal-body .member .avatar {
  float: left;
  margin-right: 10px;
  position: relative;
}
.modal-dialog.org-memberadd-view .modal-body .member .abstract {
  width: 225px;
  color: #383838;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-dialog.org-memberadd-view .modal-body .member .status * {
  position: absolute;
  top: 0;
  right: 0;
  height: 24px;
}
.modal-dialog.org-memberadd-view .modal-body .member .status .added {
  color: #A6A6A6;
  padding: 0 3px;
}
.modal-dialog.org-memberadd-view .modal-body .member .status .button-add {
  font-size: 14px;
  padding: 1px 9px;
  line-height: 20px;
}
.modal-dialog.org-memberadd-view .member-progress {
  position: absolute;
  bottom: 0;
  left: 0;
}
.modal-dialog.org-memberadd-view.show-member-progress .modal-body {
  margin-bottom: 51px;
}
.modal-dialog.org-memberadd-view .loading-indicator {
  margin-top: 100px;
}
.member-overall-view .modal-close {
  padding: 5px;
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 12px;
}
.member-overall-view .modal-close:hover {
  color: #383838;
}
.member-overall-view .member-info-header {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #EEEEEE;
}
.member-overall-view .member-info-header .member-name-wrap {
  margin-left: 68px;
  padding-right: 80px;
}
.member-overall-view .member-info-header .member-name {
  font-size: 18px;
}
.member-overall-view .member-info-header .member-name .member-name-copy {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}
.member-overall-view .member-info-header .member-name .icon {
  margin-left: 5px;
  font-size: 16px;
  vertical-align: middle;
}
.member-overall-view .member-info-header .member-title {
  margin-top: 5px;
}
.member-overall-view .member-content-wrap {
  margin: 10px 0;
}
.member-overall-view .member-content-wrap .col-xs-12 {
  padding: 0 20px;
}
.member-overall-view .member-content-wrap.en .member-info-content {
  margin-left: 110px;
}
.member-overall-view .member-info-item {
  padding: 10px 0;
  margin-bottom: 5px;
}
.member-overall-view .member-info-item:before,
.member-overall-view .member-info-item:after {
  content: " ";
  display: table;
}
.member-overall-view .member-info-item:after {
  clear: both;
}
.member-overall-view .member-info-item:last-child {
  margin-bottom: 0;
}
.member-overall-view .member-info-item .add-team {
  margin-left: 5px;
}
.member-overall-view .member-info-item .add-team span {
  margin-right: 5px;
}
.member-overall-view .member-info-label {
  float: left;
  color: #A6A6A6;
}
.member-overall-view .member-info-content {
  margin-left: 53px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-overall-view .member-info-content a {
  color: #383838;
}
.member-overall-view .member-info-content .add-team-menu-handler {
  color: #3da8f5;
}
.member-overall-view .member-info-content .member-handler .icon {
  margin-left: 5px;
  color: #A6A6A6;
  font-size: 12px;
}
.member-overall-view .sub-nav {
  position: relative;
  margin: 0 -20px;
  padding: 0 20px;
  background-color: #f5f5f5;
}
.member-overall-view .sub-nav .nav-underscore li > a {
  margin: 0 20px 0 0;
}
.member-overall-view .sub-nav .nav-underscore li:first-child > a {
  margin-left: -5px;
}
.member-overall-view .sub-nav .week-selector-view {
  position: absolute;
  top: 16px;
  right: 20px;
}
.member-overall-view .member-content {
  margin: 0 -20px;
}
.member-delete-prompt-view .popover-back-handler {
  display: none;
}
.team-events-view .events-list-wrap {
  overflow: auto;
  margin-top: -60px;
}
.team-events-view .events-list-wrap .event-date-wrap {
  padding-top: 20px;
}
.team-events-view .actions-bar {
  line-height: 50px;
}
.team-events-view .event:hover {
  background-color: #EEEEEE;
}
.team-manager-view {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.team-manager-view .team-member-detail-view {
  width: 100%;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.team-manager-view .team-header {
  padding: 20px 0 15px;
  text-align: center;
}
.team-manager-view .team-header .team-name {
  font-size: 18px;
  margin-bottom: 6px;
}
.team-manager-view .team-header .team-info .info-item {
  color: #808080;
}
.team-manager-view .team-header .team-info .info-item + .info-item {
  margin-left: 15px;
}
.team-manager-view .sub-nav {
  position: relative;
  margin: 0 -20px;
  padding: 0 20px;
  background-color: #f5f5f5;
}
.team-manager-view .sub-nav .nav-underscore li > a {
  margin: 0 20px 0 0;
  color: #808080;
}
.team-manager-view .sub-nav .nav-underscore li:first-child > a {
  margin-left: -5px;
}
.team-manager-view .sub-nav .nav-underscore li.active > a {
  color: #383838;
}
.team-manager-view .actions-bar {
  text-align: right;
  margin: 0 20px;
}
.team-manager-view .actions-bar .action {
  vertical-align: top;
  display: inline-block;
}
.team-manager-view .actions-bar .action + .action {
  margin-left: 26px;
}
.team-manager-view .actions-bar .link-add-handler .icon {
  float: left;
  margin-right: 9px;
  font-size: 18px;
}
.team-manager-view .actions-bar .input-wrap {
  position: relative;
  display: inline-block;
  line-height: 50px;
}
.team-manager-view .actions-bar .input-wrap .icon-search {
  position: absolute;
  left: 9px;
  top: 9px;
  line-height: 1;
  font-size: 12px;
  color: #A6A6A6;
}
.team-manager-view .actions-bar .input-wrap .filter-input {
  width: 190px;
  height: 30px;
  padding: 3px 12px;
  padding-left: 26px;
  background: transparent;
  border-color: rgba(56, 56, 56, 0.2);
}
.team-manager-view .actions-bar .input-wrap .filter-input:focus {
  border-color: rgba(56, 56, 56, 0.4);
}
.team-menu-view .popover-content .delete-team-handler {
  color: #FF4F3E !important;
}
.team-menu-view .popover-content hr {
  margin: 0 15px;
}
.team-menu-view .popover-content p {
  color: #A6A6A6;
}
.team-menu-view .popover-content .team-creator-icons {
  margin-bottom: 15px;
}
.team-menu-view .popover-content .team-creator-icons .icon {
  color: #3da8f5;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 2px;
  cursor: pointer;
  float: left;
  margin: 0 14px 15px 0;
}
.team-menu-view .popover-content .team-creator-icons .icon.active,
.team-menu-view .popover-content .team-creator-icons .icon:hover {
  background-color: #EDEDED;
}
.team-menu-view .popover-content .team-creator-icons .icon:nth-child(6n+6) {
  margin-right: 0;
}
.team-projects-view .projects-list,
.add-team-projects-view .projects-list {
  overflow: auto;
}
.team-projects-view .projects-list .placeholder,
.add-team-projects-view .projects-list .placeholder {
  text-align: center;
  margin-top: 150px;
  color: #808080;
}
.team-projects-view .projects-list .placeholder.placeholder-search,
.add-team-projects-view .projects-list .placeholder.placeholder-search {
  margin: 20px 0;
  padding-top: 15px;
}
.team-projects-view .projects-list .placeholder .placeholder-image,
.add-team-projects-view .projects-list .placeholder .placeholder-image {
  width: 107px;
  height: 93px;
  margin: 0 auto 31px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(https://dn-st.teambition.net/teambition/images/team-projects-placeholder.ae959e49.png);
}
.team-projects-view .projects-list .placeholder .icon,
.add-team-projects-view .projects-list .placeholder .icon {
  font-size: 30px;
  margin-bottom: 15px;
}
.team-projects-view .projects-list .item,
.add-team-projects-view .projects-list .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 20px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.team-projects-view .projects-list .item:hover,
.add-team-projects-view .projects-list .item:hover {
  background-color: #F7F7F7;
}
.team-projects-view .projects-list .item .item-logo,
.add-team-projects-view .projects-list .item .item-logo {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background-size: cover;
  background-position: center center;
  margin-right: 10px;
}
.team-projects-view .projects-list .item .item-title,
.add-team-projects-view .projects-list .item .item-title {
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-projects-view .projects-list .item .btn,
.add-team-projects-view .projects-list .item .btn {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 5px 10px;
  height: 26px;
  line-height: 14px;
}
.team-projects-view .projects-list .item .added,
.add-team-projects-view .projects-list .item .added {
  padding: 0 5px;
  color: #A6A6A6;
}
.team-projects-view .actions-bar {
  color: #A6A6A6;
  text-align: left;
}
.team-projects-view .actions-bar .action {
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid #EEEEEE;
}
.team-projects-view .projects-list .item {
  cursor: pointer;
}
.add-team-projects-view.modal-dialog {
  width: 360px;
  margin: 70px auto;
}
.add-team-projects-view.modal-dialog .projects-list {
  margin: 0 -20px -20px;
}
.add-team-projects-view.modal-dialog .modal-header {
  margin: 15px 20px 0;
}
.add-team-projects-view.modal-dialog .modal-header .modal-title {
  padding-bottom: 15px;
}
.add-team-projects-view.modal-dialog .modal-body {
  padding: 20px;
  overflow: auto;
}
.add-team-projects-view.modal-dialog .filter-input {
  margin-bottom: 15px;
}
.team-tree-view li ul {
  display: none;
  padding-left: 20px;
}
.team-tree-view li ul.open {
  display: block;
}
.team-tree-view div.team-node {
  border-radius: 3px;
  padding: 10px 0 10px 10px;
}
.team-tree-view div.team-node.active-wrap:not(.open) {
  background-color: #EEEEEE;
}
.team-tree-view div.team-node .team-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-tree-view div.team-node .team-name .icon {
  float: left;
  margin-right: 8px;
}
.team-tree-view div.team-node .team-child-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #8193BA;
  border-radius: 50%;
  margin-right: 5px;
}
.team-tree-view div.team-node:hover {
  background-color: #F7F7F7;
  cursor: pointer;
}
.team-tree-view div.team-node.active {
  background-color: #EEEEEE;
}
.team-tree-view div.team-node.open .icon-circle-down {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.team-tree-view div.team-node .icon-members {
  margin-right: 5px;
  color: #808080;
}
.team-tree-view div.team-node .icon-circle-down {
  padding: 0 10px;
  color: #A6A6A6;
}
.team-tree-view div.team-node .icon-circle-down:hover {
  color: #3da8f5;
}
.organization-creator {
  width: 360px !important;
  position: relative;
  padding: 0;
  overflow: initial !important;
}
.organization-creator .cancel-create-organization {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 14px;
  color: #A6A6A6;
  transition: color 218ms;
  z-index: 10;
}
.organization-creator .cancel-create-organization:hover {
  color: #3da8f5;
}
.organization-creator .org-creator > .tab-wrap .tab-header {
  margin: 0 15px;
  padding: 15px 0;
}
.organization-creator .org-creator > .tab-wrap .tab-pane {
  padding: 0 15px;
}
.organization-creator .org-creator > .tab-wrap .tab-footer {
  padding: 15px;
}
.organization-creator .org-creator > .tab-wrap .form-control {
  font-size: 14px;
}
.organization-creator .org-creator > .tab-wrap .icon-chevron-left {
  top: -2px;
}
.organization-creator .org-creator > .tab-wrap form .form-group {
  margin-top: 15px;
}
.organization-creator .org-creator > .tab-wrap .illustration-enterprise {
  width: 112px;
  height: 89px;
  background-size: 112px 89px;
}
.organization-creator .org-creator > .tab-wrap .tab-info-intro {
  font-size: 14px;
  line-height: 21px;
}
.organization-creator .org-creator > .tab-wrap .illustration-phone {
  width: 59px;
  height: 97px;
  background-size: 59px 97px;
}
.organization-creator .org-creator > .tab-wrap .tab-contact-intro {
  font-size: 14px;
  line-height: 21px;
}
.organization-creator .org-creator > .tab-wrap .visual-captcha .captcha-title {
  text-align: left;
}
.it-is-overdue {
  position: relative;
}
.it-is-overdue .organization-overdue-icon {
  width: 70px;
  height: 70px;
  float: left;
  background-image: url(https://dn-st.teambition.net/teambition/images/sorry.4f853836.png);
  background-repeat: no-repeat;
}
.it-is-overdue .organization-overdue-message {
  color: #383838;
  margin-top: 20px;
}
.it-is-overdue .organization-overdue-message .star,
.it-is-overdue .organization-overdue-message .tips {
  color: #3da8f5;
}
.it-is-overdue .organization-overdue-set .btn {
  display: block;
  padding: 9px 20px;
  width: 100%;
  margin-top: 20px;
}
.it-is-overdue .organization-overdue-set .content-divier {
  width: 100%;
  height: 0;
  margin-top: 20px;
  border-top: 1px solid #E5E5E5;
}
.modal .modal-dialog.it-is-overdue {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 360px;
  margin: -220px 0 0 -180px;
}
.modal .modal-dialog.it-is-overdue .modal-title {
  font-size: 16px;
  color: #383838;
}
.organization-expiring .description {
  font-size: 15px;
}
.organization-expiring .organization-expiring-handler-set .btn {
  margin-top: 20px;
}
.organization-expiring .organization-expiring-handler-set .btn.btn-primary.ghost {
  background-color: #FFFFFF;
  color: #3da8f5;
}
.modal .modal-dialog.organization-expiring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  margin: -220px 0 0 -180px;
}
.organization-owner-selector-view {
  border-radius: 4px;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
}
.organization-owner-selector-view .popover-header {
  display: none;
  color: red;
}
.organization-owner-selector-view .popover-content {
  padding: 0;
}
.organization-owner-selector-view .popover-content .menu-input {
  position: relative;
  padding: 15px 15px 10px;
}
.organization-owner-selector-view .popover-content .menu-input.add-form {
  padding-right: 100px;
}
.organization-owner-selector-view .popover-content p {
  padding: 7px 15px;
  color: #A6A6A6;
  font-size: 12px;
}
.organization-owner-selector-view .popover-content .form-control {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 6px;
  line-height: 20px;
}
.organization-owner-selector-view .popover-content ul {
  padding: 0 0 5px;
  max-height: 200px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.organization-owner-selector-view .popover-content li > a {
  display: block;
  padding: 5px 35px 5px 15px;
  clear: both;
  line-height: 24px;
  color: #808080;
  outline: 0 none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-owner-selector-view .popover-content li > a:hover {
  background-color: #F7F7F7;
}
.organization-owner-selector-view .popover-content li > a > .avatar,
.organization-owner-selector-view .popover-content li > a > .icon {
  width: 24px;
  height: 24px;
  float: left;
  margin-left: -2px;
  margin-right: 10px;
  text-align: center;
  background-size: 24px 24px;
  font-size: 18px;
  line-height: 24px;
}
.organization-placeholder-view {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.organization-placeholder-view .organization-placeholder-leftside {
  width: 260px;
  margin-right: 20px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.organization-placeholder-view .organization-placeholder-rightside {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.organization-placeholder-view {
  border-radius: 2px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
  background-color: #FFFFFF;
  position: relative;
  padding: 20px;
  margin: 0 auto;
}
.organization-placeholder-view .organization-placeholder {
  display: inline-block;
  vertical-align: top;
}
.organization-placeholder-view .organization-placeholder-topside {
  float: left;
  text-align: left;
}
.organization-placeholder-view .organization-placeholder-video {
  position: relative;
  height: auto;
  overflow: hidden;
}
.organization-placeholder-view .organization-placeholder-video .play-ctrl {
  position: absolute;
  font-size: 60px;
  color: #FFFFFF;
  text-shadow: 0 0 20px rgba(56, 56, 56, 0.5);
  cursor: pointer;
  transition: color ease .2s;
}
.organization-placeholder-view .organization-placeholder-video .slider-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  transition: all ease 300ms;
}
.organization-placeholder-view .organization-placeholder-video .slider-container > video {
  width: 100%;
}
.organization-placeholder-view .organization-placeholder-header {
  color: #808080;
}
.organization-placeholder-view .organization-placeholder-header h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  color: #383838;
}
.organization-placeholder-view .organization-placeholder-header p {
  margin: 20px 0;
  line-height: 1.618;
}
.organization-placeholder-view .button-group span,
.organization-placeholder-view .button-group p {
  font-size: 14px;
}
.organization-placeholder-view .button-group .organization-text a {
  color: #3da8f5;
}
.organization-placeholder-view .button-group .organization-handler {
  font-size: 0;
  padding-top: 20px;
}
.organization-placeholder-view .button-group .organization-handler .btn {
  width: 100%;
}
.organization-placeholder-view .button-group .organization-handler .btn + .btn {
  margin-top: 20px;
}
.organization-placeholder-view .button-group .organization-handler .btn-default {
  color: #3da8f5;
  border-color: #3da8f5;
}
.organization-placeholder-view .button-group .organization-handler .btn-default:hover {
  color: #14b4fc;
  border-color: #14b4fc;
}
.organization-placeholder-view .enter-organization-guide {
  position: absolute;
  left: 20px;
  bottom: 20px;
  text-align: left;
  color: #9B9B9B;
}
.organization-placeholder-view .enter-organization-guide a {
  color: #3da8f5;
}
.organization-placeholder-view .enter-organization-guide a:hover {
  color: #72D3FF;
}
.organization-structure-view {
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
  .organization-structure-view {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .organization-structure-view {
    width: 944px;
  }
}
.organization-structure-view .btn-text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 10px;
  border: 0;
  color: #3da8f5;
  transition: all 218ms;
}
.organization-structure-view .btn-text .icon {
  margin-right: 7px;
  font-size: 1.1em;
}
.organization-structure-view .btn-text:focus {
  color: #3da8f5;
}
.organization-structure-view .btn-text:hover {
  color: #0969af !important;
}
.organization-structure-view .teams-side-bar {
  overflow: auto;
  position: absolute;
  top: 96px;
  max-height: calc(100% - 116px);
  width: 286px;
  border-radius: 4px;
  padding: 16px 12px;
  margin: 0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
.organization-structure-view .teams-side-bar .search-input {
  position: relative;
  margin-bottom: 10px;
}
.organization-structure-view .teams-side-bar .search-input .icon-search {
  position: absolute;
  left: 12px;
  top: 10px;
  font-size: 14px;
  color: #808080;
}
.organization-structure-view .teams-side-bar .search-input .filter-input {
  padding-left: 35px;
}
.organization-structure-view .teams-side-bar .filter-group h5 {
  color: #808080;
  padding: 13px 0 13px 10px;
  margin: 0;
}
.organization-structure-view .teams-side-bar .filter-group li.tab-handler {
  padding: 10px 0 10px 10px;
  border-radius: 3px;
}
.organization-structure-view .teams-side-bar .filter-group li.tab-handler .icon {
  float: left;
  margin-right: 8px;
  color: #808080;
}
.organization-structure-view .teams-side-bar .filter-group li.tab-handler:hover {
  background-color: #F7F7F7;
  cursor: pointer;
}
.organization-structure-view .teams-side-bar .filter-group li.tab-handler.active {
  background-color: #EEEEEE;
}
.organization-structure-view .organization-structure-overview {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 96px;
  height: calc(100% - 116px);
  margin-left: 302px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  .organization-structure-view .organization-structure-overview {
    width: 798px;
  }
}
@media only screen and (max-width: 1199px) {
  .organization-structure-view .organization-structure-overview {
    width: 642px;
  }
}
.organization-structure-view .team-members {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
.organization-structure-view .team-members .team-header {
  height: 76px;
  padding: 20px 20px 20px 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.organization-structure-view .team-members .team-header .team-member-title {
  font-size: 1.3em;
}
.organization-structure-view .team-members .team-header .team-member-title .team-name {
  display: inline-block;
  vertical-align: top;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-structure-view .team-members .member-list-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 25px;
  font-size: 15px;
  color: #808080;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.organization-structure-view .team-members .column-item.column-user-info {
  width: 187px;
}
.organization-structure-view .team-members .column-item.column-position,
.organization-structure-view .team-members .column-item.column-staff-type {
  padding-left: 25px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-structure-view .team-members .column-item.column-operation {
  padding-left: 25px;
  width: 120px;
  text-align: right;
}
.organization-structure-view .team-members .column-item.column-operation .menu-name {
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-structure-view .team-members .column-item.column-operation p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-structure-view .team-members .column-item.column-operation a:hover .icon {
  color: #3da8f5;
}
.organization-structure-view .team-members li.member {
  position: relative;
  height: 62px;
  padding: 12px 25px 12px 76px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.organization-structure-view .team-members li.member.disabled {
  cursor: not-allowed;
}
.organization-structure-view .team-members li.member.disabled:hover {
  background-color: #FFFFFF;
}
.organization-structure-view .team-members li.member .avatar {
  position: absolute;
  left: 25px;
  top: 12px;
  margin-right: 15px;
  vertical-align: top;
}
.organization-structure-view .team-members li.member .avatar .never-visit {
  position: absolute;
  line-height: 1;
  font-size: 12px;
  color: #A6A6A6;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}
.organization-structure-view .team-members li.member .avatar .never-visit {
  bottom: -1px;
  right: -1px;
  width: 14px;
  height: 14px;
}
.organization-structure-view .team-members li.member .member-info {
  display: inline-block;
  width: 159px;
}
.organization-structure-view .team-members li.member .member-info.team-member-info {
  width: 136px;
}
.organization-structure-view .team-members li.member .member-info .member-name {
  display: inline-block;
  max-width: 100%;
  line-height: 20px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-structure-view .team-members li.member .member-info .icon-crown {
  color: #ff9900;
}
.organization-structure-view .team-members li.member .member-info .icon-user,
.organization-structure-view .team-members li.member .member-info .icon-new {
  color: #58da3b;
}
.organization-structure-view .team-members li.member .member-info .member-title {
  max-width: 100%;
  line-height: 17px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-structure-view .team-members li.member .member-teams {
  position: relative;
  width: 220px;
  padding-left: 73px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-structure-view .team-members li.member .assign-team {
  position: relative;
  color: #808080;
}
.organization-structure-view .team-members li.member .assign-team .icon-plus {
  position: absolute;
  left: -22px;
}
.organization-structure-view .team-members li.member .assign-team:hover {
  color: #3da8f5;
}
.organization-structure-view .team-members li.member .team-icons {
  position: absolute;
  right: 155px;
  top: 2px;
}
.organization-structure-view .team-members li.member .team-icons .team-points {
  position: relative;
}
.organization-structure-view .team-members li.member .team-icons .team-points .team-point {
  position: absolute;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  background-color: #A6A6A6;
}
.organization-structure-view .team-members li.member .team-icons .team-points .team-point:nth-child(3) {
  z-index: 3;
  right: 14px;
}
.organization-structure-view .team-members li.member .team-icons .team-points .team-point:nth-child(2) {
  z-index: 2;
  right: 7px;
}
.organization-structure-view .team-members li.member .team-icons .team-points .team-point:nth-child(1) {
  z-index: 1;
  right: 0px;
}
.organization-structure-view .team-members li.member .icon.icon-members {
  color: #808080;
}
.organization-structure-view .team-members li.member .icon.icon-chevron-down {
  font-size: 11px;
  color: #A6A6A6;
}
.organization-structure-view .team-members li.member .member-menu-wrapper {
  width: 154px;
}
.organization-structure-view .team-members li.member .member-menu-wrapper a .menu-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-structure-view .team-members li.member .member-menu-wrapper a .icon {
  margin-left: 5px;
}
.organization-structure-view .team-members li.member .member-menu-wrapper a:not(.disabled):hover {
  color: #3da8f5;
}
.organization-structure-view .team-members li.member .member-menu-wrapper a:not(.disabled):hover .icon {
  color: #3da8f5;
}
.organization-structure-view .team-members li.member .member-menu-wrapper a.disabled {
  color: #A6A6A6;
}
.organization-structure-view .team-members li.member .member-menu-wrapper a.disabled .icon {
  display: none;
}
.organization-structure-view .team-members li.member .member-menu-wrapper a.disabled:hover {
  color: #A6A6A6;
}
.organization-structure-view .team-members li.member .member-menu-wrapper p {
  color: #A6A6A6;
}
.organization-structure-view .team-members li.member .member-menu-wrapper p:hover {
  color: #A6A6A6;
}
.organization-structure-view .team-members li.member:hover {
  background-color: #F7F7F7;
  cursor: pointer;
}
.organization-structure-view .team-members li:last-child {
  border-bottom: none;
}
.organization-structure-view .team-members .search-no-result {
  height: 440px;
}
.organization-structure-view .team-members .search-no-result img {
  width: 90px;
  margin-bottom: 25px;
}
.organization-structure-view .team-members .search-no-result p {
  color: #808080;
}
.organization-member-menu-view .popover-content {
  max-height: 350px;
}
.organization-member-menu-view li.selected {
  position: relative;
}
.organization-member-menu-view li.selected:after {
  position: absolute;
  top: 8px;
  right: 15px;
  color: #A6A6A6;
}
.organization-member-menu-view ul > li a.text-danger {
  color: #FF4F3E;
}
.organization-member-menu-view ul > li a.text-danger:hover {
  color: #FF4F3E;
}
.organization-member-menu-view hr {
  margin: 5px 15px;
}
.organization-member-menu-view hr:last-child {
  display: none;
}
.organization-member-menu-view .remove-from-org-sub-menu .title,
.organization-member-menu-view .disable-sub-menu .title,
.organization-member-menu-view .enable-sub-menu .title {
  margin-bottom: 10px;
}
.organization-member-menu-view .remove-from-org-sub-menu .content,
.organization-member-menu-view .disable-sub-menu .content,
.organization-member-menu-view .enable-sub-menu .content {
  color: gray;
}
.organization-member-menu-view .remove-from-org-sub-menu .btn,
.organization-member-menu-view .disable-sub-menu .btn,
.organization-member-menu-view .enable-sub-menu .btn {
  margin-top: 15px;
  width: 100%;
}
.organization-member-menu-view .resend-handler-wrapper {
  padding: 0 15px;
}
.organization-member-menu-view .resend-handler-wrapper .resend-handler {
  position: relative;
  height: 40px;
  overflow-x: auto;
  padding: 5px 15px 5px 0;
}
.organization-member-menu-view .resend-handler-wrapper .resend-handler span {
  position: absolute;
}
.modal .organization-transfer-view {
  width: 360px;
  margin-top: 200px;
}
.modal .organization-transfer-view .modal-title {
  color: #383838;
}
.modal .organization-transfer-view .confirm-handler {
  width: 100%;
}
.modal .organization-transfer-view p {
  margin-bottom: 10px;
}
.modal .organization-transfer-view .owner-select {
  display: block;
  padding: 5px 10px;
  height: 36px;
  line-height: 26px;
  border: 1px solid #A6A6A6;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal .organization-transfer-view .owner-select .avatar {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 8px;
}
.modal .organization-transfer-view .owner-select .icon {
  font-size: 12px;
  float: right;
}
.modal .organization-transfer-view .modal-footer {
  margin-left: 1px;
  margin-right: 1px;
}
.statistics-view .d3chart .d3chart-outer-circle {
  fill: #FFFFFF;
}
.statistics-view .d3chart .d3chart-text rect {
  fill: #FFFFFF;
  width: 40;
}
.statistics-view .d3chart .d3chart-text text {
  stroke: #A6A6A6;
}
.statistics-view .d3chart .d3chart-line {
  stroke-width: 2;
  fill: none;
}
.statistics-view .icon-help {
  cursor: pointer;
}
.statistics-view .dropdown-menu li > a {
  padding: 5px 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.statistics-view .dropdown-menu .filter-value {
  min-width: 120px;
  max-width: 218px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.statistics-view .dropdown-menu .icon {
  margin: 0 0 0 10px;
  font-size: 14px;
}
.statistics-view .dashboards-charts {
  margin: 0 auto 25px;
  font-size: 0;
  text-align: center;
}
.statistics-view .dashboards-charts .data-card {
  position: relative;
  margin: 0 0 0 16px;
  display: inline-block;
  height: 155px;
  background: #FFFFFF;
  box-shadow: 0 1px 3px #D9D9D9;
}
@media only screen and (min-width: 1200px) {
  .statistics-view .dashboards-charts .data-card {
    width: 356px;
  }
}
@media only screen and (max-width: 1199px) {
  .statistics-view .dashboards-charts .data-card {
    width: 304px;
  }
}
.statistics-view .dashboards-charts .data-card:first-child {
  margin: 0;
}
.statistics-view .dashboards-charts .data-card .title {
  padding: 20px 0;
  font-size: 16px;
  color: #9b9b9b;
  text-align: center;
}
.statistics-view .dashboards-charts .data-card .data {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  align-item: center;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
}
.statistics-view .dashboards-charts .data-card .data .value {
  display: inline-block;
  color: #4a4a4a;
  font-size: 40px;
}
.statistics-view .dashboards-charts .data-card .data .flag {
  display: inline-block;
  font-size: 12px;
  color: #efbb4d;
}
.statistics-view .dashboards-charts .data-card .data .flag.arrow {
  margin: 0 5px 0 9px;
}
.statistics-view .dashboards-charts .data-card .data .flag .frames from {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.statistics-view .dashboards-charts .data-card .data .flag .frames to {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@-webkit-keyframes arrow-load {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes arrow-load {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.statistics-view .dashboards-charts .data-card .data .flag.arrow-up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: -9px;
  -webkit-animation: arrow-load 400ms ease 2.5s;
  animation: arrow-load 400ms ease 2.5s;
}
.statistics-view .dashboards-charts .data-card .data .flag.green {
  color: #7ed321;
}
.statistics-view .dashboards-charts .data-card .chart {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85px;
}
@-webkit-keyframes charts-load {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: 85px;
    opacity: 1;
  }
}
@keyframes charts-load {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: 85px;
    opacity: 1;
  }
}
.statistics-view .dashboards-charts .data-card .chart svg {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-animation: charts-load 1.5s ease;
  animation: charts-load 1.5s ease;
}
.statistics-view .statistics-table {
  min-height: 100px;
  width: 100%;
  overflow: auto;
}
.statistics-view .statistics-table .loading-indicator {
  margin-top: 40px;
}
.statistics-view .statistics-content {
  margin: 0 auto;
  background: #FFFFFF;
  box-shadow: 0 1px 3px #D9D9D9;
}
.statistics-view .statistics-content .empty-hint {
  margin: 20px 0 0;
  color: #A6A6A6;
}
.statistics-view .statistics-content .header {
  padding: 0 20px;
  height: 50px;
  border-bottom: 1px solid #D9D9D9;
}
.statistics-view .statistics-content .header:before,
.statistics-view .statistics-content .header:after {
  content: " ";
  display: table;
}
.statistics-view .statistics-content .header:after {
  clear: both;
}
.statistics-view .statistics-content .header .item {
  display: inline-block;
  padding: 15px 12px;
  color: #9b9b9b;
}
.statistics-view .statistics-content .header .item.tab {
  position: relative;
  padding: 15px 4px;
  margin: 0 28px;
  font-size: 16px;
}
.statistics-view .statistics-content .header .item.tab:first-of-type {
  margin-left: 0;
}
.statistics-view .statistics-content .header .item.tab:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  border-bottom: 0px solid #3da8f5;
  opacity: 0;
  transition: 200ms;
}
.statistics-view .statistics-content .header .item.tab:hover,
.statistics-view .statistics-content .header .item.tab.active {
  color: #383838;
}
.statistics-view .statistics-content .header .item.tab:hover:after,
.statistics-view .statistics-content .header .item.tab.active:after {
  border-width: 4px;
  opacity: 1;
}
.statistics-view .statistics-content .header .item.filter {
  height: 50px;
  vertical-align: top;
}
.statistics-view .statistics-content .header .item.filter :hover {
  transition: color 200ms;
  color: #383838;
}
.statistics-view .statistics-content .header .item.filter:nth-child(2) {
  min-width: 170px;
}
.statistics-view .statistics-content .header .item.filter .icon {
  width: auto;
  height: auto;
  font-size: 12px;
}
.statistics-view .statistics-content .header .item.filter #filter-project-divider {
  display: inline-block;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.statistics-view .statistics-content .header .item.search {
  position: relative;
  padding: 10px 0 10px 12px;
}
.statistics-view .statistics-content .header .item.search .icon-search {
  position: absolute;
  top: 15px;
  left: 20px;
}
.statistics-view .statistics-content .header .item.search .search-input {
  height: 30px;
  padding: 4px 13px 4px 28px;
  border-radius: 15px;
}
.statistics-view .statistics-content .floatThead-container {
  z-index: 10!important;
}
.statistics-view .statistics-content .data-content {
  padding: 0 0 10px;
  font-size: 16px;
  text-align: center;
}
.statistics-view .statistics-content .data-content .icon-new {
  color: #7ed321;
}
.statistics-view .statistics-content .data-content td:first-of-type {
  padding-left: 20px;
  width: 260px;
  text-align: left;
  cursor: pointer;
}
.statistics-view .statistics-content .data-content td:first-of-type:before,
.statistics-view .statistics-content .data-content td:first-of-type:after {
  content: " ";
  display: table;
}
.statistics-view .statistics-content .data-content td:first-of-type:after {
  clear: both;
}
.statistics-view .statistics-content .data-content td:last-of-type {
  padding-right: 20px;
  text-align: left;
}
.statistics-view .statistics-content .data-content thead {
  background: #FFFFFF;
  color: #9b9b9b;
}
.statistics-view .statistics-content .data-content thead tr {
  height: 60px;
}
.statistics-view .statistics-content .data-content thead tr td {
  border-bottom: 1px solid #ddd;
  vertical-align: bottom;
}
.statistics-view .statistics-content .data-content tbody tr {
  transition: 300ms;
}
.statistics-view .statistics-content .data-content tbody tr:hover {
  background: #EEEEEE;
}
.statistics-view .statistics-content .data-content tbody td {
  padding: 12px 8px;
  vertical-align: middle;
  border-top: none;
}
.statistics-view .statistics-content .data-content tbody td .member-avatar {
  width: 40px;
  height: 40px;
  margin: 0 15px 0 0;
}
.statistics-view .statistics-content .data-content tbody td .project {
  width: 40px;
  height: 40px;
  margin: 0 15px 0 0;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
}
.statistics-view .statistics-content .data-content tbody td p {
  position: relative;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.statistics-view .statistics-content .data-content tbody td p .name {
  display: inline-block;
  max-width: 170px;
  line-height: 20px;
}
@-webkit-keyframes bar-load {
  from {
    width: 0;
  }
  to {
    width: 99%;
  }
}
@keyframes bar-load {
  from {
    width: 0;
  }
  to {
    width: 99%;
  }
}
.statistics-view .statistics-content .data-content tbody .task-bar {
  width: 99%;
  -webkit-animation: bar-load 1.5s ease;
  animation: bar-load 1.5s ease;
}
.statistics-view .statistics-content .data-content tbody .task-progress {
  height: 8px;
  margin: 0;
  width: 100%;
  border-radius: 4px;
}
.statistics-view .statistics-content .data-content tbody .task-progress > div {
  box-shadow: none;
}
.statistics-view .statistics-content .data-content tbody .task-progress .undergoing {
  background: #32b7f3;
}
.statistics-view .statistics-content .data-content tbody .task-progress .deadline {
  background: #ff9800;
}
.statistics-view .statistics-content .data-content tbody .task-progress .undo {
  background: #d0021b;
}
.statistics-search-result-view .popover-header {
  display: none;
}
.statistics-search-result-view .popover-content {
  padding: 0;
  overflow: auto;
}
.statistics-search-result-view .popover-content .result-hint {
  border-bottom: 1px solid #D9D9D9;
  padding: 10px;
  color: #808080;
}
.statistics-search-result-view .popover-content .search-item {
  max-height: 240px;
  overflow-y: auto;
}
.statistics-search-result-view .popover-content .search-item li {
  padding: 5px 10px 5px 15px;
  cursor: pointer;
}
.statistics-search-result-view .popover-content .search-item li .avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.statistics-search-result-view .popover-content .search-item li .avatar.project-logo {
  border-radius: 3px;
}
.statistics-search-result-view .popover-content .search-item li.search-result-item:hover {
  background-color: #F7F7F7;
  color: #737373;
}
.statistics-search-result-view .popover-content .search-item li.search-result-item.active {
  font-weight: bold;
  background-color: #F7F7F7;
  color: #737373;
}
.statistics-search-result-view .popover-content .search-item li .title {
  margin: 0 0 0 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 28px;
}
.organization-report-view.organization-report-content {
  border-radius: 4px;
  position: relative;
  margin: auto;
}
.organization-report-view .org-reports-title {
  font-weight: bold;
  padding: 15px 0;
  border-bottom: 4px solid rgba(0, 0, 0, 0.05);
}
.organization-report-view .org-reports-header {
  height: 60px;
  /* line-height: 60px; */
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.organization-report-view .org-reports-header .switch-handler {
  display: block;
  height: 60px;
  padding: 20px;
}
.organization-report-view .org-reports-header .switch-handler.on-hidden {
  visibility: hidden;
}
.organization-report-view .org-reports-header .switch-handler:hover .icon {
  background: #0c92f3;
}
.organization-report-view .org-reports-header .switch-handler[data-type="prev"] {
  padding-left: 50px;
}
.organization-report-view .org-reports-header .switch-handler[data-type="prev"] .icon {
  left: 20px;
}
.organization-report-view .org-reports-header .switch-handler[data-type="next"] {
  padding-right: 50px;
}
.organization-report-view .org-reports-header .switch-handler[data-type="next"] .icon {
  right: 20px;
}
.organization-report-view .org-reports-header .switch-handler .icon {
  position: absolute;
  top: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  background: #3da8f5;
  font-size: 8px;
  border-radius: 10px;
}
.organization-report-view .org-reports-header .org-reports-header-title {
  padding: 20px 0;
  font-size: 18px;
  text-align: center;
}
.organization-report-view .org-reports-body {
  padding: 20px;
}
.organization-report-view .org-reports-body .org-reports-all-title {
  margin-top: 10px;
  text-align: center;
}
.organization-report-view .org-reports-body .org-reports-all-tipWrap {
  margin-top: 7px;
  text-align: center;
  color: #A6A6A6;
  font-size: 14px;
}
.organization-report-view .org-reports-body .org-reports-all-cards {
  margin: 20px 0 20px -20px;
}
.organization-report-view .org-reports-body .org-reports-all-cards .org-reports-all-card {
  padding: 17px 0 10px 0;
  display: block;
  height: 100px;
  margin-left: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
.organization-report-view .org-reports-body .org-reports-all-cards .org-reports-all-card .org-reports-all-num {
  font-size: 42px;
  line-height: 48px;
}
.organization-report-view .org-reports-body .org-reports-all-cards .org-reports-all-card.on-done .org-reports-all-num {
  color: #7ED321;
}
.organization-report-view .org-reports-body .org-reports-all-cards .org-reports-all-card.on-delay .org-reports-all-num {
  color: #D0021B;
}
.organization-report-view .org-reports-body .org-reports-all-cards .org-reports-all-card.on-create .org-reports-all-num {
  color: #4A90E2;
}
.organization-report-view .org-reports-ranks {
  margin-bottom: 20px;
}
.organization-report-view .org-reports-ranks .org-reports-rank {
  margin-right: 20px;
}
.organization-report-view .org-reports-ranks .org-reports-rank:last-child {
  margin-right: 0;
}
.organization-report-view .org-reports-ranks .org-reports-rank-list {
  padding-top: 10px;
}
.organization-report-view .org-reports-rank-item .org-reports-rank-member {
  height: 40px;
  padding: 10px 0;
}
.organization-report-view .org-reports-rank-item .org-reports-rank-member > * {
  margin-right: 15px;
}
.organization-report-view .org-reports-rank-item .org-reports-rank-level {
  color: #383838;
  -webkit-flex: 0 20px;
      -ms-flex: 0 20px;
          flex: 0 20px;
}
.organization-report-view .org-reports-rank-item .avatar {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.organization-report-view .org-reports-rank-item .org-reports-rank-result {
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.organization-report-view .org-reports-rank-item .org-reports-rank-result > * {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.organization-report-view .org-reports-rank-item .org-reports-rank-result > *:first-child {
  -webkit-flex: initial;
      -ms-flex: initial;
          flex: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-report-view .org-reports-rank-item .org-reports-rank-result > *:last-child {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.organization-report-view .org-reports-rank-item.on-delay .org-reports-rank-result > span:last-child {
  color: #FF4F3E;
}
.organization-report-view .org-reports-rank-item:hover {
  cursor: pointer;
  background-color: #EEEEEE;
}
.organization-report-view .org-reports-detail {
  margin: 30px 0;
}
.organization-report-view .org-reports-detail .org-reports-detail-title {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 70px;
  font-weight: bold;
  text-align: center;
}
.organization-report-view .org-reports-detail .org-reports-detail-setting {
  text-align: center;
  color: #A6A6A6;
  font-size: 14px;
}
.organization-report-view .org-reports-tab-content {
  margin-bottom: 20px;
}
.organization-report-view .org-reports-member-tasks {
  margin-bottom: 10px;
}
.organization-report-view .org-reports-member-tasks .org-reports-member-tasks-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.organization-report-view .org-reports-member-tasks .org-reports-member-tasks-header a {
  display: block;
  height: 44px;
  padding: 10px 0;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization-report-view .org-reports-member-tasks .org-reports-member-tasks-header .avatar {
  margin-right: 15px;
}
.organization-report-view .task {
  margin: 0 -20px;
  padding: 10px 20px;
}
.organization-report-view .task .check-box {
  margin-left: 2px;
}
.organization-report-view .task .task-content-set {
  margin-left: 16px;
}
.organization-report-view .task .task-content-set .task-content {
  word-break: break-all;
}
.organization-report-view .task .task-content-set .task-content .text:not(:last-child) {
  margin-right: 5px;
}
.organization-report-view .task .task-content-set .task-tag {
  word-break: break-word;
  margin-left: 0;
  color: #A6A6A6;
}
.organization-report-view .task .check-box.non-checkable {
  cursor: pointer;
  background: #FFFFFF;
}
.organization-report-view .task:hover {
  cursor: pointer;
  background-color: #EEEEEE;
}
.modal-dialog.transfer-projects-view {
  width: 360px;
  margin: 70px auto;
  padding: 20px 0!important;
}
.modal-dialog.transfer-projects-view .modal-header {
  margin: 0 20px;
}
.modal-dialog.transfer-projects-view .modal-body {
  overflow: auto;
  min-height: 300px;
  padding-top: 0px;
}
.modal-dialog.transfer-projects-view .modal-body .project-item {
  margin: 7px 0;
  padding: 4px 0;
}
.modal-dialog.transfer-projects-view .modal-body .project-item::before,
.modal-dialog.transfer-projects-view .modal-body .project-item::after {
  content: ' ';
  display: inline-block;
  width: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.modal-dialog.transfer-projects-view .modal-body .project-item:hover {
  background-color: #F7F7F7;
}
.modal-dialog.transfer-projects-view .modal-body .project-item:hover .project-checkbox {
  display: block;
}
.modal-dialog.transfer-projects-view .modal-body .project-item:hover .project-checkbox .icon {
  color: #D9D9D9;
}
.modal-dialog.transfer-projects-view .modal-body .project-item .project-icon {
  width: 42px;
  height: 42px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 3px;
  background-size: 42px 42px;
}
.modal-dialog.transfer-projects-view .modal-body .project-item .project-title {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 11px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-dialog.transfer-projects-view .modal-body .project-item .project-checkbox {
  display: none;
}
.modal-dialog.transfer-projects-view .modal-body .project-item .project-checkbox.selected {
  display: block;
}
.modal-dialog.transfer-projects-view .modal-body .project-item .project-checkbox.selected .icon {
  color: #3da8f5;
}
.modal-dialog.transfer-projects-view .modal-body .project-item .project-checkbox .icon {
  color: #3da8f5;
  padding: 11px 0;
}
.modal-dialog.transfer-projects-view .modal-footer {
  margin-top: 0px;
  padding: 20px 20px 0 20px;
  border-top: 1px solid #EBEBEB;
}
.modal-dialog.transfer-projects-view .modal-footer .confirm-handler {
  width: 100%;
}
.team-structure-modal-view.modal-dialog {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: visible;
  height: 550px;
  position: relative;
}
.team-structure-modal-view.modal-dialog .modal-header {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 15px 15px 0;
}
.team-structure-modal-view.modal-dialog .modal-header .modal-title {
  padding-bottom: 15px;
}
.team-structure-modal-view.modal-dialog .modal-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: static;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0;
  overflow: hidden;
}
.team-structure-modal-view.modal-dialog .team-list-wrapper {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 100%;
}
.team-structure-modal-view.modal-dialog .team-list-wrapper::-webkit-scrollbar {
  width: 7px;
}
.team-structure-modal-view.modal-dialog .team-list-wrapper::-webkit-scrollbar-track {
  background-color: #E5E5E5;
  border-left: 2px solid transparent;
}
.team-structure-modal-view.modal-dialog .team-list-wrapper::-webkit-scrollbar-thumb {
  background-color: #A6A6A6;
  border-left: 2px solid transparent;
}
.team-structure-modal-view.modal-dialog .team-list-wrapper::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}
.team-structure-modal-view.modal-dialog .team-list-wrapper::-webkit-scrollbar {
  width: 7px;
}
.team-structure-modal-view.modal-dialog .team-list-wrapper::-webkit-scrollbar-track {
  background-color: #E5E5E5;
  border-left: 2px solid transparent;
}
.team-structure-modal-view.modal-dialog .team-list-wrapper::-webkit-scrollbar-thumb {
  background-color: #A6A6A6;
  border-left: 2px solid transparent;
}
.team-structure-modal-view.modal-dialog .team-list-wrapper::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}
.team-structure-modal-view.modal-dialog .jqtree-tree {
  list-style: none outside;
  margin-bottom: 0;
  padding: 5px 10px;
  min-height: 100%;
}
.team-structure-modal-view.modal-dialog .jqtree-element {
  width: 100%;
}
.team-structure-modal-view.modal-dialog .jqtree-moving {
  opacity: .6;
}
.team-structure-modal-view.modal-dialog .jqtree-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 0 0 10px;
  line-height: 40px;
  cursor: pointer;
}
.team-structure-modal-view.modal-dialog .jqtree-title .name {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 0;
  padding: 0 5px;
  transition: color 218ms;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-structure-modal-view.modal-dialog .jqtree-title:hover .name {
  color: #3da8f5;
}
.team-structure-modal-view.modal-dialog .jqtree-title .icon {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20px;
  text-align: center;
  font-size: 12px;
  color: #A6A6A6;
}
.team-structure-modal-view.modal-dialog .jqtree-tree .jqtree-ghost {
  position: relative;
  z-index: 10;
  margin-right: 10px;
}
.team-structure-modal-view.modal-dialog .jqtree-tree .jqtree-ghost span {
  display: block;
}
.team-structure-modal-view.modal-dialog .jqtree-tree .jqtree-ghost span.jqtree-circle {
  display: none;
}
.team-structure-modal-view.modal-dialog .jqtree-tree .jqtree-ghost span.jqtree-line {
  position: absolute;
  top: 0;
  left: 0;
  right: -10px;
  height: 1px;
  background-color: #3da8f5;
}
.team-structure-modal-view.modal-dialog .jqtree-tree .jqtree-ghost span.jqtree-line:before,
.team-structure-modal-view.modal-dialog .jqtree-tree .jqtree-ghost span.jqtree-line:after {
  position: absolute;
  display: inline-block;
  content: '';
  bottom: 0;
  top: -5.25px;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.team-structure-modal-view.modal-dialog .jqtree-tree .jqtree-ghost span.jqtree-line:before {
  left: 0;
  border-left: 5px solid #3da8f5;
}
.team-structure-modal-view.modal-dialog .jqtree-tree .jqtree-ghost span.jqtree-line:after {
  right: 0;
  border-right: 5px solid #3da8f5;
}
.team-structure-modal-view.modal-dialog .jqtree-tree .jqtree-ghost.jqtree-inside {
  margin-left: 48px;
}
.team-structure-modal-view.modal-dialog span.jqtree-dragging {
  width: 340px;
  height: 40px;
  color: #383838;
  background: white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  opacity: .9;
  cursor: move;
  z-index: 100;
}
.team-structure-modal-view.modal-dialog span.jqtree-dragging:hover .name {
  color: inherit;
}
.search-result-view {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  z-index: 51;
  width: 100%;
  background-color: rgba(238, 238, 238, 0.96);
  overflow: auto;
}
.search-result-view .search-input-wrap {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 25px 0 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.search-result-view .search-input-wrap .icon-search {
  position: absolute;
  font-size: 18px;
  color: #808080;
  left: 0;
  bottom: 0;
  line-height: 40px;
}
.search-result-view .search-input-wrap .search-input {
  width: 100%;
  padding: 0 28px;
  background-color: transparent;
  outline: none;
  border: 0 none;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #383838;
}
.search-result-view .search-input-wrap .icon-remove {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: right;
}
.search-result-view .search-result-header {
  padding: 20px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.search-result-view .search-result-header .search-result-filter {
  position: relative;
  width: 960px;
  margin: 0 auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.search-result-view .search-result-header .filter {
  height: 50px;
}
.search-result-view .search-result-header .filter > a {
  position: relative;
  display: inline-block;
  width: 144px;
  padding: 15px 34px 15px 0;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-result-view .search-result-header .filter > a .icon {
  position: absolute;
  right: 12px;
  font-size: 12px;
}
.search-result-view .search-result-header .type-filter-list li {
  position: relative;
  padding: 15px 4px;
  text-align: center;
  cursor: pointer;
}
.search-result-view .search-result-header .type-filter-list li a {
  color: #808080;
}
.search-result-view .search-result-header .type-filter-list li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 3px;
  width: 100%;
  border-bottom: 0px solid #3da8f5;
  opacity: 0;
  transition: opacity 218ms ease, border-width 218ms ease;
}
.search-result-view .search-result-header .type-filter-list li:hover:after,
.search-result-view .search-result-header .type-filter-list li.active:after {
  border-width: 2px;
  opacity: 1;
}
.search-result-view .search-result-header .type-filter-list li.active a {
  color: #383838;
}
.search-result-view .search-result-header .type-filter-list li + li {
  margin-left: 44px;
}
.search-result-view .search-result-header .close-handler {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  text-align: center;
}
.search-result-view .search-result-body {
  overflow-x: hidden;
  overflow-y: auto;
}
.search-result-view .search-result-content {
  position: relative;
  margin: 0 auto;
  margin-bottom: 30px;
  width: 960px;
}
.search-result-view .search-no-result {
  font-size: 16px;
  color: #A6A6A6;
  text-align: center;
  margin-top: 120px;
}
.search-result-view .search-no-result .icon {
  font-size: 45px;
  margin-bottom: 30px;
}
.search-result-view .result-list {
  position: relative;
}
.search-result-view .result-list .result-item {
  padding: 16px 20px 20px 20px;
  cursor: pointer;
  margin-bottom: 15px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.search-result-view .result-list .result-item em {
  font-style: normal;
  color: #3da8f5;
}
.search-result-view .result-list .item-header {
  position: relative;
  padding-left: 38px;
  padding-bottom: 6px;
  color: #A6A6A6;
}
.search-result-view .result-list .item-title {
  position: relative;
}
.search-result-view .result-list .item-title .title-icon {
  height: 24px;
  width: 24px;
  background-color: #3da8f5;
  color: #FFFFFF;
  padding-top: 2px;
  margin-right: 14px;
  text-align: center;
  border-radius: 50%;
}
.search-result-view .result-list .item-title .title-icon.is-work {
  margin-top: 6px;
}
.search-result-view .result-list .item-title .work-icon {
  float: left;
}
.search-result-view .result-list .item-title .no-avatar {
  margin-right: 10px;
}
.search-result-view .result-list .item-title .title {
  font-size: 16px;
  margin-left: 38px;
  margin-right: 110px;
  word-wrap: break-word;
  position: relative;
  top: 2px;
}
.search-result-view .result-list .item-title .title.work-title {
  padding-top: 6px;
}
.search-result-view .result-list .item-title .title .first-tag {
  margin-left: 6px;
}
.search-result-view .result-list .item-title .title .archived {
  margin-left: 5px;
  background-color: #A6A6A6;
  color: #FFFFFF;
}
.search-result-view .result-list .label {
  vertical-align: bottom;
}
.search-result-view .result-list .tag-label {
  margin: 4px 5px 0 0;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.search-result-view .result-list .tag-name {
  font-size: 12px;
}
.search-result-view .result-list .item-content {
  padding-left: 38px;
  padding-top: 10px;
  max-height: 70px;
  overflow: hidden;
  word-break: break-word;
}
.search-result-view .task-wrapper .item-title .title {
  margin-left: 72px;
}
.search-result-view .task-wrapper .overdue,
.search-result-view .task-wrapper .today {
  color: #FF4F3E;
}
.search-result-view .task-wrapper .task-accomplished-date {
  background-color: grey;
  color: #FFFFFF;
}
.search-result-view .task-wrapper .task-duedate,
.search-result-view .task-wrapper .task-accomplished-date {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
}
.search-result-view .task-wrapper .subtask-list {
  padding-left: 38px;
}
.search-result-view .task-wrapper .subtask-list .subtask {
  padding-top: 10px;
  position: relative;
}
.search-result-view .task-wrapper .subtask-list .icon-checkbox-thin {
  width: 24px;
  text-align: center;
  font-size: 18px;
  color: #A6A6A6;
}
.search-result-view .task-wrapper .subtask-list .subtask-name {
  margin-left: 10px;
}
.search-result-view .event-wrapper .item-header {
  padding-bottom: 0;
}
.search-result-view .event-wrapper .event-date,
.search-result-view .event-wrapper .address {
  padding-left: 38px;
  color: #808080;
  padding-top: 10px;
  display: block;
}
.search-result-view .event-wrapper .recurrence {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #3da8f5;
  color: #FFFFFF;
}
.search-result-view .event-wrapper .recurrence .icon {
  margin-right: 5px;
  float: left;
}
.search-result-view .work-wrapper .item-title .title {
  margin-left: 72px;
}
.search-result-view .work-wrapper .file-icon {
  margin-right: 10px;
}
.search-result-view .work-wrapper .file-icon.no-thumbnail {
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #FFFFFF;
  background-color: #383838;
  text-align: center;
}
.search-result-view .work-wrapper .file-size {
  color: #808080;
}
.search-result-view .entry-wrapper .item-header {
  padding-bottom: 0;
}
.search-result-view .entry-wrapper .icon-bookkeeping-logo {
  font-size: 24px;
  color: #3da8f5;
  padding-left: 1px;
  padding-top: 2px;
}
.search-result-view .entry-wrapper .entry-amount {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
}
.search-result-view .entry-wrapper .entry-amount.expense {
  color: #f9b447;
}
.search-result-view .entry-wrapper .entry-amount.income {
  color: #4bd649;
}
.search-result-view .post-wrapper .item-header {
  padding-bottom: 0;
}
.search-result-view .popover-menu-view .menu-item > a {
  line-height: 28px;
  vertical-align: middle;
}
.search-result-view .popover-menu-view .icon {
  width: 28px;
  height: 28px;
  font-size: 16px;
  background-color: #3da8f5;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
}
.search-result-view .popover-menu-view .avatar {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}
.search-result-view .popover-menu-view .avatar.user-avatar {
  border-radius: 50%;
}
.search-result-view .popover-menu-view .avatar.project-logo {
  border-radius: 3px;
}
.search-result-view .end-point-wrapper {
  margin: 0;
  height: 20px;
}
.search-result-view .back-to-top {
  position: fixed;
  right: 48px;
  bottom: 35px;
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  text-align: center;
  line-height: 40px;
  opacity: 0;
  cursor: default;
  font-size: 16px;
  border-radius: 50%;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  transition: all ease 128ms;
}
.search-result-view.on-back-to-top .back-to-top {
  opacity: 1;
  cursor: pointer;
}
.tags-view {
  position: relative;
}
.tags-view .second-header {
  height: 46px;
  padding: 13px 20px 12px;
  border-bottom: 1px solid #E5E5E5;
}
.tags-view .tag-left {
  position: relative;
  width: 200px;
  border-right: 1px solid #E5E5E5;
}
.tags-view .left-header .icon {
  float: left;
  margin-right: 6px;
}
.tags-view .tag-list {
  position: absolute;
  top: 46px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.tags-view .tag-item {
  position: relative;
  padding: 0 20px;
}
.tags-view .tag-item.active .tag-handler {
  color: #3da8f5;
}
.tags-view .tag-item:hover {
  background: #F7F7F7;
}
.tags-view .tag-item:hover .tag-handler {
  color: #3da8f5;
}
.tags-view .tag-item:hover .tag-menu-toggler {
  display: inline-block;
}
.tags-view .tag-handler {
  display: block;
  width: 100%;
  padding: 15px 15px 15px 0;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tags-view .tag-menu-toggler {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 12px;
}
.tags-view .tag-menu-toggler.active {
  display: inline-block;
}
.tags-view .tag-right {
  position: relative;
}
.tags-view .tag-detail {
  color: #808080;
}
.tags-view .tag-detail .tag {
  float: left;
}
.tags-view .tag-detail .tag-name {
  color: #383838;
  margin-right: 15px;
}
.tags-view .tag-detail .tag-info.disabled {
  cursor: default;
  color: #808080;
}
.tags-view .tag-content-wrap {
  position: absolute;
  top: 46px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.tags-view .tag-content-wrap h3 {
  margin: 0 20px;
  padding: 4px 0;
  font-size: 18px;
  border-bottom: 4px solid #EEEEEE;
}
.tags-view .placeholder {
  position: absolute;
  padding: 125px 90px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #FFFFFF;
}
.tags-view .placeholder h3 {
  text-align: center;
  border: none;
}
.tag-label {
  display: inline-block;
  margin: 4px 8px 0 0;
  background-color: #A6A6A6;
  float: left;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  transition: all ease 0.2s;
}
.tag {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tag-creator-view ul {
  margin: 0 -1px 15px;
}
.tag-creator-view .tag-label {
  display: block;
  float: left;
  margin: 0 15px 0 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  transition: all ease 0.2s;
}
.tag-creator-view .tag-label:last-child {
  margin-right: 0;
}
.tag-creator-view .tag-label:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.tag-creator-view .tag-label .icon-tick {
  visibility: hidden;
  width: 24px;
  text-align: center;
  line-height: 24px;
}
.tag-creator-view .tag-label.active .icon-tick {
  visibility: visible;
}
.tag-creator-view .submit-handler {
  width: 100%;
}
.tag-menu-view .delete-wrap p {
  margin-bottom: 15px;
}
.tag-menu-view .edit-wrap ul {
  margin: 0 -1px 15px;
}
.tag-menu-view .tag-label {
  display: block;
  float: left;
  margin: 0 15px 0 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  transition: all ease 0.2s;
}
.tag-menu-view .tag-label:last-child {
  margin-right: 0;
}
.tag-menu-view .tag-label:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.tag-menu-view .tag-label .icon-tick {
  visibility: hidden;
  width: 24px;
  text-align: center;
  line-height: 24px;
}
.tag-menu-view .tag-label.active .icon-tick {
  visibility: visible;
}
.tag-menu-view .btn {
  width: 100%;
}
.tag-picker-view {
  position: relative;
}
.tag-picker-view .tag-picker-header {
  margin-bottom: -3px;
  color: #808080;
  font-size: 13px;
  font-weight: bold;
}
.tag-picker-view .add-tag-handler {
  display: block;
  font-size: 24px;
  color: #A6A6A6;
}
.tag-picker-view .add-tag-handler:hover {
  color: #808080;
}
.tag-picker-view .add-tag-handler .icon-plus-sign {
  float: left;
  line-height: 24px;
  margin-bottom: 10px;
}
.tag-picker-view .tag-picker-list {
  padding-top: 10px;
}
.tag-picker-view .tag-picker-list > li {
  position: relative;
  float: left;
  margin: 0 10px 0 0;
}
.tag-picker-view .tag-picker-list > li .tag {
  position: relative;
  margin: 0 0 5px 0;
  padding: 2px 10px;
  line-height: 20px;
  z-index: 1;
  border-radius: 12px;
  transition: padding-right 218ms ease;
}
.tag-picker-view .tag-picker-list > li .tag .tag-label {
  float: left;
  margin: 7px 8px 0 0;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.tag-picker-view .tag-picker-list > li .tag-placeholder {
  margin-bottom: 10px;
  line-height: 24px;
  color: #A6A6A6;
}
.tag-picker-view .tag-picker-list > li .remove-tag-handler {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
  color: #E5E5E5;
  text-align: center;
  font-size: 16px;
  line-height: 12px;
  z-index: 0;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  transition: opacity 218ms ease;
}
.tag-picker-view .tag-picker-list > li.removeable:hover .tag {
  padding-right: 26px;
}
.tag-picker-view .tag-picker-list > li.removeable:hover .remove-tag-handler {
  opacity: 1;
  z-index: 2;
}
.tag-picker-view .tag-picker-add {
  position: relative;
}
.popover-menu-view .tag-item .tag-label {
  float: left;
  margin: 9px 8px 0 0;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.ie .tag-picker-view .add-tag-handler .icon-plus-sign {
  line-height: 20px;
}
.tag-tasks-view {
  margin-bottom: 10px;
}
.tag-tasks-view > ul {
  margin: 10px 0 0;
}
.tag-tasks-view .task {
  margin-bottom: 3px;
}
.tag-tasks-view .task .avatar {
  margin-left: 0;
  margin-right: 12px;
}
.tag-tasks-view .task:hover {
  background-color: #EEEEEE;
}
.tag-events-view {
  margin-bottom: 10px;
}
.tag-events-view > ul {
  margin: 10px 0 0;
}
.tag-events-view .event {
  margin-bottom: 3px;
}
.tag-events-view .event:hover {
  background-color: #EEEEEE;
}
.tag-events-view .event-time {
  color: #A6A6A6;
}
.tag-posts-view {
  margin-bottom: 10px;
}
.tag-posts-view > ul {
  margin: 10px 0 0;
}
.tag-posts-view .post {
  margin-bottom: 3px;
  padding-left: 20px;
}
.tag-posts-view .post:hover {
  background-color: #EEEEEE;
}
.tag-posts-view .post .post-info {
  right: 20px;
}
.tag-works-view {
  margin-bottom: 10px;
}
.tag-works-view > ul {
  margin: 10px 0 0;
}
.tag-works-view .work {
  margin-bottom: 3px;
  padding-left: 20px;
}
.tag-works-view .work:hover {
  background-color: #EEEEEE;
}
.tag-works-view .work .work-info {
  right: 20px;
}
.tag-works-view .work h3 {
  margin: 0;
  padding: 0;
  line-height: 32px;
  border: 0 none;
}
.tag-entries-view .entry-category {
  width: 100%;
}
.tag-entries-view .entry-content {
  width: 500%;
}
.modal .modal-dialog.object-picker-view {
  width: 800px;
  padding: 0;
  max-height: 540px;
}
.modal .modal-dialog.object-picker-view .modal-content {
  border-radius: 3px;
}
.modal .modal-dialog.object-picker-view .cancel-handler {
  margin-right: 15px;
}
.object-picker-view .modal-header .title {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.object-picker-view .modal-header .search-wrap {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 205px;
  position: relative;
  margin: 8px 10px;
}
.object-picker-view .modal-header .search-wrap .icon {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 14px;
  color: #A6A6A6;
}
.object-picker-view .modal-header .search-wrap .search-input {
  padding: 0 8px 0 30px;
  border-radius: 3px;
  height: 34px;
}
.object-picker-view .modal-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #F7F7F7;
}
.object-picker-view .modal-content .modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.object-picker-view .modal-content .modal-header .title {
  display: inline-block;
  height: 50px;
  line-height: 20px;
  width: 200px;
  margin: 0;
  padding: 15px 15px;
  font-size: 15px;
  font-weight: bold;
  color: #808080;
}
.object-picker-view .modal-content .modal-body {
  height: 419px;
  overflow: hidden;
  padding: 0;
}
.object-picker-view .modal-content .modal-body .disabled,
.object-picker-view .modal-content .modal-body .disabled:hover {
  color: #A6A6A6 !important;
  background-color: transparent !important;
  cursor: default !important;
}
.object-picker-view .modal-content .modal-body .disabled .task-content,
.object-picker-view .modal-content .modal-body .disabled:hover .task-content,
.object-picker-view .modal-content .modal-body .disabled .post-title,
.object-picker-view .modal-content .modal-body .disabled:hover .post-title,
.object-picker-view .modal-content .modal-body .disabled .work-title,
.object-picker-view .modal-content .modal-body .disabled:hover .work-title,
.object-picker-view .modal-content .modal-body .disabled .event-title,
.object-picker-view .modal-content .modal-body .disabled:hover .event-title {
  color: #A6A6A6 !important;
  cursor: default !important;
}
.object-picker-view .modal-content .modal-footer {
  margin: 0;
  padding: 16px 20px;
  text-align: right;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.object-picker-view .modal-content .modal-footer .object-picker-guide {
  text-align: left;
  padding: 10px 0;
  color: #A6A6A6;
}
.object-picker-view .modal-content .modal-footer .object-picker-guide a {
  padding: 10px 0;
}
.object-picker-view .modal-content .modal-footer .btn {
  width: 100px;
}
.object-picker-view .object-picker-menu {
  width: 180px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  padding: 10px 0;
  -webkit-overflow-scrolling: touch;
}
.object-picker-view .object-picker-menu > li p,
.object-picker-view .object-picker-menu > li a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 15px;
  height: 34px;
  transition: background-color 218ms ease, color 218ms ease;
}
.object-picker-view .object-picker-menu > li .icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0 10px 0 0;
  font-size: 18px;
  display: inline-block;
}
.object-picker-view .object-picker-menu > li .icon.icon-file4 {
  font-size: 17px;
}
.object-picker-view .object-picker-menu > li .icon.icon-outer {
  margin-left: -1px;
  margin-right: 9px;
}
.object-picker-view .object-picker-menu > li .object-copy {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.object-picker-view .object-picker-menu > li.active a,
.object-picker-view .object-picker-menu > li a:hover {
  color: #3da8f5;
  background-color: #EEEEEE;
}
.object-picker-view .object-picker-menu > li .line {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin: 10px 0;
}
.object-picker-view .object-picker-menu .integration-item-line:last-child {
  display: none;
}
.object-picker-view .object-picker-body {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.object-picker-view .object-picker-body .object-picker-inner-view,
.object-picker-view .object-picker-body .object-picker-outer-view {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.popover.onboarding-popover-view {
  width: 462px;
}
.popover.onboarding-popover-view .popover-content {
  padding-top: 0;
}
.object-picker-guide-view .popover-header {
  margin: 0;
}
.object-picker-guide-view .popover-content {
  padding: 16px;
}
.object-picker-guide-view .popover-content .guide-image {
  border: 1px solid #E5E5E5;
  border-radius: 4px;
}
.object-picker-guide-view .popover-content .guide-desc {
  line-height: 22px;
  margin-top: 16px;
}
.object-picker-inner-view {
  width: 100%;
  overflow: hidden;
}
.object-picker-inner-view .object-menu {
  width: 180px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 5px;
}
.object-picker-inner-view .object-menu > li p,
.object-picker-inner-view .object-menu > li a {
  display: block;
  padding: 5px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 218ms ease, color 218ms ease;
}
.object-picker-inner-view .object-menu > li.active a,
.object-picker-inner-view .object-menu > li a:hover {
  color: #3da8f5;
  background-color: #EEEEEE;
}
.object-picker-inner-view .object-content {
  overflow: hidden;
}
.object-picker-inner-view .group-name {
  color: #808080;
  font-size: 13px;
  font-weight: bold;
  margin-top: 25px;
}
.object-picker-inner-view .group-name:first-child {
  margin-top: 10px;
}
.object-picker-inner-view .group-name > p {
  padding: 5px 15px;
}
.object-picker-inner-view .object-picker-creator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 5px 15px;
  margin-top: 10px;
  color: #20B3F3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.object-picker-inner-view .object-picker-creator:hover {
  color: #50c3f6;
}
.object-picker-inner-view .object-picker-creator .icon {
  font-size: 20px;
  width: 24px;
  text-align: center;
  margin-right: 10px;
}
.object-picker-outer-view {
  overflow: hidden;
}
.object-picker-outer-view .bind-hint {
  margin: auto;
}
.object-picker-outer-view .bind-hint a {
  color: #3da8f5;
  font-size: 16px;
}
.object-picker-outer-view .bind-hint .icon {
  margin: 0 0 15px;
}
.object-picker-outer-view .bind-hint p {
  margin: 15px auto;
  width: 80%;
  color: #808080;
}
.object-picker-outer-view .object-menu {
  width: 180px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.object-picker-outer-view .object-menu .dropdown {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 10px;
}
.object-picker-outer-view .object-menu .dropdown .icon {
  float: right;
}
.object-picker-outer-view .object-menu .selected-repo {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 90%;
}
.object-picker-outer-view .object-menu > li p,
.object-picker-outer-view .object-menu > li a {
  display: block;
  padding: 5px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 218ms ease, color 218ms ease;
}
.object-picker-outer-view .object-menu > li.active a,
.object-picker-outer-view .object-menu > li a:hover {
  color: #3da8f5;
  background-color: #EEEEEE;
}
.object-picker-outer-view .object-menu .dropdown-toggle {
  width: 100%;
  border: 0px;
  background: #fafafa;
  text-align: left;
  padding: 10px 15px;
}
.object-picker-outer-view .object-menu .dropdown-menu {
  width: 100%;
}
.object-picker-outer-view .object-menu .dropdown-menu > li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.object-picker-outer-view .github-repo {
  position: relative;
}
.object-picker-outer-view .github-repo > .icon {
  display: none;
}
.object-picker-outer-view .github-repo.selected > .icon {
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 14px;
}
.object-picker-outer-view .object-content {
  overflow: hidden;
}
.object-picker-outer-view .object-content .linked-header {
  display: none;
}
.object-picker-outer-view .item-list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 8px 0;
}
.object-picker-outer-view .item-list .link {
  cursor: pointer;
}
.object-picker-outer-view .item-list .link-footer {
  font-size: 12px;
  color: #A6A6A6;
}
.object-picker-outer-view .item-list .link-footer > div {
  display: inline-block;
}
.object-picker-outer-view .item-list .processon-link-view {
  margin: 0 0 -8px;
}
.object-picker-outer-view .item {
  padding: 0 15px;
  cursor: pointer;
  transition: background-color 218ms ease;
}
.object-picker-outer-view .item:hover {
  background-color: #EEEEEE;
}
.object-picker-outer-view .item.selected,
.object-picker-outer-view .item.selected:hover {
  background-color: #3da8f5;
}
.object-picker-outer-view .item.selected .post-title,
.object-picker-outer-view .item.selected:hover .post-title {
  color: white;
}
.object-picker-outer-view .link {
  padding: 5px 10px;
  cursor: pointer;
  transition: background-color 218ms ease;
}
.object-picker-outer-view .link .link-out {
  display: none;
}
.object-picker-outer-view .link .link-in {
  display: block;
}
.object-picker-outer-view .link:hover {
  background-color: #EEEEEE;
}
.object-picker-outer-view .link:hover .link-content,
.object-picker-outer-view .link:hover .link-head,
.object-picker-outer-view .link:hover .link-title,
.object-picker-outer-view .link:hover .title-name {
  color: #3da8f5;
}
.object-picker-outer-view .link:hover .S-bg1 {
  background-color: rgba(255, 255, 255, 0.5);
}
.object-picker-outer-view .link:hover .S-bg1-br {
  border-color: rgba(255, 255, 255, 0.5);
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
.object-picker-outer-view .link.selected,
.object-picker-outer-view .link.selected:hover {
  background-color: #3da8f5;
}
.object-picker-outer-view .link.selected .link-title,
.object-picker-outer-view .link.selected:hover .link-title,
.object-picker-outer-view .link.selected .title-name,
.object-picker-outer-view .link.selected:hover .title-name,
.object-picker-outer-view .link.selected .user-info,
.object-picker-outer-view .link.selected:hover .user-info,
.object-picker-outer-view .link.selected .link-content,
.object-picker-outer-view .link.selected:hover .link-content,
.object-picker-outer-view .link.selected .link-head,
.object-picker-outer-view .link.selected:hover .link-head,
.object-picker-outer-view .link.selected .link-footer,
.object-picker-outer-view .link.selected:hover .link-footer,
.object-picker-outer-view .link.selected time,
.object-picker-outer-view .link.selected:hover time {
  color: white;
}
.object-picker-outer-view .link.selected .S-bg1,
.object-picker-outer-view .link.selected:hover .S-bg1 {
  background-color: rgba(255, 255, 255, 0.5);
}
.object-picker-outer-view .link.selected .S-bg1-br,
.object-picker-outer-view .link.selected:hover .S-bg1-br {
  border-color: rgba(255, 255, 255, 0.5);
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
.object-picker-outer-view .integrations-placeholder {
  margin: auto;
}
.object-picker-outer-view .integrations-placeholder .icon {
  font-size: 40px;
}
.object-picker-outer-view .integrations-placeholder p {
  margin-top: 20px;
}
.ie .object-picker-outer-view .object-content .item-list {
  padding: 10px 0 10px 10px;
}
.ie .object-picker-outer-view .object-content .item-list .link {
  width: 98%;
}
.object-picker-tasks-view {
  width: 100%;
}
.object-picker-tasks-view .tasklists-list,
.object-picker-tasks-view .tasks-list {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
}
.object-picker-tasks-view .tasklists-list {
  width: 180px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.object-picker-tasks-view .tasks-list-wrapper {
  overflow: hidden;
}
.object-picker-tasks-view.on-tasklist-selected .object-picker-creator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.object-picker-tasks-view .object-picker-creator {
  display: none;
}
.object-picker-tasks-view .tasklist-item {
  display: block;
  padding: 5px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 218ms ease, color 218ms ease;
}
.object-picker-tasks-view .group-name.smart-group {
  margin-top: 25px;
}
.object-picker-tasks-view .active .tasklist-item,
.object-picker-tasks-view .tasklist-item:hover {
  color: #3da8f5;
  background-color: #EEEEEE;
}
.object-picker-tasks-view .task {
  padding: 0 15px;
  cursor: pointer;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  transition: background-color 218ms ease;
}
.object-picker-tasks-view .task .check-box {
  margin-right: 13px;
}
.object-picker-tasks-view .task .avatar {
  margin: 0 12px 0 0;
}
.object-picker-tasks-view .task .task-content-wrapper {
  padding: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.object-picker-tasks-view .task:hover {
  background-color: #EEEEEE;
}
.object-picker-tasks-view .task:hover .task-content-wrapper {
  color: #3da8f5;
}
.object-picker-tasks-view .task .task-id-label {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-left: 6px;
}
.object-picker-tasks-view .task.selected,
.object-picker-tasks-view .task.selected:hover {
  background-color: #3da8f5;
}
.object-picker-tasks-view .task.selected .task-content,
.object-picker-tasks-view .task.selected:hover .task-content {
  color: white;
}
.object-picker-posts-view {
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.object-picker-posts-view.no-creator .object-picker-creator {
  display: none;
}
.object-picker-posts-view .posts-list {
  padding: 8px 0;
  overflow: auto;
}
.object-picker-posts-view .post {
  padding: 0 15px;
  cursor: pointer;
  transition: background-color 218ms ease;
}
.object-picker-posts-view .post .post-content-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.object-picker-posts-view .post .post-content-wrapper .icon-wall {
  display: inline-block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: #808080;
  font-size: 18px;
  margin: 0 10px 0 0;
}
.object-picker-posts-view .post .post-title,
.object-picker-posts-view .post .icon-wall {
  transition: color 218ms ease;
}
.object-picker-posts-view .post:hover {
  background-color: #EEEEEE;
}
.object-picker-posts-view .post:hover .post-title {
  color: #3da8f5;
}
.object-picker-posts-view .post.selected,
.object-picker-posts-view .post.selected:hover {
  background-color: #3da8f5;
}
.object-picker-posts-view .post.selected .post-title,
.object-picker-posts-view .post.selected:hover .post-title,
.object-picker-posts-view .post.selected .icon-wall,
.object-picker-posts-view .post.selected:hover .icon-wall {
  color: white;
}
.object-picker-files-view {
  width: 100%;
}
.object-picker-files-view .files-column {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.object-picker-files-view .files-column > li {
  display: inline-block;
  vertical-align: top;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 1px solid #E5E5E5;
}
.object-picker-files-view .files-column > li:last-child {
  margin-right: 0px;
}
.object-picker-files-view .column {
  width: 220px;
}
.object-picker-files-view .column .work-icon {
  height: 20px;
  width: 20px;
  float: left;
  text-align: center;
  margin-right: 5px;
}
.object-picker-files-view .column .work-icon[icon-type=image] {
  width: 16px;
  height: 16px;
  margin: 2px 7px 2px 2px;
}
.object-picker-files-view .column .svg-icon {
  font-size: 16px;
  margin: 2px 0;
}
.object-picker-files-view .column-wrap {
  padding: 0 0 8px;
}
.object-picker-files-view .column-wrap .file-handler {
  padding: 5px 15px;
  height: 30px;
  line-height: 20px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 218ms ease;
}
.object-picker-files-view .column-wrap .file-handler.collection.selected .svg-icon {
  fill: white !important;
}
.object-picker-files-view .column-wrap .file-handler.active,
.object-picker-files-view .column-wrap .file-handler:hover {
  background-color: #EEEEEE;
}
.object-picker-files-view .column-wrap .file-handler:hover {
  color: #3da8f5;
}
.object-picker-files-view .column-wrap .file-handler.selected,
.object-picker-files-view .column-wrap .file-handler.selected:hover {
  color: #FFFFFF;
  background-color: #3da8f5;
}
.object-picker-files-view .column-wrap .file-handler.selected .icon {
  color: #FFFFFF;
}
.object-picker-files-view .webuploader-pick {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.object-picker-files-view .file-handler {
  height: 30px;
}
.object-picker-events-view {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.object-picker-events-view.no-creator .object-picker-creator {
  display: none;
}
.object-picker-events-view.no-creator .events-list {
  top: 0;
}
.object-picker-events-view .events-list {
  padding: 0 0 8px;
}
.object-picker-events-view .event {
  padding: 0 15px;
  cursor: pointer;
  transition: background-color 218ms ease;
}
.object-picker-events-view .event .event-content-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.object-picker-events-view .event .event-content-wrapper .icon-calendar {
  display: inline-block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: #808080;
  font-size: 18px;
  margin: 0 10px 0 0;
  transition: color 218ms ease;
}
.object-picker-events-view .event .event-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 15px;
  transition: color 218ms ease;
}
.object-picker-events-view .event .event-time {
  width: 152px;
  padding: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 218ms ease;
}
.object-picker-events-view .event:hover {
  background-color: #EEEEEE;
}
.object-picker-events-view .event:hover .event-title {
  color: #3da8f5;
}
.object-picker-events-view .event.selected,
.object-picker-events-view .event.selected:hover {
  background-color: #3da8f5;
}
.object-picker-events-view .event.selected .event-title,
.object-picker-events-view .event.selected:hover .event-title,
.object-picker-events-view .event.selected .event-time,
.object-picker-events-view .event.selected:hover .event-time,
.object-picker-events-view .event.selected .icon-calendar,
.object-picker-events-view .event.selected:hover .icon-calendar {
  color: #FFFFFF;
}
.object-picker-search-view {
  position: relative;
  height: 100%;
}
.object-picker-search-view .search-wrap {
  display: inline-block;
  width: 580px;
  position: relative;
  margin: 10px 20px;
}
.object-picker-search-view .search-wrap .icon {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 14px;
  color: #A6A6A6;
}
.object-picker-search-view .search-wrap .search-input {
  padding: 0 8px 0 30px;
  border-radius: 3px;
}
.object-picker-search-view.on-search .search-result-header {
  display: block;
}
.object-picker-search-view .search-result-header {
  display: none;
  width: 100%;
  height: 38px;
  padding: 4px 20px;
  border-bottom: 1px solid #ddd;
}
.object-picker-search-view .search-result-header .search-result-filter {
  position: relative;
  margin: 0 auto;
  line-height: 30px;
  height: 30px;
}
.object-picker-search-view .search-result-header .search-result-filter .icon {
  font-size: 12px;
  vertical-align: middle;
}
.object-picker-search-view .search-result-header .filter {
  float: left;
  margin-right: 40px;
  height: 30px;
  -webkit-user-select: none;
}
.object-picker-search-view .search-result-header .filter > a {
  display: inline-block;
}
.object-picker-search-view .search-result-header .filter > a span:first-child {
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  margin-right: 10px;
  float: left;
}
.object-picker-search-view .search-result-header .filter.member-filter {
  margin-right: 0;
}
.object-picker-search-view .search-result-header .type-selector {
  max-height: 240px;
  left: -10px;
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);
}
.object-picker-search-view .search-result-header .type-selector li {
  position: relative;
}
.object-picker-search-view .search-result-header .type-selector li:hover {
  background-color: #F7F7F7;
}
.object-picker-search-view .search-result-header .type-selector li.active:after {
  position: absolute;
  top: 8px;
  right: 15px;
  height: 14px;
  width: 14px;
  color: #A6A6A6;
}
.object-picker-search-view .search-result-header .type-selector li > a {
  line-height: 28px;
}
.object-picker-search-view .search-result-header .type-selector li .icon {
  height: 28px;
  width: 28px;
  background-color: #3da8f5;
  font-size: 16px;
  padding-top: 2px;
  color: #FFFFFF;
  margin-right: 10px;
  text-align: center;
  border-radius: 50%;
}
.object-picker-search-view .search-list {
  height: 380px;
  padding: 10px 20px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.object-picker-search-view .search-list .search-result {
  margin-bottom: 15px;
}
.object-picker-search-view .search-list .search-placeholder-wrap {
  text-align: center;
  margin-top: 40px;
}
.object-picker-search-view .search-list .search-placeholder-wrap .icon {
  font-size: 36px;
}
.object-picker-search-view .search-list .search-placeholder-wrap .search-placeholder-content {
  margin-top: 10px;
}
.object-picker-search-view .result-handler {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  padding: 15px;
  color: #383838;
  border-bottom: 1px solid #EEEEEE;
}
.object-picker-search-view .result-handler:hover,
.object-picker-search-view .result-handler:hover .event-date,
.object-picker-search-view .result-handler.active,
.object-picker-search-view .result-handler.active .event-date {
  color: #3da8f5;
}
.object-picker-search-view .result-handler:last-child {
  border-bottom: none;
}
.object-picker-search-view .result-handler.disabled .result-content em {
  color: #a6a6a6;
}
.object-picker-search-view .result-handler .result-thumbnail {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  margin-right: 10px;
}
.object-picker-search-view .result-handler .result-thumbnail .avatar {
  margin-left: 10px;
}
.object-picker-search-view .result-handler .result-thumbnail .no-thumbnail {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #FFFFFF;
  background-color: #383838;
  font-size: 12px;
  text-align: center;
}
.object-picker-search-view .result-handler .icon {
  color: #808080;
  float: left;
}
.object-picker-search-view .result-handler .result-content {
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  word-wrap: break-word;
  word-break: normal;
}
.object-picker-search-view .result-handler .result-content p {
  min-height: 20px;
}
.object-picker-search-view .result-handler .result-content em {
  color: #3da8f5;
  font-style: normal;
}
.object-picker-search-view .result-handler .result-content .label {
  margin-left: 5px;
}
.object-picker-search-view .result-handler.task .result-content {
  line-height: 24px;
}
.object-picker-search-view .result-handler .subtask {
  padding-top: 6px;
  color: #A6A6A6;
}
.object-picker-search-view .result-handler .subtask .icon-checkbox {
  margin-right: 5px;
  color: #A6A6A6;
}
.object-picker-search-view .result-handler .event-date {
  margin-left: 10px;
  color: #808080;
  font-size: 12px;
}
.object-picker-search-view .result-handler .tag {
  vertical-align: middle;
}
.object-picker-search-view .result-handler .tag-label {
  margin: 4px 5px 0 0;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.object-picker-search-view .result-handler .tag-name {
  font-size: 12px;
}
.object-picker-search-view .result-handler.selected,
.object-picker-search-view .result-handler.selected:hover {
  background-color: #3da8f5;
}
.object-picker-search-view .result-handler.selected em,
.object-picker-search-view .result-handler.selected:hover em,
.object-picker-search-view .result-handler.selected .icon,
.object-picker-search-view .result-handler.selected:hover .icon,
.object-picker-search-view .result-handler.selected .result-content,
.object-picker-search-view .result-handler.selected:hover .result-content,
.object-picker-search-view .result-handler.selected .event-date,
.object-picker-search-view .result-handler.selected:hover .event-date {
  color: white;
}
.object-picker-search-view .result-handler.work .result-thumbnail {
  margin-top: -10px;
}
.object-picker-search-view .popover-menu-view .menu-item > a {
  line-height: 28px;
  vertical-align: middle;
}
.object-picker-search-view .popover-menu-view .icon {
  width: 28px;
  height: 28px;
  font-size: 16px;
  background-color: #3da8f5;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
}
.object-picker-search-view .popover-menu-view .avatar {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}
.object-picker-search-view .popover-menu-view .avatar.user-avatar {
  border-radius: 50%;
}
.object-picker-search-view .popover-menu-view .avatar.project-logo {
  border-radius: 3px;
}
.object-modal-view {
  position: relative;
}
.object-modal-view .pin-toolbar .simditor-toolbar {
  width: 499px;
  top: 50px;
}
.object-modal-view .object-nav {
  position: absolute;
}
.object-modal-view .object-nav .url-handler {
  margin-right: 10px;
  padding: 5px 12px;
  border: none;
  color: #bdbdbd;
  background-color: #686868;
  border-radius: 2px;
}
.object-modal-view .object-nav .url-handler:first-child {
  float: left;
}
.object-modal-view.modal-dialog {
  background-color: transparent;
  margin: 0 auto;
}
.object-modal-view .modal-detail {
  margin-top: 50px;
}
.object-modal-view .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  margin: 0;
}
.object-modal-view.fixed {
  position: absolute;
  top: 0px;
  bottom: 50px;
  left: 50%;
  width: 600px;
  margin: 0 0 0 -300px;
}
.object-modal-view.fixed .modal-close {
  top: 10px;
  right: 0;
}
.object-modal-view.fixed .object-nav {
  top: 10px;
}
.object-modal-view.fixed .modal-detail {
  position: absolute;
  margin-top: 0;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 3px;
  transition: bottom 218ms ease;
}
.object-modal-view.fixed .modal-detail .activities-list {
  padding-bottom: 0;
}
.object-modal-view.fixed .modal-detail:before,
.object-modal-view.fixed .modal-detail:after {
  border-radius: 3px;
}
.object-modal-view .detail-content .menu-handler {
  right: 49px;
  transition: all 218ms;
}
.object-modal-view .detail-content .menu-icons {
  right: 93px;
  transition: all 218ms;
}
.object-modal-view .detail-content .close-handler {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  z-index: 1111;
  transition: all 218ms;
}
.object-modal-view .detail-content .archived-badge .archive-handler-set {
  margin-right: 35px;
}
.object-modal-view .event-detail .event-detail-location-wrap,
.object-modal-view .event-detail .event-detail-title-wrap {
  margin-right: 135px;
}
.object-modal-view .event-detail .close-handler {
  color: #FFFFFF;
  opacity: 0.5;
  filter: alpha(opacity=50);
  transition: all 218ms;
}
.object-modal-view .event-detail .close-handler:hover,
.object-modal-view .event-detail .close-handler.open {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.object-modal-view .entry-detail-view .detail-content .close-handler {
  top: 28px;
}
.object-modal-view .pin-toolbar .simditor-toolbar {
  width: 499px;
  top: 50px;
}
.chat-message-view {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.chat-message-view .message-avatar {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.chat-message-view .message-info {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-message-view + .chat-message-view {
  border-top: 1px solid #F1F1F1;
}
.chat-message-view:hover .message-info .name,
.chat-message-view.is-active:hover .message-info .name,
.chat-message-view.is-readed:hover .message-info .name {
  color: #3da8f5;
}
.chat-message-view.is-active {
  background-color: #F9F9F9;
}
.chat-message-view.is-readed .message-info .name {
  color: #A6A6A6;
}
.chat-message-view.is-readed .message-info .content-wrap {
  color: #A7A7A7;
}
.chat-message-view {
  padding: 15px;
  cursor: pointer;
}
.chat-message-view .message-avatar {
  height: 36px;
  width: 36px;
  margin-right: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.chat-message-view .message-avatar.is-circle {
  border-radius: 50%;
}
.chat-message-view .message-avatar.is-corner {
  border-radius: 3px;
}
.chat-message-view .message-info {
  overflow: hidden;
  font-size: 14px;
}
.chat-message-view .message-info .name,
.chat-message-view .message-info .content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-message-view .message-info .message-header {
  color: #383838;
}
.chat-message-view .message-info .message-header .name .icon {
  color: #A6A6A6;
  margin-left: 2px;
  font-size: 12px;
}
.chat-message-view .message-info .message-header .time {
  color: #A6A6A6;
  font-size: 12px;
  margin-left: 5px;
}
.chat-message-view .message-info .content-wrap {
  color: #808080;
  font-size: 12px;
}
.chat-message-view .message-info .content-wrap .badge-at {
  color: #FF4F3E;
}
.chat-message-view .message-header {
  position: relative;
}
.chat-message-view .message-header .message-source {
  min-width: 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-message-view .message-header .message-handler {
  height: 20px;
  min-width: 20px;
  margin-left: 8px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.chat-message-view .message-header .message-handler.goto-project-handler {
  min-width: auto;
}
.chat-message-view .message-header .message-handler.goto-project-handler .icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.chat-message-view .normal-mode {
  height: 18px;
  min-width: 18px;
  margin-left: 8px;
  padding: 0 3px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  background-color: #3da8f5;
  border-radius: 18px;
  color: #FFF;
}
.chat-message-view .mute-point {
  height: 10px;
  min-width: 10px;
  margin-bottom: 6px;
  margin-left: 8px;
  line-height: 10px;
  background-color: #3da8f5;
  border-radius: 5px;
  color: #FFF;
}
.chat-message-view .time {
  display: inline-block;
}
.chat-message-view .message-handler {
  display: none;
}
.chat-message-view:hover .time {
  display: none;
}
.chat-message-view:hover .message-handler {
  display: block;
}
.chat-message-list-view {
  min-height: 60px;
}
.chat-message-list-view .status-handler {
  margin: 20px;
  color: #808080;
}
.chat-message-list-view .refresh-handler {
  color: #3da8f5;
}
.chat-message-list-view .refresh-handler:hover {
  color: #0c92f3;
}
.chat-modal-view {
  position: absolute;
  top: 50px;
  left: 50%;
  bottom: 50px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 800px;
  margin-left: -400px;
}
.chat-modal-view .chat-modal-header {
  position: relative;
  padding: 15px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #FFF;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #E5E5E5;
}
.chat-modal-view .chat-modal-header .title {
  font-size: 18px;
  line-height: 26px;
  color: #383838;
}
.chat-modal-view .chat-modal-header .close-handler {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #A6A6A6;
  font-size: 16px;
  line-height: 26px;
}
.chat-modal-view .chat-modal-header .close-handler:hover {
  color: #3da8f5;
}
.chat-modal-view .chat-modal-body {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  background-color: #FFF;
  border-radius: 0 0 3px 3px;
}
.chat-modal-view .panel-left {
  width: 300px;
  border-right: 1px solid #E5E5E5;
}
.chat-modal-view .panel-right {
  position: relative;
  width: 500px;
}
.chat-modal-view .actions-group {
  padding: 15px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #E5E5E5;
}
.chat-modal-view .actions-group .new-chat-handler {
  color: #3da8f5;
}
.chat-modal-view .actions-group .new-chat-handler:hover {
  color: #6dbef8;
}
.chat-modal-view .actions-group .new-chat-handler .icon {
  float: left;
  margin-right: 10px;
  font-size: 18px;
}
.chat-modal-view .handler-wrapper {
  display: inline-block;
  margin-left: 12px;
}
.chat-modal-view .handler-wrapper .handler-list {
  position: absolute;
  left: -140px;
  top: 25px;
  width: 130px;
  margin-left: 0px;
  border-radius: 3px;
  background-color: #FFF;
  border: 1px solid transparent;
}
.chat-modal-view .handler-wrapper .handler-list li {
  height: 40px;
}
.chat-modal-view .handler-wrapper .handler-list li .inbox-handler {
  width: 100%;
  padding: 8px 10px;
  display: inline-block;
}
.chat-modal-view .handler-wrapper .handler-list li .icon {
  font-size: 14px;
}
.chat-modal-view .chat-modal-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.chat-modal-view .chat-modal-body .panel-left {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.chat-modal-view .chat-modal-body .panel-right {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.chat-modal-view .panel-left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chat-modal-view .panel-left .actions-group {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.chat-modal-view .panel-left .message-list-container {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-modal-view .actions-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chat-modal-view .actions-group .actions {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.chat-modal-view .message-list-container {
  position: relative;
}
.chat-modal-view .message-list-container .chat-message-list-view {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.chat-modal-view .message-list-container .chat-message-view:last-child {
  border-bottom: 1px solid #F1F1F1;
}
.chat-nav-popover-view {
  position: fixed !important;
  top: 56px !important;
  right: 10px !important;
  width: 300px !important;
  border: 0;
}
.chat-nav-popover-view .popover-header {
  display: none;
}
.chat-nav-popover-view .popover-content {
  padding: 0;
  overflow: hidden;
  text-align: left;
}
.chat-nav-popover-view .chat-nav-popover-header {
  position: relative;
  height: 50px;
  margin: 0 15px;
  font-size: 14px;
  line-height: 50px;
  border-bottom: 1px solid #E5E5E5;
}
.chat-nav-popover-view .chat-nav-popover-header .chat-nav-popover-title {
  font-size: 16px;
  font-weight: bold;
  color: #4A4A4A;
}
.chat-nav-popover-view .chat-nav-popover-header .close-handler {
  position: absolute;
  color: #A6A6A6;
  top: 0;
  right: 0;
}
.chat-nav-popover-view .chat-message-list-view {
  max-height: 420px;
  overflow-y: auto;
}
.chat-nav-popover-view .chat-message-view {
  margin: 0 15px;
  padding: 15px 0;
}
.chat-nav-popover-view .chat-nav-popover-footer {
  height: 50px;
  margin: 0 15px;
  font-size: 14px;
  line-height: 50px;
  border-top: 1px solid #E5E5E5;
}
.chat-nav-popover-view .chat-nav-popover-footer .start-chat-handler {
  color: #3da8f5;
  display: block;
}
.chat-nav-popover-view .chat-nav-popover-footer .start-chat-handler:hover {
  color: #6dbef8;
}
.chat-nav-popover-view .chat-nav-popover-footer .start-chat-handler .icon {
  font-size: 18px;
  float: left;
  margin-right: 10px;
}
.chat-nav-popover-view .chat-nav-popover-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.project-settings-custom-scrumflow-view {
  position: relative;
  min-height: 100%;
  padding-bottom: 56px;
}
.project-settings-custom-scrumflow-view .open-intercom-handler {
  position: absolute;
  right: 16px;
  bottom: 16px;
  line-height: 24px;
}
.project-settings-custom-scrumflow-view .open-intercom-handler .icon {
  margin-right: 4px;
}
.project-settings-custom-scrumflow-view .banner-component {
  position: relative;
  margin: 10px;
}
.project-settings-custom-scrumflow-view .banner-component .jump-handler {
  position: relative;
  display: block;
  width: 600px;
  height: 56px;
  line-height: 56px;
  color: #FFFFFF;
  background-size: 600px 56px;
  background-repeat: no-repeat;
  background-image: url(https://dn-st.teambition.net/teambition/images/banner@2x.bfb3587a.png);
}
.project-settings-custom-scrumflow-view .banner-component .banner-description {
  float: left;
  margin-left: 54px;
  font-size: 16px;
}
.project-settings-custom-scrumflow-view .banner-component .banner-link {
  float: right;
  margin-right: 54px;
  text-decoration: underline;
  font-weight: lighter;
}
.project-settings-custom-scrumflow-view .banner-component .close-handler {
  position: absolute;
  top: 18px;
  right: 15px;
  color: #FFFFFF;
}
.project-settings-custom-scrumflow-view .configure-component .header-box {
  position: relative;
  height: 56px;
  font-size: 16px;
  line-height: 55px;
  text-align: center;
  border-bottom: 1px solid #E5E5E5;
  color: #383838;
}
.project-settings-custom-scrumflow-view .configure-component .header-box .back-handler {
  position: absolute;
  left: 30px;
}
.project-settings-custom-scrumflow-view .configure-component .header-box .save-handler {
  position: absolute;
  top: 0;
  right: 16px;
}
.project-settings-custom-scrumflow-view .configure-component .header-box .save-handler.on-disabled {
  color: #A6A6A6;
  cursor: not-allowed;
}
.project-settings-custom-scrumflow-view .configure-component .header-box .save-handler:not(.on-disabled) {
  color: #3da8f5;
  cursor: pointer;
}
.project-settings-custom-scrumflow-view .configure-component .header-box .title-box {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  margin: 0 auto;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project-settings-custom-scrumflow-view .configure-component .header-box .scrumflow-title-component {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  font-size: 16px;
  text-align: center;
}
.project-settings-custom-scrumflow-view .list-component .item-box {
  height: 56px;
  padding: 0 32px;
  line-height: 56px;
}
.project-settings-custom-scrumflow-view .list-component .item-box:hover {
  background-color: #F7F7F7;
}
.project-settings-custom-scrumflow-view .list-component .create-scrumflow-bar {
  height: 56px;
  padding: 0 32px;
  line-height: 56px;
}
.project-settings-custom-scrumflow-view .list-component .create-scrumflow-bar:hover {
  background-color: #F7F7F7;
}
.project-settings-custom-scrumflow-view .list-component .create-scrumflow-handler {
  display: block;
  border-bottom: 1px solid #E5E5E5;
  color: #3da8f5;
}
.project-settings-custom-scrumflow-view .list-component .create-scrumflow-handler .icon {
  margin-right: 8px;
}
.project-settings-custom-scrumflow-view .scrumflow-item-component {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #E5E5E5;
  cursor: pointer;
}
.project-settings-custom-scrumflow-view .scrumflow-item-component .scrumflow-title-bar {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.project-settings-custom-scrumflow-view .scrumflow-item-component .scrumflow-action-bar {
  margin-left: 16px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.project-settings-custom-scrumflow-view .scrumflow-item-component .scrumflow-action-bar > * + * {
  margin-left: 8px;
}
.project-settings-custom-scrumflow-view .scrumflow-item-component .scrumflow-action-bar {
  display: none;
}
.project-settings-custom-scrumflow-view .scrumflow-item-component:hover .scrumflow-action-bar {
  display: block;
}
.project-settings-custom-scrumflow-view .scrumflow-title-component .scrumflow-title,
.project-settings-custom-scrumflow-view .scrumflow-title-component .scrumflow-title-input {
  padding: 4px;
  font-size: 14px;
  line-height: 21px;
  text-align: inherit;
}
.project-settings-custom-scrumflow-view .scrumflow-title-component .scrumflow-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-settings-custom-scrumflow-view .scrumflow-title-component .scrumflow-title.on-edit:hover {
  cursor: text;
  background-color: rgba(0, 0, 0, 0.05);
}
.project-settings-custom-scrumflow-view .scrumflow-title-component .scrumflow-title-input {
  display: block;
  width: 100%;
  background-color: transparent;
  border-radius: 3px;
  border: 0;
  outline: 0;
}
.project-settings-custom-scrumflow-view .scrumflow-title-component .scrumflow-title-input:focus {
  background-color: rgba(0, 0, 0, 0.05);
}
.project-settings-custom-scrumflow-view .custom-scrumflow-tips-component {
  position: relative;
  height: 40px;
  width: 600px;
  margin: 10px;
  padding: 0 15px;
  line-height: 38px;
  background-color: rgba(61, 168, 245, 0.1);
  border: 1px solid #3da8f5;
  border-radius: 3px;
}
.project-settings-custom-scrumflow-view .custom-scrumflow-tips-component .close-handler {
  position: absolute;
  top: 1px;
  right: 21px;
  color: #3da8f5;
}
.project-settings-custom-scrumflow-view .custom-scrumflow-tips-component .tips-description {
  color: #3da8f5;
}
.project-settings-custom-scrumflow-view .custom-scrumflow-tips-component .tips-description .icon {
  margin-right: 10px;
}
.project-settings-custom-scrumflow-view .welcome-component .guide-cover-box {
  margin: 70px 50px;
}
.project-settings-custom-scrumflow-view .welcome-component .guide-cover {
  max-height: 100%;
  max-width: 100%;
}
.project-settings-custom-scrumflow-view .welcome-component .start-handler-section {
  text-align: center;
}
.project-settings-custom-scrumflow-view .welcome-component .start-handler {
  display: inline-block;
  height: 46px;
  padding: 0 24px;
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  background-color: #3da8f5;
  border-radius: 4px;
  color: #FFFFFF;
}
.project-settings-custom-scrumflow-view .welcome-component .start-handler:hover {
  background-color: #0c92f3;
}
.project-settings-custom-scrumflow-view .workflow-component {
  padding: 16px;
}
.project-settings-custom-scrumflow-view .step-card-component {
  display: inline-block;
  height: 40px;
  padding: 0 16px;
  line-height: 38px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  cursor: pointer;
}
.project-settings-custom-scrumflow-view .step-card-component .text + .icon {
  margin-left: 5px;
}
.project-settings-custom-scrumflow-view .step-card-component:hover {
  color: #3da8f5;
}
.project-settings-custom-scrumflow-view .step-card-component .step-card-member-component {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.project-settings-custom-scrumflow-view .step-card-component .step-card-member-component .avatar,
.project-settings-custom-scrumflow-view .step-card-component .step-card-member-component .icon {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.project-settings-custom-scrumflow-view .step-card-component .step-card-member-component .text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.project-settings-custom-scrumflow-view .step-card-component .step-card-member-component .avatar {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
.project-settings-custom-scrumflow-view .step-card-component .step-card-member-component .avatar + .text {
  margin-left: 5px;
}
.project-settings-custom-scrumflow-view .step-if-component {
  margin: 8px auto;
  font-size: 14px;
  text-align: center;
}
.project-settings-custom-scrumflow-view .step-if-component .shape-arrow {
  display: block;
  margin: 8px auto;
}
.project-settings-custom-scrumflow-view .step-if-component .shape-arrow .line {
  fill: transparent;
  stroke: #D9D9D9;
  stroke-width: 1px;
}
.project-settings-custom-scrumflow-view .step-if-component .shape-circle-plus {
  border-color: #3da8f5 !important;
  color: #3da8f5 !important;
  display: inline-block;
  height: 44px;
  width: 44px;
  line-height: 42px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
}
.project-settings-custom-scrumflow-view .step-if-component .shape {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  margin: 0 auto;
  color: inherit;
}
.project-settings-custom-scrumflow-view .step-if-component .create-handler {
  display: inline-block;
  color: #383838;
  cursor: pointer;
}
.project-settings-custom-scrumflow-view .step-if-component .create-handler:hover {
  color: #3da8f5;
}
.project-settings-custom-scrumflow-view .step-if-component .without-content {
  color: #A6A6A6;
}
.project-settings-custom-scrumflow-view .step-if-component .without-content .shape {
  border-color: #FF4F3E;
}
.project-settings-custom-scrumflow-view .step-if-component .no-content-tip {
  display: block;
  margin-top: 2px;
  color: #FF4F3E;
  font-size: 12px;
}
.project-settings-custom-scrumflow-view .step-if-component .condition-key + .condition-key,
.project-settings-custom-scrumflow-view .step-if-component .condition-key + .condition-value,
.project-settings-custom-scrumflow-view .step-if-component .condition-value + .condition-value,
.project-settings-custom-scrumflow-view .step-if-component .condition-value + .condition-key {
  margin-top: 10px;
}
.project-settings-custom-scrumflow-view .step-if-component .shape {
  display: inline-block;
  height: 40px;
  padding: 0 16px;
  line-height: 38px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.project-settings-custom-scrumflow-view .step-if-component .shape > span + span {
  margin-left: 5px;
}
.project-settings-custom-scrumflow-view .step-if-component .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-settings-custom-scrumflow-view .step-start-component {
  margin: 8px auto;
  font-size: 14px;
  text-align: center;
}
.project-settings-custom-scrumflow-view .step-start-component .shape-arrow {
  display: block;
  margin: 8px auto;
}
.project-settings-custom-scrumflow-view .step-start-component .shape-arrow .line {
  fill: transparent;
  stroke: #D9D9D9;
  stroke-width: 1px;
}
.project-settings-custom-scrumflow-view .step-start-component .shape-circle-plus {
  border-color: #3da8f5 !important;
  color: #3da8f5 !important;
  display: inline-block;
  height: 44px;
  width: 44px;
  line-height: 42px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
}
.project-settings-custom-scrumflow-view .step-start-component .shape {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  margin: 0 auto;
  color: inherit;
}
.project-settings-custom-scrumflow-view .step-start-component .create-handler {
  display: inline-block;
  color: #383838;
  cursor: pointer;
}
.project-settings-custom-scrumflow-view .step-start-component .create-handler:hover {
  color: #3da8f5;
}
.project-settings-custom-scrumflow-view .step-start-component .without-content {
  color: #A6A6A6;
}
.project-settings-custom-scrumflow-view .step-start-component .without-content .shape {
  border-color: #FF4F3E;
}
.project-settings-custom-scrumflow-view .step-start-component .no-content-tip {
  display: block;
  margin-top: 2px;
  color: #FF4F3E;
  font-size: 12px;
}
.project-settings-custom-scrumflow-view .step-start-component .condition-key + .condition-key,
.project-settings-custom-scrumflow-view .step-start-component .condition-key + .condition-value,
.project-settings-custom-scrumflow-view .step-start-component .condition-value + .condition-value,
.project-settings-custom-scrumflow-view .step-start-component .condition-value + .condition-key {
  margin-top: 10px;
}
.project-settings-custom-scrumflow-view .step-start-component .shape {
  display: inline-block;
  height: 44px;
  width: 44px;
  line-height: 42px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
}
.project-settings-custom-scrumflow-view .step-that-component {
  margin: 8px auto;
  font-size: 14px;
  text-align: center;
}
.project-settings-custom-scrumflow-view .step-that-component .shape-arrow {
  display: block;
  margin: 8px auto;
}
.project-settings-custom-scrumflow-view .step-that-component .shape-arrow .line {
  fill: transparent;
  stroke: #D9D9D9;
  stroke-width: 1px;
}
.project-settings-custom-scrumflow-view .step-that-component .shape-circle-plus {
  border-color: #3da8f5 !important;
  color: #3da8f5 !important;
  display: inline-block;
  height: 44px;
  width: 44px;
  line-height: 42px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
}
.project-settings-custom-scrumflow-view .step-that-component .shape {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  margin: 0 auto;
  color: inherit;
}
.project-settings-custom-scrumflow-view .step-that-component .create-handler {
  display: inline-block;
  color: #383838;
  cursor: pointer;
}
.project-settings-custom-scrumflow-view .step-that-component .create-handler:hover {
  color: #3da8f5;
}
.project-settings-custom-scrumflow-view .step-that-component .without-content {
  color: #A6A6A6;
}
.project-settings-custom-scrumflow-view .step-that-component .without-content .shape {
  border-color: #FF4F3E;
}
.project-settings-custom-scrumflow-view .step-that-component .no-content-tip {
  display: block;
  margin-top: 2px;
  color: #FF4F3E;
  font-size: 12px;
}
.project-settings-custom-scrumflow-view .step-that-component .condition-key + .condition-key,
.project-settings-custom-scrumflow-view .step-that-component .condition-key + .condition-value,
.project-settings-custom-scrumflow-view .step-that-component .condition-value + .condition-value,
.project-settings-custom-scrumflow-view .step-that-component .condition-value + .condition-key {
  margin-top: 10px;
}
.project-settings-custom-scrumflow-view .step-that-component .shape {
  display: inline-block;
  height: 40px;
  padding: 0 16px;
  line-height: 38px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.project-settings-custom-scrumflow-view .step-that-component .shape span {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.project-settings-custom-scrumflow-view .step-that-component .shape > span + span {
  margin-left: 5px;
}
.project-settings-custom-scrumflow-view .step-that-component .shape .member-name,
.project-settings-custom-scrumflow-view .step-that-component .shape .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.project-settings-custom-scrumflow-view .step-that-component .member-avatar {
  height: 24px;
  width: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
.project-settings-custom-scrumflow-view .step-that-component > p + p {
  margin-top: 10px;
}
.project-settings-custom-scrumflow-view .step-this-component {
  margin: 8px auto;
  font-size: 14px;
  text-align: center;
}
.project-settings-custom-scrumflow-view .step-this-component .shape-arrow {
  display: block;
  margin: 8px auto;
}
.project-settings-custom-scrumflow-view .step-this-component .shape-arrow .line {
  fill: transparent;
  stroke: #D9D9D9;
  stroke-width: 1px;
}
.project-settings-custom-scrumflow-view .step-this-component .shape-circle-plus {
  border-color: #3da8f5 !important;
  color: #3da8f5 !important;
  display: inline-block;
  height: 44px;
  width: 44px;
  line-height: 42px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
}
.project-settings-custom-scrumflow-view .step-this-component .shape {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  margin: 0 auto;
  color: inherit;
}
.project-settings-custom-scrumflow-view .step-this-component .create-handler {
  display: inline-block;
  color: #383838;
  cursor: pointer;
}
.project-settings-custom-scrumflow-view .step-this-component .create-handler:hover {
  color: #3da8f5;
}
.project-settings-custom-scrumflow-view .step-this-component .without-content {
  color: #A6A6A6;
}
.project-settings-custom-scrumflow-view .step-this-component .without-content .shape {
  border-color: #FF4F3E;
}
.project-settings-custom-scrumflow-view .step-this-component .no-content-tip {
  display: block;
  margin-top: 2px;
  color: #FF4F3E;
  font-size: 12px;
}
.project-settings-custom-scrumflow-view .step-this-component .condition-key + .condition-key,
.project-settings-custom-scrumflow-view .step-this-component .condition-key + .condition-value,
.project-settings-custom-scrumflow-view .step-this-component .condition-value + .condition-value,
.project-settings-custom-scrumflow-view .step-this-component .condition-value + .condition-key {
  margin-top: 10px;
}
.project-settings-custom-scrumflow-view .step-this-component .shape {
  display: inline-block;
  height: 40px;
  padding: 0 16px;
  line-height: 38px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.project-settings-custom-scrumflow-view .step-this-component .shape span + span {
  margin-left: 5px;
}
.condition-select-menu-component .popover-content {
  max-height: 275px;
  padding: 0 15px;
  overflow-x: hidden;
  overflow-y: auto;
}
.condition-select-menu-component .condition-list {
  list-style: none;
}
.condition-select-menu-component .condition-list-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 40px;
  margin: 0 -15px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
}
.condition-select-menu-component .condition-list-item:hover {
  background-color: #F7F7F7;
}
.condition-select-menu-component .condition-text {
  color: #A6A6A6;
}
.condition-select-menu-component .popover-content.in-datepicker {
  padding: 16px;
}
.condition-select-menu-component .popover-content.in-datepicker .tb-datepicker {
  margin: -16px;
}
.member-list-component .member-list {
  list-style: none;
}
.member-list-component .member-list-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin: 0 -15px;
  padding: 0 15px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
}
.member-list-component .member-list-item:hover {
  background-color: #F7F7F7;
}
.member-list-component .member-avatar {
  height: 24px;
  width: 24px;
  margin-right: 10px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
.member-list-component .member-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #A6A6A6;
}
.priority-list-component {
  color: #808080;
}
.priority-list-component .priority-list {
  list-style: none;
}
.priority-list-component .priority-list-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin: 0 -15px;
  padding: 0 15px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
}
.priority-list-component .priority-list-item:hover {
  background-color: #F7F7F7;
}
.priority-list-component .priority-list-item .icon + .text,
.priority-list-component .priority-list-item .text + .icon {
  margin-left: 10px;
}
.priority-list-component .priority-list-item .icon {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.priority-list-component .priority-list-item .text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.priority-list-component .is-priority-none {
  color: #383838;
}
.priority-list-component .is-priority-high {
  color: #FFAF38;
}
.priority-list-component .is-priority-urgent {
  color: #FF4F3E;
}
.recurrence-list-component {
  color: #808080;
}
.recurrence-list-component .recurrence-list {
  list-style: none;
}
.recurrence-list-component .recurrence-list-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin: 0 -15px;
  padding: 0 15px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
}
.recurrence-list-component .recurrence-list-item:hover {
  background-color: #F7F7F7;
}
.recurrence-list-component .recurrence-list-item .icon + .text,
.recurrence-list-component .recurrence-list-item .text + .icon {
  margin-left: 10px;
}
.recurrence-list-component .recurrence-list-item .icon {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.recurrence-list-component .recurrence-list-item .text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.result-select-menu-component .popover-content {
  max-height: 275px;
  padding: 0 15px;
  overflow-x: hidden;
  overflow-y: auto;
}
.result-select-menu-component .result-list {
  list-style: none;
}
.result-select-menu-component .result-list-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 40px;
  margin: 0 -15px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
}
.result-select-menu-component .result-list-item:hover {
  background-color: #F7F7F7;
}
.result-select-menu-component .result-text {
  color: #A6A6A6;
}
.stage-list-component .tasklist-title {
  font-size: 12px;
  line-height: 40px;
  color: #A6A6A6;
}
.stage-list-component .tasklist-disable-tips {
  font-size: 12px;
}
.stage-list-component .stage-list {
  list-style: none;
}
.stage-list-component .stage-list + .tasklist-title {
  border-top: 1px solid #E5E5E5;
}
.stage-list-component .stage-list.is-disabled .stage-list-item {
  cursor: not-allowed;
}
.stage-list-component .stage-list.is-disabled .stage-list-item:hover {
  background-color: transparent !important;
}
.stage-list-component .stage-list.is-disabled .stage-name,
.stage-list-component .stage-list.is-disabled .stage-name-prefix {
  color: #CCCCCC !important;
}
.stage-list-component .stage-list-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 40px;
  margin: 0 -15px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
}
.stage-list-component .stage-list-item:hover {
  background-color: #F7F7F7;
}
.stage-list-component .stage-name-prefix {
  color: #808080;
}
.stage-list-component .stage-name {
  color: #A6A6A6;
}
.stage-select-menu-component .popover-content {
  max-height: 275px;
  padding: 0 15px;
  overflow-x: hidden;
  overflow-y: auto;
}
.stage-select-menu-component .tasklist-title {
  font-size: 12px;
  line-height: 40px;
  color: #A6A6A6;
}
.stage-select-menu-component .stage-list {
  list-style: none;
}
.stage-select-menu-component .stage-list + .tasklist-title {
  border-top: 1px solid #E5E5E5;
}
.stage-select-menu-component .stage-list-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 40px;
  margin: 0 -15px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
}
.stage-select-menu-component .stage-list-item:hover {
  background-color: #F7F7F7;
}
.stage-select-menu-component .stage-name-prefix {
  color: #808080;
}
.stage-select-menu-component .stage-name {
  color: #A6A6A6;
}
.remove-warning-component .btn-danger {
  width: 100%;
  margin-top: 15px;
}
.unsaved-warning-component .btn-danger {
  width: 100%;
  margin-top: 15px;
}
.group-member-table-component .group-member-table-cell-component {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.group-member-table-cell-component {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 20px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.group-member-table-cell-component .member-avatar {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 36px;
  width: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
.group-member-table-cell-component .member-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
}
.group-member-table-cell-component .member-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #383838;
}
.group-member-table-cell-component .member-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #A6A6A6;
}
.group-member-table-cell-component .member-role,
.group-member-table-cell-component .member-handler {
  margin-left: 15px;
}
.group-member-table-cell-component .member-role {
  color: #A6A6A6;
}
.group-member-table-cell-component .member-disabled {
  color: #A6A6A6;
}
.group-menu-component .popover-content {
  padding: 15px;
}
.group-menu-component .popover-content .remove-group-handler {
  color: #FF4F3E !important;
}
.group-menu-component .popover-content .remove-group-handler:hover {
  color: #FF4F3E;
}
.group-menu-component .popover-content .btn-content {
  margin-top: 15px;
}
.group-menu-component .popover-content .confirm {
  width: 100%;
}
.group-menu-component .popover-content .submit {
  width: 100%;
}
.group-overview-component {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
.group-overview-component .group-overview-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 20px 20px 25px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.group-overview-component .group-overview-body {
  height: 100%;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.group-overview-component .group-overview-title {
  font-size: 18px;
  line-height: 1.38888889;
  word-break: break-all;
  word-wrap: break-word;
}
.group-overview-component .group-overview-handler {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.group-tree-component .group-tree-node {
  line-height: 40px;
  border-radius: 3px;
}
.group-tree-component .group-tree-node:hover {
  background-color: #F7F7F7;
}
.group-tree-component .group-tree-node.active {
  background-color: #EEEEEE;
}
.group-tree-component .group-tree-node-link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
}
.group-tree-component .group-tree-node-link .icon {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 10px;
  padding-right: 8px;
  color: #808080;
}
.group-tree-component .group-tree-node-link .group-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal-dialog.confirm-dialog-view {
  margin: auto;
}
.modal-dialog.confirm-dialog-view.modal-dialog {
  width: 360px;
}
.modal-dialog.confirm-dialog-view .modal-header .modal-title {
  padding-right: 15px;
  color: #383838;
}
.modal-dialog.confirm-dialog-view .modal-body .btn {
  margin-top: 20px;
  width: 100%;
}
.tb-popup-hidden {
  display: none;
}
._3eIetvcMo_-YAcMHQbbgVC {
  height: 40px;
  min-width: 76px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  background-color: #3da8f5;
}
._3eIetvcMo_-YAcMHQbbgVC > span {
  display: inline-block;
}
._3eIetvcMo_-YAcMHQbbgVC > [data-role=icon] {
  height: 14px;
  width: 14px;
  margin-right: 8px;
  vertical-align: bottom;
  transition: fill 0.3s ease, color 0.3s ease;
  fill: #fff;
  color: #fff;
}
._3eIetvcMo_-YAcMHQbbgVC > [data-role=icon]:last-child {
  margin-right: 0;
}
._3eIetvcMo_-YAcMHQbbgVC:hover {
  cursor: pointer;
}
._3eIetvcMo_-YAcMHQbbgVC:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
}
._3eIetvcMo_-YAcMHQbbgVC:hover {
  background-color: #3696dc;
}
._3eIetvcMo_-YAcMHQbbgVC:active {
  background-color: #2a75ab;
}
._3zPDu4stmJc8LEgy77dzvL {
  height: 40px;
  min-width: 76px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  background-color: #ff4f3e;
}
._3zPDu4stmJc8LEgy77dzvL > span {
  display: inline-block;
}
._3zPDu4stmJc8LEgy77dzvL > [data-role=icon] {
  height: 14px;
  width: 14px;
  margin-right: 8px;
  vertical-align: bottom;
  transition: fill 0.3s ease, color 0.3s ease;
  fill: #fff;
  color: #fff;
}
._3zPDu4stmJc8LEgy77dzvL > [data-role=icon]:last-child {
  margin-right: 0;
}
._3zPDu4stmJc8LEgy77dzvL:hover {
  cursor: pointer;
}
._3zPDu4stmJc8LEgy77dzvL:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
}
._3zPDu4stmJc8LEgy77dzvL:hover {
  background-color: #e54637;
}
._3zPDu4stmJc8LEgy77dzvL:active {
  background-color: #b2372b;
}
._1C6ga9VbQm9F-NMU-WxK-d {
  height: 40px;
  min-width: 76px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  color: #3da8f5;
  border: 1px solid #3da8f5;
}
._1C6ga9VbQm9F-NMU-WxK-d > span {
  display: inline-block;
}
._1C6ga9VbQm9F-NMU-WxK-d > [data-role=icon] {
  height: 14px;
  width: 14px;
  margin-right: 8px;
  vertical-align: bottom;
  transition: fill 0.3s ease, color 0.3s ease;
  fill: #fff;
  color: #fff;
}
._1C6ga9VbQm9F-NMU-WxK-d > [data-role=icon]:last-child {
  margin-right: 0;
}
._1C6ga9VbQm9F-NMU-WxK-d:hover {
  cursor: pointer;
}
._1C6ga9VbQm9F-NMU-WxK-d:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
}
._1C6ga9VbQm9F-NMU-WxK-d:disabled {
  color: #a6a6a6 !important;
  background-color: #e5e5e5 !important;
  border: 1px solid #ccc !important;
}
._1C6ga9VbQm9F-NMU-WxK-d > [data-role=icon] {
  fill: #3da8f5;
  color: #3da8f5;
}
._1C6ga9VbQm9F-NMU-WxK-d:hover {
  color: #fff;
  background-color: #3da8f5;
  border: 1px solid transparent;
}
._1C6ga9VbQm9F-NMU-WxK-d:hover > [data-role=icon] {
  fill: #3da8f5;
  color: #3da8f5;
}
._1C6ga9VbQm9F-NMU-WxK-d:active {
  background-color: #2a75ab;
  border: 1px solid transparent;
}
._20DXS0JQz3iFRbwibPUKO9 {
  height: 40px;
  min-width: 76px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  color: #808080;
  border: 1px solid #ccc;
}
._20DXS0JQz3iFRbwibPUKO9 > span {
  display: inline-block;
}
._20DXS0JQz3iFRbwibPUKO9 > [data-role=icon] {
  height: 14px;
  width: 14px;
  margin-right: 8px;
  vertical-align: bottom;
  transition: fill 0.3s ease, color 0.3s ease;
  fill: #fff;
  color: #fff;
}
._20DXS0JQz3iFRbwibPUKO9 > [data-role=icon]:last-child {
  margin-right: 0;
}
._20DXS0JQz3iFRbwibPUKO9:hover {
  cursor: pointer;
}
._20DXS0JQz3iFRbwibPUKO9:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
}
._20DXS0JQz3iFRbwibPUKO9:disabled {
  color: #a6a6a6 !important;
  background-color: #e5e5e5 !important;
  border: 1px solid #ccc !important;
}
._20DXS0JQz3iFRbwibPUKO9:hover {
  color: #3da8f5;
  border: 1px solid #3da8f5;
}
._20DXS0JQz3iFRbwibPUKO9:active {
  color: #808080;
  border: 1px solid #ccc;
}
span.dls-icon[data-role=icon] {
  font-size: 16px;
}
svg.dls-icon[data-role=icon] {
  height: 16px;
  width: 16px;
}
._2AzeZVffE6OJjcRJHIQdLj {
  height: 40px;
  min-width: 76px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  height: 1em;
  max-height: 1em;
  min-width: 1em;
  max-width: 1em;
  padding: 0;
  font-size: 0;
  border-radius: 50%;
  background-color: #fff;
}
._2AzeZVffE6OJjcRJHIQdLj > span {
  display: inline-block;
}
._2AzeZVffE6OJjcRJHIQdLj > [data-role=icon] {
  height: 14px;
  width: 14px;
  margin-right: 8px;
  vertical-align: bottom;
  transition: fill 0.3s ease, color 0.3s ease;
  fill: #fff;
  color: #fff;
}
._2AzeZVffE6OJjcRJHIQdLj > [data-role=icon]:last-child {
  margin-right: 0;
}
._2AzeZVffE6OJjcRJHIQdLj:hover {
  cursor: pointer;
}
._2AzeZVffE6OJjcRJHIQdLj:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
}
._2AzeZVffE6OJjcRJHIQdLj > [data-role=icon] {
  height: 1em;
  width: 1em;
  line-height: 1em;
  font-size: inherit;
  transition: color 0.3s ease;
}
._2AzeZVffE6OJjcRJHIQdLj > [data-role=icon] {
  fill: #3da8f5;
  color: #3da8f5;
}
._2AzeZVffE6OJjcRJHIQdLj > [data-role=icon]:hover {
  fill: #3696dc;
  color: #3696dc;
}
._2AzeZVffE6OJjcRJHIQdLj > [data-role=icon]:active {
  fill: #2a75ab;
  color: #2a75ab;
}
._2AzeZVffE6OJjcRJHIQdLj:disabled {
  background-color: #fff !important;
}
._2AzeZVffE6OJjcRJHIQdLj:disabled > [data-role=icon] {
  fill: #ccc !important;
  color: #ccc !important;
}
._1qH9GAB4pglcUMLp0u4Uxq {
  height: 40px;
  min-width: 76px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  height: 1em;
  max-height: 1em;
  min-width: 1em;
  max-width: 1em;
  padding: 0;
  font-size: 0;
  border-radius: 50%;
  background-color: #fff;
}
._1qH9GAB4pglcUMLp0u4Uxq > span {
  display: inline-block;
}
._1qH9GAB4pglcUMLp0u4Uxq > [data-role=icon] {
  height: 14px;
  width: 14px;
  margin-right: 8px;
  vertical-align: bottom;
  transition: fill 0.3s ease, color 0.3s ease;
  fill: #fff;
  color: #fff;
}
._1qH9GAB4pglcUMLp0u4Uxq > [data-role=icon]:last-child {
  margin-right: 0;
}
._1qH9GAB4pglcUMLp0u4Uxq:hover {
  cursor: pointer;
}
._1qH9GAB4pglcUMLp0u4Uxq:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
}
._1qH9GAB4pglcUMLp0u4Uxq > [data-role=icon] {
  height: 1em;
  width: 1em;
  line-height: 1em;
  font-size: inherit;
  transition: color 0.3s ease;
}
._1qH9GAB4pglcUMLp0u4Uxq > [data-role=icon] {
  fill: #a6a6a6;
  color: #a6a6a6;
}
._1qH9GAB4pglcUMLp0u4Uxq:hover > [data-role=icon] {
  fill: #3da8f5;
  color: #3da8f5;
}
._1qH9GAB4pglcUMLp0u4Uxq:active > [data-role=icon] {
  fill: #3696dc;
  color: #3696dc;
}
._1qH9GAB4pglcUMLp0u4Uxq:disabled > [data-role=icon] {
  fill: #ccc;
  color: #ccc;
}
._3fqADcWb-EpISc1edebOjn > button[data-role*=button] {
  border-right: 1px solid rgba(255,255,255,0.26);
  border-radius: 0;
}
._3fqADcWb-EpISc1edebOjn > button[data-role*=button]:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
._3fqADcWb-EpISc1edebOjn > button[data-role*=button]:last-child {
  border: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
._3fqADcWb-EpISc1edebOjn > button[data-role*=button]:disabled {
  background-color: #ccc !important;
}
._3fqADcWb-EpISc1edebOjn > button[data-role*=button]:disabled [data-role=icon] {
  fill: #fff !important;
  color: #fff !important;
}
._3fqADcWb-EpISc1edebOjn > button[data-role=icon-button] {
  max-height: inherit;
  min-width: inherit;
  max-width: inherit;
  height: 40px;
  padding: 8px;
  background: #3da8f5;
}
._3fqADcWb-EpISc1edebOjn > button[data-role=icon-button] > [data-role=icon] {
  fill: #fff !important;
  color: #fff !important;
}
._3fqADcWb-EpISc1edebOjn > button[data-role=icon-button]:hover {
  background: #3696dc;
}
._3fqADcWb-EpISc1edebOjn > button[data-role=icon-button]:active {
  background: #2a75ab;
}
._1lbI9ag8XU_BAuHHwCXpnD {
  height: 40px;
  min-width: 76px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  color: #808080;
}
._1lbI9ag8XU_BAuHHwCXpnD > span {
  display: inline-block;
}
._1lbI9ag8XU_BAuHHwCXpnD > [data-role=icon] {
  height: 14px;
  width: 14px;
  margin-right: 8px;
  vertical-align: bottom;
  transition: fill 0.3s ease, color 0.3s ease;
  fill: #fff;
  color: #fff;
}
._1lbI9ag8XU_BAuHHwCXpnD > [data-role=icon]:last-child {
  margin-right: 0;
}
._1lbI9ag8XU_BAuHHwCXpnD:hover {
  cursor: pointer;
}
._1lbI9ag8XU_BAuHHwCXpnD:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
}
._1lbI9ag8XU_BAuHHwCXpnD:hover {
  color: #3da8f5;
}
._1lbI9ag8XU_BAuHHwCXpnD:active {
  color: #3da8f5;
}
._1lbI9ag8XU_BAuHHwCXpnD:disabled {
  color: #ccc !important;
  background-color: #fff !important;
}
._3sfPFHjwXmfDnuMGEfZnUh {
  height: 40px;
  min-width: 76px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  height: 24px;
  min-width: 40px;
  padding: 4px 8px;
  font-size: 12px;
  color: #3da8f5;
  border: 1px solid #3da8f5;
}
._3sfPFHjwXmfDnuMGEfZnUh > span {
  display: inline-block;
}
._3sfPFHjwXmfDnuMGEfZnUh > [data-role=icon] {
  height: 14px;
  width: 14px;
  margin-right: 8px;
  vertical-align: bottom;
  transition: fill 0.3s ease, color 0.3s ease;
  fill: #fff;
  color: #fff;
}
._3sfPFHjwXmfDnuMGEfZnUh > [data-role=icon]:last-child {
  margin-right: 0;
}
._3sfPFHjwXmfDnuMGEfZnUh:hover {
  cursor: pointer;
}
._3sfPFHjwXmfDnuMGEfZnUh:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
}
._3sfPFHjwXmfDnuMGEfZnUh:disabled {
  color: #a6a6a6 !important;
  background-color: #e5e5e5 !important;
  border: 1px solid #ccc !important;
}
._3sfPFHjwXmfDnuMGEfZnUh:hover {
  color: #fff;
  background-color: #3da8f5;
}
._3sfPFHjwXmfDnuMGEfZnUh:active {
  background-color: #2a75ab;
  border: 1px solid transparent;
}
._1V4PI6H1zKrkMXroWqWxql {
  height: 40px;
  min-width: 76px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  height: 24px;
  min-width: 40px;
  padding: 4px 8px;
  font-size: 12px;
  background-color: #3da8f5;
}
._1V4PI6H1zKrkMXroWqWxql > span {
  display: inline-block;
}
._1V4PI6H1zKrkMXroWqWxql > [data-role=icon] {
  height: 14px;
  width: 14px;
  margin-right: 8px;
  vertical-align: bottom;
  transition: fill 0.3s ease, color 0.3s ease;
  fill: #fff;
  color: #fff;
}
._1V4PI6H1zKrkMXroWqWxql > [data-role=icon]:last-child {
  margin-right: 0;
}
._1V4PI6H1zKrkMXroWqWxql:hover {
  cursor: pointer;
}
._1V4PI6H1zKrkMXroWqWxql:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
}
._1V4PI6H1zKrkMXroWqWxql:disabled {
  color: #a6a6a6 !important;
  background-color: #e5e5e5 !important;
  border: 1px solid #ccc !important;
}
._1V4PI6H1zKrkMXroWqWxql:hover {
  background-color: #3696dc;
}
._1V4PI6H1zKrkMXroWqWxql:active {
  background-color: #2a75ab;
}
._37eqGLko54SPfbY2Dd6bqS {
  height: 40px;
  min-width: 76px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  height: 20px;
  padding: 0;
  color: #808080;
}
._37eqGLko54SPfbY2Dd6bqS > span {
  display: inline-block;
}
._37eqGLko54SPfbY2Dd6bqS > [data-role=icon] {
  height: 14px;
  width: 14px;
  margin-right: 8px;
  vertical-align: bottom;
  transition: fill 0.3s ease, color 0.3s ease;
  fill: #fff;
  color: #fff;
}
._37eqGLko54SPfbY2Dd6bqS > [data-role=icon]:last-child {
  margin-right: 0;
}
._37eqGLko54SPfbY2Dd6bqS:hover {
  cursor: pointer;
}
._37eqGLko54SPfbY2Dd6bqS:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
}
._37eqGLko54SPfbY2Dd6bqS:disabled {
  color: #ccc !important;
  background-color: #fff !important;
}
._37eqGLko54SPfbY2Dd6bqS:disabled > [data-role=icon] {
  fill: #ccc !important;
  color: #ccc !important;
}
._37eqGLko54SPfbY2Dd6bqS > [data-role=icon] {
  fill: #808080;
  color: #808080;
}
._37eqGLko54SPfbY2Dd6bqS:hover,
._37eqGLko54SPfbY2Dd6bqS:active {
  color: #3da8f5;
}
._37eqGLko54SPfbY2Dd6bqS:hover > [data-role=icon],
._37eqGLko54SPfbY2Dd6bqS:active > [data-role=icon] {
  fill: #3da8f5;
  color: #3da8f5;
}
._1miRK-BnM-Wwc9VM9vPfPJ {
  height: 40px;
  min-width: 76px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  height: 20px;
  padding: 0;
  color: #3da8f5;
}
._1miRK-BnM-Wwc9VM9vPfPJ > span {
  display: inline-block;
}
._1miRK-BnM-Wwc9VM9vPfPJ > [data-role=icon] {
  height: 14px;
  width: 14px;
  margin-right: 8px;
  vertical-align: bottom;
  transition: fill 0.3s ease, color 0.3s ease;
  fill: #fff;
  color: #fff;
}
._1miRK-BnM-Wwc9VM9vPfPJ > [data-role=icon]:last-child {
  margin-right: 0;
}
._1miRK-BnM-Wwc9VM9vPfPJ:hover {
  cursor: pointer;
}
._1miRK-BnM-Wwc9VM9vPfPJ:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
}
._1miRK-BnM-Wwc9VM9vPfPJ:disabled {
  color: #ccc !important;
  background-color: #fff !important;
}
._1miRK-BnM-Wwc9VM9vPfPJ:disabled > [data-role=icon] {
  fill: #ccc !important;
  color: #ccc !important;
}
._1miRK-BnM-Wwc9VM9vPfPJ > [data-role=icon] {
  fill: #3da8f5;
  color: #3da8f5;
}
._1miRK-BnM-Wwc9VM9vPfPJ:hover,
._1miRK-BnM-Wwc9VM9vPfPJ:active {
  color: #2a75ab;
}
._1miRK-BnM-Wwc9VM9vPfPJ:hover > [data-role=icon],
._1miRK-BnM-Wwc9VM9vPfPJ:active > [data-role=icon] {
  fill: #2a75ab;
  color: #2a75ab;
}
._1R0dceVP_nd4_hIHIZSfIl-hidden {
  display: none;
}
@-webkit-keyframes slideBottomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideBottomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideBottomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
}
@keyframes slideBottomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
}
@-webkit-keyframes slideTopIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideTopIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideTopOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
@keyframes slideTopOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
@-webkit-keyframes slideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
}
@keyframes slideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
}
@-webkit-keyframes slideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
}
@keyframes slideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.O1WkA8aBoRFHJ1_8Nfnti {
  padding: 0;
  text-align: left;
}
.O1WkA8aBoRFHJ1_8Nfnti-hidden {
  display: none;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear {
  opacity: 0;
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave {
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active,
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-top,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-top {
  -webkit-animation-name: slideTopIn;
          animation-name: slideTopIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-top {
  -webkit-animation-name: slideTopOut;
          animation-name: slideTopOut;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-topLeft,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-topLeft {
  -webkit-animation-name: slideTopIn;
          animation-name: slideTopIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-topLeft {
  -webkit-animation-name: slideTopOut;
          animation-name: slideTopOut;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-topRight,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-topRight {
  -webkit-animation-name: slideTopIn;
          animation-name: slideTopIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-topRight {
  -webkit-animation-name: slideTopOut;
          animation-name: slideTopOut;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear {
  opacity: 0;
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave {
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active,
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-bottom,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-bottom {
  -webkit-animation-name: slideBottomIn;
          animation-name: slideBottomIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-bottom {
  -webkit-animation-name: slideBottomOut;
          animation-name: slideBottomOut;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomLeft,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomLeft {
  -webkit-animation-name: slideBottomIn;
          animation-name: slideBottomIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomLeft {
  -webkit-animation-name: slideBottomOut;
          animation-name: slideBottomOut;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomRight,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomRight {
  -webkit-animation-name: slideBottomIn;
          animation-name: slideBottomIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomRight {
  -webkit-animation-name: slideBottomOut;
          animation-name: slideBottomOut;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear {
  opacity: 0;
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave {
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active,
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-left,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-left {
  -webkit-animation-name: slideLeftIn;
          animation-name: slideLeftIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-left {
  -webkit-animation-name: slideLeftOut;
          animation-name: slideLeftOut;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-leftTop,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-leftTop {
  -webkit-animation-name: slideLeftIn;
          animation-name: slideLeftIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-leftTop {
  -webkit-animation-name: slideLeftOut;
          animation-name: slideLeftOut;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-leftBottom,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-leftBottom {
  -webkit-animation-name: slideLeftIn;
          animation-name: slideLeftIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-leftBottom {
  -webkit-animation-name: slideLeftOut;
          animation-name: slideLeftOut;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear {
  opacity: 0;
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave {
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active,
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-right,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-right {
  -webkit-animation-name: slideRightIn;
          animation-name: slideRightIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-right {
  -webkit-animation-name: slideRightOut;
          animation-name: slideRightOut;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-rightTop,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-rightTop {
  -webkit-animation-name: slideRightIn;
          animation-name: slideRightIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-rightTop {
  -webkit-animation-name: slideRightOut;
          animation-name: slideRightOut;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-enter-active.O1WkA8aBoRFHJ1_8Nfnti-placement-rightBottom,
.O1WkA8aBoRFHJ1_8Nfnti-slide-appear-active.O1WkA8aBoRFHJ1_8Nfnti-placement-rightBottom {
  -webkit-animation-name: slideRightIn;
          animation-name: slideRightIn;
}
.O1WkA8aBoRFHJ1_8Nfnti-slide-leave-active.O1WkA8aBoRFHJ1_8Nfnti-placement-rightBottom {
  -webkit-animation-name: slideRightOut;
          animation-name: slideRightOut;
}
.O1WkA8aBoRFHJ1_8Nfnti ._3ipAliyGaC7XPrCUd07VCS {
  position: relative;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}
.O1WkA8aBoRFHJ1_8Nfnti ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti ._374hoR5V7q4b5JP4HKlPw9:after {
  content: ' ';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottom ._3ipAliyGaC7XPrCUd07VCS,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomLeft ._3ipAliyGaC7XPrCUd07VCS,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomRight ._3ipAliyGaC7XPrCUd07VCS {
  margin-top: 5px;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottom ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomLeft ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomRight ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ {
  margin-top: 13px;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottom ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomLeft ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomRight ._374hoR5V7q4b5JP4HKlPw9 {
  top: -17px;
  border-bottom-color: rgba(0,0,0,0.05);
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottom ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomLeft ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomRight ._374hoR5V7q4b5JP4HKlPw9:after {
  top: -7px;
  border-bottom-color: #fff;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-top ._3ipAliyGaC7XPrCUd07VCS,
.O1WkA8aBoRFHJ1_8Nfnti-placement-topLeft ._3ipAliyGaC7XPrCUd07VCS,
.O1WkA8aBoRFHJ1_8Nfnti-placement-topRight ._3ipAliyGaC7XPrCUd07VCS {
  margin-bottom: 5px;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-top ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ,
.O1WkA8aBoRFHJ1_8Nfnti-placement-topLeft ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ,
.O1WkA8aBoRFHJ1_8Nfnti-placement-topRight ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ {
  margin-bottom: 13px;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-top ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-topLeft ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-topRight ._374hoR5V7q4b5JP4HKlPw9 {
  bottom: -17px;
  border-top-color: rgba(0,0,0,0.05);
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-top ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-topLeft ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-topRight ._374hoR5V7q4b5JP4HKlPw9:after {
  bottom: -7px;
  border-top-color: #fff;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-left ._3ipAliyGaC7XPrCUd07VCS,
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftTop ._3ipAliyGaC7XPrCUd07VCS,
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftBottom ._3ipAliyGaC7XPrCUd07VCS {
  margin-right: 5px;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-left ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ,
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftTop ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ,
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftBottom ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ {
  margin-right: 13px;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-left ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftTop ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftBottom ._374hoR5V7q4b5JP4HKlPw9 {
  right: -17px;
  border-left-color: rgba(0,0,0,0.05);
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-left ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftTop ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftBottom ._374hoR5V7q4b5JP4HKlPw9:after {
  right: -7px;
  border-left-color: #fff;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-right ._3ipAliyGaC7XPrCUd07VCS,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightTop ._3ipAliyGaC7XPrCUd07VCS,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightBottom ._3ipAliyGaC7XPrCUd07VCS {
  margin-left: 5px;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-right ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightTop ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightBottom ._3ipAliyGaC7XPrCUd07VCS._1wCrFngfdY5VmQxLDCSGJJ {
  margin-left: 13px;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-right ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightTop ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightBottom ._374hoR5V7q4b5JP4HKlPw9 {
  left: -17px;
  border-right-color: rgba(0,0,0,0.05);
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-right ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightTop ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightBottom ._374hoR5V7q4b5JP4HKlPw9:after {
  left: -7px;
  border-right-color: #fff;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-top ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottom ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-top ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottom ._374hoR5V7q4b5JP4HKlPw9:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-topLeft ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomLeft ._374hoR5V7q4b5JP4HKlPw9 {
  left: 0.1em;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-topLeft ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomLeft ._374hoR5V7q4b5JP4HKlPw9:after {
  left: -8px;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-topRight ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomRight ._374hoR5V7q4b5JP4HKlPw9 {
  right: 0.1em;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-topRight ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-bottomRight ._374hoR5V7q4b5JP4HKlPw9:after {
  right: -8px;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-left ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-right ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-left ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-right ._374hoR5V7q4b5JP4HKlPw9:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftTop ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightTop ._374hoR5V7q4b5JP4HKlPw9 {
  top: 0.1em;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftTop ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightTop ._374hoR5V7q4b5JP4HKlPw9:after {
  top: -8px;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftBottom ._374hoR5V7q4b5JP4HKlPw9,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightBottom ._374hoR5V7q4b5JP4HKlPw9 {
  bottom: 0.1em;
}
.O1WkA8aBoRFHJ1_8Nfnti-placement-leftBottom ._374hoR5V7q4b5JP4HKlPw9:after,
.O1WkA8aBoRFHJ1_8Nfnti-placement-rightBottom ._374hoR5V7q4b5JP4HKlPw9:after {
  bottom: -8px;
}
._2nRDIoS9PESNYzrqgiVh95 {
  border-radius: 4px;
  padding: 4px 0;
  margin: 0;
  max-height: 400px;
  min-width: 200px;
  list-style: none;
  background: #fff;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
}
._2nRDIoS9PESNYzrqgiVh95 > li[data-role=separator] {
  margin-left: 16px;
  margin-right: 16px;
}
._2JWNwmd2ZhIboeMesIdz2Z {
  min-height: 36px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  color: #383838;
  box-sizing: border-box;
  padding: 8px 16px;
}
._2JWNwmd2ZhIboeMesIdz2Z:hover {
  background: #f5f5f5;
}
._2JWNwmd2ZhIboeMesIdz2Z > [data-role=icon] {
  height: 16px;
  width: 16px;
  line-height: 16px;
}
._2JWNwmd2ZhIboeMesIdz2Z > [data-role=icon]:last-child {
  margin-left: 16px;
}
._2JWNwmd2ZhIboeMesIdz2Z > [data-role=icon]:first-child {
  margin-right: 16px;
}
._1-bdUjzgwvYJuuqgYp7_An {
  color: #ccc;
  background: #fff !important;
  cursor: not-allowed;
}
.DFP0jrD81adrX8VW-tbdn {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 16px;
}
.QmiE443SZOdNulpzQAwZU {
  color: #808080;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
}
.e7085oTwZYSEu88bH_T0s {
  padding: 12px 16px;
}
._3gWR2k0boiu8DPhCLxMo8D {
  border-top: 1px solid #e5e5e5;
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
  list-style: none;
}
.YZGNNb6SlOOGJ1MJnqbx_ {
  border-top: 1px solid #e5e5e5;
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
  list-style: none;
  position: relative;
  left: 0;
  width: 100%;
  height: 1px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.Cy-2paerEa7ZrQnyABD5D {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 28px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.Cy-2paerEa7ZrQnyABD5D input {
  position: absolute;
  opacity: 0;
  width: 52px;
  height: 28px;
  border: 0;
  margin: 0;
}
.Cy-2paerEa7ZrQnyABD5D input:checked + ._2yNiwZKNSatM343EiqzyzE:before {
  -webkit-transform: translateX(24px);
          transform: translateX(24px);
}
.Cy-2paerEa7ZrQnyABD5D input:checked + ._2yNiwZKNSatM343EiqzyzE {
  background-color: #3da8f5;
}
.Cy-2paerEa7ZrQnyABD5D input:disabled + ._2yNiwZKNSatM343EiqzyzE {
  background-color: #e5e5e5;
  cursor: not-allowed;
}
._2yNiwZKNSatM343EiqzyzE {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a6a6a6;
  transition: 0.4s;
  border-radius: 24px;
}
._2yNiwZKNSatM343EiqzyzE:before {
  position: absolute;
  content: '';
  height: 24px;
  width: 24px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
  border-radius: 50%;
}
@-webkit-keyframes slideBottomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideBottomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideBottomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
}
@keyframes slideBottomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
}
@-webkit-keyframes slideTopIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideTopIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideTopOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
@keyframes slideTopOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
@-webkit-keyframes slideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
}
@keyframes slideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
}
@-webkit-keyframes slideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
}
@keyframes slideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
._3J1KzPI0LIoTX4o0dk4IzV {
  position: relative;
  font-size: 12px;
}
._3J1KzPI0LIoTX4o0dk4IzV-fade-enter,
._3J1KzPI0LIoTX4o0dk4IzV-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
._3J1KzPI0LIoTX4o0dk4IzV-fade-leave {
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
._3J1KzPI0LIoTX4o0dk4IzV-fade-enter-active,
._3J1KzPI0LIoTX4o0dk4IzV-fade-appear-active,
._3J1KzPI0LIoTX4o0dk4IzV-fade-leave-active {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
._3J1KzPI0LIoTX4o0dk4IzV-fade-enter-active._3J1KzPI0LIoTX4o0dk4IzV,
._3J1KzPI0LIoTX4o0dk4IzV-fade-appear-active._3J1KzPI0LIoTX4o0dk4IzV {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
._3J1KzPI0LIoTX4o0dk4IzV-fade-leave-active._3J1KzPI0LIoTX4o0dk4IzV {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}
._3J1KzPI0LIoTX4o0dk4IzV-hidden {
  display: none;
}
._3J1KzPI0LIoTX4o0dk4IzV ._2JkAIPvCHu924XWFzGtAGT {
  position: relative;
  height: 28px;
  padding: 8px 12px;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0,0,0,0.25);
  color: #fff;
  background: #383838;
}
._3J1KzPI0LIoTX4o0dk4IzV .D_KjVeOTX2CHxR9bInQ63 {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 4px;
}
._3J1KzPI0LIoTX4o0dk4IzV ._1I25GiMSyFSx2-ASOxerCj {
  font-size: 12px;
  line-height: 1;
  max-width: 252px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-bottom ._2JkAIPvCHu924XWFzGtAGT,
._3J1KzPI0LIoTX4o0dk4IzV-placement-bottomLeft ._2JkAIPvCHu924XWFzGtAGT,
._3J1KzPI0LIoTX4o0dk4IzV-placement-bottomRight ._2JkAIPvCHu924XWFzGtAGT {
  margin-top: 8px;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-bottom .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-bottomLeft .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-bottomRight .D_KjVeOTX2CHxR9bInQ63 {
  top: -4px;
  border-width: 0 4px 4px;
  border-bottom-color: #383838;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-top ._2JkAIPvCHu924XWFzGtAGT,
._3J1KzPI0LIoTX4o0dk4IzV-placement-topLeft ._2JkAIPvCHu924XWFzGtAGT,
._3J1KzPI0LIoTX4o0dk4IzV-placement-topRight ._2JkAIPvCHu924XWFzGtAGT {
  margin-bottom: 8px;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-top .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-topLeft .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-topRight .D_KjVeOTX2CHxR9bInQ63 {
  bottom: -4px;
  border-width: 4px 4px 0;
  border-top-color: #383838;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-left ._2JkAIPvCHu924XWFzGtAGT,
._3J1KzPI0LIoTX4o0dk4IzV-placement-leftTop ._2JkAIPvCHu924XWFzGtAGT,
._3J1KzPI0LIoTX4o0dk4IzV-placement-leftBottom ._2JkAIPvCHu924XWFzGtAGT {
  margin-right: 8px;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-left .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-leftTop .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-leftBottom .D_KjVeOTX2CHxR9bInQ63 {
  right: -4px;
  border-width: 4px 0 4px 4px;
  border-left-color: #383838;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-right ._2JkAIPvCHu924XWFzGtAGT,
._3J1KzPI0LIoTX4o0dk4IzV-placement-rightTop ._2JkAIPvCHu924XWFzGtAGT,
._3J1KzPI0LIoTX4o0dk4IzV-placement-rightBottom ._2JkAIPvCHu924XWFzGtAGT {
  margin-left: 8px;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-right .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-rightTop .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-rightBottom .D_KjVeOTX2CHxR9bInQ63 {
  left: -4px;
  border-width: 4px 4px 4px 0;
  border-right-color: #383838;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-top .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-bottom .D_KjVeOTX2CHxR9bInQ63 {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-topLeft .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-bottomLeft .D_KjVeOTX2CHxR9bInQ63 {
  left: 12px;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-topRight .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-bottomRight .D_KjVeOTX2CHxR9bInQ63 {
  right: 12px;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-left .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-right .D_KjVeOTX2CHxR9bInQ63 {
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  top: 50%;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-leftTop .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-rightTop .D_KjVeOTX2CHxR9bInQ63 {
  top: 6px;
}
._3J1KzPI0LIoTX4o0dk4IzV-placement-leftBottom .D_KjVeOTX2CHxR9bInQ63,
._3J1KzPI0LIoTX4o0dk4IzV-placement-rightBottom .D_KjVeOTX2CHxR9bInQ63 {
  bottom: 6px;
}
._2rMK9TsUK5KEwSTyq8nX2Z {
  padding: 0;
}
.diLwHHz2B7_W8uMCNKH6Q {
  padding: 10px 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  font-size: 14px;
}
._2fI0DlLSjMvAN2GgsxKT2D {
  font-size: inherit;
}
._2fI0DlLSjMvAN2GgsxKT2D .eKiMT8m-g_PtjiMSNHaln {
  -webkit-transform: rotate(90deg) scale(0.8);
          transform: rotate(90deg) scale(0.8);
}
._2GlfXMnzXzUq-_AC6RxUqS {
  margin: 0 10px;
  padding: 20px;
}
.eKiMT8m-g_PtjiMSNHaln {
  margin-right: 4px;
  -webkit-transform: rotate(0deg) scale(0.8);
          transform: rotate(0deg) scale(0.8);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
._2y3JKDXgMx06tsG1QYo2cA {
  padding: 10px 0;
  border-radius: 4px;
  background-color: #fff;
}
@-webkit-keyframes slideBottomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideBottomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideBottomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
}
@keyframes slideBottomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
}
@-webkit-keyframes slideTopIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideTopIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideTopOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
@keyframes slideTopOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
@-webkit-keyframes slideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
}
@keyframes slideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
}
@-webkit-keyframes slideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
}
@keyframes slideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
._1hUg3D818R1mhAChJeDNik {
  display: inline-block;
  position: relative;
}
._1e2vel1O5xk6sfWrDHZzhG {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
._1e2vel1O5xk6sfWrDHZzhG input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
}
._1e2vel1O5xk6sfWrDHZzhG input:checked + ._7XvRhUP6nO8mEUI63WdCR:before {
  content: '';
  width: 50%;
  height: 25%;
  left: 20%;
  top: 25%;
  position: absolute;
  border: 2px solid #a6a6a6;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
._1e2vel1O5xk6sfWrDHZzhG input:disabled + ._7XvRhUP6nO8mEUI63WdCR:before {
  content: '';
  width: 50%;
  height: 25%;
  left: 20%;
  top: 25%;
  position: absolute;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
._1e2vel1O5xk6sfWrDHZzhG input:disabled[value='on'] + ._7XvRhUP6nO8mEUI63WdCR:after {
  background-color: #e5e5e5;
  margin-left: -2px;
  margin-top: -2px;
  border: 2px solid #e5e5e5;
}
._1e2vel1O5xk6sfWrDHZzhG ._7XvRhUP6nO8mEUI63WdCR {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 2px solid #a6a6a6;
  border-radius: 4px;
  box-sizing: border-box;
  transition: border-color 0.15s ease;
}
._1e2vel1O5xk6sfWrDHZzhG ._7XvRhUP6nO8mEUI63WdCR:before {
  transition: border-color 0.15s ease;
}
._1e2vel1O5xk6sfWrDHZzhG ._7XvRhUP6nO8mEUI63WdCR:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: inline-block;
  border-radius: 4px;
  background: transparent;
  transition: background 0.15s ease;
}
._1e2vel1O5xk6sfWrDHZzhG + ._2ho9tm5Jm2PqTT7sJLHJbS {
  font-size: 16px;
  margin-left: 28px;
}
._2QvOyscIV54D0Ed02vKTDF {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
._2QvOyscIV54D0Ed02vKTDF input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
}
._2QvOyscIV54D0Ed02vKTDF input:checked + ._7XvRhUP6nO8mEUI63WdCR:before {
  content: '';
  width: 50%;
  height: 25%;
  left: 20%;
  top: 25%;
  position: absolute;
  border: 2px solid #a6a6a6;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
._2QvOyscIV54D0Ed02vKTDF input:disabled + ._7XvRhUP6nO8mEUI63WdCR:before {
  content: '';
  width: 50%;
  height: 25%;
  left: 20%;
  top: 25%;
  position: absolute;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
._2QvOyscIV54D0Ed02vKTDF input:disabled[value='on'] + ._7XvRhUP6nO8mEUI63WdCR:after {
  background-color: #e5e5e5;
  margin-left: -2px;
  margin-top: -2px;
  border: 2px solid #e5e5e5;
}
._2QvOyscIV54D0Ed02vKTDF ._7XvRhUP6nO8mEUI63WdCR {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 2px solid #a6a6a6;
  border-radius: 4px;
  box-sizing: border-box;
  transition: border-color 0.15s ease;
}
._2QvOyscIV54D0Ed02vKTDF ._7XvRhUP6nO8mEUI63WdCR:before {
  transition: border-color 0.15s ease;
}
._2QvOyscIV54D0Ed02vKTDF ._7XvRhUP6nO8mEUI63WdCR:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: inline-block;
  border-radius: 4px;
  background: transparent;
  transition: background 0.15s ease;
}
._2QvOyscIV54D0Ed02vKTDF + ._2ho9tm5Jm2PqTT7sJLHJbS {
  font-size: 12px;
  margin-left: 20px;
}
._2ho9tm5Jm2PqTT7sJLHJbS {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 100%;
}
._1aLBhI2TM8xWm6iuuKzz4V {
  cursor: not-allowed;
}
._1aLBhI2TM8xWm6iuuKzz4V ._7XvRhUP6nO8mEUI63WdCR {
  border-color: #e5e5e5 !important;
}
@-webkit-keyframes slideBottomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideBottomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideBottomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
}
@keyframes slideBottomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
}
@-webkit-keyframes slideTopIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideTopIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideTopOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
@keyframes slideTopOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
@-webkit-keyframes slideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
}
@keyframes slideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
}
@-webkit-keyframes slideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
}
@keyframes slideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
._1l1NMP8vdF6-J4y0D5vUI9 {
  display: inline-block;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-sizing: border-box;
  vertical-align: bottom;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #a6a6a6;
  transition: border 0.15s ease;
}
._1l1NMP8vdF6-J4y0D5vUI9 input {
  opacity: 0;
  width: 0;
  height: 0;
}
._1l1NMP8vdF6-J4y0D5vUI9 input + ._2oYsAldqN_1-F06f-X9YIn:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: background-color 0.15s ease,  -webkit-transform 0.15s ease;
  transition: background-color 0.15s ease,  transform 0.15s ease;
  transition: background-color 0.15s ease,  transform 0.15s ease,  -webkit-transform 0.15s ease;
}
._1l1NMP8vdF6-J4y0D5vUI9 input:checked + ._2oYsAldqN_1-F06f-X9YIn:before {
  background-color: #3da8f5;
  -webkit-transform: scale(1);
          transform: scale(1);
}
._2oYsAldqN_1-F06f-X9YIn {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  left: 0;
  background: #fff;
  transition: background-color 0.15s ease;
}
._251a-PG4H-tr-dpzqwxADl {
  cursor: not-allowed;
  border-color: #e5e5e5;
}
._251a-PG4H-tr-dpzqwxADl + ._1pyTZlNGqwMZ-yPdyB_0T9 {
  color: #e5e5e5;
  cursor: not-allowed;
}
._251a-PG4H-tr-dpzqwxADl input:checked:disabled + ._2oYsAldqN_1-F06f-X9YIn {
  background: #e5e5e5;
}
._251a-PG4H-tr-dpzqwxADl input:checked:disabled + ._2oYsAldqN_1-F06f-X9YIn:before {
  background-color: #ccc !important;
}
._1pyTZlNGqwMZ-yPdyB_0T9 {
  position: relative;
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: color 0.15s ease;
}
._3SPVNWxWDXa2MDhietrk1R {
  position: relative;
  display: inline-block;
  line-height: 1;
}
._1moYY-ZKSfvZF_MTyQzEbm {
  position: relative;
}
._33LscT5YO_hV9Q8h9hsbaq {
  padding: 0px 20px;
  min-width: 252px;
  box-sizing: border-box;
}
._1VQZ2A4HLwXp3ST8vdPw4z {
  text-align: center;
  padding: 12px 20px;
  position: relative;
}
._1VQZ2A4HLwXp3ST8vdPw4z *[data-role=icon] {
  vertical-align: bottom;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #a6a6a6;
  color: #a6a6a6;
}
._3iCwUEtWsLDoWRi27e3e2u {
  padding: 20px 0;
  box-sizing: border-box;
}
._1XPIQvdZJ1ieYPqkwou-l5 {
  right: 0;
}
._3Ta1bUQAAPID968xELG7T5 {
  left: 0;
}
.tb-select {
  width: 100px;
  max-height: 240px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 7px 21px rgba(0,0,0,0.1);
  overflow-x: hidden;
  overflow-y: auto;
}
.tb-select-list {
  padding: 2px 0;
}
.tb-select-list li {
  padding: 8px 12px;
  vertical-align: middle;
  cursor: pointer;
}
.tb-select-list li.selected,
.tb-select-list li:hover {
  background-color: #f5f5f5;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }
  .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff; }
  .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae; }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
  margin-top: -20px; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1; }
  .react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc; }
    .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b2b2; }
  .react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc; }
    .react-datepicker__navigation--next:hover {
      border-left-color: #b3b2b2; }
  .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .react-datepicker__navigation--years-previous {
      top: 4px;
      border-top-color: #ccc; }
      .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b2b2; }
    .react-datepicker__navigation--years-upcoming {
      top: -4px;
      border-bottom-color: #ccc; }
      .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b2b2; }

.react-datepicker__month-container {
  display: inline;
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day {
  cursor: pointer; }
  .react-datepicker__day:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0; }
  .react-datepicker__day--today {
    font-weight: bold; }
  .react-datepicker__day--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff; }
    .react-datepicker__day--highlighted:hover {
      background-color: #32be3f; }
  .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff; }
    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff; }
    .react-datepicker__day--keyboard-selected:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33, 107, 165, 0.5); }
  .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000; }
  .react-datepicker__day--disabled {
    cursor: default;
    color: #ccc; }
    .react-datepicker__day--disabled:hover {
      background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem; }
  .react-datepicker__year-read-view:hover,
  .react-datepicker__month-read-view:hover {
    cursor: pointer; }
    .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
      border-top-color: #b3b2b2; }
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }
  .react-datepicker__year-dropdown:hover,
  .react-datepicker__month-dropdown:hover {
    cursor: pointer; }
  .react-datepicker__year-dropdown--scrollable,
  .react-datepicker__month-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .react-datepicker__year-option:first-of-type,
  .react-datepicker__month-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem; }
  .react-datepicker__year-option:last-of-type,
  .react-datepicker__month-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }
  .react-datepicker__year-option:hover,
  .react-datepicker__month-option:hover {
    background-color: #ccc; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming {
      border-bottom-color: #b3b2b2; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous {
      border-top-color: #b3b2b2; }
  .react-datepicker__year-option--selected,
  .react-datepicker__month-option--selected {
    position: absolute;
    left: 15px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle; }
  .react-datepicker__close-icon::after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\D7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__tether-element {
  z-index: 2147483647; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647; }
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day {
    width: 3rem;
    line-height: 3rem; }
  @media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day {
      width: 2rem;
      line-height: 2rem; } }
  .react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem; }
  .react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent; }
  .react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b2b2; }
  .react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--next:hover {
      border-left-color: #b3b2b2; }
.tb-datepicker {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 252px;
  outline: none;
}
.tb-datepicker-inputs {
  margin: 0;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  height: 28px;
  padding: 6px 0;
}
.tb-datepicker-inputs > input.form-control {
  display: inline-block;
  border: none;
  padding: 0 12px;
  font-size: 14px;
  height: 16px;
  line-height: 1;
  min-width: 0%;
}
.tb-datepicker-inputs > input.form-control.time-input {
  width: 86px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-left: 1px solid #E5E5E5;
}
.tb-datepicker-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin-top: 8px;
}
.tb-datepicker-title .current-month {
  width: 158px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
}
.tb-datepicker-title .current-month:hover {
  background-color: #F5F5F5;
}
.tb-datepicker-title .icon {
  padding: 0 10px;
}
.tb-datepicker-calendar {
  border: none;
  font-size: 14px;
  margin-bottom: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tb-datepicker-calendar .react-datepicker__current-month,
.tb-datepicker-calendar .react-datepicker__triangle,
.tb-datepicker-calendar .react-datepicker__navigation {
  display: none;
}
.tb-datepicker-calendar .react-datepicker__month-container {
  float: none;
}
.tb-datepicker-calendar .react-datepicker__header {
  padding: 0;
  border: none;
  background-color: transparent;
}
.tb-datepicker-calendar .react-datepicker__day--outside-month {
  color: #A6A6A6;
}
.tb-datepicker-calendar .react-datepicker__day--today {
  color: #3da8f5;
  background-color: #F5F5F5;
}
.tb-datepicker-calendar .react-datepicker__day--selected {
  color: #FFFFFF;
  background-color: #3da8f5;
}
.tb-datepicker-calendar .react-datepicker__day-name,
.tb-datepicker-calendar .react-datepicker__day {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 1px;
}
.tb-datepicker-calendar .react-datepicker__day {
  border-radius: 3px;
}
.tb-datepicker-calendar .react-datepicker__day-name {
  font-weight: bold;
}
.tb-datepicker-calendar .react-datepicker__week .react-datepicker__day:nth-of-type(1),
.tb-datepicker-calendar .react-datepicker__week .react-datepicker__day:nth-of-type(7) {
  width: 24px;
}
.tb-datepicker-calendar .react-datepicker__month {
  margin: 0;
}
.tb-datepicker-footer {
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tb-datepicker-footer > [data-role=button] {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 38px;
  padding: 0;
  margin-left: 12px;
}
.tb-datepicker-footer > [data-role=button]:first-of-type {
  margin-left: 0;
}
.tb-datepicker .month-select .tb-select {
  width: 158px;
  text-align: center;
}
.tb-datepicker .tb-timepicker .tb-select {
  width: 86px;
  margin-top: 10px;
}
.tb-datepicker {
  padding: 0;
}
.tb-datepicker .tb-datepicker-inputs {
  margin: 16px;
  margin-bottom: 0;
}
.tb-datepicker .tb-datepicker-title {
  padding: 0 4px;
}
.tb-datepicker .tb-datepicker-footer {
  margin: 16px;
  margin-top: 0;
}
.tb-popup > .tb-datepicker {
  background: white;
  border-radius: 3px;
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);
}
.work-icon[icon-type=app] .icon-task:before {
  content: "\EA10";
}
.work-icon[icon-type=app] .icon-event:before {
  content: "\EA1C";
}
.work-icon[icon-type=app] .icon-entry:before {
  content: "\EACB";
}
.work-icon[icon-type=app] .icon-post:before {
  content: "\EB64";
}
.work-icon[icon-type=image],
.work-icon[icon-type=app] {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 4px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
  vertical-align: top;
}
.work-icon[icon-type=app] {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3da8f5;
}
.work-icon[icon-type=app] .icon {
  color: #ffffff;
}
.work-icon .svg-icon {
  font-size: 32px;
  margin: 4px 0;
}
.work-icon .on-ae {
  fill: #AC41BD;
}
.work-icon .on-ai {
  fill: #795747;
}
.work-icon .on-sketch {
  fill: #FF9903;
}
.work-icon .on-others {
  fill: #808080;
}
.work-icon .on-ppt {
  fill: #FF5D26;
}
.work-icon .on-ps,
.work-icon .on-xml,
.work-icon .on-html,
.work-icon .on-font,
.work-icon .on-doc,
.work-icon .on-key,
.work-icon .on-music,
.work-icon .on-numbers,
.work-icon .on-photo,
.work-icon .on-video,
.work-icon .on-zip {
  fill: #3da8f5;
}
.work-icon .on-css,
.work-icon .on-js,
.work-icon .on-pdf {
  fill: #E72C2A;
}
.svg-icon {
  width: 1em;
  height: 1em;
  overflow: hidden;
  vertical-align: top;
}
.file-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.file-item .file-item-icon {
  margin-right: 8px;
}
.file-item .file-item-icon .svg-icon {
  margin: 0;
}
.file-item .file-item-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.file-item .file-item-content .file-item-name {
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  min-width: 0;
}
.file-item .file-item-content .file-item-name .file-item-name-main {
  overflow: hidden;
  max-width: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: nowrap;
}
.file-item .file-item-content .file-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 240px;
  margin-left: 16px;
  color: #808080;
}
.file-item .file-item-content.with-collection-name {
  padding: 4px 0;
  line-height: 16px;
}
.file-item .collection {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  font-size: 12px;
  text-decoration: underline;
  overflow: hidden;
  max-width: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: nowrap;
  cursor: pointer;
}
.file-item .collection:hover {
  color: #3da8f5;
}
.file-item .file-size {
  margin-left: 3px;
}
.work-icon.image-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
  vertical-align: top;
}
.work-icon .svg-icon {
  font-size: 32px;
}
.work-icon .on-ae {
  fill: #797ec9;
}
.work-icon .on-ai {
  fill: #795747;
}
.work-icon .on-sketch {
  fill: #ffaf38;
}
.work-icon .on-others {
  fill: #808080;
}
.work-icon .on-ps,
.work-icon .on-xml,
.work-icon .on-html,
.work-icon .on-font,
.work-icon .on-doc,
.work-icon .on-key,
.work-icon .on-music,
.work-icon .on-numbers,
.work-icon .on-photo,
.work-icon .on-video,
.work-icon .on-zip {
  fill: #3da8f5;
}
.work-icon .on-css,
.work-icon .on-js,
.work-icon .on-pdf,
.work-icon .on-ppt {
  fill: #ff4f3e;
}
.svg-icon {
  width: 1em;
  height: 1em;
  overflow: hidden;
  vertical-align: top;
}
.elastic-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: pre;
  min-width: 0;
}
.elastic-title-head,
.elastic-title-tail {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 0%;
  overflow: hidden;
}
.elastic-title.ellipsis-on-middle .elastic-title-head {
  text-overflow: ellipsis;
}
.elastic-title.ellipsis-on-middle .elastic-title-tail {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.elastic-title.ellipsis-on-ends .elastic-title-head {
  direction: rtl;
  text-overflow: ellipsis;
}
.elastic-title.ellipsis-on-ends .elastic-title-tail {
  text-overflow: ellipsis;
}
.uploader-wrapper {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px;
}
.uploader-item {
  margin-bottom: 10px;
  position: relative;
}
.uploader-item .uploader-content {
  position: relative;
  overflow: hidden;
  max-width: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: nowrap;
}
.uploader-item .uploader-handlers {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 8px;
}
.uploader-item .uploader-handlers .icon-tick {
  color: #3da8f5;
  cursor: initial;
}
.uploader-item .uploader-handlers.canXunLei {
  margin-left: 0;
  width: 64px;
}
.uploader-item .uploader-handlers.canXunLei .icon + .icon {
  margin-left: 8px;
}
.uploader-item .progress-container {
  position: absolute;
  bottom: 2px;
  width: 100%;
  padding-left: 40px;
}
.uploader-item .progress-container .progress {
  position: relative;
  width: 100%;
  height: 2px;
  margin-bottom: 0;
  box-shadow: none;
  border-radius: 0;
  background-color: #d8eefd;
}
.uploader-item .progress-container .progress-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 100%;
  max-width: 100%;
  background-color: #3da8f5;
  box-shadow: none;
}
.evernote-picker-view {
  margin: -8px 0;
  overflow-y: auto;
}
.link-abstract-view .inte-item {
  padding: 10px;
}
.link-abstract-view .inte-item .inte-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  color: #808080;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  background-size: cover;
  background-color: #EEEEEE;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3px;
}
.link-abstract-view .inte-item .inte-body {
  min-width: 0;
}
.link-abstract-view .inte-item .inte-title,
.link-abstract-view .inte-item .inte-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.link-abstract-view .inte-item .inte-title {
  font-size: 14px;
  line-height: 20px;
}
.link-abstract-view .inte-item .inte-content {
  margin-top: 2px;
  font-size: 12px;
  line-height: 18px;
  color: #808080;
}
.link-abstract-view {
  position: relative;
}
.link-abstract-view:after {
  position: absolute;
  display: inline-block;
  content: '';
  height: 1px;
  bottom: 0;
  left: 60px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.07);
}
.link-abstract-view:last-of-type:after {
  display: none;
}
.link-abstract-view .menu-handler {
  position: static;
  display: none;
  font-size: 12px;
}
.link-abstract-view:hover .menu-handler {
  display: block;
}
.standard-link-view .link-abstract-view {
  background-color: #FFFFFF;
}
.standard-link-view .link-abstract-view.with-url {
  cursor: pointer;
}
.standard-link-view .link-abstract-view.with-url:hover {
  background-color: transparent;
}
.react-avatar {
  position: relative;
}
.react-avatar .react-avatar-image {
  display: block;
  width: 24px;
  height: 24px;
}
.react-avatar .react-avatar-remove-handler {
  position: absolute;
  display: block;
  top: 2px;
  left: 2px;
  opacity: 0;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #E5E5E5;
  text-align: center;
  font-size: 20px;
  font-weight: 200;
  line-height: 16px;
  border-radius: 10px;
  transition: opacity 218ms ease;
}
.react-avatar:hover .react-avatar-remove-handler {
  opacity: 1;
}
.reminder-selector .select-item.selected:after {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reminder-selector .select-item.selected:after {
  content: "\EB4C";
}
.task-reminder-popover-view .popover-header {
  display: none;
}
.task-reminder-popover-view .popover-content {
  background-color: #FFFFFF;
}
.reminder-selector {
  margin-top: -15px;
  word-break: break-word;
}
.reminder-selector .select-item {
  position: relative;
  margin: 0 -15px;
  padding: 10px 15px;
  display: block;
  color: #383838;
}
.reminder-selector .select-item:not(.disabled) {
  cursor: pointer;
}
.reminder-selector .select-item:not(.disabled):hover {
  background-color: #F7F7F7;
}
.reminder-selector .select-item.disabled {
  color: #808080;
}
.reminder-selector .select-item.selected:after {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 14px;
  width: 14px;
  color: #808080;
}
.reminder-selector .date-time-string {
  color: #808080;
}
.reminder-selector .date-time-string:hover {
  color: #3da8f5;
}
.reminder-selector .popover-members {
  padding: 10px 0 5px 0;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.reminder-selector .popover-members-title {
  margin-bottom: 5px;
  color: #808080;
  font-size: 12px;
}
.reminder-selector .popover-members-selector {
  padding: 8px 0;
  margin: 0 0 -10px -10px;
}
.reminder-selector .react-avatar {
  margin: 0 0 10px 10px;
  float: left;
}
.reminder-selector .popover-member-editor {
  display: block;
}
.reminder-selector .popover-member-editor .icon {
  display: block;
  width: 24px;
  height: 24px;
  color: #3da8f5;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
}
.reminder-selector .popover-error {
  color: #FF4F3E;
}
.reminder-selector .popover-description {
  position: relative;
  color: #808080;
  max-height: 40px;
  overflow: hidden;
  padding-right: 1em;
  word-break: break-all;
}
.reminder-selector .popover-description:before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '...';
  background-color: #FFFFFF;
}
.reminder-selector .popover-description:after {
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  content: '';
  margin-top: 0.2em;
  background-color: #FFFFFF;
}
.reminder-selector .popover-description,
.reminder-selector .popover-error {
  margin-top: 15px;
  font-size: 12px;
}
.reminder-selector .btn {
  margin-top: 10px;
  width: 100%;
}
.detail-infos-task-reminder-view {
  position: relative;
}
.detail-infos-task-reminder-view .with-content .task-reminder-handler {
  color: #383838;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.detail-infos-task-reminder-view .task-reminder-handler {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.detail-infos-task-reminder-view span.task-reminder-handler {
  color: #A6A6A6;
}
.detail-infos-task-reminder-view .add-handler-place {
  top: 0;
  bottom: 0;
  height: 100%;
}
.custom-field-info-view {
  color: #808080;
}
.custom-field-info-view .custom-field-info {
  margin-top: 10px;
}
.custom-field-info-view .field-info-header > .icon,
.custom-field-info-view .field-name > .icon {
  margin-right: 10px;
  font-size: 18px;
  width: 20px;
  text-align: center;
}
.custom-field-info-view .field-info-header {
  margin: 0 15px;
  padding: 10px;
}
.custom-field-info-view .field-info-list.detail-white-card {
  margin-top: 0;
}
.custom-field-info-view .custom-field-item.not-allowed .field-right a,
.custom-field-info-view .custom-field-item.not-allowed .custom-edit-handler a {
  cursor: not-allowed !important;
  color: #A6A6A6 !important;
}
.custom-field-info-view .custom-field-item.not-allowed .field-right a:hover,
.custom-field-info-view .custom-field-item.not-allowed .custom-edit-handler a:hover {
  color: #A6A6A6 !important;
}
.custom-field-info-view .custom-field-item.not-allowed .field-right span,
.custom-field-info-view .custom-field-item.not-allowed .custom-edit-handler span,
.custom-field-info-view .custom-field-item.not-allowed .field-right input,
.custom-field-info-view .custom-field-item.not-allowed .custom-edit-handler input {
  cursor: not-allowed !important;
  color: #A6A6A6 !important;
  background-color: #FFFFFF !important;
  opacity: 1;
}
.custom-field-info-view .custom-field-item.not-allowed .field-right span:hover,
.custom-field-info-view .custom-field-item.not-allowed .custom-edit-handler span:hover,
.custom-field-info-view .custom-field-item.not-allowed .field-right input:hover,
.custom-field-info-view .custom-field-item.not-allowed .custom-edit-handler input:hover {
  background-color: #FFFFFF;
}
.custom-field-info-view .custom-field-item.not-allowed .field-value span {
  color: #808080;
}
.custom-field-info-view .custom-field-item.not-allowed .field-value span.text-value:hover {
  background-color: initial !important;
}
.custom-field-info-view li.custom-field-item {
  padding: 10px;
  padding-left: 15px;
  position: relative;
}
.custom-field-info-view li.custom-field-item:not(:last-child) {
  border-bottom: 1px solid #E5E5E5;
}
.custom-field-info-view li.custom-field-item .over-warning {
  color: #FF4F3E;
  display: none;
}
.custom-field-info-view li.custom-field-item.custom-field-item-number .field-right {
  margin-right: 0;
}
.custom-field-info-view li.custom-field-item.custom-field-item-number .field-value {
  width: 100%;
  padding-right: 24px;
  margin-top: -4px;
}
.custom-field-info-view li.custom-field-item.custom-field-item-number .field-edit {
  margin-right: 0;
}
.custom-field-info-view li.custom-field-item.custom-field-item-number input {
  width: 100%;
  border: none;
  padding: 4px 5px;
  border-radius: 3px;
  box-shadow: none;
  color: #808080;
}
.custom-field-info-view li.custom-field-item.custom-field-item-number input:hover {
  background-color: #F7F7F7;
}
.custom-field-info-view li.custom-field-item.custom-field-item-number input:focus {
  outline: none;
  background-color: #F7F7F7;
}
.custom-field-info-view li.custom-field-item.custom-field-item-number input::-webkit-outer-spin-button,
.custom-field-info-view li.custom-field-item.custom-field-item-number input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.custom-field-info-view li.custom-field-item.custom-field-item-number input[type=number] {
  -moz-appearance: textfield;
}
.custom-field-info-view li.custom-field-item.custom-field-item-number .custom-edit-handler {
  top: 10px;
}
.custom-field-info-view li.custom-field-item.custom-field-item-number .custom-edit-handler a {
  display: block;
  line-height: 14px;
  height: 10px;
}
.custom-field-info-view li.custom-field-item.custom-field-item-date .icon {
  font-size: 18px;
}
.custom-field-info-view li.custom-field-item.custom-field-item-date .field-value .field-date {
  margin-right: 5px;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-right {
  margin-right: 0;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-value {
  width: 100%;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-value .icon {
  font-size: 16px;
  color: #A6A6A6;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-value .icon:hover {
  color: #3da8f5;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-value.with-value .field-show span.text-value {
  display: inline-block;
  padding: 4px 5px;
  margin: -4px -5px;
  margin-left: 0;
  border-radius: 3px;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-value.with-value .field-show span.text-value:hover {
  color: #383838;
  background-color: #F7F7F7;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-textarea {
  border-radius: 3px;
  width: 100%;
  padding: 10px 15px;
  color: #383838;
  border: 1px solid #D9D9D9;
  resize: none;
  overflow: hidden;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-set {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-set .over-warning {
  display: none;
  color: #FF4F3E;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-handler-set {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-handler-set a {
  padding: 5px 22px;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-handler-set a.save-field-handler {
  color: #FFFFFF;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-handler-set a.cancel-field-handler {
  color: #808080;
}
.custom-field-info-view li.custom-field-item.custom-field-item-text .field-show a.icon {
  position: absolute;
  padding: 0 10px;
  right: 0;
}
.custom-field-info-view .field-name,
.custom-field-info-view .field-right {
  display: inline-block;
  vertical-align: top;
}
.custom-field-info-view .field-name {
  width: 35%;
  max-width: 185px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-field-info-view .field-right {
  width: 65%;
  max-width: 338px;
}
.custom-field-info-view .field-right .field-content {
  display: inline-block;
}
.custom-field-info-view .field-right .field-value {
  display: inline-block;
  padding-right: 30px;
}
.custom-field-info-view .field-right .field-value span {
  color: #A6A6A6;
  word-break: break-all;
  display: inline-block;
  text-align: left;
  max-width: 310px;
  cursor: pointer;
}
.custom-field-info-view .field-right .field-value a,
.custom-field-info-view .field-right .field-value.with-value a .icon-calendar {
  color: #A6A6A6;
}
.custom-field-info-view .field-right .field-value a:hover,
.custom-field-info-view .field-right .field-value.with-value a .icon-calendar:hover {
  color: #3da8f5;
}
.custom-field-info-view .field-right .field-value.with-value span,
.custom-field-info-view .field-right .field-value.with-value input {
  color: #383838;
}
.custom-field-info-view .field-right .field-value.with-value a {
  color: #383838;
}
.custom-field-info-view .field-right .field-value.with-value a:hover {
  color: #3da8f5;
}
.custom-field-info-view .field-right .field-edit {
  margin-right: -30px;
}
.custom-field-info-view .field-right .field-edit.over-flow .field-textarea,
.custom-field-info-view .field-right .field-edit.over-flow input {
  border: 1px solid #FF4F3E;
}
.custom-field-info-view .field-right .field-edit.over-flow input {
  margin-bottom: 8px;
}
.custom-field-info-view .field-right .field-edit.over-flow .over-warning {
  display: block !important;
}
.custom-field-info-view .field-right .custom-edit-handler {
  position: absolute;
  right: 0;
  padding: 0 10px;
}
.custom-field-info-view .field-right .custom-edit-handler.open {
  color: #3da8f5;
}
.work-version-item {
  color: #A6A6A6;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  cursor: default;
}
.work-version-item .work-version-content {
  padding: 10px 15px;
}
.work-version-item .work-version-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: top;
      -ms-flex-align: top;
          align-items: top;
}
.work-version-item .work-version-info .work-version-point {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-right: 10px;
}
.work-version-item .work-version-info .work-version-description {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  word-break: break-all;
}
.work-version-item .work-version-info .work-version-description .work-version-description-text {
  margin-right: 5px;
}
.work-version-item .work-version-info .work-version-description .main-version-label {
  vertical-align: top;
}
.work-version-item .work-version-info .work-version-handler {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-left: 10px;
}
.work-version-item .work-version-point {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.work-version-item .work-version-point.icon-focus {
  font-size: 12px;
}
.work-version-item .work-version-point.on-circle:before {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 6px;
  content: '';
  background: #A6A6A6;
  border-radius: 50%;
}
.work-version-item .work-version-handler {
  position: relative;
}
.work-version-item .work-version-handler .version-menu-toggler {
  opacity: 0;
}
.work-version-item .flex-text-wrap {
  display: none;
  transition: min-height 218ms ease;
}
.work-version-item .flex-text-wrap > div {
  z-index: 2;
  visibility: visible;
}
.work-version-item .flex-text-wrap .work-version-description-input {
  z-index: 1;
  color: inherit;
  visibility: hidden;
  background: inherit;
}
.work-version-item .version-menu-toggler {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: end;
}
.work-version-item .work-version-handler-set {
  height: 0;
  padding: 0 15px;
  overflow: hidden;
  opacity: 0;
  transition: height 218ms ease, opacity 128ms ease;
}
.work-version-item .work-version-handler-set > a {
  float: right;
  padding: 5px 0;
  margin: 10px 0;
}
.work-version-item .work-version-handler-set .work-version-handler-save {
  width: 70px;
  height: 30px;
  margin-left: 16px;
  text-align: center;
}
.work-version-item.open .work-version-filesize,
.work-version-item.editable:hover .work-version-filesize {
  opacity: 0;
}
.work-version-item.open .version-menu-toggler,
.work-version-item.editable:hover .version-menu-toggler {
  opacity: 1;
}
.work-version-item.on-selecting .icon-focus {
  color: #3da8f5;
}
.work-version-item.on-selecting .on-circle:before {
  background: #3da8f5;
}
.work-version-item:hover:not(.on-editing):not(.on-selecting) {
  cursor: pointer;
  background-color: #F7F7F7;
  border-color: transparent;
}
.work-version-item.on-editing {
  color: #383838;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 218ms ease;
}
.work-version-item.on-editing .work-version-handler {
  opacity: 0;
}
.work-version-item.on-editing .work-version-handler .version-menu-toggler {
  display: none;
}
.work-version-item.on-editing .work-version-description-display {
  display: none;
}
.work-version-item.on-editing .flex-text-wrap {
  display: block;
  min-height: 40px;
}
.work-version-item.on-editing .flex-text-wrap > div {
  z-index: 1;
  visibility: hidden;
}
.work-version-item.on-editing .flex-text-wrap .work-version-description-input {
  z-index: 2;
  visibility: visible;
}
.work-version-item.on-editing .work-version-poiont.on-circle:before {
  transition: background 218ms ease;
}
.work-version-item.on-editing .work-version-handler-set {
  height: 50px;
  opacity: 1;
}
.work-version-item.on-editing + .work-version-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.previewer-toolbar {
  display: inline-block;
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.6);
  font-size: 0;
  line-height: 0;
  border-radius: 3px;
  box-shadow: 0 0 2px black;
  opacity: 0;
  transition: opacity 300ms;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  z-index: 9999;
}
.previewer-toolbar ul {
  font-size: 16px;
  color: #FFFFFF;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.previewer-toolbar ul li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.previewer-toolbar ul li .ratio-display {
  width: 32px;
  margin: 0 8px;
  font-size: 12px;
  text-align: center;
}
.previewer-toolbar ul li .ratio-display.hinted {
  cursor: pointer;
}
.previewer-toolbar ul li.img-rotate-tool {
  margin-left: 32px;
  margin-right: 12px;
}
.previewer-toolbar a {
  color: #FFFFFF;
}
.previewer-toolbar a.fullscreen-handler {
  padding: 0 12px;
}
.previewer-toolbar a.fullscreen-handler .icon-full-screen-quit {
  display: none;
}
.previewer-toolbar a.fullscreen-handler.hinted .icon-full-screen-quit {
  display: block;
}
.previewer-toolbar a.fullscreen-handler.hinted .icon-full-screen {
  display: none;
}
.previewer-content {
  position: relative;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  min-height: 0;
  -webkit-flex-basis: 0px;
      -ms-flex-preferred-size: 0px;
          flex-basis: 0px;
  background-color: #EEEEEE;
}
.previewer-content .preview {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.previewer-content .preview > * {
  margin: auto;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-height: 100%;
  min-height: 0%;
}
.previewer-content .preview.image-previewer,
.previewer-content .preview.animate-previewer,
.previewer-content .preview.video-previewer,
.previewer-content .preview.audio-previewer {
  padding: 20px 42px;
}
.previewer-content .preview.image-previewer > *,
.previewer-content .preview.animate-previewer > *,
.previewer-content .preview.video-previewer > *,
.previewer-content .preview.audio-previewer > * {
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.previewer-content .preview > pre {
  width: 100%;
  min-height: 100%;
  margin: 0;
  border-radius: 0;
}
.previewer-content .preview > video,
.previewer-content .preview audio {
  max-width: 100%;
}
.previewer-content .preview .pdf-previewer,
.previewer-content .preview .text-previewer {
  width: 100%;
  height: 100%;
}
.previewer-content .preview .pdf-previewer iframe,
.previewer-content .preview .pdf-previewer object {
  position: relative;
  z-index: 0 !important;
}
.previewer-content .preview.image-previewer .canvas-wrapper {
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  max-width: none;
  max-height: none;
  overflow: hidden;
}
.previewer-content .preview.image-previewer .canvas-wrapper > canvas {
  position: absolute;
}
.previewer-content .preview.image-previewer .canvas-wrapper > .position-helper {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0;
}
.previewer-content .preview .previewer-thumbnail {
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.previewer-content .preview .previewer-thumbnail .work-thumbnail {
  font-size: 15px;
  background-color: #c6c6d2;
  margin: 0 auto;
  width: 230px;
  height: 230px;
}
.previewer-content .preview .previewer-thumbnail .work-title {
  width: 230px;
  margin: 0 auto;
}
.previewer-content .preview .previewer-thumbnail .work-name {
  word-break: break-all;
}
.previewer-content .preview .previewer-thumbnail .work-fall-title {
  margin: 20px auto 10px auto;
  text-align: center;
  line-height: 20px;
  color: #808080;
}
.previewer-content .preview .previewer-thumbnail .previewer-download-link {
  display: block;
  margin: 0 auto;
  font-size: 16px;
  line-height: 44px;
  color: #dde1e6;
  text-align: center;
  text-decoration: none;
  background-color: #4d4d51;
  width: 230px;
  height: 44px;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.3);
}
.previewer-content .preview .previewer-thumbnail .previewer-download-link:hover {
  background-color: #545459;
}
.previewer-content .previewer-toolbar {
  position: absolute;
  bottom: 24px;
  left: 50%;
  margin-left: -100px;
}
.previewer-content .previewer-loading-wrapper {
  position: absolute;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  transition: all 400ms ease;
}
.previewer-content .previewer-loading-wrapper .loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -24px;
}
.previewer-content .previewer-updater-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.5);
}
.previewer-content .previewer-updater-wrapper .previewer-updating {
  margin: auto;
}
.previewer-content .previewer-updater-wrapper .previewer-updating-tips {
  height: 30px;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}
.previewer-content .previewer-updater-wrapper .previewer-updating-tips > span {
  float: left;
}
.previewer-content .previewer-updater-wrapper .previewer-updating-tips-message {
  margin-right: 4px;
}
.previewer-content .previewer-updater-wrapper .icon {
  width: 30px;
  height: 30px;
  margin-right: 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  color: #383838;
  background: #FFFFFF;
  border-radius: 15px;
}
.previewer-content .previewer-loading-wrapper .loading-description {
  margin-top: 20px;
  color: #808080;
}
.previewer-content .previewer-toolbar {
  opacity: 0;
}
.previewer-content:hover .previewer-toolbar {
  opacity: 1;
}
body.previewer-fullscreen .hint {
  z-index: 10000100000;
}
.work-item .work-item-icon {
  margin-right: 10px;
}
.work-item .work-item-content {
  line-height: 40px;
  text-align: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.work-item .work-item-content .work-item-name {
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  min-width: 0;
}
.work-item .work-item-content .work-item-name .work-item-name-main {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.work-item .work-item-content .work-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 10px;
  color: #808080;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.work-item .work-item-content.with-progress {
  padding: 4px 0;
  line-height: 16px;
}
.work-item .work-item-subtitle {
  text-align: right;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.work-item .work-item-subtitle:empty {
  display: none;
}
.work-item .work-item-thirdtitle {
  margin-left: 3px;
}
.menu-plugin .plugin-avatar {
  float: left;
  position: relative;
  top: 7px;
  height: 16px;
  width: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.menu-plugin .plugin-handler span {
  float: left;
}
.plugin-iframe-view {
  height: 600px;
  width: 780px !important;
  overflow: hidden;
}
.plugin-iframe-view .plugin-iframe-header {
  padding: 8px 15px;
  margin: 0;
  font-weight: bold;
  text-align: center;
}
.plugin-iframe-view .plugin-iframe-closer {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 16px;
  line-height: 26px;
}
.plugin-iframe-view .plugin-iframe {
  width: 780px;
  height: 544px;
}
.my-plugin-view {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 960px;
}
.my-plugin-view .my-iframe {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
/* ==== Variables & Mixins ==== */
.input-block-level {
  display: block;
  width: 100%;
  min-height: 40px;
  box-sizing: border-box;
}
/* ==== Main ==== */
/**
* Lib
* |- Animtions
* Commons
* |- Button
* |- Form
* |- Org Size
* |- Phone country
* |- Visual captcha
* BLL
* |- Tab box
*/
/* ==== Lib ==== */
@-webkit-keyframes text-shake {
  0% {
    -webkit-transform: translate(4px, 0);
  }
  50% {
    -webkit-transform: translate(-4px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}
@keyframes text-shake {
  0% {
    -webkit-transform: translate(4px, 0);
            transform: translate(4px, 0);
  }
  50% {
    -webkit-transform: translate(-4px, 0);
            transform: translate(-4px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes grow-loading {
  to {
    width: 100%;
  }
}
@keyframes grow-loading {
  to {
    width: 100%;
  }
}
.org-creator {
  /* ==== Commons ==== */
  /* ==== BLL ==== */
}
.org-creator .btn-lg {
  min-width: 120px;
  line-height: 20px;
  padding: 9px 16px;
  font-size: 14px;
  border-radius: 3px;
}
.org-creator .btn.btn-ghost {
  background: transparent;
  border-radius: 3px;
}
.org-creator .btn.btn-ghost:hover {
  color: #FFFFFF !important;
}
.org-creator .btn.btn-ghost.btn-primary {
  color: #3da8f5;
}
.org-creator .btn.btn-ghost.btn-primary:hover {
  border-color: #3da8f5;
  background-color: #3da8f5;
}
.org-creator .btn.btn-ghost.btn-danger {
  color: #FF4F3E;
}
.org-creator .btn.btn-ghost.btn-danger:hover {
  border-color: #FF4F3E;
  background-color: #FF4F3E;
}
.org-creator .btn.is-submitting {
  position: relative;
  overflow: hidden;
}
.org-creator .btn.is-submitting,
.org-creator .btn.is-submitting:hover {
  background: #808080;
  border-color: #383838;
}
.org-creator .btn.is-submitting:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: #383838;
  -webkit-animation: grow-loading 1s ease-in-out forwards;
  animation: grow-loading 1s ease-in-out forwards;
}
.org-creator form .form-group {
  margin-top: 15px;
  margin-bottom: 0;
}
.org-creator form .form-group label {
  font-size: 16px;
  text-align: left;
}
.org-creator form .form-group:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .org-creator form .form-group {
    margin-top: 30px;
  }
  .org-creator form .form-group .col-sm-2 {
    width: 19%;
  }
  .org-creator form .form-group .col-sm-10 {
    width: 81%;
  }
}
.org-creator form textarea {
  background: #FFFFFF !important;
}
.org-creator form .validate-error {
  border-color: #FF4F3E !important;
}
.org-creator form .form-control {
  font-size: 16px;
  background: transparent;
  border-color: rgba(56, 56, 56, 0.2);
  color: #383838;
  transition: all 218ms;
}
.org-creator form .form-control::-moz-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.org-creator form .form-control:-ms-input-placeholder {
  color: #CCCCCC;
}
.org-creator form .form-control::-webkit-input-placeholder {
  color: #CCCCCC;
}
.org-creator form .form-control[readonly] {
  background: #EEEEEE;
  border-color: #D9D9D9;
  color: #A6A6A6;
}
.org-creator form .form-control input[readonly] {
  background: #EEEEEE;
  color: #A6A6A6;
}
.org-creator form .form-control:focus {
  border-color: rgba(56, 56, 56, 0.4);
}
.org-creator .org-size .form-control .selector-title {
  width: 90%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.org-creator .org-size .form-control .icon-on-bar {
  position: absolute;
  top: 0;
  right: 0;
  color: #A6A6A6;
  margin: 9px 16px;
}
.org-creator .org-size .dropdown-menu {
  width: 100%;
}
.org-creator .phone-country {
  height: 40px;
  display: inline-block;
  padding: 0;
  transition: all 0ms !important;
}
.org-creator .phone-country .span-edit {
  display: inline-block;
  line-height: 22px;
}
.org-creator .phone-country .span-edit:focus {
  outline: none;
}
.org-creator .phone-country .area-plus {
  position: relative;
  top: -1px;
}
.org-creator .phone-country .column-left {
  float: left;
  margin-right: 1px;
}
.org-creator .phone-country .phone-number-wrap {
  overflow: hidden;
}
.org-creator .phone-country .area-code,
.org-creator .phone-country .phone-number {
  border: none;
  font-size: 16px;
  height: 38px;
  padding: 0;
  border-radius: 3px;
}
.org-creator .phone-country .area-code {
  width: 26px;
  height: 22px;
  max-width: 100px;
  padding-right: 5px;
  margin: 8px 5px 8px -2px;
  border-radius: 0;
  border-right: 1px solid #CCCCCC !important;
  transition: width 150ms;
}
.org-creator .phone-country .phone-number {
  width: 100%;
}
.org-creator .phone-country .selectcountry {
  display: inline-block;
  width: 70px;
  margin-right: 3px;
  border-right: 1px solid #D9D9D9;
  border-radius: 3px 0 0 3px;
  position: relative;
  vertical-align: top;
}
.org-creator .phone-country .selectcountry .dropdown-toggle {
  display: inline-block;
  width: 69px;
  height: 38px;
  line-height: 40px;
  padding-left: 16px;
}
.org-creator .phone-country .selectcountry .dropdown-toggle .icon-chevron-down {
  vertical-align: initial;
  position: relative;
  top: -1px;
  color: #D9D9D9;
  font-size: 12px;
  padding-left: 0px;
  line-height: 12px;
}
.org-creator .phone-country .selectcountry .dropdown-toggle .country {
  margin-right: 5px !important;
  top: 5px !important;
}
.org-creator .phone-country .selectcountry .setcountry .country {
  display: inline-block;
  position: relative;
  top: 6px;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  background-size: cover;
  border-radius: 2px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  transition: opacity 218ms;
}
.org-creator .phone-country .selectcountry .setcountry.zh .country {
  background-image: url(https://dn-st.teambition.net/teambition/images/zh.ef872deb.svg);
}
.org-creator .phone-country .selectcountry .setcountry.tw .country {
  background-image: url(https://dn-st.teambition.net/teambition/images/tw.2322ad35.svg);
}
.org-creator .phone-country .selectcountry .setcountry.hk .country {
  background-image: url(https://dn-st.teambition.net/teambition/images/hk.b90133aa.svg);
}
.org-creator .phone-country .selectcountry .setcountry.jp .country {
  background-image: url(https://dn-st.teambition.net/teambition/images/jp.bcbb5fe1.svg);
}
.org-creator .phone-country .selectcountry .setcountry.us .country {
  background-image: url(https://dn-st.teambition.net/teambition/images/us.d55ae305.svg);
}
.org-creator .phone-country .selectcountry .setcountry.other .country {
  background-image: url(https://dn-st.teambition.net/teambition/images/other.7002a251.svg);
}
.org-creator .phone-country .selectcountry .dropdown-menu {
  position: fixed;
  margin: 0;
  padding: 0;
  top: auto;
  left: auto;
}
.org-creator .phone-country .selectcountry .dropdown-menu-fixed {
  padding-left: 3px;
  min-width: 159px;
  max-height: 152px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background: white;
  overflow-y: auto;
  /* Track */
  /* Handle */
}
.org-creator .phone-country .selectcountry .dropdown-menu-fixed::-webkit-scrollbar {
  width: 8px;
}
.org-creator .phone-country .selectcountry .dropdown-menu-fixed::-webkit-scrollbar-track {
  background: #D9D9D9;
}
.org-creator .phone-country .selectcountry .dropdown-menu-fixed::-webkit-scrollbar-thumb {
  background: #A6A6A6;
  border-radius: 6px;
}
.org-creator .phone-country .selectcountry .dropdown-menu-fixed li {
  height: 38px;
  font-size: 14px;
}
.org-creator .phone-country .selectcountry .dropdown-menu-fixed li a {
  padding: 0;
  height: 38px;
  line-height: 38px;
  padding-left: 16px;
  color: black;
}
.org-creator .visual-captcha {
  position: relative;
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  font-size: 16px;
}
.org-creator .visual-captcha .captcha-title {
  padding: 0 5px;
  text-align: left;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .org-creator .visual-captcha .captcha-title {
    text-align: center;
  }
}
.org-creator .visual-captcha .captcha-tips {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.85);
  line-height: 86px;
  text-align: center;
  color: #808080;
}
.org-creator .visual-captcha .captcha-tips .icon {
  color: #75C940;
  font-size: 24px;
  position: relative;
  top: 2px;
}
.org-creator .visual-captcha .captcha-tips.captcha-error {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
}
.org-creator .visual-captcha .captcha-tips.captcha-error .icon {
  font-size: 22px;
  color: #FF4F3E;
}
.org-creator .visual-captcha .group-imgs .img-wrap {
  display: inline-block;
  width: 38px;
  height: 34px;
  padding: 2px 4px;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  transition: background 218ms;
}
.org-creator .visual-captcha .group-imgs .img-wrap img {
  width: 30px;
  height: 30px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  transition: opacity 218ms;
}
.org-creator .visual-captcha .group-imgs .img-wrap + .img-wrap {
  margin-left: 11px;
}
.org-creator .visual-captcha .group-imgs .img-wrap:hover {
  background: #EEEEEE;
}
.org-creator .visual-captcha .group-imgs .img-wrap:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.org-creator .visual-captcha .captcha-refresh {
  float: right;
  cursor: pointer;
  font-size: 20px;
  color: #3da8f5;
  transition: color 218ms;
  margin-right: -4px;
}
.org-creator .visual-captcha .captcha-refresh:hover {
  color: #9ed3fa;
}
.org-creator .tab-header {
  margin: 0 6.25%;
  padding: 17px 0;
  text-align: center;
  border-bottom: 1px solid #E5E5E5;
}
.org-creator .tab-header h4.title {
  margin: 0;
  color: #383838;
  font-size: 16px;
  position: relative;
}
.org-creator .tab-header .icon::before {
  color: #9B9B9B;
  vertical-align: middle;
}
.org-creator .tab-header .icon-chevron-left {
  position: absolute;
  left: 0;
}
.org-creator .tab-content.is-transition {
  position: relative;
}
.org-creator .tab-content.is-transition .tab-pane {
  position: absolute;
  z-index: 1;
}
.org-creator .tab-content .tab-pane {
  width: 100%;
  padding: 0 6.25%;
}
.org-creator .tab-info {
  text-align: center;
}
.org-creator .tab-info .illustration-enterprise {
  width: 112px;
  height: 89px;
  margin: 30px auto;
  background-size: 112px 89px;
}
.org-creator .tab-info .tab-info-intro {
  color: #808080;
  line-height: 21px;
  margin-bottom: 20px;
}
.org-creator .tab-info .tab-info-intro a {
  color: #3da8f5 !important;
}
.org-creator .tab-info .tab-info-intro a:hover {
  color: #0c92f3 !important;
}
@media (min-width: 768px) {
  .org-creator .tab-info .illustration-enterprise {
    width: 174px;
    height: 140px;
    background-size: 174px 140px;
  }
  .org-creator .tab-info .tab-info-intro {
    font-size: 15px;
  }
}
.org-creator .tab-contact {
  text-align: center;
}
.org-creator .tab-contact [class*="group-"] .col-sm-10 {
  position: relative;
}
.org-creator .tab-contact [class*="group-"] [class*="-handler"] {
  position: absolute;
  top: 10px;
  right: 27px;
  font-size: 16px;
  color: #3da8f5;
  transition: opacity 218ms;
}
.org-creator .tab-contact .illustration-phone {
  width: 59px;
  height: 87px;
  margin: 20px auto;
  background-size: 59px 87px;
}
.org-creator .tab-contact .tab-contact-intro {
  color: #808080;
  line-height: 21px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .org-creator .tab-contact .illustration-phone {
    width: 102px;
    height: 152px;
    background-size: 102px 152px;
  }
  .org-creator .tab-contact .tab-contact-intro {
    font-size: 15px;
  }
}
.org-creator .tab-contact .group-vi {
  display: none;
}
.org-creator .tab-contact .group-vc {
  display: none;
  position: relative;
}
.org-creator .tab-contact .group-vc .send-vc-handler {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.org-creator .tab-contact .group-vc .send-vc-handler:hover {
  color: #6dbef8;
}
.org-creator .tab-contact .group-vc .send-vc-handler.can-send,
.org-creator .tab-contact .group-vc .send-vc-handler.cant-send {
  transition: color 218ms;
}
.org-creator .tab-contact .group-vc .send-vc-handler.is-cd,
.org-creator .tab-contact .group-vc .send-vc-handler.is-sending {
  color: #CCCCCC;
  cursor: not-allowed;
}
.org-creator .tab-contact .group-vc .send-vc-handler.is-bound {
  color: #CCCCCC;
  cursor: default;
  transition: color 218ms;
}
.org-creator .tab-contact .group-vc .send-vc-handler.is-focus {
  display: inline-block;
  -webkit-animation: text-shake 218ms linear 3;
  animation: text-shake 218ms linear 3;
}
.org-creator .tab-contact .group-vc .send-vc-handler.cant-send {
  color: #CCCCCC;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.org-creator .tab-footer {
  padding: 6.25%;
  padding-top: 4.67%;
}
.org-creator .tab-footer .handler-wrap .btn {
  width: 100%;
  margin-left: 0 !important;
}
.modal .settings-delete-view {
  width: 560px;
  margin-top: 200px;
}
.modal .settings-delete-view .delete-input {
  display: none;
  float: left;
  width: 333px;
}
.modal .settings-delete-view .confirm-handler {
  width: 100%;
  float: right;
}
.modal .settings-delete-view .form-control {
  height: 38px;
}
.custom-field-edit-wrapper {
  padding: 0 0;
}
.custom-field-edit-wrapper > .fields {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-top: 15px;
  overflow-y: auto;
}
.custom-field-edit-wrapper > .fields > * {
  margin: 0 15px 10px;
}
.custom-field-edit-wrapper > .fields > *:last-child {
  margin-bottom: 0;
}
.custom-field-edit-wrapper > .fields-submit {
  padding: 15px;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.custom-field-edit-wrapper > .field-title {
  color: #808080;
}
.custom-field-edit-wrapper .type-choice {
  position: relative;
  width: auto;
}
.custom-field-edit-wrapper .type-choice[disabled] {
  color: #808080;
}
.custom-field-edit-wrapper .type-choice > .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  color: #CCCCCC;
}
.custom-field-edit-wrapper .type-choice select {
  margin-bottom: 0;
  cursor: pointer;
}
.custom-field-edit-wrapper .type-choice:hover:not([disabled]),
.custom-field-edit-wrapper .type-choice:focus {
  transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s;
}
.custom-field-edit-wrapper .type-choice:hover:not([disabled]) > select,
.custom-field-edit-wrapper .type-choice:focus > select {
  border-color: #A6A6A6;
}
.custom-field-edit-wrapper .type-choice:hover:not([disabled]) > .icon,
.custom-field-edit-wrapper .type-choice:focus > .icon {
  color: #A6A6A6;
}
.custom-field-edit-wrapper .choice-item {
  position: relative;
}
.custom-field-edit-wrapper .choice-item > input {
  padding-right: 20px;
  margin-bottom: 10px;
}
.custom-field-edit-wrapper .choice-item > .icon {
  position: absolute;
  width: 20px;
  top: 10px;
  right: 5px;
  font-size: 12px;
  text-align: center;
}
.custom-field-edit-wrapper .choice-item > p {
  margin-bottom: 10px;
}
.custom-field-edit-wrapper input.with-error {
  border-color: #FF4F3E;
}
.custom-field-edit-wrapper .error-hint {
  margin-top: -5px;
  margin-bottom: 10px;
  color: #FF4F3E;
  font-size: 12px;
}
.custom-field-edit-wrapper .error-hint:empty {
  display: none;
}
.custom-field-add-popover .popover-content {
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.custom-field-add-popover .popover-content .custom-field-edit-wrapper {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.custom-field-fill-wrapper {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: -15px;
  width: 100%;
  overflow: hidden;
}
.custom-field-fill-wrapper .roles {
  padding-top: 15px;
  overflow-y: auto;
}
.custom-field-fill-wrapper p:first-child {
  padding: 0 15px;
  color: #A6A6A6;
}
.custom-field-fill-wrapper .list > li:first-child > a {
  cursor: default;
}
.custom-field-fill-wrapper .list > li > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.custom-field-fill-wrapper .list > li > a > span:first-child {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-field-fill-wrapper .list > li > a > span:last-child {
  margin: 0;
}
.custom-field-fill-wrapper .submit-wrapper {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin: 5px 15px 20px;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 40px;
  box-sizing: border-box;
}
.toggle {
  position: relative;
  width: 60px;
  height: 34px;
  border-radius: 17px;
  background-color: #E5E5E5;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}
.toggle.blue .check.checked ~ .track {
  box-shadow: inset 0 0 0 30px #3da8f5;
}
.toggle.mint .check.checked ~ .track {
  box-shadow: inset 0 0 0 30px #3da8f5;
}
.toggle.orange .check.checked ~ .track {
  box-shadow: inset 0 0 0 30px #FFAF38;
}
.toggle.red .check.checked ~ .track {
  box-shadow: inset 0 0 0 30px #FF4F3E;
}
.toggle .check {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 6;
}
.toggle .check.checked ~ .track {
  box-shadow: inset 0 0 0 30px #75C940;
}
.toggle .check.checked ~ .switch {
  right: 2px;
  left: 28px;
  transition: .4s ease;
  transition-property: left, right;
  transition-delay: .05s, 0s;
}
.toggle .switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 28px;
  background-color: #fff;
  border-radius: 50%;
  z-index: 1;
  transition: .4s ease;
  transition-property: left, right;
  transition-delay: 0s, .05s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.toggle .track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .4s ease;
  border-radius: 17px;
}
.project-custom-field-menu-view.in-submenu .popover-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.project-custom-field-menu-view.in-submenu .popover-content .custom-field-edit-wrapper {
  margin: -15px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.project-custom-field-menu-view hr {
  margin: 5px 15px;
}
.project-custom-field-menu-view .fill-handler {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.project-custom-field-menu-view .fill-handler > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-custom-field-menu-view .fill-handler > span:first-child {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.project-custom-field-menu-view .fill-handler > span:last-child {
  max-width: 140px;
}
.project-custom-field-menu-view .show-handler {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: default;
}
.project-custom-field-menu-view .show-handler:hover {
  background-color: inherit;
}
.project-custom-field-menu-view .show-handler > span {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-custom-field-menu-view .show-handler .toggle {
  position: relative;
  width: 33px;
  height: 20px;
  border-radius: 10px;
  background-color: #E5E5E5;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}
.project-custom-field-menu-view .show-handler .toggle.blue .check.checked ~ .track {
  box-shadow: inset 0 0 0 16.5px #3da8f5;
}
.project-custom-field-menu-view .show-handler .toggle.mint .check.checked ~ .track {
  box-shadow: inset 0 0 0 16.5px #3da8f5;
}
.project-custom-field-menu-view .show-handler .toggle.orange .check.checked ~ .track {
  box-shadow: inset 0 0 0 16.5px #FFAF38;
}
.project-custom-field-menu-view .show-handler .toggle.red .check.checked ~ .track {
  box-shadow: inset 0 0 0 16.5px #FF4F3E;
}
.project-custom-field-menu-view .show-handler .toggle .check {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 6;
}
.project-custom-field-menu-view .show-handler .toggle .check.checked ~ .track {
  box-shadow: inset 0 0 0 16.5px #75C940;
}
.project-custom-field-menu-view .show-handler .toggle .check.checked ~ .switch {
  right: 1px;
  left: 14px;
  transition: .4s ease;
  transition-property: left, right;
  transition-delay: .05s, 0s;
}
.project-custom-field-menu-view .show-handler .toggle .switch {
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
  right: 14px;
  background-color: #fff;
  border-radius: 50%;
  z-index: 1;
  transition: .4s ease;
  transition-property: left, right;
  transition-delay: 0s, .05s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.project-custom-field-menu-view .show-handler .toggle .track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .4s ease;
  border-radius: 10px;
}
.project-custom-field-menu-view .delete-handler {
  color: #FF4F3E !important;
}
.project-custom-field-menu-view .delete-handler:hover {
  color: #ff7e71 !important;
}
.project-custom-field-view .project-settings-custom-field {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.project-custom-field-view .custom-field-header {
  padding: 5px 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #F7F7F7;
}
.project-custom-field-view .custom-field-list {
  max-height: calc(100% - 30px - 56px);
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.project-custom-field-view .custom-field-list > ul {
  width: 620px;
}
.project-custom-field-view .custom-field-list > ul.sortable > li {
  cursor: move;
}
.project-custom-field-view li.custom-field-item {
  padding: 18px 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #FFFFFF;
}
.project-custom-field-view li.custom-field-item::after {
  bottom: 0;
  content: '';
  position: absolute;
  left: 20px;
  right: 20px;
  border-bottom: 1px solid #E5E5E5;
}
.project-custom-field-view li.custom-field-item .custom-edit-handler {
  visibility: hidden;
  margin-left: 3px;
}
.project-custom-field-view li.custom-field-item .custom-edit-handler.open {
  visibility: visible;
  color: #3da8f5;
}
.project-custom-field-view li.custom-field-item:hover .custom-edit-handler {
  visibility: visible;
}
.project-custom-field-view li.custom-field-item.ui-sortable-helper::before {
  top: 0;
  border-top: 1px solid #E5E5E5;
  content: '';
  position: absolute;
  left: 20px;
  right: 20px;
}
.project-custom-field-view li.custom-field-item.sortable-placeholder {
  background-color: #F7F7F7;
}
.project-custom-field-view .field-name {
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.project-custom-field-view .field-name > span {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-custom-field-view .field-type {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.project-custom-field-view .field-value {
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
  max-height: 60px;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.project-custom-field-view .field-value > span:first-child {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  white-space: pre-wrap;
}
.project-custom-field-view .field-value > span:last-child {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.project-custom-field-view .custom-field-add-wrapper {
  margin: 0 20px;
  padding: 18px 0;
  border-bottom: 1px solid #E5E5E5;
}
.project-custom-field-view .custom-field-add-wrapper .link-add-handler .icon {
  margin-right: 8px;
}
.project-custom-field-view.with-overflow .custom-field-add-wrapper {
  margin: 0;
  padding: 18px 20px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.group-add-view .popover-content .group-add-form {
  margin-bottom: 15px;
}
.organization-app-plugin-view {
  position: fixed;
  top: 96px;
  right: 0;
  bottom: 20px;
  left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.organization-app-plugin-view .organization-iframe {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  margin: auto;
  background-color: white;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 40px;
  box-sizing: border-box;
}
.organization-breadcrumb-component {
  font-size: 15px;
  line-height: 48px;
  color: #383838;
}
.organization-breadcrumb-component .organization-breadcrumb-link {
  color: #383838;
}
.organization-breadcrumb-component .organization-breadcrumb-link:hover {
  color: #3da8f5;
}
.organization-breadcrumb-component .icon {
  margin: 0 4px;
  font-size: 14px;
}
._2McBx9keUP3ICmhSycSj8Z {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: -24px;
}
._2McBx9keUP3ICmhSycSj8Z .DmQcPPbkIUfzP1_MEirFN {
  max-height: calc(100vh - 120px);
  overflow: auto;
}
._2McBx9keUP3ICmhSycSj8Z ._3SK38j78Qg315CQP5GTFvX {
  width: 286px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #fff;
  border-radius: 4px;
}
._2McBx9keUP3ICmhSycSj8Z ._2EJuoxmxGNqRm3I0Z4x6E8 {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #fff;
  border-radius: 4px;
}
@media only screen and (min-width: 1200px) {
  ._2McBx9keUP3ICmhSycSj8Z ._2EJuoxmxGNqRm3I0Z4x6E8 {
    width: 798px;
  }
}
@media only screen and (max-width: 1199px) {
  ._2McBx9keUP3ICmhSycSj8Z ._2EJuoxmxGNqRm3I0Z4x6E8 {
    width: 642px;
  }
}
._2McBx9keUP3ICmhSycSj8Z ._3SK38j78Qg315CQP5GTFvX + ._2EJuoxmxGNqRm3I0Z4x6E8 {
  margin-left: 16px;
}
._3Y0VQSzwZsb7hc426mUdiw {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3Y0VQSzwZsb7hc426mUdiw ._2ps0ydElBdQld1qu0Er-yb {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 20px;
}
._3OpwUq7QxP5kj9v7cmRS4g {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
}
._1gsiTpc55obEzNt45DZIAt {
  padding: 0 20px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
.rlVQWsPk4Qdhih49OAUE6 {
  padding: 0 20px 20px;
  overflow: auto;
  background-color: #eee;
}
.uGW-N5ELP6EjU6128nCco {
  padding: 70px;
}
.WpM2-x2rT51MDdC-bxUMs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3wYTnw95MjLLjqgHNlC1Qe {
  width: 40px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
._3OkAjHr_YQ1Wr9CI6jtFpG {
  margin-left: 10px;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
._2E_HGIYMabUl66XCSZkiVL {
  margin-top: 4px;
  font-size: 12px;
}
._3QqWPfIzMH0CU3HgMdL5ZH {
  margin-top: 4px;
  font-size: 12px;
  color: #a6a6a6;
}
.s9_AQqcye2rFbaJacWCAL {
  margin-top: 4px;
}
._3MR_CnsbcsvNiKj58D8IU- {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._1f1EJ39dArRfeEFk3Ad_2J {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 125px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 12px;
  color: #a6a6a6;
}
._1f1EJ39dArRfeEFk3Ad_2J + ._1f1EJ39dArRfeEFk3Ad_2J {
  margin-left: 10px;
}
._1f1EJ39dArRfeEFk3Ad_2J .SQcIm4Tm8JCp6dtz5LGhI {
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
}
._1f1EJ39dArRfeEFk3Ad_2J ._12kKDi43lQjXWzqm88Vmq8 {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
._1r7saq-wzgLXzZBGZCGYsP {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3Ff4Cvc4TcQy4hf-tPJhoT {
  width: 40px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.bsy8p2VqiPEWk4R-L7CQG {
  margin-left: 10px;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
._3VNZ7u3rcCrmOW4NEQ4566 {
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #a6a6a6;
  border-radius: 3px;
  color: #fff;
}
._1TErLBRJiHo16NuljwlN32 {
  margin-top: 4px;
}
._2GKtOR1JLJ8k6QVRBhOijq {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._1200BZNUWK5pbGL28Kc3jD {
  width: 40px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.V1n0CqPcxqOYbzQca1ff {
  margin-left: 10px;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
._2AH7zbdKXPQQjNgpL0q7G5 {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
.mESd28c-uYuNfC3Qkxba {
  margin-top: 4px;
}
.OnFVMdW8gJU6qQsc9eFN8 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._1dV1fxwnT8T17yLY5QpHg8 {
  width: 40px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
._3ORUVnIsAuoYa1IBY3JtWH {
  margin-left: 10px;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
._1A8LebgB9C7RsGbGSWkUs7 {
  margin-left: 20px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
._2rtK90U_xOk-yykmWJLefa {
  height: 20px;
  width: 20px;
  font-size: 20px;
  line-height: 20px;
  color: #a6a6a6;
}
.ve8bkXwV1CxJU-8thR5RZ {
  margin-top: 4px;
}
._1Mp2tGjnVPcAQrINQRTILA {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
._3TtYSf-ZvW2xiNo615Aw_7 {
  padding: 20px;
}
._3TtYSf-ZvW2xiNo615Aw_7._2gww7IITTTIn5Jo_S9uEZY:hover {
  background-color: rgba(247,247,247,0.25);
  cursor: pointer;
}
._3TtYSf-ZvW2xiNo615Aw_7 + ._3TtYSf-ZvW2xiNo615Aw_7 {
  border-top: 1px solid #e5e5e5;
}
._1phxBTphJxUerGCxkljtNS {
  background-color: #fff;
  border-radius: 3px;
}
._1FPcOUJOopNzpGLAeg5Hp6 {
  padding: 30px 0;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  border-radius: 3px;
}
._2iABmOAc5RV_K6WWJld6 {
  font-size: 14px;
  font-weight: bold;
  line-height: 44px;
  color: #383838;
}
._3HZ63sc6C3wtZ9Goo8b0CV {
  margin-left: 10px;
  font-size: 14px;
  font-weight: lighter;
  color: #a6a6a6;
}
._1yM7nnUdwf244c2vehSoYb {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 70px;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
._2Fcya9fF3Fm3oYzwsCgwan {
  height: 100%;
  max-height: 100px;
  width: 100%;
  max-width: 100px;
}
._2awkb4bez3nx6H4cGP1Kfw {
  margin-top: 15px;
  color: #808080;
}
._3ssLRADo7BUq44b5ao-SQz {
  width: 100%;
  color: #383838;
}
._1XcqQr4ixC48bL7oYudF8r {
  height: 40px;
  line-height: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
._1FEkwpvQHNXg8umeAwECH9 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
._1FEkwpvQHNXg8umeAwECH9 .icon {
  margin-left: 5px;
}
._1p37MEj1sYUfHpP3sf9U8X {
  color: #808080;
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0 5px;
  line-height: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
._3Eiun909WTmXjB5TSooptD {
  margin: 0;
  padding: 0;
  list-style: none;
}
._1Yj7BDvyjSIl5t5dbV2o9e {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  margin-bottom: 5px;
  padding: 0 20px;
  margin: 0 -20px;
}
._1Yj7BDvyjSIl5t5dbV2o9e:hover {
  background-color: rgba(247,247,247,0.75);
  cursor: pointer;
}
._1Yj7BDvyjSIl5t5dbV2o9e ._32K3lpq-17OI59jAjq6m2S {
  margin-right: 16px;
  min-width: 85px;
}
._1Yj7BDvyjSIl5t5dbV2o9e ._2UMrcSAbLsCxrcIno9ilUC {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 20px;
  width: 0;
}
._1Yj7BDvyjSIl5t5dbV2o9e ._3aLQbfuUtMfl2p8GwmFrpO {
  margin-left: 5px;
  color: #a6a6a6;
}
._2xPPdWnLRJ2QZo09U7dRys {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 40px;
  color: #383838;
}
._2xPPdWnLRJ2QZo09U7dRys .icon {
  margin-left: 5px;
  font-size: 12px;
  color: #a6a6a6;
}
._2xPPdWnLRJ2QZo09U7dRys:hover .icon {
  color: #3da8f5;
}
._16ErjZm8BqqfH8FiqKcOCh {
  max-height: 216px;
  margin: 0;
  padding: 8px 0;
  overflow: auto;
  list-style: none;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(56,56,56,0.1);
}
.ziLCyFv7ARMW0SfN6QkwS .U_KN92kfWEEH2J2uu0LHm {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 160px;
  padding: 0 16px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 32px;
  color: #808080;
}
.ziLCyFv7ARMW0SfN6QkwS .U_KN92kfWEEH2J2uu0LHm:hover {
  background-color: #eee;
}
.ziLCyFv7ARMW0SfN6QkwS .U_KN92kfWEEH2J2uu0LHm .icon {
  margin-left: 10px;
  font-size: 14px;
  color: #a6a6a6;
}
.ziLCyFv7ARMW0SfN6QkwS ._3v7r_nQ8ZRPbRD-gu4HejQ {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
._3O2yzkAMBK2juJB9NdJc1e {
  margin: 0;
  padding: 5px 25px;
  line-height: 1.428571428571429;
  background-color: transparent;
  border: 1px solid #03a9f4;
  border-radius: 3px;
  color: #03a9f4;
}
._3O2yzkAMBK2juJB9NdJc1e ._14fVFlg-jClSnxc5Y2DqyM {
  display: none;
}
._3O2yzkAMBK2juJB9NdJc1e:hover {
  border-color: #0287c3;
  color: #0287c3;
}
._3O2yzkAMBK2juJB9NdJc1e._1kJG5DL6N4kAeRRkW9lhYj {
  border-color: #e5e5e5;
  color: #808080;
}
._3O2yzkAMBK2juJB9NdJc1e._1kJG5DL6N4kAeRRkW9lhYj:hover {
  border-color: #b7b7b7;
  color: #666;
}
._3O2yzkAMBK2juJB9NdJc1e._1kJG5DL6N4kAeRRkW9lhYj:hover ._286dcqXRTt0n84ke0IwNhe {
  display: none;
}
._3O2yzkAMBK2juJB9NdJc1e._1kJG5DL6N4kAeRRkW9lhYj:hover ._14fVFlg-jClSnxc5Y2DqyM {
  display: inline;
}
._3O2yzkAMBK2juJB9NdJc1e:focus {
  outline: 0;
}
._1YkZQ2m1k11qlFGOZkUBIH {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._1YkZQ2m1k11qlFGOZkUBIH ._19ML4wXmk_qXs7IWAlX_RI {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
._1YkZQ2m1k11qlFGOZkUBIH ._2AIaERRdlcUMcCqd1gnjZ_ {
  margin-left: 10px;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  overflow: hidden;
}
._1YkZQ2m1k11qlFGOZkUBIH ._23WbPDy1sbSWY4qKUgUDnR {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.5;
  color: #383838;
}
._1YkZQ2m1k11qlFGOZkUBIH ._1fTGD8KiurlrUgWOSZFRXV {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.5;
  color: #a6a6a6;
}
._3Uri0OHFH0q_a4105sUdjV {
  display: inline-block;
  height: 40px;
  width: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
}
.NEXvASTXu8GwckMKmEOLz {
  margin: 0;
  padding: 0;
  list-style: none;
}
._3PiuRUg9SAPGd0BypNLL41 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._2zv1aoBhul7jCzR934nJWB {
  height: 60px;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  overflow: hidden;
}
._3UyOVtv9buqhfTI_HYEihC {
  margin-left: 12px;
}
._3_4Y-rruifk7NPgEXZMRvt {
  margin: 0;
  padding: 0;
  list-style: none;
}
._3_4Y-rruifk7NPgEXZMRvt.mr1OIYk_tIE46_wpAJoox ._1t3crTkPq-y2qTjKHZgPEO:hover {
  margin: 0 -20px;
  padding: 0 20px;
  background-color: #f7f7f7;
  cursor: pointer;
}
._3_4Y-rruifk7NPgEXZMRvt ._1t3crTkPq-y2qTjKHZgPEO {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3_4Y-rruifk7NPgEXZMRvt ._1S02XycmbTzof9vW0Z__AY {
  height: 60px;
  max-width: 100%;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.TBStyledModal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 1000;
  background-color: #383838;
  transition: opacity 0.218s ease;
}
.TBStyledModal-mask-hidden {
  display: none;
}
.TBStyledModal-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.TBStyledModal-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.TBStyledModal-body {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100vh - 96px);
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.TBStyledModal .tb-modal-close {
  position: absolute;
  top: 14px;
  right: 15px;
  z-index: 2;
  font-size: 16px;
  cursor: pointer;
}
.TBStyledModal .tb-modal-close:hover {
  color: #3da8f5;
}
.N4QcmezKAbsiewEdteLhT {
  margin: 50px auto;
  background-color: #fff;
  border-radius: 3px;
}
.N4QcmezKAbsiewEdteLhT ._2QCrQo2gAMfQ7laqcZpyBq {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding: 13px 50px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.N4QcmezKAbsiewEdteLhT ._3b6m4Qj9iuLAfyONKGrQYN {
  padding: 15px;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
}
.tb-modal {
  margin: 0 auto;
}
.tb-modal-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.tb-modal-mask {
  background: #383838;
  opacity: .5;
  transition: opacity .3s ease;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.tb-modal-mask-hidden {
  display: none;
}
.tb-modal-mask-fade-enter,
.tb-modal-mask-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tb-modal-mask-fade-leave {
  opacity: .5;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tb-modal-mask-fade-enter.tb-modal-mask-fade-enter-active,
.tb-modal-mask-fade-appear.tb-modal-mask-fade-appear-active {
  -webkit-animation-name: In;
          animation-name: In;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tb-modal-mask-fade-leave.tb-modal-mask-fade-leave-active {
  -webkit-animation-name: Out;
          animation-name: Out;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes In {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .5;
  }
}
@keyframes In {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .5;
  }
}
@-webkit-keyframes Out {
  0% {
    opacity: .5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes Out {
  0% {
    opacity: .5;
  }
  100% {
    opacity: 0;
  }
}
.tb-modal-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.tb-modal-body {
  position: relative;
}
.tb-modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.tb-modal-slide-enter,
.tb-modal-slide-appear {
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
  opacity: 0.3;
}
.tb-modal-slide-enter,
.tb-modal-slide-appear,
.tb-modal-slide-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tb-modal-slide-enter.tb-modal-slide-enter-active,
.tb-modal-slide-appear.tb-modal-slide-appear-active {
  -webkit-animation-name: slideIn;
          animation-name: slideIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tb-modal-slide-leave.tb-modal-slide-leave-active {
  -webkit-animation-name: slideOut;
          animation-name: slideOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes slideIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes slideIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes slideOut {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
@keyframes slideOut {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
._2TokK_O4qfq9LDVAUCdOpt {
  width: 100%;
}
._3KBld0d2BBwDdS47h8zVvj {
  height: 40px;
  line-height: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
._2t2WSuYykVI9yH8kg0_BDJ {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
._2t2WSuYykVI9yH8kg0_BDJ .icon {
  margin-left: 5px;
}
._67k3BwZlYXmkhD0HwmQ4f {
  margin: 0;
  padding: 0;
  list-style: none;
}
._3yKMoGDA7GqcQ_o74wkOvj {
  color: #808080;
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0 5px;
  line-height: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.ZUolGc7JSoOw2X-xoHDO3 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  margin-bottom: 5px;
  padding: 0 20px;
  margin: 0 -20px;
}
.ZUolGc7JSoOw2X-xoHDO3:hover {
  background-color: rgba(247,247,247,0.75);
  cursor: pointer;
}
.ZUolGc7JSoOw2X-xoHDO3 .bkHjYeKHlBt4g5nPKx3vj {
  width: 20px;
  height: 20px;
  margin-right: 15px;
  line-height: 20px;
  text-align: center;
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  color: #ccc;
  cursor: default;
}
.ZUolGc7JSoOw2X-xoHDO3 ._2ybOQhU7XJzzQDZJThV5-T {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 20px;
  width: 0;
}
.ZUolGc7JSoOw2X-xoHDO3 .pAFBLFciN5q20PaDnzbcA {
  margin-left: 5px;
  color: #a6a6a6;
}
.ZUolGc7JSoOw2X-xoHDO3 ._2mqV6WJ9VR3wWzaOi-ToZe {
  color: #a6a6a6;
}
.ZUolGc7JSoOw2X-xoHDO3 ._2mqV6WJ9VR3wWzaOi-ToZe.overdue {
  color: #ff4f3e;
}
.ZUolGc7JSoOw2X-xoHDO3 ._2mqV6WJ9VR3wWzaOi-ToZe.today {
  color: #ffaf38;
}
.ZUolGc7JSoOw2X-xoHDO3 ._2mqV6WJ9VR3wWzaOi-ToZe.upcoming {
  color: #3da8f5;
}
._2eZuVRoq47g5yssS0qoa2O {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: auto;
}
.Ma8AszWPjJJ-gy626r2Dx {
  padding: 0 20px;
  overflow: auto;
}
._26l2NazjiAMpw6YsefI8LJ {
  padding: 70px;
}
._3TNYhDJtc2h8UKwiw2vsnw + ._3TNYhDJtc2h8UKwiw2vsnw {
  margin-top: 4px;
}
._3EsGaFJSOpBimh7VjhWcLP {
  margin: 0 20px 4px;
  font-size: 14px;
  line-height: 40px;
  border-bottom: 1px solid #e5e5e5;
  color: #808080;
}
.wkpOBn4izDW4DIkjfZdsk .Uh0WzRCNYPgVlfbdKxhOy {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  list-style: none;
}
.wkpOBn4izDW4DIkjfZdsk .Uh0WzRCNYPgVlfbdKxhOy ._22wHh_o9N1ez3OEZse-rIJ {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.wkpOBn4izDW4DIkjfZdsk .Uh0WzRCNYPgVlfbdKxhOy ._22wHh_o9N1ez3OEZse-rIJ + ._22wHh_o9N1ez3OEZse-rIJ {
  margin-left: 20px;
}
.wkpOBn4izDW4DIkjfZdsk .Uh0WzRCNYPgVlfbdKxhOy .z8dCKt1JROuIE05RxQJRm {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  height: 24px;
  padding: 0 10px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  border-radius: 12px;
}
.wkpOBn4izDW4DIkjfZdsk .Uh0WzRCNYPgVlfbdKxhOy .z8dCKt1JROuIE05RxQJRm._2R8VDpR6fBUPExWm6huKIk {
  background-color: #3da8f5;
  color: #fff !important;
}
._3qTTs_Y4pgOOCSJyRNaG7v {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
}
._3qTTs_Y4pgOOCSJyRNaG7v ._2gh00R89jiSNne1i0hZfe2 {
  margin-bottom: 10px;
  padding: 0 20px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
._3qTTs_Y4pgOOCSJyRNaG7v ._2WthGREokutgW7a3_beLdC {
  padding: 0 20px 20px;
  overflow: auto;
}
._3qTTs_Y4pgOOCSJyRNaG7v ._2IjlbOt45YHGlVRCsRKbHu {
  padding: 70px;
}
.react-end-point-wrapper {
  text-align: center;
  margin-bottom: 15px;
}
.react-end-point-wrapper .react-end-point {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1em 3px;
  background: #A6A6A6;
  border-radius: 10px;
}
._1wrjvZuot6SXyNCJt-1hbK ._3GzB4KRweOwVnTlLAddeXh {
  margin-bottom: 5px;
}
._1wrjvZuot6SXyNCJt-1hbK ._2l95UkWZSj96q2lBYOycUI {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}
._1wrjvZuot6SXyNCJt-1hbK ._2AXMW5b2OPDgDh9j2p_nbr {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  margin-right: 15px;
}
._1wrjvZuot6SXyNCJt-1hbK .GH1ZzKV3L6bwGwOW6KB1R {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  margin-right: 15px;
}
._1wrjvZuot6SXyNCJt-1hbK ._2KvxZ94px5XH4FgKlIikvP {
  font-size: 16px;
}
._1wrjvZuot6SXyNCJt-1hbK ._2_topkrZKpLDGkmdHeTwkC {
  line-height: 20px;
  font-size: 12px;
  color: #a6a6a6;
}
._1wrjvZuot6SXyNCJt-1hbK ._34bKiD6LK3RbESoJUNiPdV {
  padding: 0 10px;
  min-width: 80px;
  line-height: 30px;
  border: 1px solid #3da8f5;
  border-radius: 3px;
  text-align: center;
  color: #3da8f5;
  cursor: pointer;
}
._1wrjvZuot6SXyNCJt-1hbK ._34bKiD6LK3RbESoJUNiPdV:hover {
  color: #fff;
  background: #3da8f5;
}
._1wrjvZuot6SXyNCJt-1hbK ._3hcZWjNd8o5i7bBgDmcrxR {
  padding: 0 10px;
  min-width: 80px;
  line-height: 30px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  text-align: center;
  color: #808080;
  cursor: pointer;
}
._1wrjvZuot6SXyNCJt-1hbK ._3hcZWjNd8o5i7bBgDmcrxR .yinQUFc163oeRtDa_oBY5 {
  display: block;
}
._1wrjvZuot6SXyNCJt-1hbK ._3hcZWjNd8o5i7bBgDmcrxR ._2ySwz6LdS3Qkg_LfLB99Lc {
  display: none;
}
._1wrjvZuot6SXyNCJt-1hbK ._3hcZWjNd8o5i7bBgDmcrxR:hover {
  border-color: #3da8f5;
  color: #3da8f5;
}
._1wrjvZuot6SXyNCJt-1hbK ._3hcZWjNd8o5i7bBgDmcrxR:hover .yinQUFc163oeRtDa_oBY5 {
  display: none;
}
._1wrjvZuot6SXyNCJt-1hbK ._3hcZWjNd8o5i7bBgDmcrxR:hover ._2ySwz6LdS3Qkg_LfLB99Lc {
  display: block;
}
._34pkwuom3Jr_GgWgt36la_ {
  display: block;
  width: 100%;
  margin-bottom: 12px;
  padding: 7px 16px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  transition: border-color 0.3s ease;
}
.L8b6W_60t8RwWpSsXo56h {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
}
._9VQzRmwdrN-ls70koSeqX {
  display: block;
  width: 100%;
  padding: 10px 20px;
  text-align: center;
  background-color: #3da8f5;
  border: 0;
  border-radius: 3px;
  color: #fff;
  outline: 0;
}
._17IhD7HTAH3Q3XlrlacRKP {
  position: relative;
}
._1vubMbfa9aCnro4ZHti_u4 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-top: 10px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-sizing: border-box;
}
._5iV6WtCwBS-DaO5Y7zk4i {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 1.428571428571429;
  color: inherit;
}
._5iV6WtCwBS-DaO5Y7zk4i:hover {
  color: #3da8f5;
}
._7Yfp01-iqzvhEinUKOJ7Y {
  color: #a6a6a6;
}
._1Ykq5KVPIiaV6gvwLcRLqF {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
._2t1FMh4zDvA_82GSMUu3Tq {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  color: #383838;
}
._18lUBUm4ywmnBwiv4rj_hE {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
._18lUBUm4ywmnBwiv4rj_hE + ._18lUBUm4ywmnBwiv4rj_hE {
  margin-left: 15px;
}
.zRz1uIu8gt2xJ2nQ4lxOd._2sh_9pfNehuJGUJI8FMrgb ._3YCM0Q9rQ15uV0m5hD-Pu2 {
  border-color: #ff4f3e !important;
}
.lwUGlhbSRAK0HQp7g4Vgo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 12px;
  padding: 4px 12px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  line-height: 1.428571428571429;
  background-color: transparent;
  border: 1px solid #ff4f3e;
  border-radius: 4px;
  box-sizing: border-box;
  color: #ff4f3e;
  outline: 0;
}
.lwUGlhbSRAK0HQp7g4Vgo:hover {
  border-color: #fe1600;
  color: #fe1600;
}
._1rqEZiG8OlX8FDO3vFM2UT {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._25xDWEFYMf_9qH9rilectH {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
._3YCM0Q9rQ15uV0m5hD-Pu2 {
  margin-left: 15px;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
._25xDWEFYMf_9qH9rilectH,
._3YCM0Q9rQ15uV0m5hD-Pu2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 10px 15px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-sizing: border-box;
  transition: border-color 0.3s;
}
._3Kj8-pj-4EtIzvsgA-VHDr {
  margin-right: 6px;
}
.input,
._3Y0OytjK5APdsROCsPLeZE,
.zJgzCsIUeyH1sqSNUIzzR {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.428571428571429;
  color: inherit;
  background-color: transparent;
  border: 0;
  outline: 0;
  resize: none;
}
._3Y0OytjK5APdsROCsPLeZE {
  width: 44px;
  margin-right: 10px;
  padding-right: 10px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-right: 1px solid #d9d9d9;
}
.zJgzCsIUeyH1sqSNUIzzR {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
._1IrXsYLAZyvWO_uDK52dui {
  min-width: 250px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  box-sizing: border-box;
}
._1V6GH__9W_mdy4-kIvhwWI {
  max-height: 180px;
  margin: 0;
  padding: 4px 0;
  overflow: auto;
  list-style: none;
}
.MGpb7E6idt7RA_uP5fAhL {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 1.428571428571429;
  color: #383838;
  cursor: pointer;
}
.MGpb7E6idt7RA_uP5fAhL:hover {
  background-color: #f1f1f1;
}
.MGpb7E6idt7RA_uP5fAhL ._1HeOwl-PO_RG9fTqWLyqRU {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.MGpb7E6idt7RA_uP5fAhL .icon {
  margin-left: 10px;
}
._1k6T9CflVTv3tWqRX0Y-i5 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3H8NnhpkTMT-_Vd-0HqNLB {
  display: inline-block;
  position: relative;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  background-size: cover;
  border-radius: 2px;
}
._3H8NnhpkTMT-_Vd-0HqNLB._3rNrtkICFL0FLpTQmIiY1I {
  background-image: url(https://dn-st.teambition.net/teambition/images/zh.ef872deb.svg);
}
._3H8NnhpkTMT-_Vd-0HqNLB._3nA6wgE4NjubLVQkASEtr9 {
  background-image: url(https://dn-st.teambition.net/teambition/images/hk.b90133aa.svg);
}
._3H8NnhpkTMT-_Vd-0HqNLB._2whcuyyvydmbF3G34zu4Co {
  background-image: url(https://dn-st.teambition.net/teambition/images/tw.2322ad35.svg);
}
._3H8NnhpkTMT-_Vd-0HqNLB._266t9UakVw6wIBNmcHhvE_ {
  background-image: url(https://dn-st.teambition.net/teambition/images/jp.bcbb5fe1.svg);
}
._3H8NnhpkTMT-_Vd-0HqNLB._1Ha7sPsfpaxp_ie-gmr3os {
  background-image: url(https://dn-st.teambition.net/teambition/images/us.d55ae305.svg);
}
._3H8NnhpkTMT-_Vd-0HqNLB._3NV2VysrnkX1zEHngrnyy9 {
  background-image: url(https://dn-st.teambition.net/teambition/images/other.7002a251.svg);
}
._3pqTON2K4YZCmESlUqHNml {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3pqTON2K4YZCmESlUqHNml + ._3pqTON2K4YZCmESlUqHNml {
  margin-top: 20px;
}
._1qm2wxnMeIOdVPMgr7mFFz {
  position: relative;
}
._29hePR9Mjsh0Y04bLxpZy5 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-top: 10px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-sizing: border-box;
}
._1mCrxieKMsTX0YLVsf8PtI {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 1.428571428571429;
  color: inherit;
}
._1mCrxieKMsTX0YLVsf8PtI:hover {
  color: #3da8f5;
}
._2nuRQx-GCmSq8S5fNqhBpL {
  color: #a6a6a6;
}
._2cLWyDLrFK1G1ym8psaqm_ {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.LI12avAlBbMgQ2aqHiJCR {
  min-width: 250px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  box-sizing: border-box;
}
.ec-ia3pAvxX4KE_1cbG98 {
  max-height: 180px;
  margin: 0;
  padding: 4px 0;
  overflow: auto;
  list-style: none;
}
.inSObB1vmFyozaOrv4jnG {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 1.428571428571429;
  color: #383838;
  cursor: pointer;
}
.inSObB1vmFyozaOrv4jnG:hover {
  background-color: #f1f1f1;
}
.inSObB1vmFyozaOrv4jnG ._2I6cQXA7dSZeq91w2ldvAy {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.inSObB1vmFyozaOrv4jnG .icon {
  margin-left: 10px;
}
.yIpSRJ2qGUkF7FAS0qnZf {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.428571428571429;
  color: #a6a6a6;
}
.LXQJVllCTJqVVqgH9cxEA {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px;
  padding: 10px 0;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #e5e5e5;
}
._3gB8SI226kcJVMhuroWWEB {
  margin: 0;
  padding: 0;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 20px;
  background-color: #fff;
  border: 0;
  color: #383838;
  outline: 0;
}
.loM7mmPBGYWPMFT2542N5 {
  min-width: auto;
  margin: 0;
  padding: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 14px;
  line-height: 20px;
  background-color: transparent;
  border: 0;
  color: #3da8f5;
  outline: 0;
}
.loM7mmPBGYWPMFT2542N5:hover {
  color: #0c8ce9;
}
._2APbvFS9PLW0jZTEzjGeyM {
  position: relative;
}
._2APbvFS9PLW0jZTEzjGeyM .X_uLDcaEFGWR2JUJcFhKb {
  margin-top: 10px;
}
._2APbvFS9PLW0jZTEzjGeyM ._32_XzgFPHd0a-l07XMmfXS {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 40px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 1.428571428571429;
  background-color: transparent;
  border: 1px solid #3da8f5;
  border-radius: 3px;
  box-sizing: border-box;
  color: #3da8f5;
  outline: 0;
}
._2APbvFS9PLW0jZTEzjGeyM ._32_XzgFPHd0a-l07XMmfXS:hover {
  border-color: #0c8ce9;
  color: #0c8ce9;
}
._2APbvFS9PLW0jZTEzjGeyM ._32_XzgFPHd0a-l07XMmfXS ._2LuUgfFbgk6fV2A7iVp_A- {
  margin-left: 10px;
}
._2APbvFS9PLW0jZTEzjGeyM ._1Hs2HXj0bZVRtZWSHzh4kd {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
._2APbvFS9PLW0jZTEzjGeyM ._1Hs2HXj0bZVRtZWSHzh4kd .team-tree-node-view .team-node {
  line-height: 30px;
}
._3B52x-QhdQfmxPHu2ZqN4c {
  margin-bottom: 20px;
}
._3B52x-QhdQfmxPHu2ZqN4c ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
._2EhMBm0ksULpJh-8zOdGjk {
  display: block;
  width: 100%;
  padding: 10px 20px;
  text-align: center;
  background-color: #3da8f5;
  border: 0;
  border-radius: 3px;
  color: #fff;
  outline: 0;
}
._2EhMBm0ksULpJh-8zOdGjk:hover {
  background-color: #55b3f6;
}
.jChzZ3DNE7kP2xvQzY44E._12vBZgYpe36dw8J3OEHGgs ._1dq5Hm6MRhjXZmP_G2Jv4i {
  border-color: #ff4f3e !important;
}
._1dq5Hm6MRhjXZmP_G2Jv4i {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-top: 10px;
  padding: 10px 15px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-sizing: border-box;
  transition: border-color 0.3s;
}
._2__Lg9DwVe-o0GCsVVEVZI {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 1.428571428571429;
  color: inherit;
  background-color: transparent;
  border: 0;
  outline: 0;
  resize: none;
}
._2__Lg9DwVe-o0GCsVVEVZI::-webkit-input-placeholder {
  color: #a6a6a6;
}
._2__Lg9DwVe-o0GCsVVEVZI::-moz-placeholder {
  color: #a6a6a6;
}
._2__Lg9DwVe-o0GCsVVEVZI:-ms-input-placeholder {
  color: #a6a6a6;
}
._2__Lg9DwVe-o0GCsVVEVZI::placeholder {
  color: #a6a6a6;
}
._3OJSwtDfGUMSl90EdHbHCm {
  position: relative;
}
.oBSoe4J8_8hS_94cQbhdu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.oBSoe4J8_8hS_94cQbhdu ._3qpo_BwlMSwBFa8d9yYkux {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-sizing: border-box;
}
.oBSoe4J8_8hS_94cQbhdu ._3qpo_BwlMSwBFa8d9yYkux + ._3qpo_BwlMSwBFa8d9yYkux {
  margin-left: 10px;
}
._1Myz29b3gZaNXc57ZGM0al {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 1.428571428571429;
  color: inherit;
}
._1Myz29b3gZaNXc57ZGM0al._2Y-M-gr8TXO87mb_Cywugj {
  color: #a6a6a6;
}
._1Myz29b3gZaNXc57ZGM0al:hover {
  color: #3da8f5;
}
._1Myz29b3gZaNXc57ZGM0al ._21bdmz-Syxn3ZXI5atSfQa {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.YDehQ5SALxJ9tva7nl41F {
  min-width: 250px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  box-sizing: border-box;
}
._3JvhS8AThpngpaAQ2XCnmg {
  max-height: 180px;
  margin: 0;
  padding: 4px 0;
  overflow: auto;
  list-style: none;
}
._1_BfYIxdJqtA43-YZi6ooD {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 1.428571428571429;
  color: #383838;
  cursor: pointer;
}
._1_BfYIxdJqtA43-YZi6ooD:hover {
  background-color: #f1f1f1;
}
._1_BfYIxdJqtA43-YZi6ooD ._3lcRAZY81IrZgao6_WxO4F {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
._1_BfYIxdJqtA43-YZi6ooD .icon {
  margin-left: 10px;
}
._256l9YsMfuM1bPQJucJHLs {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.428571428571429;
  color: #a6a6a6;
}
.oKhnj83dRC9sALH5bPWRE ._2o-G9iX5vfs8DiyOQy6Fa {
  margin: 20px;
}
.oKhnj83dRC9sALH5bPWRE ._3D95mIEdB_8mlenwsmEvIo + * {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.CJVHT6FCOIGZ3-R2xISQS {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center;
}
.CJVHT6FCOIGZ3-R2xISQS ._2PmoOB5UC7ASNgbM4H6tlu {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.CJVHT6FCOIGZ3-R2xISQS ._2PmoOB5UC7ASNgbM4H6tlu + ._2PmoOB5UC7ASNgbM4H6tlu {
  margin-top: 8px;
}
.CJVHT6FCOIGZ3-R2xISQS .p929evIWXixuqN9OyZBlD {
  display: block;
  height: 80px;
  width: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
}
.CJVHT6FCOIGZ3-R2xISQS ._15wWdDVbr6NyqCoPfYgRty,
.CJVHT6FCOIGZ3-R2xISQS ._3p3BaA9WK_BzFXhggh5Vj7,
.CJVHT6FCOIGZ3-R2xISQS ._3uuyB5-xl8Hl2uuh1TOZ2U {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.CJVHT6FCOIGZ3-R2xISQS ._15wWdDVbr6NyqCoPfYgRty {
  font-size: 18px;
}
.CJVHT6FCOIGZ3-R2xISQS ._3p3BaA9WK_BzFXhggh5Vj7,
.CJVHT6FCOIGZ3-R2xISQS ._3uuyB5-xl8Hl2uuh1TOZ2U {
  color: #808080;
}
.CJVHT6FCOIGZ3-R2xISQS ._2d7OW8CrzLNobaQsSwdfF0 {
  position: absolute;
  top: 0;
  right: 0;
}
._2fUMun1zei3Rs2EMjZmRol .t_ufNFgD6aHgwZgiYFrcT {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #808080;
}
._2fUMun1zei3Rs2EMjZmRol .t_ufNFgD6aHgwZgiYFrcT ._348pzfJMBW07u0sr4cIjjY {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
._2fUMun1zei3Rs2EMjZmRol .t_ufNFgD6aHgwZgiYFrcT ._3U3gKE0Ny4Zi578ZDT_qlX {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
._2fUMun1zei3Rs2EMjZmRol .t_ufNFgD6aHgwZgiYFrcT + ._1w5cHJbkBU0YbVOeTw6S5Z {
  margin-top: 8px;
}
._2fUMun1zei3Rs2EMjZmRol ._1w5cHJbkBU0YbVOeTw6S5Z {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._2fUMun1zei3Rs2EMjZmRol ._1w5cHJbkBU0YbVOeTw6S5Z ._1BX9VHfJBcWiB7h6qfCZCb {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 30px;
}
._2fUMun1zei3Rs2EMjZmRol ._1w5cHJbkBU0YbVOeTw6S5Z ._1BX9VHfJBcWiB7h6qfCZCb .UVARLsz9wU3HIIVgi69bl {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 72px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #808080;
}
._2fUMun1zei3Rs2EMjZmRol ._1w5cHJbkBU0YbVOeTw6S5Z ._1BX9VHfJBcWiB7h6qfCZCb ._3nAeauEtX7xP2QZjyNw7Fa {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
._2fUMun1zei3Rs2EMjZmRol ._1w5cHJbkBU0YbVOeTw6S5Z ._1BX9VHfJBcWiB7h6qfCZCb .UVARLsz9wU3HIIVgi69bl + ._3nAeauEtX7xP2QZjyNw7Fa {
  margin-left: 8px;
}
._2fUMun1zei3Rs2EMjZmRol .emoKnZZF7QeDtvjtA-yqr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._2fUMun1zei3Rs2EMjZmRol ._37wrA5kMAdvtPdhJFwBn2H {
  max-width: 100%;
  line-height: 30px;
}
._2fUMun1zei3Rs2EMjZmRol ._3cPmb5uFIO2ZUb22nNvx1l {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
._3HKkFEnq4XSOXXY7Ym67J4 ._2z0Qk24ufjF-aa8oviWINK {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #808080;
}
._3HKkFEnq4XSOXXY7Ym67J4 ._2z0Qk24ufjF-aa8oviWINK .cVpB0_l8tolZi5yXVyQiS {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
._3HKkFEnq4XSOXXY7Ym67J4 ._2z0Qk24ufjF-aa8oviWINK ._11POSGU1obl4RSG9cuVRmP {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
._3HKkFEnq4XSOXXY7Ym67J4 ._1D8Bv1qdgwIn6xGhJg5J2T {
  margin-top: 8px;
}
._3HKkFEnq4XSOXXY7Ym67J4 ._2Z0kA6F-nz-mib7iVcPwOr {
  padding: 35px 0;
}
._3HKkFEnq4XSOXXY7Ym67J4 ._2Z0kA6F-nz-mib7iVcPwOr img {
  height: 40px;
  width: auto;
}
.powerups-item-detail-view .plugin-powerups-item-header {
  padding: 10px 20px;
  margin: 0;
  text-align: center;
}
.powerups-item-detail-view .plugin-powerups-item-closer {
  position: absolute;
  right: 20px;
  font-size: 16px;
}
.powerups-item-detail-view .plugin-powerups-item-body {
  padding: 20px;
  min-height: 240px;
}
.powerups-item-detail-view .app-logo .img-icon-appstore.size-sd {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-position: center;
}
.powerups-item-detail-view .app-logo .icon.icon-image {
  color: #808080;
  font-size: 44px;
}
.link-tab-plugin .icon-avatar {
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.link-container-plugin-view {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.link-container-plugin-view .link-container {
  overflow-x: auto;
}
.link-container-plugin-view .link-container .link-column-plugin-view {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.link-container-plugin-view .link-container .link-column-plugin-view:last-of-type:nth-child(2) {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.link-container-plugin-view .link-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.link-container-plugin-view .link-placeholder .unauth-placeholder {
  margin: auto;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.link-container-plugin-view .link-placeholder p {
  margin-bottom: 15px;
  color: #808080;
}
.link-container-plugin-view .link-placeholder a {
  color: #3da8f5;
  font-size: 16px;
}
.link-container-plugin-view .link-placeholder .link-thumbnail {
  width: 70px;
  height: 70px;
  margin: 0 0 30px;
  color: #808080;
  font-size: 48px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 70px;
  border-radius: 3px;
}
.link-column-plugin-view {
  width: 250px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  overflow-x: hidden;
  overflow-y: auto;
}
.link-column-plugin-view .link-menu-item a {
  display: block;
  padding: 5px 15px;
  transition: background-color 218ms ease, color 218ms ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.link-column-plugin-view .link-menu-item.unfolded a,
.link-column-plugin-view .link-menu-item a:hover {
  color: #3da8f5;
  background-color: #EEEEEE;
}
.link-column-plugin-view .link-menu-item.active a {
  color: #FFFFFF;
  background-color: #3da8f5;
}
.link-column-plugin-view .link-abstract-view {
  cursor: pointer;
}
.link-column-plugin-view .link-abstract-view .inte-title,
.link-column-plugin-view .link-abstract-view .inte-content {
  color: inherit;
}
.link-column-plugin-view .link-abstract-view:hover {
  color: #3da8f5;
  background-color: #EEEEEE;
}
.link-column-plugin-view .link-abstract-view.active {
  color: #FFFFFF;
  background-color: #3da8f5;
}
.link-column-plugin-view .link-abstract-view,
.link-column-plugin-view .link-abstract-view .inte-title,
.link-column-plugin-view .link-abstract-view .inte-content {
  transition: 218ms;
}
.link-column-plugin-view .link-column-placeholder {
  padding: 5px 15px;
  color: #808080;
}
.link-column-plugin-view .link-menu-item + .link-abstract-view,
.link-column-plugin-view .link-abstract-view + .link-menu-item {
  border-top: rgba(0, 0, 0, 0.07);
}
.react-divider {
  height: 1px;
  margin: 5px 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid #fff;
}
li.react-divider {
  border: 0;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 5px 10px;
}
.gantt-task-creator-view .popover-header {
  display: none;
}
.gantt-task-creator-view .popover-content {
  padding: 0;
}
.react-dropdown-menu {
  padding: 5px 0;
}
.react-dropdown-menu li a {
  display: block;
  min-width: 168px;
  max-width: 260px;
  padding: 5px 35px 5px 15px;
  overflow: hidden;
  clear: both;
  line-height: 24px;
  color: #808080;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: 0 none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.react-dropdown-menu li a .icon {
  position: absolute;
  right: 18px;
}
.react-dropdown-menu li a:hover,
.react-dropdown-menu li a:focus {
  color: #737373;
  text-decoration: none;
  background-color: #f5f5f5;
}
.react-dropdown-menu .divider {
  margin: 5px;
  background-color: rgba(0, 0, 0, 0.12);
  border: 0 none;
}
.tb-dropdown-menu {
  max-width: none;
  padding: 0;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.1);
}
.tb-dropdown-menu-hidden {
  display: none;
}
.tb-dropdown-menu-slide-enter,
.tb-dropdown-menu-slide-appear {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tb-dropdown-menu-slide-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-slide-appear-active,
.tb-dropdown-menu-slide-leave-active {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tb-dropdown-menu-placement-bottom.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-bottomLeft.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-bottomRight.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-bottom.tb-dropdown-menu-slide-appear-active,
.tb-dropdown-menu-placement-bottomLeft.tb-dropdown-menu-slide-appear-active,
.tb-dropdown-menu-placement-bottomRight.tb-dropdown-menu-slide-appear-active {
  -webkit-animation-name: slideBottomIn;
          animation-name: slideBottomIn;
}
.tb-dropdown-menu-placement-bottom.tb-dropdown-menu-slide-leave-active,
.tb-dropdown-menu-placement-bottomLeft.tb-dropdown-menu-slide-leave-active,
.tb-dropdown-menu-placement-bottomRight.tb-dropdown-menu-slide-leave-active {
  -webkit-animation-name: slideBottomOut;
          animation-name: slideBottomOut;
}
.tb-dropdown-menu-placement-top.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-topLeft.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-topRight.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-top.tb-dropdown-menu-slide-appear-active,
.tb-dropdown-menu-placement-topLeft.tb-dropdown-menu-slide-appear-active,
.tb-dropdown-menu-placement-topRight.tb-dropdown-menu-slide-appear-active {
  -webkit-animation-name: slideTopIn;
          animation-name: slideTopIn;
}
.tb-dropdown-menu-placement-top.tb-dropdown-menu-slide-leave-active,
.tb-dropdown-menu-placement-topLeft.tb-dropdown-menu-slide-leave-active,
.tb-dropdown-menu-placement-topRight.tb-dropdown-menu-slide-leave-active {
  -webkit-animation-name: slideTopOut;
          animation-name: slideTopOut;
}
.tb-dropdown-menu-placement-right.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-rightTop.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-rightBottom.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-right.tb-dropdown-menu-slide-appear-active,
.tb-dropdown-menu-placement-rightTop.tb-dropdown-menu-slide-appear-active,
.tb-dropdown-menu-placement-rightBottom.tb-dropdown-menu-slide-appear-active {
  -webkit-animation-name: slideRightIn;
          animation-name: slideRightIn;
}
.tb-dropdown-menu-placement-right.tb-dropdown-menu-slide-leave-active,
.tb-dropdown-menu-placement-rightTop.tb-dropdown-menu-slide-leave-active,
.tb-dropdown-menu-placement-rightBottom.tb-dropdown-menu-slide-leave-active {
  -webkit-animation-name: slideRightOut;
          animation-name: slideRightOut;
}
.tb-dropdown-menu-placement-left.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-leftTop.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-leftBottom.tb-dropdown-menu-slide-enter-active,
.tb-dropdown-menu-placement-left.tb-dropdown-menu-slide-appear-active,
.tb-dropdown-menu-placement-leftTop.tb-dropdown-menu-slide-appear-active,
.tb-dropdown-menu-placement-leftBottom.tb-dropdown-menu-slide-appear-active {
  -webkit-animation-name: slideLeftIn;
          animation-name: slideLeftIn;
}
.tb-dropdown-menu-placement-left.tb-dropdown-menu-slide-leave-active,
.tb-dropdown-menu-placement-leftTop.tb-dropdown-menu-slide-leave-active,
.tb-dropdown-menu-placement-leftBottom.tb-dropdown-menu-slide-leave-active {
  -webkit-animation-name: slideLeftOut;
          animation-name: slideLeftOut;
}
@-webkit-keyframes slideBottomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes slideBottomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes slideBottomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes slideBottomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@-webkit-keyframes slideTopIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes slideTopIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes slideTopOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes slideTopOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@-webkit-keyframes slideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes slideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes slideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes slideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@-webkit-keyframes slideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes slideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes slideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes slideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
.gantt-menu-header-component > * {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gantt-menu-header-component .view-mode {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.gantt-menu-header-component .view-mode > *:first-child {
  margin-right: 6px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gantt-menu-header-component .view-mode > *:last-child {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.gantt-menu-task-component {
  position: relative;
  padding: 5px 20px 5px 48px;
  cursor: pointer;
}
.gantt-menu-task-component.done {
  color: #A6A6A6;
}
.gantt-menu-task-component .gantt-menu-task-break {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gantt-menu-task-component:last-child {
  margin-bottom: 0;
}
.gantt-menu-task-component.on-hover:before {
  position: absolute;
  width: 100%;
  height: 26px;
  content: ' ';
  left: 0;
  top: 2px;
  background: rgba(0, 0, 0, 0.04);
}
.gantt-menu-stage-item.open .icon-circle-down {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.gantt-menu-stage-item.on-last {
  padding-bottom: 7px;
}
.gantt-menu-stage-item .stage-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px 5px 16px;
  font-weight: bold;
  cursor: pointer;
}
.gantt-menu-stage-item .stage-title > p {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.gantt-menu-stage-item .stage-title .fold-hint {
  -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  color: #808080;
  font-weight: bold;
}
.gantt-menu-stage-item .stage-title .stage-name {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gantt-menu-stage-item .stage-title .task-count {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.gantt-menu-stage-item .gantt-load-more-handler,
.gantt-menu-stage-item .add-task-handler {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #808080;
  padding: 5px 20px 5px 48px;
}
.gantt-menu-stage-item .add-task-handler {
  color: #3da8f5;
}
.gantt-menu-component {
  width: 300px;
  margin-top: 14px;
}
.gantt-menu-component .gantt-menu-title {
  margin: 10px 21px;
  color: #808080;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gantt-chart-month-component {
  height: 30px;
  line-height: 30px;
  color: #808080;
  border-right: 1px solid #EEEEEE;
  background: #FFFFFF;
}
.gantt-chart-month-component:first-child {
  border-left: 1px solid #EEEEEE;
}
.gantt-chart-month-component .gantt-chart-month-text {
  display: block;
  height: 30px;
  text-align: center;
}
.gantt-chart-month-component .gantt-chart-month-text.on-left {
  float: right;
}
.gantt-chart-month-component .gantt-chart-month-text.on-middle {
  display: none;
}
.gantt-chart-days {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.gantt-chart-days .gantt-chart-day-component {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.gantt-chart-day-component {
  height: 26px;
  line-height: 26px;
  color: #808080;
  border-top: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  text-align: center;
  background: white;
  white-space: pre-wrap;
}
.gantt-chart-day-component:first-child {
  border-left: 1px solid #EEEEEE;
}
.gantt-chart-day-component.on-today {
  background: #F5FAFE;
}
.gantt-chart-task-component {
  position: relative;
  cursor: default;
}
.gantt-chart-task-component.done .gantt-chart-task-layer {
  border-color: #A6A6A6;
  background-color: #D9D9D9;
}
.gantt-chart-task-component.done .layer-angle {
  fill: #D9D9D9;
}
.gantt-chart-task-component.done .gantt-chart-task-body.on-drag-side .gantt-chart-task-layer {
  border-color: #A6A6A6;
}
.gantt-chart-task-component.done .task-drag-ele span {
  border-color: #A6A6A6;
}
.gantt-chart-task-component.on-hover:before {
  position: absolute;
  width: 100%;
  height: 26px;
  content: ' ';
  top: 2px;
  background: rgba(0, 0, 0, 0.04);
}
.gantt-chart-task-component .gantt-chart-task-body {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 7px 0;
  cursor: pointer;
}
.gantt-chart-task-component .gantt-chart-task-body.fake {
  cursor: default;
  opacity: .5;
}
.gantt-chart-task-component .gantt-chart-task-body.fake-drag {
  opacity: 1;
}
.gantt-chart-task-component .gantt-chart-task-body.on-move .gantt-chart-task-layer,
.gantt-chart-task-component .gantt-chart-task-body.on-move .task-drag-ele {
  opacity: 0.7;
}
.gantt-chart-task-component .gantt-chart-task-body.on-moving .gantt-chart-task-layer {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.gantt-chart-task-component .gantt-chart-task-layer {
  height: 16px;
  background-color: #3da8f5;
  border-radius: 2px;
  border-color: #2873AB;
}
.gantt-chart-task-component .gantt-chart-task-layer.has-permission {
  cursor: -webkit-grab;
  cursor: grab;
}
.gantt-chart-task-component .gantt-chart-task-layer.fake {
  cursor: default !important;
}
.gantt-chart-task-component .gantt-chart-task-layer.label-important {
  background-color: #FF6051;
}
.gantt-chart-task-component .gantt-chart-task-layer.label-important .layer-angle {
  fill: #FF6051;
}
.gantt-chart-task-component.on-no-start .layer-angle.on-left {
  display: block;
}
.gantt-chart-task-component.on-no-start .gantt-chart-task-layer {
  margin-left: 7px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gantt-chart-task-component.on-no-start.without-width .gantt-chart-due-date {
  right: -8px;
}
.gantt-chart-task-component.on-no-end .layer-angle.on-right {
  display: block;
}
.gantt-chart-task-component.on-no-end .gantt-chart-task-layer {
  margin-right: 7px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.gantt-chart-task-component.on-no-end.without-width .gantt-chart-start-date {
  left: -8px;
}
.gantt-chart-task-component .layer-angle {
  position: absolute;
  width: 8px;
  height: 16px;
  fill: #3da8f5;
  display: none;
}
.gantt-chart-task-component .layer-angle.on-left {
  left: 0;
  -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
          transform: rotate(180deg) translate3d(0, 0, 0);
}
.gantt-chart-task-component .layer-angle.on-right {
  right: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.gantt-chart-task-component .gantt-chart-start-date,
.gantt-chart-task-component .gantt-chart-due-date {
  position: absolute;
  top: 7px;
  font-size: 12px;
  white-space: nowrap;
  background-color: #383838;
  line-height: 16px;
  padding: 0 7px;
  border-radius: 2px;
  color: #FFFFFF;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.gantt-chart-task-component .gantt-chart-start-date {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  left: -8px;
}
.gantt-chart-task-component .gantt-chart-due-date {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  right: -8px;
}
.gantt-chart-task-component .task-drag-ele {
  position: absolute;
  width: 8px;
  height: 16px;
  top: 7px;
  cursor: ew-resize !important;
  z-index: 10;
  opacity: 0;
}
.gantt-chart-task-component .task-drag-ele span {
  position: absolute;
  width: 1px;
  border-width: 1px;
  height: 12px;
  border-color: #2873AB;
  border-style: solid;
  border-radius: 2px;
  top: 2px;
}
.gantt-chart-task-component .task-drag-ele span.overdue {
  border-color: rgba(0, 0, 0, 0.3);
}
.gantt-chart-task-component .task-drag-ele:hover {
  opacity: .7;
}
.gantt-chart-task-component .task-drag-ele.task-drag-left {
  margin-left: -6px;
  padding-left: 10px;
  padding-right: 4px;
}
.gantt-chart-task-component .task-drag-ele.task-drag-left span {
  right: 4px;
}
.gantt-chart-task-component .task-drag-ele.task-drag-left.disabled {
  width: 8px !important;
  left: auto!important;
  right: auto!important;
}
.gantt-chart-task-component .task-drag-ele.task-drag-right {
  right: 0;
  margin-right: -6px;
  padding-left: 4px;
  padding-right: 10px;
}
.gantt-chart-task-component .task-drag-ele.task-drag-right span {
  left: 4px;
}
.gantt-chart-task-component .task-drag-ele.task-drag-right.disabled {
  width: 8px !important;
  left: auto!important;
  right: 0!important;
}
.gantt-chart-task-component .on-move .task-drag-ele.task-drag-right {
  left: auto!important;
  right: 0!important;
}
.gantt-chart-task-component.on-no-end .task-drag-ele.task-drag-right {
  margin-right: -2px;
}
.gantt-chart-task-component.on-no-start .task-drag-ele.task-drag-left {
  margin-left: -2px;
}
.gantt-chart-task-component .gantt-chart-task-executor {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 8px;
  font-size: 12px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  white-space: nowrap;
  cursor: default;
}
.gantt-chart-task-component.on-no-start.on-no-end .gantt-chart-task-body {
  visibility: hidden;
}
.gantt-chart-stage-component {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 9px 0;
  cursor: pointer;
  overflow: hidden;
}
.gantt-chart-stage-component .gantt-chart-stage-layer {
  height: 12px;
  border-top: 8px solid #3da8f5;
  border-right: 4px solid #3da8f5;
  border-bottom: 5px solid transparent;
  border-left: 4px solid #3da8f5;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.gantt-chart-stage-component:hover .gantt-chart-stage-layer {
  opacity: 0.7;
}
.gantt-chart-stage-component.all-done .gantt-chart-stage-layer {
  border-top: 7px solid #D9D9D9;
  border-right: 4px solid #D9D9D9;
  border-left: 4px solid #D9D9D9;
}
.gantt-chart-body-component {
  margin-top: 14px;
}
.gantt-chart-body-component .gantt-chart-body-stage.on-expanded.on-addTask,
.gantt-chart-body-component .gantt-chart-body-stage.on-expanded.on-hasMore {
  padding-bottom: 30px;
}
.gantt-chart-body-component .gantt-chart-body-stage.on-expanded.on-addTask.on-hasMore:not(.on-last) {
  padding-bottom: 60px;
}
.gantt-chart-body-component .gantt-chart-body-stage.on-expanded.on-addTask.on-hasMore.on-last {
  padding-bottom: 53px;
}
.gantt-chart-fence-component {
  border-right: 1px solid #EEEEEE;
  position: relative;
}
.gantt-chart-fence-component:first-child {
  border-left: 1px solid #EEEEEE;
}
.gantt-chart-fence-component .on-today {
  position: absolute;
  height: 100%;
  background-color: #F5FAFE;
}
.gantt-view {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.gantt-component {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #FFFFFF;
  border-radius: 3px;
}
.gantt-component .gantt-left,
.gantt-component .gantt-right {
  position: relative;
  overflow: hidden;
}
.gantt-component .gantt-left > header,
.gantt-component .gantt-right > header {
  position: relative;
  height: 56px;
  background: #FFFFFF;
  z-index: 2;
  overflow: hidden;
}
.gantt-component .gantt-left > section,
.gantt-component .gantt-right > section {
  position: relative;
  z-index: 1;
}
.gantt-component .gantt-left {
  width: 300px;
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.1);
  z-index: 4;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.gantt-component .gantt-left > header,
.gantt-component .gantt-left > section {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.gantt-component .gantt-right {
  z-index: 3;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.gantt-component .gantt-menu-box {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 330px;
  overflow: auto;
}
.gantt-component .gantt-month-pin {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  line-height: 30px;
  color: #808080;
  text-align: center;
  background-color: #FFFFFF;
  z-index: 3;
}
.gantt-component .gantt-calender-box {
  position: absolute;
  left: 0;
  right: 0;
  height: 86px;
  overflow: auto;
}
.gantt-component .gantt-chart-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  z-index: 1;
}
.gantt-component .gantt-chart-box::-webkit-scrollbar {
  height: 7px;
}
.gantt-component .gantt-menu-header-component {
  height: 56px;
  padding: 18px 8px;
  color: #808080;
  border-bottom: 1px solid #EEEEEE;
}
.gantt-component .gantt-cotton {
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
}
.gantt-component .gantt-fences-wrapper,
.gantt-component .gantt-chart-fences {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.gantt-component .gantt-chart-months,
.gantt-component .gantt-chart-days,
.gantt-component .gantt-chart-fences {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.gantt-component .gantt-chart-month-component,
.gantt-component .gantt-chart-day-component,
.gantt-component .gantt-chart-fence-component {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.library-item-handler {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.library-item-handler > a {
  font-size: 16px;
  margin-left: 16px;
}
.library-item-handler > a:first-of-type {
  margin-left: 0;
}
.library-grid-item .check-frame {
  position: relative;
  width: 164px;
  height: 164px;
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.library-grid-item .check-frame .frame-content {
  border-radius: 3px;
  position: absolute;
}
.library-grid-item .check-frame .frame-content:hover {
  cursor: pointer;
}
.library-grid-item .check-frame .frame-content .work-icon .svg-icon {
  font-size: 64px;
}
.library-grid-item .check-frame .frame-check-box {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 3px 0 3px 0;
  background-color: rgba(0,0,0,0.24);
  cursor: pointer;
  opacity: 0;
  transition: opacity 218ms;
}
.library-grid-item .check-frame .frame-check-box .check-mark {
  position: absolute;
  left: 3px;
  top: 4px;
  font-size: 15px;
  color: #fff;
  visibility: visible;
}
.library-grid-item .check-frame .frame-check-box:hover {
  background-color: rgba(0,0,0,0.34);
}
.library-grid-item .check-frame .frame-content {
  width: 164px;
  height: 164px;
  top: -1px;
  left: -1px;
}
.library-grid-item .check-frame .frame-check-box {
  top: -1px;
  left: -1px;
  border: 1px solid #e5e5e5;
}
.library-grid-item .check-frame .library-item-handler {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 9px 0;
  opacity: 0;
  transition: opacity 218ms;
}
.library-grid-item .check-frame .library-item-handler > a {
  font-size: 16px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 3px #a6a6a6;
  background-color: #fff;
}
.library-grid-item .check-frame .library-item-handler > a:nth-child(2) {
  margin-left: 12px;
}
.library-grid-item .check-frame .library-item-handler > a.icon-chevron-down {
  font-size: 12px;
}
.library-grid-item .check-frame:hover .library-item-handler {
  opacity: 1;
}
.library-grid-item .check-frame.checked .frame-check-box,
.library-grid-item .check-frame:hover .frame-check-box {
  opacity: 1;
}
.library-grid-item .check-frame.checked {
  border: 4px solid #3da8f5;
}
.library-grid-item .check-frame.checked .frame-content {
  width: 164px;
  height: 164px;
  top: -4px;
  left: -4px;
}
.library-grid-item .check-frame.checked .frame-check-box {
  top: -4px;
  left: -4px;
  border: 1px solid #3da8f5;
}
.library-grid-item .check-frame.checked .frame-check-box {
  background-color: #3da8f5;
}
.library-grid-item .check-frame.checked .frame-check-box .check-mark {
  color: #fff;
}
.library-grid-item .check-frame.disabled .frame-content {
  cursor: default;
}
.library-grid-item .check-frame.disabled:not(.checked) .frame-check-box {
  display: none;
}
.library-grid-item .raw-title:hover .title-adds {
  display: none;
}
.library-grid-item.dragover {
  cursor: default;
}
@media screen and (max-width: 1199px) {
  .library-grid-item .check-frame {
    width: 168px;
    height: 168px;
  }
  .library-grid-item .check-frame .frame-content {
    width: 168px;
    height: 168px;
  }
}
.library-list-item {
  position: relative;
  padding: 0 20px;
  transition: 218ms background-color;
}
.library-list-item:hover {
  cursor: pointer;
}
.library-list-item.dragover {
  cursor: default;
}
.library-list-item .check-frame {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.library-list-item .check-frame .frame-check-box {
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 2px solid #a6a6a6;
}
.library-list-item .check-frame .frame-check-box:hover {
  border-color: #808080;
}
.library-list-item .check-frame .frame-check-box:hover .check-mark {
  color: #808080;
}
.library-list-item .check-frame .frame-check-box .check-mark {
  color: #a6a6a6;
}
.library-list-item .check-frame .frame-content {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  margin-left: 20px;
  border-bottom: 1px solid #f5f5f5;
}
.library-list-item .library-item-handler {
  opacity: 0;
  transition: 218ms opacity;
}
.library-list-item .list-item-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.library-list-item .list-item-content .list-item-display {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0;
}
.library-list-item .list-item-content .list-item-display .title-bar {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-right: 16px;
}
.library-list-item .list-item-content .list-item-display .title-bar .raw-title {
  width: auto;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: inherit;
  transition: 218ms color;
}
.library-list-item .list-item-content .list-item-display .title-bar .title-input {
  text-align: start;
}
.library-list-item .list-item-content .list-item-info {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #808080;
}
.library-list-item .list-item-content .list-item-info > span {
  padding-right: 20px;
  overflow: hidden;
  max-width: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: nowrap;
}
.library-list-item .list-item-content .list-item-info .info-size {
  width: 100px;
}
.library-list-item .list-item-content .list-item-info .info-creator {
  width: 150px;
}
.library-list-item .library-item-handler {
  position: absolute;
  right: 20px;
  top: 0;
  height: 100%;
  padding-left: 8px;
  background-color: #f5f5f5;
}
.library-list-item .work-icon {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-right: 12px;
  background-size: cover;
  background-repeat: no-repeat;
}
.library-list-item:hover {
  background-color: #f5f5f5;
}
.library-list-item:hover .library-item-handler {
  opacity: 1;
}
.title-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  min-width: 0;
}
.title-bar .raw-title,
.title-bar .title-input {
  width: 100%;
  min-width: 0;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.title-bar .raw-title {
  padding: 0 5px;
}
.title-bar .title-input {
  padding: 0 4px;
  border-color: #f5f5f5;
  line-height: 28px;
}
.title-bar .title-input:focus {
  border-color: #e5e5e5;
}
.title-bar .raw-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: default;
  transition: background-color 218ms;
}
.title-bar .raw-title .elastic-title {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0%;
}
.title-bar .raw-title .title-adds {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.title-bar .raw-title.editable.trigger-on-click {
  cursor: text;
}
.title-bar .raw-title.editable.trigger-on-click:hover {
  background-color: #f5f5f5;
}
.library-field .library-placeholder {
  margin: 0;
  padding: 128px 0;
}
.library-field.library-grid .library-placeholder {
  padding-top: 112px;
}
.library-field .library-list-item.open .library-item-handler,
.library-field .library-grid-item.open .library-item-handler {
  opacity: 1;
}
.library-field .library-list-item.open .library-item-handler .menu-toggler,
.library-field .library-grid-item.open .library-item-handler .menu-toggler {
  color: #3da8f5;
}
.library-field .library-list-item.open {
  background-color: #f5f5f5;
}
.library-field .library-grid-item.dragover .library-grid-item-content {
  background-color: #f5f5f5;
}
.library-field .library-list-item.dragover {
  background-color: #f5f5f5;
}
.library-field .work-icon {
  position: relative;
}
.library-field .work-icon .svg-icon {
  margin: 0;
}
.library-field .work-icon:before {
  position: absolute;
  display: inline-block;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.library-grid {
  padding-top: 16px;
}
.library-grid .library-grid-item {
  display: inline-block;
  margin: 0 0 12px 17px;
}
.library-grid .library-grid-item .library-grid-item-content {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.library-grid .library-grid-item .grid-item-thumbnail {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-position: center;
  background-repeat: no-repeat;
}
.library-grid .library-grid-item .work-icon {
  margin: auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
}
.library-grid .library-grid-item .title-bar {
  margin: 8px auto 0;
  width: 164px;
}
.library-list-work .icon-lock,
.library-grid-work .icon-lock {
  color: #a6a6a6;
  margin-left: 8px;
}
.library-field .library-field-content {
  display: inline-block;
}
.library-collection-creator {
  display: inline-block;
}
.check-frame .frame-check-box {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
}
.check-frame .check-mark {
  font-weight: bold;
  -webkit-transform: translate(0.4px, -2px);
          transform: translate(0.4px, -2px);
  visibility: hidden;
}
.check-frame.checked .check-mark {
  visibility: visible;
}
.check-frame.disabled .frame-check-box {
  background-color: #f5f5f5;
  cursor: auto;
}
.library-content {
  background-color: #FFFFFF;
}
.library-content .library-drag {
  width: 40px;
  height: 40px;
  position: absolute;
}
.library-content .library-drag .library-badge {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-shadow: #666 0 -1px 1px;
  color: #FFFFFF;
  text-align: center;
  font-size: 12px;
  border-radius: 8px;
  background: #1d73cb;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 40px;
  box-sizing: border-box;
}
.library-header .breadcrumbs > li + li:before {
  display: inline-block;
  font-family: "tb-icons" !important;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.library-header .breadcrumbs > li + li:before {
  content: "\EA2D";
}
.library-header {
  padding: 18px 20px;
  background-color: #FFFFFF;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.library-header .library-header-title {
  padding: 0 300px 0 0;
  font-size: 18px;
}
.library-header .upload-works-handler {
  margin-left: 24px;
}
.library-header .library-header-handler {
  position: absolute;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: 18px;
  right: 16px;
}
.library-header .library-header-handler a {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 18px;
}
.library-header .library-header-handler .icon {
  margin-right: 8px;
  font-size: 18px;
}
.library-header .library-header-handler .upload-works-handler .icon {
  margin-right: 6px;
}
.library-header .library-header-handler .uploader-dropdown {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.library-header .library-header-handler .uploader-dropdown li > a {
  line-height: 34px;
  padding: 0 12px;
  width: 100%;
}
.library-header .library-header-handler .uploader-dropdown li > a.upload-works-handler {
  margin-left: 0;
  width: 100%;
}
.library-header .library-header-handler .uploader-dropdown .dropdown-toggler {
  padding-left: 8px;
  margin: 0 0 0 8px;
  font-size: 14px;
  line-height: 16px;
  border-left: 1px solid #A6A6A6;
}
.library-header .library-header-handler .uploader-dropdown .dropdown-menu {
  overflow: hidden;
}
.library-header .library-header-handler .uploader-dropdown .upload-directory {
  position: relative;
}
.library-header .library-header-handler .uploader-dropdown li:hover > a {
  background-color: #F7F7F7;
}
.library-header .library-header-handler .uploader-dropdown .upload-directory-handler {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.library-header .library-handler {
  padding: 15px 15px 14px 60px;
  background-color: #FFFFFF;
}
.library-header .library-handler:after {
  display: block;
  position: absolute;
  height: 0;
  top: 49px;
  left: 60px;
  right: 15px;
  content: '';
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.library-header .library-handler .library-update-handler .icon-circle-arrow-down-o {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.library-header .breadcrumbs li a,
.library-header .breadcrumbs-dropdown li a {
  color: #383838;
}
.library-header .breadcrumbs li a:hover,
.library-header .breadcrumbs-dropdown li a:hover {
  color: #3da8f5;
}
.library-header .breadcrumbs li.active a:hover,
.library-header .breadcrumbs-dropdown li.active a:hover {
  color: #383838;
}
.library-header .breadcrumbs {
  visibility: hidden;
  font-size: 18px;
}
.library-header .breadcrumbs,
.library-header .breadcrumbs > li {
  display: inline-block;
}
.library-header .breadcrumbs > li:before {
  float: left;
  content: ' ';
  font-size: 12px;
  color: #A6A6A6;
}
.library-header .breadcrumbs > li + li:before {
  margin: 0 5px;
}
.library-header .breadcrumbs-dropdown .caret {
  position: absolute;
  top: 8px;
  right: 0;
}
.library-header .breadcrumbs-dropdown > a {
  display: inline-block;
  position: relative;
  padding: 0 15px 0 0;
}
.library-header .breadcrumbs-dropdown a {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.library-header .breadcrumbs-dropdown li {
  max-width: 300px;
  font-size: 15px;
}
.library-handler {
  padding: 18px 20px;
  background-color: #FFFFFF;
  color: #808080;
  position: relative;
}
.library-handler .select-num-hint {
  padding: 0 4px;
  margin-right: 20px;
  font-size: 15px;
}
.library-handler .library-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
}
.library-handler .library-info > a {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.library-handler .library-info .caret {
  color: #A6A6A6;
  border-width: 5px 5px 0;
  margin-top: -2px;
  margin-left: 8px;
}
.library-handler .library-info .library-sort:hover .caret {
  color: #3da8f5;
}
.library-handler .library-info .dropup .caret {
  border-width: 0 5px 5px;
}
.library-handler .library-info .library-info-name {
  display: block;
  width: 50%;
}
.library-handler .library-info .library-info-size {
  display: block;
  width: 100px;
  padding-right: 20px;
}
.library-handler .library-info .library-info-author {
  display: block;
  width: 150px;
  padding-right: 20px;
}
.library-handler .view-mode-handlers {
  position: absolute;
  top: 18px;
  right: 12px;
}
.library-handler .view-mode-handlers .mode-handler {
  padding: 0 8px;
}
.library-handler .view-mode-handlers .mode-handler.active {
  color: #3da8f5;
}
.library-handler > a {
  display: inline-block;
  margin-right: 24px;
  font-size: 15px;
}
.library-handler > a .icon {
  margin-right: 5px;
}
.library-handler .check-box {
  display: inline-block;
  margin-right: 16px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-style: solid;
  border-width: 2px;
  border-color: #A6A6A6;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
}
.library-handler .check-box:hover {
  border-color: #808080;
}
.library-handler .check-box:hover .icon-tick {
  color: #808080;
}
.library-handler .check-box .icon-tick {
  color: #A6A6A6;
  font-weight: bold;
  visibility: hidden;
  -webkit-transform: translate(0.4px, -2px);
          transform: translate(0.4px, -2px);
}
.library-handler .check-box.selected .icon-tick {
  visibility: visible;
}
@media screen and (max-width: 1199px) {
  .library-handler .library-info .library-info-name,
  .library-list-item .list-item-content .list-item-display {
    width: 40%;
  }
}
.project-app-plugin-view {
  position: fixed;
  top: 100px;
  right: 0;
  bottom: 0;
  left: 0;
}
.project-app-plugin-view .app-iframe {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: white;
}
.user-satisfaction-view {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: all ease 218ms;
}
.user-satisfaction-view:not(.on-open):hover {
  -webkit-transform: translateX(calc(10px - 100%));
          transform: translateX(calc(10px - 100%));
}
.user-satisfaction-view.on-open {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
.user-satisfaction-view.on-open.nps-feedback.satisfaction-switcher .icon-star {
  display: none;
}
.user-satisfaction-view.on-open.nps-feedback.satisfaction-switcher .icon-remove {
  display: inline-block;
}
.user-satisfaction-view.on-hide {
  opacity: 0;
  bottom: 50px;
}
.user-satisfaction-view .satisfaction-switcher .icon-star {
  display: inline-block;
}
.user-satisfaction-view .satisfaction-switcher .icon-remove {
  display: none;
}
.user-satisfaction-view .satisfaction-form {
  position: relative;
  background: white;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  z-index: 3;
}
.user-satisfaction-view .satisfaction-form .satisfaction-score-wrap {
  padding: 20px 16px 16px 16px;
}
.user-satisfaction-view .satisfaction-form .satisfaction-form-header {
  margin: 0;
}
.user-satisfaction-view .satisfaction-form .satisfaction-circle-wrap {
  margin: 20px 0 16px -8px;
}
.user-satisfaction-view .satisfaction-form .satisfaction-description {
  line-height: 16px;
  font-size: 11px;
  color: #A6A6A6;
}
.user-satisfaction-view .satisfaction-form .satisfaction-description-line {
  height: 1px;
  margin: 8px 8px 0 8px;
  background-image: linear-gradient(90deg, #D1F3FF, #A4E3FF);
}
.user-satisfaction-view .satisfaction-form .satisfaction-circle {
  display: block;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 22px;
  margin-left: 8px;
  border: 1px solid #C5EFFF;
  color: #3DA8F5;
  border-radius: 50%;
}
.user-satisfaction-view .satisfaction-form .satisfaction-circle:hover {
  border-color: #3DA8F5;
  background-color: #C5EFFF;
}
.user-satisfaction-view .satisfaction-form .satisfaction-feedback-wrap {
  padding: 12px 10px 10px 10px;
}
.user-satisfaction-view .satisfaction-form .satisfaction-input-wrap {
  margin-top: 12px;
  height: 78px;
  overflow: hidden;
  border-color: #E6E6E6;
  background-color: #F7F7F7;
  transition: all 218ms;
}
.user-satisfaction-view .satisfaction-form .satisfaction-input-wrap.on-open {
  height: 115px;
}
.user-satisfaction-view .satisfaction-form .satisfaction-input-wrap.on-open .reply-handler {
  opacity: 1;
  z-index: 1;
}
.user-satisfaction-view .satisfaction-form .satisfaction-feedback-input {
  padding: 6px;
  width: 356px;
  height: 78px;
  transition: all 218ms;
  resize: none;
  border: none;
  background-color: transparent;
}
.user-satisfaction-view .satisfaction-form .reply-handler {
  height: 28px;
  line-height: 28px;
  padding: 0 16px;
  margin: 5px;
  right: 12px;
  bottom: 8px;
  opacity: 0;
  z-index: -100;
  transition: all 218ms;
}
.user-satisfaction-view .satisfaction-switcher {
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: -40px;
  width: 40px;
  height: 36px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABICAYAAABlYaJmAAAAAXNSR0IArs4c6QAAA/VJREFUeAHt3N2LjFEcB/DzOzM7L/tEEuFCEaVILijlhr0RRVrWSHGhvfCSP0L5F5TXKEntslFS5ELcESmKJHIhYiWxntndmX1+zixn98x5znleZi73O7Wdc76/c56LT8/seZ5npqHC0BiLufgiqhOLN0LyzQWl4Mz3PfS7Gwaas5CmGtEXKcTuRi14bsZ5+mo9XoJ5WcTiUXl4fE2nGoCckeNgiptnZ4Y5O4A0wNRm0ddzM9xsRJm7gLSoIubjVpRpCEibKRIH5g/zQjtOGwMyJsSVkOpHYnFKAEgHEDMfU3/kKHkjQLpomFf3jPzZ7ir5MkD6ZCLKtekA0gOpLoV2VW+Hyz3lWAzIGMn/gLnQmOSjvrKdA9IWMcbqrBzc+Ix7jMjbBaSXRhWYl776UN+bNEXXAKklPG0kokybDiA9gDpmFltLwxNr9djXAtInY+RT1DxhDJ1dQDpZrDDiw0vuc2ClbUNAtnF4B/N//AoPeauqAMgkHaPGkUjcdABpYCV1WfCG4o1wi28OIH0yjpyjyLvpANIB5o2IBubd4UWuOiBdKr6MuVwP/wy6yoB0qSRkTHT0FHPMLRYkHAOllgDzytMj4Q4bA5C2SIYxRSK26QAyA5w9Rd1/76zcqq8wc0CaGpn7LJuN9oe+gMyM1z6RRTS4bphLOgWklsjbslj8TowP6GWA1BIdtOqh70G9DJBaooNWbTp92x5ysbUUkB0Azi7h4MlofQkgZ0U67jWL0fS9N87Ijgn/LZSiWG/1ANklZJXK3wDZJaL6utqbn/30E5BdQgop7+pD4K2tJTpoCywv6WWA1BI5W/W2fjhRq7zVywCpJXK2Ushz5hJAmhrZ+1/Xr6reMqcD0tTI2CdBl59vooY5HZCmRqY+RcWSvGBPBaQtkjImEvfH+6sf7WmAtEVSxupbvG2bjJ4OSC2RpSX6tFf0zlyEm0sAaWqk9NW148UbNZpyTQOkS8WVETVLZTFzJ2NPAaQt4hmrs/FOuCf47CnjMZoPJpYTOzcZPQ9npJZIbOl9YyB4kDQFkEk6/2sk+QKR+k2WhBcgE3CmS0STFQ6upE2b/igxbdKcrhOPjO2n0TQDnJEpQiQLiZuMXg5ILeFo1X316+a+6mNHKRYBMkYyGxDL87Oj5B4gfT5EYVCqXvWV7RyQtogesxjSH7XqKKkFpEdHEmXaZPRyQGoJo1UX3y8atd6nRpTaBaSDSD2gyHU2tg4BSBuSxO8Fove6HaeNARkTomujNRqLxSkBIC2ggizmflu3DgFIA1JtMvcmB8ovjShzF5CaSv1vLPQUTuph3haQ02L0WUraOtFfeZ8XUM+fu4/R2n4+u7frn8/+C/LB3PCJYLWIAAAAAElFTkSuQmCC);
  background-position: 0 0;
  background-size: 40px 36px;
  background-repeat: no-repeat;
  z-index: 2;
}
.user-satisfaction-view .satisfaction-switcher .icon {
  margin: 8px;
  color: white;
}
.user-satisfaction-view .satisfaction-switcher .icon-remove {
  font-weight: bold;
}
.user-satisfaction-view .satisfaction-switcher-shadow {
  position: absolute;
  box-shadow: 5px 0 15px 0 rgba(0, 0, 0, 0.15);
  width: 40px;
  height: 36px;
  right: -32px;
  top: 10px;
  z-index: 1;
}
body .user-satisfaction-view {
  position: fixed;
  left: 0;
  bottom: 20px;
}