.breadcrumb-wrap{padding:8px 30px;margin-bottom:14px}.breadcrumb-wrap ul{margin-bottom:0!important}.row-details .row-name{color:#212121!important;cursor:auto!important}.toolTip-text{font-size:14px;color:#555;font-weight:400;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:13px 0}.workflowGoalsHeader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-parent-section{height:calc(100vh - 120px);overflow-y:scroll;overflow-x:hidden}.grid-wrapper{margin:0 -10px;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 30px}.grid-wrapper .grid-wrap{width:calc(33.33% - 14px);height:176px;border-radius:8px;border:1px solid #e5e9f0;padding:28px;margin:0 8px 16px;cursor:pointer}.grid-wrapper .grid-wrap:nth-of-type(3n){margin-right:0}.grid-wrapper .grid-wrap .status-badge{border-radius:4px;padding:6px 8px;font-size:12px;font-weight:400;line-height:18px}.grid-wrapper .grid-wrap .name-block{font-size:16px;color:#212121;font-weight:400;line-height:20px;width:calc(100% - 50px);height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-wrapper .grid-wrap .grid-block .workflow-icons{margin:4px 8px 0 0}.grid-wrapper .grid-wrap .grid-block .workflow-icons:before{color:#8d9dca;font-size:16px}.grid-wrapper .grid-wrap .grid-block .grid-details p{font-size:14px;color:#555;font-weight:400;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:24px}.grid-wrapper .grid-wrap .grid-block .grid-details p.no-desc{color:#8f8f8f}.grid-wrapper .grid-wrap .grid-block .grid-details .product-details{min-height:20px}.grid-wrapper .grid-wrap .grid-block .grid-details .product-details div{font-size:12px;color:#8f8f8f;font-weight:400;line-height:18px}.grid-wrapper .grid-wrap .grid-block .grid-details .product-details div .channel-block div:last-child .icons-table{margin-right:0}.grid-wrapper .grid-wrap .grid-block .grid-details .product-details div i{margin-right:4px}.grid-wrapper .grid-wrap .grid-block .grid-details .product-details div i:before{color:#8f8f8f}.grid-wrapper .grid-wrap .grid-block .grid-details .product-details div i:last-child{margin-right:0}.grid-wrapper .grid-wrap .grid-block .grid-details .product-details div i.icon_phoenix-mail,.grid-wrapper .grid-wrap .grid-block .grid-details .product-details div i.icon_phoenix-new-Inbox{font-size:16px}.grid-wrapper .grid-wrap .grid-block .grid-details .product-details div i.icon_phoenix-mail:before,.grid-wrapper .grid-wrap .grid-block .grid-details .product-details div i.icon_phoenix-new-Inbox:before{color:#212121}.grid-wrapper .grid-wrap .grid-block .grid-details .product-details div i.icon_phoenix-new-Inbox{margin-right:0}.grid-wrapper .grid-wrap .grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:8px;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:28px;background:#f2f4f7}.grid-wrapper .grid-wrap .grid-overlay .grid-hover-buttons button{width:100%;cursor:pointer}.grid-wrapper .grid-wrap .grid-overlay .grid-hover-buttons button span{font-size:14px}.grid-wrapper .grid-wrap .grid-overlay .grid-hover-buttons button[class*=secondary]{background:transparent;border:1px solid #8f8f8f}.grid-wrapper .grid-wrap .grid-overlay .grid-hover-buttons button[class*=secondary] span{color:#757575}.grid-wrapper .grid-wrap .grid-overlay .grid-hover-buttons .action-box-wrapper .action-wrap{width:36px;height:36px;padding:0 14px;border:1px solid #757575}.grid-wrapper .grid-wrap .grid-overlay .grid-hover-buttons .action-box-wrapper .action-wrap i{font-size:30px;margin:2px 0 0 -5px;height:20px;display:inline-block}.grid-wrapper .grid-wrap .grid-overlay .grid-hover-buttons .action-box-wrapper .el-actionbox-list-container{top:calc(100% + 1px)!important}.grid-wrapper .grid-wrap .grid-overlay .grid-hover-buttons-system button{width:100%;cursor:pointer}.grid-wrapper .grid-wrap .grid-overlay .grid-hover-buttons-system button span{font-size:14px}.grid-wrapper .grid-wrap .grid-overlay .enrolled-block{font-size:12px;color:#555;font-weight:400;line-height:18px}.grid-wrapper .grid-wrap:hover{background:#f2f4f7}.grid-wrapper .grid-wrap:hover .grid-overlay{display:-webkit-box;display:-ms-flexbox;display:flex}.shimmer-grid-wrapper{margin:0 -10px;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 30px}.shimmer-grid-wrapper .shimmer-grid-wrap{width:calc(33.33% - 20px);height:100%;border:1px solid #e5e9f0;border-radius:8px;padding:28px;margin:0 10px 20px}.shimmer-grid-wrapper .shimmer-grid-wrap .shimmer-grid-block .shimmer-name{width:181px;height:24px;border-radius:4px;margin-bottom:8px}.shimmer-grid-wrapper .shimmer-grid-wrap .shimmer-grid-block .shimmer-desc-one{width:100%;height:20px;border-radius:4px;margin-bottom:8px}.shimmer-grid-wrapper .shimmer-grid-wrap .shimmer-grid-block .shimmer-desc-two{width:243px;height:20px;border-radius:4px;margin-bottom:22px}.shimmer-grid-wrapper .shimmer-grid-wrap .shimmer-grid-block .shimmer-details{width:43px;height:18px;border-radius:4px}
.left-preview-shimmer{width:315px;height:100%;padding-right:12px;overflow-y:auto}.left-preview-shimmer label{width:64px;height:12px;border-radius:6px;display:block}.left-preview-shimmer p{width:192px;height:20px;border-radius:6px}.left-preview-shimmer p.w-100{width:100%}.glare-transition{opacity:.5;background:rgba(71,71,71,.2);background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(51.56%,rgba(71,71,71,.2)),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(71,71,71,.2) 51.56%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:100% 100%;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:glareShimmer;animation-name:glareShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes previewModalStyles__glareShimmer__2zuqs{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes previewModalStyles__glareShimmer__2zuqs{0%{background-position:-468px 0}to{background-position:468px 0}}.wf-preview-modal .tag-modal-title{font-size:16px;color:#212121;font-weight:400;line-height:1.2;margin-bottom:30px;font-family:Roboto,Arial,sans-serif}.wf-preview-modal .tag-modal-title span{font-weight:500}.wf-preview-modal .tag-modal-title .title-shimmer{width:150px;height:20px;border-radius:6px;display:inline-block;vertical-align:-4px;margin-left:5px}.wf-preview-modal .preview-block{width:100%;height:calc(100vh - 250px)}.wf-preview-modal .preview-block .left-preview-section{width:315px;height:100%;padding:13px 0 24px;margin-right:12px;overflow-y:auto}.wf-preview-modal .preview-block .left-preview-section .preview-content{margin-bottom:24px}.wf-preview-modal .preview-block .left-preview-section .preview-content:last-child{margin-bottom:0}.wf-preview-modal .preview-block .left-preview-section .preview-content label{font-size:12px;color:#8f8f8f;font-weight:400;line-height:18px;margin-bottom:4px;display:block}.wf-preview-modal .preview-block .left-preview-section .preview-content p{font-size:14px;color:#212121;font-weight:400;line-height:20px}.wf-preview-modal .preview-block .left-preview-section .preview-content .status-badge{border-radius:4px;padding:6px 8px;font-size:12px}.wf-preview-modal .preview-block .left-preview-section .preview-content .channel-block i{font-size:20px}.wf-preview-modal .preview-block .flow-canvas-wrap{width:calc(100% - 315px);height:100%;border-radius:8px;padding:0;overflow:hidden}.wf-preview-modal .preview-block .flow-canvas-wrap div[class*=react-flow__panel]{min-width:auto;top:15px}.wf-preview-modal .preview-block .flow-canvas-wrap div[class*=react-flow__panel] .element-ui-tooltiptext{display:none}
.workflow-loading-skeleton{width:calc(100% - 315px);height:100%;border-radius:8px;background:#f5f5f5;overflow:hidden}.workflow-loading-skeleton .skeleton-node-wrapper{width:400px;height:auto;border-radius:8px;background:#fff;padding:20px}.workflow-loading-skeleton .skeleton-end-node{width:400px;height:60px;background:transparent;-webkit-box-shadow:none;box-shadow:none;padding:0}.workflow-loading-skeleton .skeleton-end-node,.workflow-loading-skeleton .skeleton-end-node .end-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.workflow-loading-skeleton .skeleton-end-node .end-title{font-size:12px;color:#555;font-weight:400;line-height:18px;width:36px;height:22px;border-radius:4px;padding:2px 8px;background:#eaeaea}.workflow-loading-skeleton .add-button img{width:30px;height:30px}