| Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/rospirotorg.ru/bitrix/js/bizproc/workflow/timeline/dist/ |
Upload File : |
.bizproc-workflow-timeline-wrapper {
background: var(--ui-color-background-primary);
border-radius: 22px;
padding: 22px;
margin-right: 100px;
}
.bizproc-workflow-timeline-wrapper * {
box-sizing: border-box;
}
.bizproc-workflow-timeline-item {
position: relative;
border-radius: 10px;
transition: opacity .15s, height .15s;
height: auto;
}
.bizproc-workflow-timeline-item-inner {
padding: 23px 280px 11px 47px;
}
.bizproc-workflow-timeline-item:before, .bizproc-workflow-timeline-item:after {
content: '';
position: absolute;
background-color: var(--ui-color-base-20);
left: 27px;
width: 1px;
}
.bizproc-workflow-timeline-item:after {
top: 43px;
bottom: 0;
}
.bizproc-workflow-timeline-item:before {
top: 0;
height: 34px;
}
.bizproc-workflow-timeline-item:first-child:before,
.bizproc-workflow-timeline-item.--previous:after,
.bizproc-workflow-timeline-item:last-child:after,
.bizproc-workflow-timeline-item.--efficiency:last-child:before {
content: none;
}
.bizproc-workflow-timeline-item.--success {
background: var(--ui-color-palette-green-15);
border: 1px solid var(--ui-color-palette-green-40);
}
.bizproc-workflow-timeline-item.--selected,
.bizproc-workflow-timeline-item.--declined {
background: var(--ui-color-base-02);
border: 1px solid var(--ui-color-base-15);
}
.bizproc-workflow-timeline-item.--selected + .bizproc-workflow-timeline-item.--success,
.bizproc-workflow-timeline-item.--selected + .bizproc-workflow-timeline-item.--declined {
margin-top: 12px;
}
.bizproc-workflow-timeline-item.--selected + .bizproc-workflow-timeline-item.--success:before,
.bizproc-workflow-timeline-item.--selected + .bizproc-workflow-timeline-item.--declined:before {
top: -14px;
height: 46px;
}
.--more .bizproc-workflow-timeline-item-inner {
padding: 17px 47px 10px 57px;
}
.bizproc-workflow-timeline-item.--hidden {
opacity: 0;
height: 0;
}
.bizproc-workflow-timeline-icon {
position: absolute;
left: 17px;
width: 20px;
height: 20px;
border-radius: var(--ui-border-radius-circle);
display: flex;
justify-content: center;
color: var(--ui-color-on-primary);
font-weight: var(--ui-font-weight-bold);
background-color: var(--ui-color-base-40);
border: 1px solid var(--ui-color-base-40);
}
.bizproc-workflow-timeline-icon.--success {
background: var(--ui-color-primary-alt);
border-color: var(--ui-color-primary-alt);
}
.bizproc-workflow-timeline-item.--processing .bizproc-workflow-timeline-icon {
background: var(--ui-color-primary) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.034 13.217a6.216 6.216 0 10-6.16-7.045H.25l3.468 3.467 3.467-3.467h-2.73A4.653 4.653 0 0113.686 7a4.652 4.652 0 01-5.002 4.639v1.568c.116.006.233.01.35.01zm.673-8.666H8.145v3.906h1.562v-.003h1.906V6.937H9.707V4.551z' fill='%23fff'/%3E%3C/svg%3E") no-repeat left;
border-color: var(--ui-color-primary);
}
.--more .bizproc-workflow-timeline-item-inner:before {
content: '';
position: absolute;
background-color: var(--ui-color-base-20);
top: 53%;
left: 36px;
width: 21px;
height: 1px;
}
.bizproc-workflow-timeline-item.--more:after {
top: 39px;
}
.bizproc-workflow-timeline-item.--selected:before, .bizproc-workflow-timeline-item.--selected:after,
.bizproc-workflow-timeline-item.--success:before, .bizproc-workflow-timeline-item.--success:after,
.bizproc-workflow-timeline-item.--declined:before, .bizproc-workflow-timeline-item.--declined:after {
left: 26px;
}
.bizproc-workflow-timeline-item.--more .bizproc-workflow-timeline-icon {
top: 19px;
border-color: var(--ui-color-base-20);
background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='12' fill='none'%3E%3Cpath d='M3.5 10.5a1.5 1.5 0 10-3 0 1.5 1.5 0 003 0zM3.5 6a1.5 1.5 0 10-3 0 1.5 1.5 0 003 0zM2 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z' fill='%23DFE0E3'/%3E%3C/svg%3E") no-repeat center;
}
.bizproc-workflow-timeline-title {
font-size: var(--ui-font-size-xl);
color: var(--ui-color-base-default);
font-weight: var(--ui-font-weight-bold);
line-height: var(--ui-font-line-height-3xs);
margin-bottom: 4px;
}
.bizproc-workflow-timeline-subject {
font-size: var(--ui-font-size-xs);
line-height: var(--ui-font-line-height-2xs);
color: var(--ui-color-palette-gray-50);
}
.bizproc-workflow-timeline-caption {
text-transform: var(--ui-text-transform-uppercase);
font-size: var(--ui-font-size-3xs);
line-height: var(--ui-font-line-height-2xs);
color: var(--ui-color-palette-gray-50);
}
.bizproc-workflow-timeline-user {
display: flex;
align-items: center;
padding: 9px 0 9px;
}
.bizproc-workflow-timeline-userlogo {
width: 34px;
height: 34px;
margin-right: 12px;
flex-shrink: 0;
}
.bizproc-workflow-timeline-link {
font-size: var(--ui-font-size-lg);
cursor: pointer;
}
.bizproc-workflow-timeline-link:hover {
text-decoration: underline;
}
.bizproc-workflow-timeline-notice .bizproc-workflow-timeline-link {
font-size: var(--ui-font-size-md);
}
.bizproc-workflow-timeline-type {
display: flex;
align-items: center;
margin: 5px 0 2px;
}
.bizproc-workflow-timeline-type-text {
font-size: var(--ui-font-size-lg);
line-height: var(--ui-font-line-height-2xs);
color: var(--ui-color-base-default);
padding-left: 3px;
}
.bizproc-workflow-timeline-notice {
display: flex;
align-items: center;
}
.bizproc-workflow-timeline-notice .bizproc-workflow-timeline-subject {
margin-right: 8px;
}
.bizproc-workflow-timeline-user-pos {
font-size: var(--ui-font-size-sm);
line-height: var(--ui-font-line-height-2xs);
color: var(--ui-color-base-60);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bizproc-workflow-timeline-user-block {
max-width: 89%;
}
.bizproc-workflow-timeline-text {
font-size: var(--ui-font-size-md);
line-height: var(--ui-font-line-height-2xs);
color: var(--ui-color-base-80);
}
.bizproc-workflow-timeline-content {
margin-top: 10px;
}
.bizproc-workflow-timeline-doc {
margin-bottom: 15px;
}
.bizproc-workflow-timeline-status {
position: relative;
font-size: var(--ui-font-size-lg);
padding: 10px 0 0 26px;
color: var(--ui-color-base-default);
}
.bizproc-workflow-timeline-status:before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 24px;
height: 24px;
}
.bizproc-workflow-timeline-item.--success .bizproc-workflow-timeline-status:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.341 9.033v4.272a.339.339 0 01-.338.338H.442a.339.339 0 01-.338-.338V.33c0-.187.151-.339.338-.339h12.159c.267 0 .429.295.286.52L10.54 4.21a.564.564 0 000 .605l2.347 3.698a.338.338 0 01-.286.52H2.34z' fill='%2395C500'/%3E%3C/svg%3E") no-repeat center;
}
.bizproc-workflow-timeline-item.--success .bizproc-workflow-timeline-icon {
border: 1px solid var(--ui-color-primary-alt);
background: var(--ui-color-primary-alt) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.507 8.812a.3.3 0 01-.408 0L.483 5.455a.4.4 0 010-.586l.86-.798a.4.4 0 01.543 0l2.417 2.243 5.81-5.393a.4.4 0 01.545 0l.86.797a.4.4 0 010 .587L4.507 8.812z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.bizproc-workflow-timeline-item.--declined .bizproc-workflow-timeline-status:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.153 7.001l4.305 4.306-2.152 2.153L7 9.154 2.695 13.46.542 11.307 4.847 7 .542 2.696 2.695.543 7 4.849 11.306.543l2.152 2.153L9.153 7z' fill='%23828B95'/%3E%3C/svg%3E") no-repeat center;
}
.bizproc-workflow-timeline-item.--declined .bizproc-workflow-timeline-icon {
background: var(--ui-color-base-40) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.794 6l3.588 3.587-1.794 1.794L6 7.793l-3.588 3.588L.618 9.587 4.206 6 .618 2.411 2.412.617 6 4.205 9.588.617l1.794 1.794L7.794 6z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.bizproc-workflow-timeline-item.--tech:after {
top: 40px;
}
.bizproc-workflow-timeline-item.--tech .bizproc-workflow-timeline-icon {
width: 14px;
height: 14px;
background: var(--ui-color-base-20);
border-color: var(--ui-color-base-20);
left: 20px;
top: 26px;
}
.bizproc-workflow-timeline-item.--tech .bizproc-workflow-timeline-title {
color: var(--ui-color-base-40);
font-size: var(--ui-font-size-lg);
font-weight: var(--ui-font-weight-normal);
}
.bizproc-workflow-timeline-item.--tech .bizproc-workflow-timeline-subject {
color: var(--ui-color-base-40);
font-size: var(--ui-font-size-xs);
}
.bizproc-workflow-timeline-user-list {
margin-bottom: 10px;
}
.bizproc-workflow-timeline-user-list .bizproc-workflow-timeline-user {
padding-bottom: 0;
}
.bizproc-workflow-timeline-user-list .bizproc-workflow-timeline-link {
position: relative;
padding-right: 26px;
}
.bizproc-workflow-timeline-user.--voted-up .bizproc-workflow-timeline-link:after,
.bizproc-workflow-timeline-user.--voted-down .bizproc-workflow-timeline-link:after {
content: '';
position: absolute;
right: 0;
width: 16px;
height: 16px;
border-radius: 4px;
border: 1px solid var(--ui-color-base-50);
background-repeat: no-repeat;
background-position: center;
}
.bizproc-workflow-timeline-user.--voted-up .bizproc-workflow-timeline-link:after {
border-color: var(--ui-color-primary-alt);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.738 5.374l-1.85-1.916-1.453 1.85 3.303 3.303 6.245-6.246L8.363.684l-4.625 4.69z' fill='%239DCF00'/%3E%3C/svg%3E");
}
.bizproc-workflow-timeline-user.--voted-down .bizproc-workflow-timeline-link:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.113 4.5L8 7.387 6.887 8.5 4 5.613 1.113 8.5 0 7.387 2.887 4.5 0 1.613 1.113.5 4 3.387 6.887.5 8 1.613 5.113 4.5z' fill='%23A8ADB4'/%3E%3C/svg%3E");
}
.popup-window.--bizproc-timeline-popup {
background: rgba(255,255,255,.8);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.bizproc-timeline-popup-main {
display: flex;
margin-bottom: 26px;
padding-left: 6px;
}
.bizproc-timeline-popup-title {
font-size: 20px;
line-height: var(--ui-font-line-height-2xs);
color: var(--ui-color-base-90);
text-align: center;
margin-bottom: 28px;
}
.bizproc-timeline-popup-notice {
font-size: var(--ui-font-size-4xs);
line-height: var(--ui-font-line-height-2xs);
font-weight: var(--ui-font-weight-medium);
color: var(--ui-color-base-90);
text-transform: uppercase;
}
.bizproc-timeline-popup-block + .bizproc-timeline-popup-block {
margin-top: 22px;
}
.bizproc-timeline-popup-content {
margin-top: 6px;
}
.bizproc-timeline-popup-text {
font-size: var(--ui-font-size-xs);
line-height: var(--ui-font-line-height-2xs);
color: var(--ui-color-base-80);
margin-bottom: 10px;
margin-top: 0;
}
.bizproc-timeline-popup-val {
color: var(--ui-color-base-90);
font-size: var(--ui-font-size-xl);
line-height: var(--ui-font-line-height-2xs);
display: inline-block;
}
.bizproc-timeline-popup-prop {
color: var(--ui-color-base-80);
font-size: var(--ui-font-size-xs);
line-height: var(--ui-font-line-height-2xs);
}
a.bizproc-timeline-popup-text {
color: var(--ui-color-link-primary-base);
}
.bizproc-timeline-popup-status {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 24px;
width: 165px;
}
.bizproc-timeline-popup-logo {
width: 117px;
height: 117px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-bottom: 5px;
}
.bizproc-timeline-popup-logo.--fast, .bizproc-workflow-timeline-eff-icon {
background-image: url('../img/fast-icon.png');
}
.bizproc-timeline-popup-logo.--slow, .bizproc-workflow-timeline-eff-icon.--slow {
background-image: url('../img/slow-icon.png');
}
.bizproc-timeline-popup-logo.--stopped, .bizproc-workflow-timeline-eff-icon.--stopped {
background-image: url('../img/stopped-icon.png');
}
.bizproc-timeline-popup-logo.--first, .bizproc-workflow-timeline-eff-icon.--first {
background-image: url('../img/first-icon.png');
}
.bizproc-timeline-popup-footer {
border: 1px solid rgba(var(--ui-color-base-35-rgb), .5);
border-radius: 10px;
padding: 8px 16px;
}
.popup-window.--bizproc-timeline-popup .popup-window-close-icon {
opacity: 0;
right: 11px;
top: 10px;
}
.popup-window.--bizproc-timeline-popup:hover .popup-window-close-icon {
opacity: .7;
}
.popup-window.--bizproc-timeline-popup:hover .popup-window-close-icon:hover {
opacity: 1;
}
.popup-window.--bizproc-timeline-popup.--bi .bizproc-timeline-popup-title {
margin-bottom: 16px;
font-size: var(--ui-font-size-2xl);
}
.popup-window.--bizproc-timeline-popup.--bi .bizproc-timeline-popup {
padding: 0 6px;
}
.bizproc-timeline-popup-info {
font-size: var(--ui-font-size-sm);
line-height: var(--ui-font-line-height-3xs);
color: var(--ui-color-palette-gray-60);
margin-bottom: 18px;
}
.popup-window.--bizproc-timeline-popup.--bi .bizproc-timeline-popup-info {
height: 3lh;
overflow: hidden;
}
.popup-window.--bizproc-timeline-popup.--bi:after {
content: '';
position: absolute;
bottom: 13px;
right: 17px;
width: 102px;
height: 66px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='66' fill='none'%3E%3Cg opacity='.7'%3E%3Cpath opacity='.7' fill-rule='evenodd' clip-rule='evenodd' d='M58.353 1.023a1 1 0 00-1-1h-4a1 1 0 00-1 1v59.035a1 1 0 001 1h4a1 1 0 001-1V1.023zm10.5 8.157a1 1 0 011 1v49.88a1 1 0 01-1 1h-4a1 1 0 01-1-1V10.18a1 1 0 011-1h4zm11.5 6.101a1 1 0 011 1v43.776a1 1 0 01-1 1h-4a1 1 0 01-1-1V16.281a1 1 0 011-1h4zm-34.5 0a1 1 0 011 1v43.776a1 1 0 01-1 1h-4a1 1 0 01-1-1V16.281a1 1 0 011-1h4zm-10.5 7.555a1 1 0 00-1-1h-4a1 1 0 00-1 1V60.06a1 1 0 001 1h4a1 1 0 001-1V22.836zm-12.5 3.566a1 1 0 011 1v32.656a1 1 0 01-1 1h-4a1 1 0 01-1-1V27.402a1 1 0 011-1h4z' fill='url(%23paint0_linear_4302_54624)'/%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='23' width='98' height='40'%3E%3Cpath fill='url(%23paint1_linear_4302_54624)' d='M.424 23.996h96.702v38.173H.424z'/%3E%3C/mask%3E%3Cg opacity='.8' mask='url(%23a)'%3E%3Cpath d='M35.355 35.558L-5.532 65.129h106.181V25.5L80.046 43.248l-9.444-11.925-17.335 20.116-17.912-15.881z' fill='url(%23paint2_linear_4302_54624)'/%3E%3Cpath opacity='.89' d='M100.649 25.5L80.046 43.248l-9.444-11.925-17.335 20.116-17.912-15.881L2.18 58.953' stroke='%23BBDE4D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4302_54624' x1='55.336' y1='.023' x2='55.336' y2='61.06' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2391B7FB' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%2391B7FB' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_4302_54624' x1='97.127' y1='59.313' x2='-1.678' y2='59.524' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.03' stop-color='%23D9D9D9' stop-opacity='0'/%3E%3Cstop offset='.12' stop-color='%23D9D9D9'/%3E%3Cstop offset='.84' stop-color='%23D9D9D9'/%3E%3Cstop offset='1' stop-color='%23D9D9D9' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_4302_54624' x1='57.621' y1='41.96' x2='57.524' y2='62.597' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BBED21' stop-opacity='.4'/%3E%3Cstop offset='1' stop-color='%23BBED21' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
}
.bizproc-workflow-timeline-item.--efficiency .bizproc-workflow-timeline-item-inner:before {
content: '';
position: absolute;
top: 0;
left: 47px;
right: 47px;
height: 1px;
background: var(--ui-color-base-15);
}
.bizproc-workflow-timeline-item.--efficiency .bizproc-workflow-timeline-item-inner {
padding-top: 17px;
padding-bottom: 39px;
padding-left: 70px;
}
.bizproc-workflow-timeline-item.--efficiency .bizproc-workflow-timeline-content {
margin-top: 18px;
}
.bizproc-workflow-timeline-item.--efficiency:before {
height: 44px;
}
.bizproc-workflow-timeline-item.--efficiency:last-child:before {
content: none;
}
.bizproc-workflow-timeline-item.--efficiency .bizproc-workflow-timeline-caption {
color: var(--ui-color-base-90);
margin-bottom: 6px;
}
.bizproc-workflow-timeline-item.--efficiency .bizproc-workflow-timeline-subject {
color: var(--ui-color-base-80);
}
.bizproc-workflow-timeline-item.--efficiency .bizproc-workflow-timeline-text {
color: var(--ui-color-base-default);
}
.bizproc-workflow-timeline-item.--efficiency .bizproc-workflow-timeline-content {
display: flex;
}
.bizproc-workflow-timeline-eff-icon {
width: 55px;
height: 59px;
margin-right: 21px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.bizproc-workflow-timeline-item.--efficiency.--declined {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.bizproc-workflow-timeline-item.--efficiency.--declined .bizproc-workflow-timeline-item-inner:before {
background: var(--ui-color-base-15);
}
.bizproc-workflow-timeline-item.--success.--previous,
.bizproc-workflow-timeline-item.--declined.--previous,
.bizproc-workflow-timeline-item.--selected.--previous {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: none;
}
.bizproc-workflow-timeline-item .task-button.--hidden {
display: none;
}
.bizproc-workflow-timeline-item.--success + .bizproc-workflow-timeline-item.--efficiency {
background: var(--ui-color-palette-green-15);
border: 1px solid var(--ui-color-palette-green-40);
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.bizproc-workflow-timeline-item.--success + .bizproc-workflow-timeline-item.--efficiency .bizproc-workflow-timeline-item-inner:before {
background: var(--ui-color-palette-green-40);
}
.bizproc-workflow-timeline-item.--selected + .bizproc-workflow-timeline-item.--efficiency {
background: var(--ui-color-base-02);
border: 1px solid var(--ui-color-base-15);
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top: transparent;
}
.bizproc-workflow-timeline_error-text {
color: var(--ui-color-base-90);
text-align: center;
font-size: var(--ui-font-size-3xl);
line-height: var(--ui-font-line-height-md);
margin: 0;
font-family: var(--ui-font-family-open-sans);
}
.bizproc-workflow-timeline_error-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 120px 0;
}
.bizproc-workflow-timeline_error-inner {
width: 532px;
}
.bizproc-workflow-timeline_error-img {
width: 490px;
height: 281px;
margin-top: 50px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='282' fill='none'%3E%3Cpath fill='%232FC6F6' fill-rule='evenodd' d='M431.596 207.547h-19.954c-.171 0-.34-.006-.508-.019-4.51-.104-8.134-3.857-8.134-8.471a8.55 8.55 0 012.444-5.994 8.313 8.313 0 012.78-1.868 9.03 9.03 0 012.553-7.018 8.712 8.712 0 016.218-2.616c2.987.003 5.624 1.523 7.209 3.843a7.068 7.068 0 012.407-.418c3.729.004 6.791 2.897 7.146 6.595 3.573.793 6.246 4.032 6.243 7.904-.004 4.462-3.561 8.077-7.946 8.076a8.687 8.687 0 01-.458-.014zM83.233 106.545h-23.19a7.68 7.68 0 01-.59-.022c-5.241-.12-9.453-4.45-9.453-9.774a9.835 9.835 0 012.84-6.916 9.674 9.674 0 013.231-2.156 10.377 10.377 0 012.967-8.098 10.165 10.165 0 017.227-3.018c3.471.004 6.536 1.758 8.378 4.434a8.27 8.27 0 012.797-.482c4.333.005 7.892 3.342 8.305 7.61 4.152.914 7.259 4.651 7.255 9.12-.004 5.148-4.138 9.32-9.234 9.318a10.42 10.42 0 01-.533-.016z' clip-rule='evenodd' opacity='.117'/%3E%3Cpath stroke='%232FC6F6' d='M77.513 246.525H24.122c-.457 0-.91-.017-1.358-.051C10.697 246.197 1 236.238 1 223.994a22.61 22.61 0 016.54-15.908 22.28 22.28 0 017.438-4.957 23.856 23.856 0 016.83-18.625 23.417 23.417 0 0116.64-6.943c7.991.009 15.047 4.043 19.288 10.2a19.066 19.066 0 016.44-1.111c9.976.013 18.17 7.688 19.12 17.504 9.559 2.103 16.712 10.698 16.704 20.975-.01 11.843-9.527 21.436-21.26 21.432-.412-.001-.82-.013-1.227-.036zM384.186 87.55h-16.179c-.139 0-.276-.005-.412-.016-3.656-.084-6.595-3.115-6.595-6.842a6.895 6.895 0 011.982-4.841 6.738 6.738 0 012.254-1.509 7.275 7.275 0 012.07-5.668 7.079 7.079 0 015.042-2.113c2.421.002 4.56 1.23 5.845 3.104a5.751 5.751 0 011.951-.338c3.023.004 5.506 2.34 5.794 5.327 2.897.64 5.065 3.256 5.062 6.384-.003 3.604-2.887 6.524-6.443 6.523-.124 0-.248-.004-.371-.011z' clip-rule='evenodd' opacity='.302'/%3E%3Cpath fill='%232FC6F6' fill-opacity='.2' fill-rule='evenodd' d='M271.556 44.313c-36.973-14.512-80.643-6.828-110.523 23.052-29.603 29.602-37.42 72.74-23.451 109.491l.428 1.109.067.061c.945.83 2.386.794 3.288-.108.54-.54.77-1.273.687-1.977-13.719-35.293-6.331-76.9 22.163-105.394 28.572-28.573 70.331-35.922 105.687-22.048l.351.14.134-.011.139-.02a2.406 2.406 0 001.03-4.295zm31.959 165.534c-29.295 29.294-72.449 36.279-108.354 20.956l-3.417 3.419c37.865 16.953 83.87 9.889 114.953-21.193 30.403-30.404 37.826-75.084 22.269-112.46a2.406 2.406 0 00-4.14 1.769c14.857 35.734 7.754 78.444-21.311 107.509z' clip-rule='evenodd'/%3E%3Cpath fill='%2311A9D9' fill-rule='evenodd' d='M357.501 140.06c0 67.933-55.293 123.001-123.501 123.001-68.206 0-123.499-55.068-123.499-123.001 0-67.93 55.292-123 123.499-123 68.208 0 123.501 55.07 123.501 123zm-44.511 0c0 43.356-35.365 78.501-78.991 78.501-43.625 0-78.99-35.145-78.99-78.501 0-43.354 35.364-78.5 78.99-78.5s78.991 35.146 78.991 78.5z' clip-rule='evenodd' opacity='.094'/%3E%3Cpath fill='%232FC6F6' fill-rule='evenodd' d='M256.669 165.532H213.38c-.37 0-.738-.014-1.101-.041-9.783-.225-17.645-8.308-17.646-18.245a18.36 18.36 0 015.302-12.911 18.082 18.082 0 016.031-4.023 19.369 19.369 0 015.539-15.116 18.971 18.971 0 0113.49-5.635c6.479.008 12.2 3.281 15.638 8.278a15.453 15.453 0 015.222-.901c8.088.01 14.732 6.239 15.502 14.206 7.75 1.707 13.55 8.682 13.543 17.023-.008 9.611-7.724 17.398-17.238 17.394a18.14 18.14 0 01-.993-.029z' clip-rule='evenodd' opacity='.062'/%3E%3Cpath fill='%232FC6F6' fill-rule='evenodd' d='M163.687 181.907l18.841-18.842a55.843 55.843 0 0011.896 17.552 55.868 55.868 0 0016.697 11.522L192.52 210.74l-28.833-28.833zm109.933-80.486a55.847 55.847 0 00-17.552-11.896l25.259-25.259L310.161 93.1l-25.019 25.018a55.88 55.88 0 00-11.522-16.697z' clip-rule='evenodd' opacity='.046'/%3E%3Cg opacity='.6'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23E5F7A6' fill-rule='evenodd' d='M169.065 146.276a8.893 8.893 0 018.893-8.893h128.608a8.892 8.892 0 018.892 8.893v49.615a8.893 8.893 0 01-8.892 8.893H177.958a8.894 8.894 0 01-8.893-8.893v-49.615z' clip-rule='evenodd'/%3E%3C/g%3E%3Crect width='105.059' height='3.187' x='193.074' y='178.791' fill='%23A6BE5E' opacity='.88' rx='1.593'/%3E%3Crect width='55.31' height='5' x='179.931' y='154.475' fill='%23ACC656' opacity='.3' rx='2.5'/%3E%3Crect width='25.679' height='25.679' x='178.264' y='167.546' fill='%239AC40A' stroke='%23EAFAB4' stroke-width='3.335' rx='12.84'/%3E%3Crect width='25.567' height='25.567' x='274.233' y='167.563' fill='%239AC40A' stroke='%23EAFAB4' stroke-width='3.335' rx='12.783'/%3E%3Crect width='25.567' height='25.567' x='253.113' y='167.563' fill='%239AC40A' stroke='%23EAFAB4' stroke-width='3.335' rx='12.783'/%3E%3Crect width='23' height='12' x='216' y='174' fill='%23A5CB22' rx='6'/%3E%3Crect width='15.032' height='2.241' x='219.954' y='178.779' fill='%23fff' rx='1.12'/%3E%3C/g%3E%3Cg filter='url(%23b)'%3E%3Cpath fill='%23F2FCFF' fill-rule='evenodd' d='M147.645 89.782a6.906 6.906 0 016.906-6.907h131.226a6.907 6.907 0 016.907 6.907v52.955a6.907 6.907 0 01-6.907 6.906H154.551a6.906 6.906 0 01-6.906-6.906V89.782z' clip-rule='evenodd'/%3E%3C/g%3E%3Crect width='107.916' height='2.732' x='171.818' y='120.305' fill='%2367D7FB' opacity='.88' rx='1.366'/%3E%3Crect width='55.881' height='5.087' x='157.142' y='93.332' fill='%2367D7FB' opacity='.4' rx='2.543'/%3E%3Crect width='25.037' height='25.037' x='155.847' y='109.152' fill='%2367D7FB' stroke='%23F2FCFF' stroke-width='2.59' rx='12.518'/%3E%3Crect width='25.037' height='25.037' x='259.014' y='109.152' fill='%2367D7FB' stroke='%23F2FCFF' stroke-width='2.59' rx='12.518'/%3E%3Crect width='25.037' height='25.037' x='240.02' y='109.152' fill='%2367D7FB' stroke='%23F2FCFF' stroke-width='2.59' rx='12.518'/%3E%3Crect width='25.037' height='25.037' x='221.028' y='109.152' fill='%2367D7FB' stroke='%23F2FCFF' stroke-width='2.59' rx='12.518'/%3E%3Crect width='24.447' height='11.667' x='188.608' y='115.836' fill='%233FBEE7' rx='5.833'/%3E%3Crect width='11.769' height='1.87' x='194.947' y='120.732' fill='%23fff' rx='.935'/%3E%3Cg filter='url(%23c)' opacity='.866'%3E%3Cpath fill='%23FF5752' d='M276.428 181.648c-17.921 0-32.449-14.527-32.449-32.449 0-17.921 14.527-32.449 32.449-32.449 17.921 0 32.449 14.528 32.449 32.449 0 17.922-14.528 32.449-32.449 32.449z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M294.587 158.05l-15.547-25.895c-1.198-1.988-4.053-1.988-5.225 0l-15.548 25.895c-1.223 2.039.255 4.614 2.626 4.614h31.095c2.344 0 3.823-2.575 2.599-4.614zm-20.39-16.872c0-1.147.918-2.065 2.065-2.065h.28c1.147 0 2.065.918 2.065 2.065v7.722a2.057 2.057 0 01-2.065 2.065h-.28a2.057 2.057 0 01-2.065-2.065v-7.722zm4.817 14.986a2.61 2.61 0 01-2.599 2.6 2.61 2.61 0 01-2.6-2.6 2.61 2.61 0 012.6-2.599 2.61 2.61 0 012.599 2.599z' clip-rule='evenodd'/%3E%3Cdefs%3E%3Cfilter id='a' width='159.732' height='80.74' x='162.396' y='132.936' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2.223'/%3E%3CfeGaussianBlur stdDeviation='3.335'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0957441 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_4474_105368'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_4474_105368' result='shape'/%3E%3C/filter%3E%3Cfilter id='b' width='155.399' height='77.127' x='142.465' y='79.422' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1.727'/%3E%3CfeGaussianBlur stdDeviation='2.59'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0957441 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_4474_105368'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_4474_105368' result='shape'/%3E%3C/filter%3E%3Cfilter id='c' width='80.898' height='80.898' x='235.979' y='113.75' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='5'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1242 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_4474_105368'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_4474_105368' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat center left 38px;
}
.bizproc-workflow-timeline-task-link {
margin-left: 8px;
font-size: var(--ui-font-size-lg);
font-weight: var(--ui-font-weight-normal);
line-height: var(--ui-font-line-height-3xs);
cursor: pointer;
}
.bizproc-workflow-timeline-task-link-blue {
border-bottom: 1px dashed rgba(var(--ui-color-link-primary-base-rgb), var(--ui-opacity-40));
color: var(--ui-color-link-primary-base);
}
.bizproc-workflow-timeline-task-link-blue:hover {
border-bottom: 1px dashed var(--ui-color-link-primary-base);
color: var(--ui-color-link-primary-base);
}
.bizproc-workflow-timeline-task-link-gray {
border-bottom: 1px dashed rgba(var(--ui-color-palette-gray-70-rgb), var(--ui-opacity-40));
color: var(--ui-color-palette-gray-70);
}
.bizproc-workflow-timeline-task-link-gray:hover {
border-bottom: 1px dashed var(--ui-color-palette-gray-70);
color: var(--ui-color-palette-gray-70);
}