.ipMonitor{position:relative;height:100%;display:flex;flex-direction:column;box-sizing:border-box;max-height:100%;}.ipMonitor>*{box-sizing:border-box;max-height:100%;overflow:auto;}.ipMonitor .networks{margin-top:5px;flex:1;display:flex;flex-direction:column;box-sizing:border-box;max-height:100%;flex-wrap:wrap;}.ipMonitor .networks>*{box-sizing:border-box;max-height:100%;overflow:auto;}.ipMonitor .networks .network{display:flex;flex-direction:row;box-sizing:border-box;max-height:100%;min-height:40px;border:1px solid #000;padding:5px;margin:0 10px 10px 0;justify-content:space-between;align-items:center;}.ipMonitor .networks .network>*{box-sizing:border-box;max-height:100%;overflow:auto;}.ipMonitor .networks .network .description{margin-right:10px;}.ipMonitor .networks .network .badge{color:#fff;background-color:#f00;padding:2px;border-radius:10px;}.ipMonitor .menu{flex:0 1 auto;position:absolute;bottom:0;right:0;}.ipMonitor .offline{background-color:#ffc0cb;}.ipMonitor .online{background-color:#90ee90;}.ipMonitor .modalContent{width:80%;height:90%;}.ipMonitor .modalContent .content{display:flex;flex-direction:column;box-sizing:border-box;max-height:100%;}.ipMonitor .modalContent .content>*{box-sizing:border-box;max-height:100%;overflow:auto;}.ipMonitor .modalContent .content div{display:flex;flex-direction:row;box-sizing:border-box;max-height:100%;justify-content:space-between;align-items:center;}.ipMonitor .modalContent .content div>*{box-sizing:border-box;max-height:100%;overflow:auto;}.ipMonitor .modalContent .content canvas{max-height:200px;}.ipMonitor .modalContent .content textarea{flex:1;width:100%;overflow:scroll;min-height:100px;}