.articlemanagement-manage{padding:15px;background-color:#f8f8f9}.articlemanagement-manage .ivu-table-cell{padding-left:2px;padding-right:2px}.articlemanagement-manage .tech-status{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 10px;border-radius:4px;position:relative;overflow:hidden;font-family:Arial,sans-serif;font-weight:700;letter-spacing:.5px;min-width:80px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}.articlemanagement-manage .tech-status:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 0,transparent 50%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 75%,transparent 0);background-size:4px 4px;z-index:0;opacity:.3}.articlemanagement-manage .tech-status:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid;z-index:1;pointer-events:none}.articlemanagement-manage .status-online{background-color:rgba(25,190,107,.15);color:#19be6b}.articlemanagement-manage .status-online:after{border-color:rgba(25,190,107,.5);-webkit-box-shadow:0 0 8px rgba(25,190,107,.3);box-shadow:0 0 8px rgba(25,190,107,.3)}.articlemanagement-manage .status-offline{background-color:rgba(237,64,20,.15);color:#ed4014}.articlemanagement-manage .status-offline:after{border-color:rgba(237,64,20,.5);-webkit-box-shadow:0 0 8px rgba(237,64,20,.3);box-shadow:0 0 8px rgba(237,64,20,.3)}.articlemanagement-manage .status-unknown{background-color:rgba(255,204,0,.15);color:#f59300}.articlemanagement-manage .status-unknown:after{border-color:rgba(255,204,0,.5);-webkit-box-shadow:0 0 8px rgba(255,204,0,.3);box-shadow:0 0 8px rgba(255,204,0,.3)}.articlemanagement-manage .status-dot{width:10px;height:10px;border-radius:50%;margin-right:8px;position:relative;display:inline-block}.articlemanagement-manage .dot-unknown{background-color:#fc0;-webkit-box-shadow:0 0 0 rgba(255,204,0,.4);box-shadow:0 0 0 rgba(255,204,0,.4);-webkit-animation:pulse-yellow 1.5s infinite;animation:pulse-yellow 1.5s infinite}.articlemanagement-manage .dot-online{background-color:#19be6b;-webkit-box-shadow:0 0 0 rgba(25,190,107,.4);box-shadow:0 0 0 rgba(25,190,107,.4);-webkit-animation:pulse-green 1.5s infinite;animation:pulse-green 1.5s infinite}.articlemanagement-manage .dot-offline{background-color:#ed4014;-webkit-box-shadow:0 0 0 rgba(237,64,20,.4);box-shadow:0 0 0 rgba(237,64,20,.4);-webkit-animation:pulse-red 1.5s infinite;animation:pulse-red 1.5s infinite}.articlemanagement-manage .tech-status .scan-line{position:absolute;width:100%;height:2px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(currentColor),to(transparent));background:linear-gradient(90deg,transparent,currentColor,transparent);top:0;left:0;opacity:.6;z-index:2}.articlemanagement-manage .status-online .scan-line{-webkit-animation:scan-green 2s linear infinite;animation:scan-green 2s linear infinite}.articlemanagement-manage .status-offline .scan-line{-webkit-animation:scan-red 2s linear infinite;animation:scan-red 2s linear infinite}@-webkit-keyframes pulse-green{0%{-webkit-box-shadow:0 0 0 0 rgba(25,190,107,.7);box-shadow:0 0 0 0 rgba(25,190,107,.7)}70%{-webkit-box-shadow:0 0 0 6px rgba(25,190,107,0);box-shadow:0 0 0 6px rgba(25,190,107,0)}to{-webkit-box-shadow:0 0 0 0 rgba(25,190,107,0);box-shadow:0 0 0 0 rgba(25,190,107,0)}}@keyframes pulse-green{0%{-webkit-box-shadow:0 0 0 0 rgba(25,190,107,.7);box-shadow:0 0 0 0 rgba(25,190,107,.7)}70%{-webkit-box-shadow:0 0 0 6px rgba(25,190,107,0);box-shadow:0 0 0 6px rgba(25,190,107,0)}to{-webkit-box-shadow:0 0 0 0 rgba(25,190,107,0);box-shadow:0 0 0 0 rgba(25,190,107,0)}}@-webkit-keyframes pulse-red{0%{-webkit-box-shadow:0 0 0 0 rgba(237,64,20,.7);box-shadow:0 0 0 0 rgba(237,64,20,.7)}70%{-webkit-box-shadow:0 0 0 6px rgba(237,64,20,0);box-shadow:0 0 0 6px rgba(237,64,20,0)}to{-webkit-box-shadow:0 0 0 0 rgba(237,64,20,0);box-shadow:0 0 0 0 rgba(237,64,20,0)}}@keyframes pulse-red{0%{-webkit-box-shadow:0 0 0 0 rgba(237,64,20,.7);box-shadow:0 0 0 0 rgba(237,64,20,.7)}70%{-webkit-box-shadow:0 0 0 6px rgba(237,64,20,0);box-shadow:0 0 0 6px rgba(237,64,20,0)}to{-webkit-box-shadow:0 0 0 0 rgba(237,64,20,0);box-shadow:0 0 0 0 rgba(237,64,20,0)}}@-webkit-keyframes pulse-yellow{0%{-webkit-box-shadow:0 0 0 0 rgba(255,204,0,.7);box-shadow:0 0 0 0 rgba(255,204,0,.7)}70%{-webkit-box-shadow:0 0 0 6px rgba(255,204,0,0);box-shadow:0 0 0 6px rgba(255,204,0,0)}to{-webkit-box-shadow:0 0 0 0 rgba(255,204,0,0);box-shadow:0 0 0 0 rgba(255,204,0,0)}}@keyframes pulse-yellow{0%{-webkit-box-shadow:0 0 0 0 rgba(255,204,0,.7);box-shadow:0 0 0 0 rgba(255,204,0,.7)}70%{-webkit-box-shadow:0 0 0 6px rgba(255,204,0,0);box-shadow:0 0 0 6px rgba(255,204,0,0)}to{-webkit-box-shadow:0 0 0 0 rgba(255,204,0,0);box-shadow:0 0 0 0 rgba(255,204,0,0)}}@-webkit-keyframes scan-green{0%{top:-2px}to{top:100%}}@keyframes scan-green{0%{top:-2px}to{top:100%}}@-webkit-keyframes scan-red{0%{top:-2px}to{top:100%}}@keyframes scan-red{0%{top:-2px}to{top:100%}}.articlemanagement-manage .tech-status .data-flow{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(45%,transparent),color-stop(50%,hsla(0,0%,100%,.1)),color-stop(55%,transparent),to(transparent));background:linear-gradient(180deg,transparent 0,transparent 45%,hsla(0,0%,100%,.1) 50%,transparent 55%,transparent);background-size:100% 20px;z-index:1;opacity:.3}.articlemanagement-manage .status-online .data-flow{-webkit-animation:data-flow 1s linear infinite;animation:data-flow 1s linear infinite}@-webkit-keyframes data-flow{0%{background-position:0 0}to{background-position:0 20px}}@keyframes data-flow{0%{background-position:0 0}to{background-position:0 20px}}.articlemanagement-manage .status-text{position:relative;z-index:3;font-size:12px}.articlemanagement-manage .version-tag{position:relative;display:inline-block;padding:5px 10px;background:rgba(45,140,240,.1);border-radius:4px;color:#2d8cf0;font-weight:700;border-left:3px solid #2d8cf0;-webkit-box-shadow:0 2px 8px rgba(45,140,240,.2);box-shadow:0 2px 8px rgba(45,140,240,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .3s ease;transition:all .3s ease}.articlemanagement-manage .version-tag:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(45,140,240,.1)),color-stop(50%,rgba(45,140,240,0)),to(rgba(45,140,240,.1)));background:linear-gradient(90deg,rgba(45,140,240,.1),rgba(45,140,240,0) 50%,rgba(45,140,240,.1));background-size:200% 100%;-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;pointer-events:none}.articlemanagement-manage .version-tag:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(45,140,240,.3);box-shadow:0 4px 12px rgba(45,140,240,.3)}.articlemanagement-manage .empty-version{background:rgba(144,147,153,.1);color:#909399;border-left:3px solid #909399;-webkit-box-shadow:0 2px 8px rgba(144,147,153,.2);box-shadow:0 2px 8px rgba(144,147,153,.2)}.articlemanagement-manage .empty-version:before{background:-webkit-gradient(linear,left top,right top,from(rgba(144,147,153,.1)),color-stop(50%,rgba(144,147,153,0)),to(rgba(144,147,153,.1)));background:linear-gradient(90deg,rgba(144,147,153,.1),rgba(144,147,153,0) 50%,rgba(144,147,153,.1))}@-webkit-keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}