| 1 |
- .main-box{position:relative;display:inline-block;top:10px;left:12px;width:calc(100% - 24px);height:auto;border:3px solid #049e9a;border-radius:5px;overflow:hidden;text-align:center;padding-top:10px;background:#f0faf9;}.main-box.main-flow-box{height:700px;}.main-box.main-package-box{height:590px;}.iwb-flow-tree{margin:0 auto;}.iwb-flow-tree .floor-box{width:100%;display:flex;flex-direction:row;justify-content:center;}.iwb-flow-tree .floor-box .floor-node{width:100%;display:block;margin:0 auto;float:left;}.iwb-flow-tree .floor-box .floor-node .node-box{position:relative;margin:0 auto;width:200px;border-radius:0;border:none;background:transparent;}.iwb-flow-tree .floor-box .floor-node .node-box .title{background:transparent;color:#f5f5f5;width:0;height:0;background:transparent;border:100px solid transparent;border-top:none;border-bottom:60px solid #34b29d;cursor:pointer;}.iwb-flow-tree .floor-box .floor-node .node-box .title-text{position:absolute;width:100%;text-align:center;top:0;color:#f5f5f5;height:60px;font-size:12px;font-weight:bold;cursor:none;line-height:70px;}.iwb-flow-tree .floor-box .floor-node .node-box .content{margin:0 12px;flex-direction:column;padding:5px;border:1px solid #34b29d;border-top:none;}.iwb-flow-tree .floor-box .line-box{width:100%;display:block;margin:0 auto;float:left;}.iwb-flow-tree .floor-box .line-box .line-group{width:100%;display:flex;flex-direction:row;justify-content:center;}.iwb-flow-tree .floor-box .line-box .line-group .line{display:flex;flex-direction:row;justify-content:center;}.iwb-flow-tree .floor-box .line-box .line-group .line .line-u,.iwb-flow-tree .floor-box .line-box .line-group .line .line-d{height:30px;width:12px;background:#34b29d;}.iwb-flow-tree .floor-box .line-box .line-group .line .line-d{position:relative;margin-bottom:6px;width:8px;}.iwb-flow-tree .floor-box .line-box .line-group .line .line-d:after{content:'';position:absolute;border:8px solid transparent;border-top:15px solid #34b29d;left:calc(50% - 8px);bottom:-15px;}.iwb-flow-tree .floor-box .line-box .line-group .line .line-d.line-d-l:before,.iwb-flow-tree .floor-box .line-box .line-group .line .line-d.line-d-r:before{content:'';position:absolute;top:-6px;width:8px;height:6px;background:#34b29d;}.iwb-flow-tree .floor-box .line-box .line-group .line .line-d.line-d-l:before{left:0;}.iwb-flow-tree .floor-box .line-box .line-group .line .line-d.line-d-r:before{right:0;}.iwb-flow-tree .floor-box .line-box .line-group .line-m{height:6px;background:#34b29d;}.iwb-flow-tree .floor-box .line-box .line-group .line-single .line-d{height:72px;}.iwb-flow-tree .setting{margin:3px 5px;padding:4px 0 !important;text-align:center;color:#fff;font-size:100%;border-radius:3px;cursor:pointer;background:#34b29d;}.iwb-flow-tree .setting.path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 10px !important;}.iwb-flow-tree .setting.no-setting{background:#a6a6a6;}.iwb-flow-tree .dropdown-menu{border-color:#049e9a !important;padding:5px 15px !important;min-width:100px !important;}.iwb-flow-tree .dropdown-menu .dropdown-item{border:none !important;border-bottom:1px solid #049e9a !important;color:#049e9a !important;padding:5px 15px !important;}.iwb-flow-tree .dropdown-menu .dropdown-item:last-child,.iwb-flow-tree .dropdown-menu .dropdown-item.last-child{border:none !important;}.iwb-flow-tree .dropdown-menu .dropdown-item:focus,.iwb-flow-tree .dropdown-menu .dropdown-item:hover{color:#fff !important;background-color:#049e9a !important;}.iwb-package-tree{display:flex;flex-direction:column;justify-content:start;width:100%;}.iwb-package-tree .round-box{display:flex;flex-direction:row;justify-content:center;height:auto;position:relative;padding-bottom:20px;}.iwb-package-tree .round-box:first-child{padding-bottom:40px;}.iwb-package-tree .round-box .round-node{display:flex;justify-content:center;align-items:center;position:relative;background:#34b29d;color:#f5f5f5;width:50px;height:50px;border-radius:50px;z-index:1;font-weight:600;}.iwb-package-tree .round-box .round-node:before{content:"";position:absolute;border-left:15px solid transparent;border-right:15px solid transparent;border-top:25px solid #34b29d;left:10px;top:-25px;}.iwb-package-tree .round-box .round-node.start-node{width:auto;height:40px;white-space:nowrap;padding:5px 20px;border-radius:20px;font-size:1.125rem;}.iwb-package-tree .round-box .round-node.start-node:before{border:none;}.iwb-package-tree .round-box .block-node{width:42%;height:auto;display:flex;border:2px solid #34b29d;border-radius:5px;position:relative;margin-top:10px;--w:60px;--sw:170px;--margin:calc(var(--w) - 20px);}.iwb-package-tree .round-box .block-node .title{width:100%;text-align:center;padding:2px;font-size:15px;font-weight:bold;color:#34b29d;background:#f2f2f2;border-bottom:1px solid #34b29d;border-radius:10px 10px 0 0;}.iwb-package-tree .round-box .block-node .title .icon{float:right;margin-top:4px;margin:4px 5px 4px;color:#00b050;cursor:pointer;}.iwb-package-tree .round-box .block-node .content{width:100%;display:flex;height:100%;}.iwb-package-tree .round-box .block-node>.round-setting{width:var(--sw);border-right:1px solid #34b29d;}.iwb-package-tree .round-box .block-node>.round-setting .content{padding:5px;flex-direction:column;}.iwb-package-tree .round-box .block-node>.round-setting .content .setting .value{padding-left:5px;}.iwb-package-tree .round-box .block-node>.round-setting .content .setting span:last-of-type{float:right;}.iwb-package-tree .round-box .block-node .tab-box{width:var(--sw);border-left:1px solid #34b29d;height:100%;padding:0;}.iwb-package-tree .round-box .block-node .tab-box .nav-tabs{padding:5px;padding-left:0;height:198px;flex-wrap:nowrap;overflow-y:auto;border:none;}.iwb-package-tree .round-box .block-node .tab-box .nav-tabs .nav-item{border-bottom:none;}.iwb-package-tree .round-box .block-node .tab-box .nav-tabs .nav-item .nav-link{color:#34b29d;border:1px solid #34b29d;border-left:none;height:35px;border-radius:0 35px 35px 0;margin:1px 0;padding-left:5px;padding-right:5px;}.iwb-package-tree .round-box .block-node .tab-box .nav-tabs .nav-item .nav-link.active,.iwb-package-tree .round-box .block-node .tab-box .nav-tabs .nav-item .nav-link:hover,.iwb-package-tree .round-box .block-node .tab-box .nav-tabs .nav-item .nav-link:focus{background:#34b29d;color:#f5f5f5;}.iwb-package-tree .round-box .block-node .tab-box .nav-tabs .nav-item .nav-link:hover{color:#eee;font-weight:bold;}.iwb-package-tree .round-box .block-node .tab-content-box{width:calc(100% - var(--sw));}.iwb-package-tree .round-box .block-node .block-box{width:100%;}.iwb-package-tree .round-box .block-node .block-box .block-content{width:100%;display:flex;flex-direction:column;}.iwb-package-tree .round-box .block-node .block-box .block-content .setting-box{width:100%;display:flex;padding:5px;border-bottom:1px solid #34b29d;}.iwb-package-tree .round-box .block-node .block-box .block-content .setting-box .setting{text-align:center;width:50%;padding:2px 5px;}.iwb-package-tree .round-box .block-node .block-box .block-content .flow-box{width:100%;display:flex;flex-direction:column;padding:5px;height:142px;}.iwb-package-tree .round-box .block-node .block-box .block-content .flow-box .flow-info{margin:2px 5px;color:#34b29d;display:flex;}.iwb-package-tree .round-box .block-node .block-box .block-content .flow-box .flow-info .flow-name{padding:3px 15px;border-radius:35px 0 0 35px;border:1px solid;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.iwb-package-tree .round-box .block-node .block-box .block-content .flow-box .flow-info .flow-setting{width:50px;color:#fff;background:#34b29d;padding:3px 15px;border-radius:0 35px 35px 0;cursor:pointer;}.iwb-package-tree .round-box .block-node .obj-block-box{width:100%;}.iwb-package-tree .round-box .block-node .evolution-block-box{width:100%;}.iwb-package-tree .round-box .block-node:before{content:"";position:absolute;background:#34b29d;width:var(--w);height:10px;top:10px;}.iwb-package-tree .round-box .block-node.left{margin-right:var(--margin);}.iwb-package-tree .round-box .block-node.left .block-box{width:calc(100% - var(--sw));}.iwb-package-tree .round-box .block-node.left:before{right:calc(0% - var(--w));}.iwb-package-tree .round-box .block-node.right{margin-left:var(--margin);}.iwb-package-tree .round-box .block-node.right:before{left:calc(0% - var(--w));}.iwb-package-tree .round-box:not(:nth-last-of-type(1)) .line-v{height:calc(100% - 20px);width:15px;background-color:#34b29d;position:absolute;top:5px;z-index:0;}.iwb-package-tree .round-box .setting{margin:2px 5px;padding:2px 10px;text-align:left;color:#fff;font-size:90%;border-radius:3px;cursor:pointer;background:#34b29d;}.iwb-package-tree .round-box .setting.no-setting{background:#a6a6a6;}.iwb-package-tree .dropdown-menu{border-color:#049e9a !important;padding:5px 15px !important;min-width:100px !important;}.iwb-package-tree .dropdown-menu .dropdown-item{border:none !important;border-bottom:1px solid #049e9a !important;color:#049e9a !important;padding:5px 15px !important;}.iwb-package-tree .dropdown-menu .dropdown-item:last-child,.iwb-package-tree .dropdown-menu .dropdown-item.last-child{border:none !important;}.iwb-package-tree .dropdown-menu .dropdown-item:focus,.iwb-package-tree .dropdown-menu .dropdown-item:hover{color:#fff !important;background-color:#049e9a !important;}.flow-detail a.table-action{color:#34b29d;padding:2px 0;cursor:pointer;}.flow-detail a.table-action:hover{color:#34b29d;padding:2px 0;font-weight:bold;border-bottom:2px solid #34b29d;}.flow-detail .table-striped tbody tr:nth-of-type(odd){background-color:#f0faf9;}.package-detail{margin:0 15px;}.package-detail dl{display:flex;}.package-detail dl,.package-detail dt,.package-detail dd{margin-bottom:0;cursor:pointer;}.package-detail dt{white-space:nowrap;}.package-detail dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
