.info-table{margin-bottom:25px;border:1px solid #dcdee2;width:100%}.info-table .table-head span{background:#f8fbff!important;padding-left:15px;justify-content:start!important;font-weight:700}.info-table .info-row{display:flex}.info-table .info-row>span:nth-child(odd){background-color:#f9f9f9}.info-table .info-row>span:nth-child(2){justify-content:left;padding-left:15px;flex:5}.info-table .info-row:not(:last-child){border-bottom:1px solid #dcdee2}.info-table .info-row>span{flex:1;min-height:40px;display:flex;align-items:center;justify-content:center}.info-table .info-row>span:not(:last-child){border-right:1px solid #dcdee2}.sub-system>div{perspective:1300px}.sub-system>.main.left-main .anima-3d-rotateHide{transition:all .5s;transform:translateZ(100px) translateX(-30%) rotateY(90deg);opacity:0}.sub-system>.main.right-main .info-title{text-align:right}.sub-system>.main.right-main .anima-3d-rotateHide{transition:all .5s;transform:translateZ(100px) translateX(100%) rotateY(-45deg);opacity:0}.sub-system>.main .main-wrapper{display:flex;flex-direction:column;overflow:hidden;font:1;position:relative}.sub-system>.main .main-wrapper .main-title{margin:0 .125rem;display:flex!important}.sub-system>.main .main-wrapper.close{transform:translateX(100%);transition:all .5s}.sub-system>.main .main-wrapper .btn-close{position:absolute;top:.125rem;right:.125rem;cursor:pointer;transition:transform .5s;transform:rotate(0deg);padding:0 .0625rem}.sub-system>.main .main-wrapper .btn-close:hover{transform:rotate(180deg) scale(1.2);color:#95e2ff}.sub-system>.main .main-wrapper .main-content{flex:1;position:static;display:flex;flex-direction:column;overflow:hidden}.sub-system>.main .main-wrapper .main-content .info-wrapper .info-title{line-height:2}.sub-system>.main .main-wrapper .main-content .info-wrapper .info-echat{width:100%;height:16vh}.sub-system>.main .main-wrapper .main-content .main-floor{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:flex-end}.sub-system>.main .main-wrapper .main-content .main-floor>div{cursor:pointer;height:.35rem;display:flex;align-items:center;color:#fff;margin-right:.075rem;padding:0 .0375rem;font-weight:700}.sub-system>.main .main-wrapper .main-content .main-floor>div:hover{color:#95e2ff}.sub-system .device-info{font-size:.1375rem;text-align:center}.sub-system .device-info .table-title{margin:.0625rem 0;padding-right:6px;color:#bdeced;display:flex;font-weight:700}.sub-system .device-info .table-item>div,.sub-system .device-info .table-title>div{flex:1}.sub-system .device-info .table-item>div:nth-child(2),.sub-system .device-info .table-title>div:nth-child(2){flex:2}.sub-system .device-info .table-list{height:30vh;overflow-y:scroll}.sub-system .device-info .table-list .table-item{align-items:center;display:flex;color:#7d9cb0;padding:.0375rem;border:.0125rem solid transparent}.sub-system .device-info .table-list .table-item:nth-child(2n){background-color:hsla(0,0%,100%,.2)}.sub-system .device-info .table-list .table-item.active,.sub-system .device-info .table-list .table-item:hover{cursor:pointer;background-color:rgba(177,0,0,.2);border-color:#b10000}.sub-system .overview{display:flex;justify-content:space-between;height:15vh}.sub-system .overview .doughnutEchat{width:calc(50% - .125rem);height:100%;overflow:hidden;position:relative}.sub-system .overview .doughnutEchat>div{position:absolute;top:-40%;left:-40%;width:180%;height:180%}.shade-text{background-image:linear-gradient(180deg,#02f9fd,#0e72b3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#02f9fd}.anima-3d-rotateInRight{transform-style:preserve-3d;transform-origin:0 100%;animation:rotateInRight .5s 1}@keyframes rotateInRight{0%{transform:translateZ(100px) translateX(-30%) rotateY(90deg);opacity:0}to{transform:translateZ(0) translateX(0) rotateY(0deg);opacity:1}}.anima-3d-rotateInLeft{transform-style:preserve-3d;transform-origin:0 100%;animation:rotateInLeft .5s 1}@keyframes rotateInLeft{0%{transform:translateZ(100px) translateX(100%) rotateY(-45deg);opacity:0}to{transform:translateZ(0) translateX(0) rotateY(0deg);opacity:1}}.flip-container{overflow:hidden;flex:1;perspective:1000px}.flip-container.hover .flipper{transform:rotateY(180deg)}.flip-container .flipper{transition:.6s;transform-style:preserve-3d;position:relative}.flip-container .back,.flip-container .front{backface-visibility:hidden;width:100%}.flip-container .front{z-index:2}.flip-container .back{transform:rotateY(180deg)}