#connection-status-div{min-height:fit-content;width:100%;max-width:500px;overflow-y:hidden;text-align:left;padding:5px 5px 0}#connection-status-div table{width:100%;margin:0;border-collapse:collapse;font-size:smaller}#connection-status-div table tr{height:24px}#connection-status-div table td{border:1px solid #ddd;padding:0;text-align:center}#connection-status-div table td#connection-status{text-align:left;padding-left:4px;width:100%}.status-disconnected td{background-color:#e0e0e0!important;color:#666}.status-connected{background-color:#c8e6c9}.status-disconnected{background-color:#fcc}.status-connected,.status-disconnected{transition:background-color .3s ease}