.btn:focus, .btn:active, button { outline: none !important; box-shadow: none; } .btn-outline-danger::before, .btn-danger::before{ content: '✖ '; } .btn-outline-success::before, .btn-success::before{ content: '✔ '; } .btn-outline-warning::before, .btn-warning::before{ content: '⚠ '; } #service-wrapper, #instances-wrapper, #keys-wrapper { overflow-y: scroll; border-top-left-radius: 0px; border-top-right-radius: 0px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(0,0,0,.125); } .service-tags .badge { max-width: 8em; text-overflow: ellipsis; overflow: hidden; } .checkTransition { float: left; } .checkName { padding-left: 5px; max-width: 12em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: help; } td.serviceName { max-width: 15%; overflow: hidden; text-overflow: ellipsis; } #autorefresh{ float: right; } td.instance { max-width: 15em; overflow: hidden; text-overflow: ellipsis; } #all-instances-header { width: 12em; text-align: right; padding-right: 1em; } td.ts { width: 9em; } td.serviceName { max-width: 12em; } #service-list .favorite { width: 20px; height: 20px; border: 0; color: #f7d800; cursor: pointer; font-size: 1.3em; vertical-align: middle; line-height: 1; background-color: transparent; } #service-list .favorite::before { content: '☆'; } #service-list .favorite.favorited::before { content: '★'; } .weights { float: right; } #service-wrapper .list-group-item:last-child, #instances-wrapper .list-group-item:last-child, #keys-wrapper .list-group-item:last-child { border-bottom-width: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #service-wrapper .list-group-item:first-child, #instances-wrapper .list-group-item:first-child, #keys-wrapper .list-group-item:first-child { border-top-width: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } #service-wrapper .list-group-item, #instances-wrapper .list-group-item, #keys-wrapper .list-group-item { border-left: 0px; border-right: 0px; } td.evt-service-status { min-width: 10em; } td.all-instances { min-width: 10em; text-align: right; } #node-statuses span { font-size: 1rem; transition: background-color .16s linear; cursor: pointer; } #node-statuses { margin-top: 0.4rem; } h2 { margin-top: 1rem; margin-bottom: 1rem; } h2 .fas { cursor: pointer; color: rgba( 0, 0, 0, 0.5); font-size: 1.5rem; transition: color .16s linear; } h2 .fas:hover { cursor: pointer; color: #007bff; opacity: 1; font-size: 1.5rem; } .custom-links { background-color: #EEEEEE; color: #333333; margin: 3px; padding: 5px; padding-left: 10px; } .progress { border-radius: 0px; } .progress-status { transition: background-color .16s linear, width .16s linear; cursor: pointer; } .progress-deactivated { background-color: #a5a5a5 !important; color: #f1f1f1 !important; } .status-deactivated { background-color: #a5a5a5 !important; color: #f1f1f1 !important; } .service-status { transition: background-color .16s linear; font-size: 85%; cursor: pointer; } #instance-statuses { padding-top: 5px; text-align: center; } .status-sidebar { width: 5px !important; min-height: 1px; flex-shrink: 0; flex-grow: 0; } .instance-content { width: 100%; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; } #nodes #instances-list .list-group-item { padding-left: 0px; padding-top: 0px; padding-bottom: 0px; display: flex; flex-direction: row; } html, body { height:100%; } .instance-content-header { display: flex; } .instance-content-header h5 { margin-right: 10px; } .service-instance dt, .service-instance dl { line-height: 1em; } .node-meta { text-align: right; flex: 2 0 0; } .service-instance .node-meta { text-align: left; } #data-wrapper { overflow: scroll; } pre, code { height: 100%; margin-bottom: 0px; } .connect-enabled{ float:right; border: 1px #ccc solid; } .connect-disabled{ display: none; }