body.pd-new .popupBackDrop:has(.task-card) {
  background: rgba(17, 24, 39, 0.32);
}
body.pd-new .popupBackDrop:has(.task-card) [id*=popupTaskCard].popupWindow {
  border: 0;
  border-radius: 18px;
  box-shadow: 0 24px 64px rgba(17, 24, 39, 0.18);
  overflow: hidden;
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
}

body.pd-new .task-card {
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
  color: #111827;
}
body.pd-new .task-card label {
  margin-bottom: 6px;
  font-size: 12px;
  color: #6b7280;
}
body.pd-new .task-card input.silver-textbox,
body.pd-new .task-card .silver-memo {
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
  border-color: #e3e6ec;
  border-radius: 8px;
}
body.pd-new .task-card input.silver-textbox:hover,
body.pd-new .task-card .silver-memo:hover {
  border-color: #c3cad6;
}
body.pd-new .task-card input.silver-textbox:focus,
body.pd-new .task-card .silver-memo:focus {
  border-color: #2453d6;
}
body.pd-new .task-card .task-path {
  gap: 6px;
  font-size: 13px;
  color: #6b7280;
}
body.pd-new .task-card .task-path .project {
  font-weight: 500;
  color: #374151;
}
body.pd-new .task-card .top-content .common-info {
  gap: 16px;
  margin: 10px 0 16px;
}
body.pd-new .task-card .top-content .common-info input.silver-textbox {
  height: 40px;
  min-height: 40px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  border-color: transparent;
}
body.pd-new .task-card .top-content .common-info input.silver-textbox:hover {
  border-color: #e3e6ec;
}
body.pd-new .task-card .top-content .common-info input.silver-textbox:focus {
  border-color: #2453d6;
}
body.pd-new .task-card .top-content .common-info input.silver-textbox[type=date] {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  border-color: #e3e6ec;
}
body.pd-new .task-card .top-content .common-info .custom-combo {
  height: 38px;
  border: 0;
  border-radius: 10px;
  background: #f1f3f7;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="1"] {
  background: #f1f3f7 !important;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="1"] .combo-container > .name {
  color: #5b6475;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="2"] {
  background: #e8eeff !important;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="2"] .combo-container > .name {
  color: #1a3fa8;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="3"] {
  background: #fef3c7 !important;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="3"] .combo-container > .name {
  color: #92400e;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="4"] {
  background: #dcfce7 !important;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="4"] .combo-container > .name {
  color: #166534;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="5"] {
  background: #dbeafe !important;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="5"] .combo-container > .name {
  color: #1e40af;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="6"] {
  background: #ffedd5 !important;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="6"] .combo-container > .name {
  color: #9a3412;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="7"] {
  background: #fee2e2 !important;
}
body.pd-new .task-card .top-content .common-info .custom-combo[data-pd-status="7"] .combo-container > .name {
  color: #991b1b;
}
body.pd-new .task-card .top-content .common-info .custom-combo > .combo-container > .name {
  background: transparent;
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
body.pd-new .task-card .top-content .common-info .custom-combo .carret {
  width: 20px;
  background: url("/Paradel_NewDesign/icons/chevron-down.svg") center/14px no-repeat;
}
body.pd-new .task-card .top-content .common-info .custom-combo > .combo-dropdown {
  overflow: hidden;
  min-height: 0 !important;
  border: 1px solid #e3e6ec;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12);
}
body.pd-new .task-card .top-content .common-info .custom-combo > .combo-dropdown > .combo-items {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px;
}
body.pd-new .task-card .top-content .common-info .custom-combo > .combo-dropdown > .combo-items > .item {
  display: flex;
  align-items: center;
  height: auto;
  min-height: 32px;
  padding: 6px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #374151;
}
body.pd-new .task-card .top-content .common-info .custom-combo > .combo-dropdown > .combo-items > .item:hover {
  background: #e8eeff;
  color: #111827;
}
body.pd-new .task-card .top-content .task-info {
  gap: 16px 32px;
  padding: 16px 20px;
  border-radius: 12px;
  background: #f7f8fa;
}
body.pd-new .task-card .top-content .task-info .task-author > .flex-row,
body.pd-new .task-card .top-content .task-info .task-team .task-user {
  font-size: 14px;
  font-weight: 500;
}
body.pd-new .task-card .top-content .task-info input.silver-textbox[type=date] {
  background: #ffffff;
}
body.pd-new .task-card .top-content .task-props-row {
  gap: 24px;
  margin-top: 12px;
}
body.pd-new .task-card .avatar {
  width: 32px;
  height: 32px;
  border: 0;
}
body.pd-new .task-card .silver-grid {
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
}
body.pd-new .task-card .silver-grid .table-silvergrid-header-holder,
body.pd-new .task-card .silver-grid .table-silvergrid-header-overflow,
body.pd-new .task-card .silver-grid .table-silvergrid-body-overflow {
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff;
}
body.pd-new .task-card .silver-grid tr.table-col-width,
body.pd-new .task-card .silver-grid tr.table-col-width > th,
body.pd-new .task-card .silver-grid tr.table-col-width > td {
  height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 0;
}
body.pd-new .task-card .silver-grid .table-silver,
body.pd-new .task-card .silver-grid .table-silvertree-body {
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.pd-new .task-card .silver-grid thead > tr:not(.table-col-width) > th,
body.pd-new .task-card .silver-grid .table-silvergrid-header tr:not(.table-col-width) > th {
  height: 40px;
  background: #f4f5f8 !important;
  background-image: none !important;
  border-color: #e3e6ec !important;
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #5b6475;
  text-shadow: none;
}
body.pd-new .task-card .silver-grid tr.filter-row > td {
  overflow: visible;
  padding: 6px 8px;
  background: #ffffff !important;
  border-color: #eef0f4 !important;
}
body.pd-new .task-card .silver-grid tr.filter-row > td input.silver-textbox,
body.pd-new .task-card .silver-grid tr.filter-row > td .silver-control:not(.SilverCombo) .silver-textbox,
body.pd-new .task-card .silver-grid tr.filter-row > td .silver-tokenbox,
body.pd-new .task-card .silver-grid tr.filter-row > td .custom-combo,
body.pd-new .task-card .silver-grid tr.filter-row > td select {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  border: 1px solid #e3e6ec !important;
  border-radius: 8px;
  background-color: #fafbfc;
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
  font-size: 12px;
  color: #374151;
}
body.pd-new .task-card .silver-grid tr.filter-row > td input.silver-textbox:hover,
body.pd-new .task-card .silver-grid tr.filter-row > td .silver-control:not(.SilverCombo) .silver-textbox:hover,
body.pd-new .task-card .silver-grid tr.filter-row > td .silver-tokenbox:hover,
body.pd-new .task-card .silver-grid tr.filter-row > td .custom-combo:hover,
body.pd-new .task-card .silver-grid tr.filter-row > td select:hover {
  border-color: #c3cad6 !important;
}
body.pd-new .task-card .silver-grid tr.filter-row > td input.silver-textbox:focus,
body.pd-new .task-card .silver-grid tr.filter-row > td .silver-control:not(.SilverCombo) .silver-textbox:focus,
body.pd-new .task-card .silver-grid tr.filter-row > td .silver-tokenbox:focus,
body.pd-new .task-card .silver-grid tr.filter-row > td .custom-combo:focus,
body.pd-new .task-card .silver-grid tr.filter-row > td select:focus {
  border-color: #2453d6 !important;
  background-color: #ffffff;
  outline: none;
}
body.pd-new .task-card .silver-grid tr.filter-row > td input.silver-textbox {
  padding: 0 8px;
}
body.pd-new .task-card .silver-grid tr.filter-row > td select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 0 28px 0 10px;
  background: url("/Paradel_NewDesign/icons/chevron-down.svg") right 8px center/14px no-repeat #fafbfc;
  cursor: pointer;
}
body.pd-new .task-card .silver-grid tr.filter-row > td input[type=date]::-webkit-calendar-picker-indicator,
body.pd-new .task-card .silver-grid tr.filter-row > td input[type=datetime-local]::-webkit-calendar-picker-indicator {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url("/Paradel_NewDesign/icons/view-calendar.svg") center/15px no-repeat;
  opacity: 0.5;
  cursor: pointer;
}
body.pd-new .task-card .silver-grid tr.filter-row > td .SilverCombo.silver-control,
body.pd-new .task-card .silver-grid tr.filter-row > td .silver-tokenbox {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  border: 1px solid #e3e6ec !important;
  border-radius: 8px;
  background: #fafbfc !important;
  box-shadow: none !important;
  overflow: hidden;
}
body.pd-new .task-card .silver-grid tr.filter-row > td .SilverCombo.silver-control:hover,
body.pd-new .task-card .silver-grid tr.filter-row > td .silver-tokenbox:hover {
  border-color: #c3cad6 !important;
}
body.pd-new .task-card .silver-grid tr.filter-row > td .SilverCombo.silver-control:focus, body.pd-new .task-card .silver-grid tr.filter-row > td .SilverCombo.silver-control:focus-within,
body.pd-new .task-card .silver-grid tr.filter-row > td .silver-tokenbox:focus,
body.pd-new .task-card .silver-grid tr.filter-row > td .silver-tokenbox:focus-within {
  border-color: #2453d6 !important;
  background: #ffffff !important;
}
body.pd-new .task-card .silver-grid tr.filter-row > td .SilverCombo.silver-control {
  display: block;
}
body.pd-new .task-card .silver-grid tr.filter-row > td .SilverCombo.silver-control table {
  height: 100%;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}
body.pd-new .task-card .silver-grid tr.filter-row > td .SilverCombo.silver-control .silver-textbox {
  border: 0 !important;
  background: transparent;
}
body.pd-new .task-card .silver-grid tr.filter-row > td .SilverCombo .btn-silver-carret {
  height: 30px;
  padding: 0 8px;
  border: 0;
  background: url("/Paradel_NewDesign/icons/chevron-down.svg") center/14px no-repeat transparent !important;
  box-shadow: none;
}
body.pd-new .task-card .silver-grid tr.filter-row > td .SilverCombo .btn-silver-carret .carret {
  display: none;
}
body.pd-new .task-card .silver-grid tr.filter-row > td .SilverCombo.noborder > table > tbody > tr > td.td-carret {
  border: 0;
}
body.pd-new .task-card .silver-grid .table-silvergrid-header-overflow:has(.holder[style*="display: block"]),
body.pd-new .task-card .silver-grid .table-silvergrid-header-overflow:has(.custom-combo.expanded) {
  overflow: visible;
}
body.pd-new .task-card .silver-grid .SilverCombo.silver-control .holder {
  overflow: hidden;
  min-height: 0;
  border: 1px solid #e3e6ec;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12);
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
}
body.pd-new .task-card .silver-grid .SilverCombo.silver-control .holder .overflow {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
}
body.pd-new .task-card .silver-grid .SilverCombo.silver-control .holder .table-combo-header:has(th:empty) {
  display: none;
}
body.pd-new .task-card .silver-grid .SilverCombo.silver-control .holder .table-combo {
  border: 0;
  box-shadow: none;
}
body.pd-new .task-card .silver-grid .SilverCombo.silver-control .holder .table-combo > tbody > tr > td {
  padding: 8px 10px;
  border: 0;
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
  font-size: 13px;
  color: #374151;
}
body.pd-new .task-card .silver-grid .SilverCombo.silver-control .holder .table-combo > tbody > tr:hover > td {
  background: #e8eeff;
  color: #111827;
}
body.pd-new .task-card .silver-grid tbody > tr:not(.filter-row) > td {
  border-color: #e9ecf1 !important;
  background-image: none;
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
  font-size: 13px;
  color: #374151;
}
body.pd-new .task-card .silver-grid tbody > tr:not(.filter-row):hover > td {
  background-color: #fafbfd;
}
body.pd-new .task-card .SilverHeader {
  padding: 8px 10px;
  border: 0 !important;
  border-bottom: 1px solid #e3e6ec !important;
  background: #fafbfc !important;
  background-image: none !important;
  box-shadow: none;
}
body.pd-new .task-card .SilverHeader td {
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
body.pd-new .task-card .SilverHeader .btn-silver {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #e3e6ec;
  border-radius: 8px;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none;
  text-shadow: none;
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
}
body.pd-new .task-card .SilverHeader .btn-silver:hover {
  border-color: #c3cad6;
  background: #eef1f6 !important;
}
body.pd-new .task-card .SilverHeader .btn-silver img {
  width: 16px !important;
  height: 16px;
  margin-right: 0 !important;
}
body.pd-new .task-card .SilverHeader .btn-silver img:not(:last-child) {
  margin-right: 6px !important;
}
body.pd-new .task-card .SilverHeader .btn-silver img[src*=Refresh] {
  content: url("/Paradel_NewDesign/icons/refresh.svg");
}
body.pd-new .task-card .SilverHeader .btn-silver img[src*=node-tree-expand] {
  content: url("/Paradel_NewDesign/icons/expand.svg");
}
body.pd-new .task-card .SilverHeader .btn-silver img[src*=node-tree-collapse] {
  content: url("/Paradel_NewDesign/icons/collapse.svg");
}
body.pd-new .task-card .SilverHeader .btn-silver img[src*=Doc-Add] {
  content: url("/Paradel_NewDesign/icons/plus-white.svg");
}
body.pd-new .task-card .SilverHeader .btn-silver.grid-title-btn-add, body.pd-new .task-card .SilverHeader .btn-silver:has(img[src*=Doc-Add]) {
  padding: 0 12px;
  border-color: #2453d6;
  background: #2453d6 !important;
  color: #fff;
}
body.pd-new .task-card .SilverHeader .btn-silver.grid-title-btn-add:hover, body.pd-new .task-card .SilverHeader .btn-silver:has(img[src*=Doc-Add]):hover {
  border-color: #1a3fa8;
  background: #1a3fa8 !important;
}
body.pd-new .task-card .rotate-content .silver-tree,
body.pd-new .task-card .rotate-content .silver-grid:not(.tree-header):not(.tree-content .silver-grid) {
  border: 1px solid #e3e6ec !important;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
}
body.pd-new .task-card .rotate-content .silver-tree .silver-grid,
body.pd-new .task-card .rotate-content .silver-tree .tree-content {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.pd-new .task-card .rotate-content .silver-grid .empty-row td {
  padding: 24px 12px;
  font-size: 13px;
  color: #6b7280;
}
body.pd-new .task-card .task-rotate .rotate-content .task-status {
  display: inline-block;
  padding: 4px 12px !important;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: #374151;
}
body.pd-new .task-card .silver-tree .tree-content a {
  font-weight: 500;
  color: #111827;
}
body.pd-new .task-card .silver-tree .tree-content a:hover {
  color: #111827;
  text-decoration: underline;
}
body.pd-new .task-card .task-body .task-rotate {
  margin-top: 16px;
}
body.pd-new .task-card .task-body .task-rotate .rotate-menu {
  border-bottom: 1px solid #e3e6ec;
}
body.pd-new .task-card .task-body .task-rotate .rotate-menu > ul {
  background: transparent;
  border-radius: 0;
}
body.pd-new .task-card .task-body .task-rotate .rotate-menu > ul > li {
  width: 168px !important;
  padding: 12px 8px;
  white-space: nowrap;
  font-size: 14px;
  color: #5b6475;
}
body.pd-new .task-card .task-body .task-rotate .rotate-menu > ul > li.active {
  font-weight: 600;
  color: #111827;
}
body.pd-new .task-card .task-body .task-rotate .rotate-menu > ul > li:not(.active):hover {
  color: #111827;
}
body.pd-new .task-card .task-body .task-rotate .rotate-menu > ul > li:not(.active):hover::after {
  display: none;
}
body.pd-new .task-card .task-body .task-rotate .rotate-menu .scale .strip {
  width: 168px !important;
  height: 2px;
  background: #2453d6;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content {
  padding-top: 20px;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comment-editor {
  padding: 0 0 16px;
  box-shadow: none;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comment-editor .silver-memo {
  min-height: 96px;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 14px;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comment-editor .comment-menu {
  margin-top: 8px;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comment-editor .comment-menu .context-menu-container .context-menu-toggler::before {
  background: url("/Paradel_NewDesign/icons/attach.svg") center/18px no-repeat;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comment-editor .comment-menu .dragZone {
  padding: 9px 14px 9px 40px;
  border: 1px dashed #c3cad6;
  border-radius: 8px;
  background: #fafbfc;
  font-size: 13px;
  color: #5b6475;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comment-editor .comment-menu .dragZone.dragging, body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comment-editor .comment-menu .dragZone:hover {
  background: #e8eeff;
  border-color: #2453d6;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comments-container .comment {
  padding: 12px 0;
  border-top: 0;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comments-container .comment .comment-content .cAuthor {
  gap: 10px;
  margin-bottom: 6px;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comments-container .comment .comment-content .cAuthor .name {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comments-container .comment .comment-content .cAuthor .time {
  font-size: 12px;
  color: #6b7280;
  align-self: center;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comments-container .comment .comment-content .text {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 12px 16px;
  border-radius: 4px 12px 12px 12px;
  background: #f4f5f8;
  font-size: 14px;
  line-height: 1.6;
  color: #1f2937;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .comments-holder .comments-container .comment .comment-content .answer {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
}
body.pd-new .task-card .task-body .task-rotate .rotate-content .attach-item,
body.pd-new .task-card .task-body .task-rotate .rotate-content .attach-holder {
  padding: 6px 10px;
  border: 1px solid #e3e6ec;
  border-radius: 8px;
  background: #ffffff;
  font-size: 13px;
}
body.pd-new .task-card .send {
  border: 0;
  border-radius: 10px;
  background-color: #2453d6;
  color: #fff;
  font-family: "Inter", "HelveticaNeueCyr", system-ui, sans-serif;
  font-weight: 600;
}
body.pd-new .task-card .send:hover {
  background-color: #1a3fa8;
}/*# sourceMappingURL=styleTaskCard.css.map */