html, body { background: rgb(227, 227, 227); font-size: 16px; height: 100%; } .sidebar { height: 100%; background: #fff; overflow: auto; } .exceptions { list-style-type: none; margin: 0; padding: 0; } .exception { cursor: pointer; padding-right: 2px; } .exception.active { border-right: 2px solid #2196F3; padding-right: 0; } .card { background: #fff; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .tile { background: #fff; border-bottom: 1px solid rgb(237, 237, 237); border-top: 1px solid rgb(251, 251, 251); } .tile .primary { padding: 20px 15px 0px 15px; } .tile .support { padding: 10px 15px; } .exception h5 { font-size: 18px; font-weight: normal; margin: 0; padding: 0; line-height: 120%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .exception .host { color: #999; font-size: smaller; } .exception .time { color: #999; font-size: smaller; position: relative; top: 5px; } .exception-details { margin: 10px; padding: 20px 30px 10px 30px; } .exception-details h4 { line-height: 120%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .navbar { background: #2196F3; margin: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); z-index: 2; position: relative; } .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:active { color: #fff; } .table th { font-weight: 500; } .environment.table td.value, .configuration.table td.value { word-break: break-all; } .table, .table tr th { border-top: 0 !important; } .no-padding { padding: 0; } .tab-pane { margin: 20px 0 0 0; } .primary-container, .primary-row { height: 100%; } .primary-container { position: relative; top: -64px; padding-top: 64px; } .main-content { height: 100%; overflow: auto; } .nav-tabs > li.active > a { /* Fix jumping issue in base style. */ border: 0 !important; } .tab-pane#summary .name { font-weight: 500; } .empty { color: #bbb; } .location { font-family: Consolas, Monaco, monospace; }