.metricsWatcher .panel-group:first-child {
  margin-top: 20px;
}

.metricsWatcher h3 {
  margin-top: 10px;
  margin-bottom: 0;
}

.metricsWatcher .panel-body div {
  margin-bottom: 10px;
}

.metricsWatcher .panel-group {
  margin-left: 20px;
  margin-right: 20px;
}

.metricsWatcher .activeRequestsGraph {
	vertical-align: top;
}

.metricsWatcher .activeRequestsGraph .counter .histogram {
	width: 95%;
}

.metricsWatcher .nested {
	margin: 0 10px 10px 0;
}
.metricsWatcher .nested h1 {
	font-size: 24px;
}

.metricsWatcher .progressLabel {
	text-align: right;
}

.metricsWatcher.histogram .histogramContainer td,
.metricsWatcher.timer .timerContainer td,
.metricsWatcher .progressLabel,
.metricsWatcher .progressValue {
	padding: 0 5px;
}

.metricsWatcher.timer table,
.metricsWatcher.histogram table,
.metricsWatcher.web table,
.metricsWatcher.log4j table,
.metricsWatcher.cache table,
.metricsWatcher.jvm table,
.metricsWatcher .progressBar,
.metricsWatcher .progressBar,
.metricsWatcher .progressTable {
	width: 100%;
}

.metricsWatcher.histogram .histogramContainer,
.metricsWatcher.jvm .jvmContainer,
.metricsWatcher.web .webContainer,
.metricsWatcher.log4j .log4jContainer,
.metricsWatcher.cache .cacheContainer,
.metricsWatcher.timer .timerContainer,
.metricsWatcher.cache .gaugeTableContainer {
	border-style: none;
	border-width: 1px;
	padding: 10px 0;
	margin-left: 0;
	padding: 10px;
}

.metricsWatcher.cache table.gaugeTable td h5,
.metricsWatcher.jvm table.jvmTable td h5 {
	font-size: 15px;
	font-weight: normal;
	text-align: left;
}
.metricsWatcher table.gaugeTable td,
.metricsWatcher table.jvmTable td {
	font-size: 14px;
	text-align: right;
}

caption {
	font-weight: bold;
}

@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
.hawtio-btn-danger {
  color: darkred;
}
.modal-header div[hawtio-pager] {
  line-height: 1;
}
.camel-main-actions {
  float: right;
  margin: 20px 20px 10px 0;
}
.camel-main-actions .dropdown-menu {
  min-width: 100%;
}
.breadcrumb > .page-title {
  font-weight: 300;
  font-size: 24px;
  margin-top: 12px;
  line-height: 1.1;
  display: inline-block;
}
.main-content {
  margin-top: 20px;
}
.modal-header .pagination-container {
  line-height: 0.8;
}
.modal-header .pagination {
  margin: 0;
}
.table-view {
  margin-bottom: 20px;
}
.modal dd {
  overflow-wrap: break-word;
}
.table-cell-truncated {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: 100%;
}
td > span {
  display: inline-block;
  width: 100%;
}
pf-toolbar > .container-fluid,
pf-table-view > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
pf-filter-fields .dropdown-menu {
  right: auto;
  left: 0;
}

.health-displays .health-display,
.column-box,
.column-box-variable,
.column-box-square,
.column-box-half-screen {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 300px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
  overflow: hidden;
  vertical-align: top;
}
.health-displays .health-display > div,
.column-box > div,
.column-box-variable > div,
.column-box-square > div,
.column-box-half-screen > div {
  position: relative;
  height: 100%;
  margin: 10px;
}
.health-displays .health-display h3,
.column-box h3,
.column-box-variable h3,
.column-box-square h3,
.column-box-half-screen h3 {
  text-overflow: ellipsis;
  line-height: normal;
  margin-bottom: 0;
}
.health-displays .health-display .file-icon > *,
.column-box .file-icon > *,
.column-box-variable .file-icon > *,
.column-box-square .file-icon > *,
.column-box-half-screen .file-icon > * {
  width: 100%;
  height: auto;
}
.column-box {
  height: auto;
  min-height: 175px;
  width: 500px;
}
.column-box-half-screen {
  width: 50%;
  min-width: auto;
  height: auto;
}
.column-box-square {
  height: 32px;
  width: 32px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
}
.column-box-square > i {
  font-size: 24px;
  height: 24px;
  vertical-align: middle;
}
.column-box-variable {
  height: auto;
  min-height: 175px;
  width: auto;
  min-width: 175px;
  max-width: 500px;
}
.column-box-variable > h3 {
  margin-bottom: 0;
}
.column-box-selected .column-box-header {
  font-size: 150%;
  font-weight: bold;
}
.column-box-icons > .span1 {
  text-align: center;
  vertical-align: middle;
  width: 32px;
}
.column-box-icons i,
.column-box-icons img {
  font-size: 32px;
  width: 32px;
}

/* fonts */
pre.stack-line {
  font-size: 12px;
}
div.stack-line {
  font-size: 12px;
}
/* colors */
#log-panel {
  background: inherit;
  background-color: none;
  border: 1px solid #d4d4d4;
  transition: bottom 1s ease-in-out;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  opacity: 0.8;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#log-panel #log-panel-statements {
  background: #252525;
}
#log-panel-statements li pre {
  color: white;
  background-color: inherit;
  border: none;
}
#log-panel-statements li:hover {
  background: #111111;
}
#log-panel-statements li.DEBUG {
  color: dodgerblue;
}
#log-panel-statements li.INFO {
  color: white;
}
#log-panel-statements li.WARN {
  color: yellow;
}
#log-panel-statements li.ERROR {
  color: red;
}
#log-panel #close {
  background: #131313;
  border-top: 1px solid #222222;
  box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1) inset;
  color: #eeeeee;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#log-panel #copy {
  background: inherit;
  color: white;
}
.CodeMirror {
  border: 1px solid #d4d4d4;
}
.table-hover tbody tr:hover td.details {
  background-color: #ffffff;
}
tr td.focus {
  background-color: #d9edf7;
}
.table-hover tbody tr:hover td.focus {
  background-color: #d9edf7;
}
.table-striped tbody tr:nth-child(odd) td.focus {
  background-color: #d9edf7;
}
.logbar {
  background: white;
  border-bottom: 1px solid #d4d4d4;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
}
.ui-resizable-se {
  height: 10px;
  width: 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  background: inherit;
  box-shadow: -3px -3px 10px rgba(0, 0, 0, 0.1) inset;
  font-size: 32px;
  z-index: 50;
  position: absolute;
  display: block;
  right: 0px;
  bottom: 0px;
  border-radius: 6px;
  border: 1px solid #d4d4d4;
  cursor: se-resize;
}
.innerDetails {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1) inset;
  border: 1px solid #d4d4d4;
  display: none;
  background: #ffffff;
}
.odd {
  background-color: #f9f9f9;
}
#main .logbar[ng-controller='Wiki.NavBarController'] .wiki.logbar-container .nav.nav-tabs,
#main .logbar-wiki .wiki.logbar-container .nav.nav-tabs {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: inherit;
}
.help-display img:not(.no-shadow) {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
.text-shadowed {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}
.bundle-item-details {
  background: white;
}
.bundle-item > a {
  border-radius: 4px;
  border: 1px solid #d4d4d4;
  display: block;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 34%, #f4f4f4 76%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(34%, #ffffff), color-stop(76%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 34%, #f4f4f4 76%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 34%, #f4f4f4 76%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 34%, #f4f4f4 76%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 34%, #f4f4f4 76%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
}
.bundle-item.in-selected-repository > a {
  background: #ddeeff;
  background: -moz-linear-gradient(top, #ddeeff 0%, #ddeeff 34%, #e3e3f4 76%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddeeff), color-stop(34%, #ddeeff), color-stop(76%, #e3e3f4));
  background: -webkit-linear-gradient(top, #ddeeff 0%, #ddeeff 34%, #e3e3f4 76%);
  background: -o-linear-gradient(top, #ddeeff 0%, #ddeeff 34%, #e3e3f4 76%);
  background: -ms-linear-gradient(top, #ddeeff 0%, #ddeeff 34%, #e3e3f4 76%);
  background: linear-gradient(to bottom, #ddeeff 0%, #ddeeff 34%, #e3e3f4 76%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeff', endColorstr='#e3e3f4', GradientType=0);
}
.bundle-item > a:hover {
  text-decoration: none;
}
.bundle-item a span {
  background: inherit;
  border-radius: 4px;
  border: 0px;
  color: #404040;
  text-shadow: none;
}
.bundle-item a span.badge::before {
  border-radius: 3px;
  background: #737373;
}
.bundle-item a span.badge-success::before {
  background: #1cd11d;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(34, 203, 1, 0.49);
}
.bundle-item a span.badge-inverse::before {
  background: #737373;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
}
.bundle-item a span.badge-important::before {
  background: #ee0002;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(195, 6, 0, 0.47);
}
.bundle-item a span.badge-info::before {
  background: #3a87ad;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(45, 105, 135, 0.47);
}
.bundle-item a span.badge-warning::before {
  background: #f89406;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(198, 118, 5, 0.47);
}
.bundle-item a.toggle-action {
  border-radius: 0;
  border: none;
  opacity: 0.2;
  color: inherit;
  box-shadow: none;
}
.bundle-item a.toggle-action .icon-power-off {
  color: orange;
}
.bundle-item a.toggle-action .icon-play-circle {
  color: green;
}
.ngHeaderCell:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0) !important;
}
.selected-color {
  width: 1em;
  height: 1em;
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.popout-open {
  border: 1px solid #d4d4d4;
}
.clickable {
  color: #787878;
}
.canvas {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0);
}
.container-group-header {
  background: #fdfdfd;
  border-bottom: 1px solid #d4d4d4;
}
.box {
  background: none repeat scroll 0 0 white;
  border-top: 1px solid #d4d4d4;
}
.container-group-header:not([style]) + div > .box {
  border-top: 1px solid transparent;
}
.section-header {
  background-color: #FAFAFA;
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
}
.section-controls > a {
  color: #4d5258;
}
.section-controls > a.nav-danger {
  color: IndianRed !important;
}
td.deleting {
  background-color: IndianRed !important;
}
td.adding {
  background-color: Aquamarine !important;
}
.input-prepend .progress {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.login-wrapper {
  background-color: rgba(255, 168, 27, 0.3);
  box-shadow: rgba(255, 168, 27, 0.2) 0 0 30px 10px;
}
.login-wrapper form {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: inset rgba(255, 168, 27, 0.2) 0 0 30px 10px;
}
.login-form form fieldset .control-group label {
  color: white;
}
.login-logo {
  color: white;
}
.profile-details div .tab-pane ul li:nth-child(even):not(.add) {
  background-color: #f3f3f3;
}
pre.stack-line {
  color: #333333;
  background: inherit;
  border: none;
  border-radius: 0;
}
.directive-example {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
}
div#main div ul.nav li a.nav-primary.active {
  color: rgba(255, 255, 255, 0.75);
}
div#main div ul.nav li a.nav-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #0044cc;
}
div#main div ul.nav li a.nav-primary:hover,
div#main div ul.nav li a.nav-primary:active,
div#main div ul.nav li a.nav-primary.active,
div#main div ul.nav li a.nav-primary.disabled,
div#main div ul.nav li a.nav-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
}
div#main div ul.nav li a.nav-primary:active,
div#main div ul.nav li a.nav-primary.active {
  background-color: #003399 \9;
}
div#main div ul.nav li a.nav-primary .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.main-nav-upper {
  background-image: none;
  background-color: white;
}
.main-nav-upper .nav li a {
  border-radius: 0;
}
.file-list-toolbar .nav {
  border: none !important;
  border-bottom: 1px solid #d4d4d4 !important;
  border-radius: 0 !important;
  background: inherit !important;
  box-shadow: none !important;
}
.file-list-toolbar .nav li a {
  background: inherit !important;
}
.file-icon i.icon-folder-close,
.file-icon i.icon-folder-close-alt,
.app-logo .icon-folder-close,
.app-logo .icon-folder-close-alt {
  color: #EECA7C;
}
.status-icon {
  color: inherit;
}
.active-profile-icon {
  color: green !important;
}
.mq-profile-icon {
  color: green !important;
}
i.mq-master {
  color: orange;
}
.mq-broker-rectangle,
.mq-container-rectangle {
  border-left-width: 10px;
  border-right-width: 10px;
  border-top-width: 10px;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.mq-group-rectangle:nth-child(odd) .mq-group-rectangle-label {
  background-color: #f3f3f3;
}
.mq-group-rectangle-label {
  border-radius: 4px;
  background-color: #f9f9f9;
  border: 1px solid #d4d4d4;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.mq-profile-rectangle {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.mq-container-rectangle {
  border-radius: 4px;
}
.mq-container-rectangle.master {
  background-color: #DFFFB9;
  background-image: -moz-linear-gradient(top, #efffdd, #CCFF99);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efffdd), to(#CCFF99));
  background-image: -webkit-linear-gradient(top, #efffdd, #CCFF99);
  background-image: -o-linear-gradient(top, #efffdd, #CCFF99);
  background-image: linear-gradient(to bottom, #efffdd, #CCFF99);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefffdd', endColorstr='#ffCCFF99', GradientType=0);
  border-color: #CCFF99 #CCFF99 #CCFF99;
  *background-color: #CCFF99;
}
.mq-broker-rectangle {
  background-color: #bbddff;
  background-image: -moz-linear-gradient(top, #bbddff, #88bbdd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbddff), to(#88bbdd));
  background-image: -webkit-linear-gradient(top, #bbddff, #88bbdd);
  background-image: -o-linear-gradient(top, #bbddff, #88bbdd);
  background-image: linear-gradient(to bottom, #bbddff, #88bbdd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff88bbdd', GradientType=0);
  border-color: #88bbdd #88bbdd #002a80;
  *background-color: #88bbdd;
}
a.dashboard-link {
  color: black;
}
.provision-list ul li:nth-child(even) {
  background-color: #f9f9f9;
}
.zebra-list > li,
ol.zebra-list > li {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.zebra-list > li:nth-child(even),
ol.zebra-list > li:nth-child(even):before {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  background-color: #f9f9f9;
}
.add-link {
  background: white;
  border-radius: 4px;
  border: 1px solid #d4d4d4;
}
.log-table > .table-row.selected:before {
  color: green;
}
.log-table > li:nth-child(odd) > div > div:not(.stack-line) {
  background-color: white;
}
.log-table > li:nth-child(even) > div > div:not(.stack-line) {
  background-color: #f3f3f3;
}
.log-table > li > div > div:nth-child(2) {
  border-right: 1px solid #d4d4d4;
}
.log-table > li > div > div:nth-child(3) {
  border-right: 1px solid #d4d4d4;
}
.log-table > li > div > div:nth-child(4) {
  border-right: 1px solid #d4d4d4;
}
.log-table > li > div > div:nth-child(6) {
  background: white;
}
.log-info-panel {
  background: white;
  border-radius: 4px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.log-info-panel > .log-info-panel-frame > .log-info-panel-header {
  border-bottom: 1px solid #d4d4d4;
}
.log-info-panel > .log-info-panel-frame > .log-info-panel-body > .row-fluid > span {
  margin-right: 7px;
  white-space: nowrap;
}
.ex-node {
  border-radius: 4px;
  border: 1px solid #d4d4d4;
  background: white;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.dozer-mapping-node {
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.wiki-grid {
  border-right: 1px solid #d4d4d4;
}
.wiki-file-list-up {
  color: black;
}
.fabric-page-header.features {
  margin-top: 10px;
}
.profile-selector-name a:not(.profile-info) {
  color: #333333;
}
.profile-selector-name.abstract {
  color: #888888;
}
.file-name {
  color: #333333;
}
/*
 * jquery.tocify.css 1.8.0
 * Author: @gregfranko
 */
/* The Table of Contents container element */
.tocify {
  /* top works for the wiki, may need customization
     elsewhere */
  border: 1px solid #ccc;
  webkit-border-radius: 6px;
  moz-border-radius: 6px;
  border-radius: 6px;
  background-color: white;
}
.tocify li a {
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.tocify li a:hover {
  background-color: #FAFAFA;
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.tocify li a.active {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  background-color: #FAFAFA;
}
.health-displays .health-display {
  border-radius: 4px;
  border: 1px solid #d4d4d4;
}
.health-details {
  background: white;
}
.health-status {
  background: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.health-message-wrap {
  border-top: 1px solid #d4d4d4;
}
.health-details-wrap dl {
  border-bottom: 1px solid #f3f3f3;
}
.health-details-wrap table tr {
  border-bottom: 1px solid #f3f3f3;
}
.health-display-title {
  border-radius: 4px;
  background-color: #eaeaea;
  border: 1px solid #d3d3d3;
}
.health-display-title.ok {
  background-color: lightgreen;
}
.health-display-title.warning {
  background-color: darkorange;
}
.toast.toast-warning * {
  color: black;
}
.hawtio-toc .panel-title {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
}
.hawtio-toc .panel-title a {
  border-radius: 3px;
  background: #cceeff;
}
.runnable {
  color: green;
}
.timed-waiting {
  color: orange;
}
.waiting,
.darkgray {
  color: darkgray;
}
.blocked {
  color: red;
}
strong.new,
.lightgreen {
  color: lightgreen;
}
.terminated,
.darkred {
  color: darkred;
}
.monitor-indicator {
  border-radius: 6px;
}
.monitor-indicator.true {
  background: #1cd11d;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(34, 203, 1, 0.49);
}
.monitor-indicator.false {
  background: #737373;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
}
.dropdown-menu {
  border-radius: 0;
}
.main-nav-upper .dropdown-menu {
  border-radius: 0;
}
.main-nav-lower .dropdown-menu {
  border-top: none;
}
.submenu-caret:before {
  color: #53595f;
}
.dropdown-menu .sub-menu {
  border-top: 1px solid #d3d3d3;
}
.component {
  background-color: white;
  color: black;
}
.window:hover {
  border-color: #5d94a6;
  background-color: #ffffa0;
}
.window.selected {
  background-color: #f0f0a0;
}
.window.selected > .window-inner {
  background: inherit;
}
img.nodeIcon:hover {
  opacity: 0.6;
  box-shadow: 2px 2px 19px #a0a0a0;
  background-color: #a0a0a0;
}
.hl {
  border: 3px solid red;
}
.discovery > li > div:last-child > div > i,
.discovery > li > .lock > i {
  color: lightgreen;
}
.discovery > li > .lock > i {
  color: lightgrey;
}
.pane-bar {
  background: white;
}
.pane-viewport {
  border-top: 1px solid #d4d4d4;
}
.pane.right .pane-bar {
  border-left: 1px solid #d4d4d4;
}
.pane.left .pane-bar {
  border-right: 1px solid #d4d4d4;
}
.pane {
  background: #fff;
}
.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
  display: none;
  border: none;
}
.dropdown.perspective-selector .dropdown-menu > div > p {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
}
.dropdown.perspective-selector .dropdown-menu li.clear-recent {
  border-top: 1px dashed #d4d4d4;
}
.prefs .tabbable > .nav {
  border-right: 1px solid #d4d4d4;
}
.prefs .tabbable > .nav > li > a {
  border-radius: 0;
  border: 1px solid transparent;
  color: #333;
}
.prefs .tabbable > .nav > li.active > a {
  background-color: #E5E5E5;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
  text-shadow: 0 1px 0 #FFFFFF;
}
.prefs .tabbable > .nav > li > a:hover {
  background-color: #EEEEEE;
}
.column-box {
  /* border: 1px solid #d4d4d4; */
}
.column-box-square {
  border: 1px solid #d4d4d4;
}
.column-box-square.selected {
  background-color: #f0f0ff;
}
.wiki-icon-view-header h5 {
  padding-bottom: 10px;
  border-bottom: 1px solid #d4d4d4;
}
.wiki-icon-view {
  border-radius: 10px;
  border: 4px solid transparent;
}
.wiki-icon-view .column-box {
  margin: 5px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.ready-drop {
  border-radius: 10px;
  border: 4px dashed #aaffaa;
  background: #ddffdd;
  min-height: 150px;
}
textarea {
  resize: none;
}


.well.editor-autoresize {
  padding: 0px;
}
.well.editor-autoresize .CodeMirror {
  margin-bottom: 0px;
  border: none;
}
.editor-autoresize .CodeMirror .CodeMirror-scroll {
  overflow-y: hidden;
  overflow-x: auto;
}
.mouse-pointer,
.pointer {
  cursor: pointer;
}
.directive-example {
  padding: 10px;
  margin: 10px 0;
}
.clickable {
  cursor: pointer;
  opacity: 0.6;
  transition: opacity .5s;
  text-decoration: none;
}
.clickable,
.clickable:before {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.clickable.no-fade {
  transition: none;
  opacity: 1;
}
.clickable:hover {
  opacity: 1;
  text-decoration: none;
}
.widget-title > .row {
  position: relative;
}
.widget-title > .row > .pull-left {
  position: absolute;
  right: 16px;
  left: 0;
}
.widget-title > .row > .pull-left > .ep > div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
ul.zebra-list {
  margin-left: 0;
}
.zebra-list li {
  padding: 7px;
}
ul.zebra-list > li {
  list-style-type: none;
}
ol.zebra-list {
  counter-reset: li;
  margin-left: 0;
  padding-left: 0;
}
ol.zebra-list > li {
  position: relative;
  list-style-type: none;
}
ol.zebra-list > li:before {
  content: counter(li);
  counter-increment: li;
  padding: 7px;
  font-weight: bold;
}
.toast.toast-warning * {
  color: black;
}
.search-query {
  min-width: 20em;
  padding: 5px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.search-query.has-text {
  background: #55ddff;
  color: #333333;
}
/* Main nav tweaks */
.navbar-fixed-top [hawtio-main-nav] {
  display: block;
  float: none;
}
.navbar-fixed-top [hawtio-sub-tabs] {
  float: none;
  display: block;
  /* border-top: 1px solid #d4d4d4; */
}
.navbar-fixed-top [hawtio-sub-tabs] li a {
  padding-top: 2px;
  padding-bottom: 2px;
}
.toolbar-pf .form-group:first-child {
  padding-left: 0;
}

.activemq-browse-table th:nth-child(1) {
  width: 5%;
}
.activemq-browse-table th:nth-child(2) {
  width: 30%;
}
.activemq-browse-table th:nth-child(3) {
  width: 5%;
}
.activemq-browse-table th:nth-child(4) {
  width: 10%;
}
.activemq-browse-table th:nth-child(5) {
  width: 15%;
}
.activemq-browse-table th:nth-child(6) {
  width: 10%;
}
.activemq-browse-table th:nth-child(7) {
  width: 10%;
}
.activemq-browse-table th:nth-child(8) {
  width: 15%;
}
.destination-heading {
  text-transform: capitalize;
}

.activemq-preferences-form {
  margin-top: 20px;
}

.org-apache-activemq span.node-icon:before,
.org-apache-activemq-Broker span.node-icon:before,
.org-apache-activemq-Broker-folder span.node-icon:before {
  display: inline-block;
  background: url("img/icons/messagebroker.svg");
  min-width: 16px;
  min-height: 16px;
  background-size: 18px 18px;
  background-position: center;
  background-repeat: no-repeat;
  content: "" !important;
}
.org-apache-activemq-Queue span.node-icon:before {
  content: url("img/icons/activemq/queue.png");
}
.org-apache-activemq-Queue-folder span.node-icon:before {
  content: url("img/icons/activemq/queue_folder.png");
}
.org-apache-activemq-Topic span.node-icon:before {
  content: url("img/icons/activemq/topic.png");
}
.org-apache-activemq-Topic-folder span.node-icon:before {
  content: url("img/icons/activemq/topic_folder.png");
}

.form-inline.camel-forward-message {
  margin-bottom: 20px;
}
.form-inline input.camel-forward-message {
  width: 50%;
}
.camel-forward-message dl dt {
  font-size: larger;
  font-weight: 600;
  margin-bottom: 10px;
}
.camel-browse-endpoints-table > thead > tr > th:first-child {
  width: 1px;
}

.camel-preferences-form {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
.camel-debug-main {
  position: absolute;
  height: 100%;
  width: calc(100% - 2*20px);
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.camel-debug-main .camel-debug-header {
  flex: 0 0 auto;
}
.camel-debug-main .camel-debug-header button {
  margin-top: 20px;
  margin-bottom: 10px;
}
.camel-debug-main .camel-debug-toolbar {
  flex: 0 0 auto;
}
.camel-debug-main .camel-debug-diagram-wrapper {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
}
.camel-debug-main .camel-debug-diagram-wrapper .camel-route-diagram-canvas {
  left: -20px;
  width: calc(100% + 2*20px);
}
.camel-debug-main .camel-debug-bottom-panel {
  flex: 0 0 200px;
  border-top: 1px solid #d1d1d1;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.camel-debug-main .camel-debug-bottom-panel .camel-debug-bottom-panel-left {
  flex: 1 1 auto;
  width: calc(-100%);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.camel-debug-main .camel-debug-bottom-panel .camel-debug-bottom-panel-left .camel-debug-body-contents,
.camel-debug-main .camel-debug-bottom-panel .camel-debug-bottom-panel-left .camel-debug-headers-contents {
  padding: 10px 10px 0 10px;
  overflow: auto;
}
.camel-debug-main .camel-debug-bottom-panel .camel-debug-bottom-panel-left pre {
  background-color: transparent;
  border: none;
  padding: 0;
  white-space: pre-wrap;
}
.camel-debug-main .camel-debug-bottom-panel .camel-debug-bottom-panel-left label {
  margin-bottom: 0;
}
.camel-debug-main .camel-debug-bottom-panel .camel-debug-bottom-panel-left .camel-debug-no-body-text {
  color: #72767b;
}
.camel-debug-main .camel-debug-bottom-panel .camel-debug-bottom-panel-right {
  flex: 0 0 200px;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-left: 1px solid #d1d1d1;
}
.camel-debug-main .camel-debug-bottom-panel .camel-debug-bottom-panel-right .camel-debug-breakpoints-list {
  overflow: auto;
  margin-bottom: 0;
  height: 100%;
}
.camel-debug-main .camel-debug-bottom-panel .camel-debug-bottom-panel-right .camel-debug-breakpoints-list li {
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #ededed;
  height: 20px;
}
.camel-debug-main .camel-debug-bottom-panel .camel-debug-bottom-panel-right .camel-debug-breakpoints-list li span {
  display: inline-block;
  max-width: calc(86%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.camel-debug-main .camel-debug-bottom-panel .camel-debug-bottom-panel-right .camel-debug-breakpoints-list li.suspended {
  background-color: #def3ff;
}
.camel-debug-main .camel-debug-bottom-panel .nav-tabs {
  padding-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: inherit;
  background-color: #fafafa;
}
.camel-debug-main .camel-debug-bottom-panel .nav-tabs > li > a {
  border-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.camel-debug-main .rg-top {
  margin-top: -8px;
}
.camel-debug-main .rg-top span {
  border-width: 1px;
  background-color: white;
  width: 30px;
}
.camel-debug-icon-buttons button {
  width: 26px;
}
.camel-breakpoint-list {
  float: left;
  margin-right: 10px;
}

.camel-endpoints-table th:nth-child(1) {
  width: auto;
}
.camel-endpoints-table th:nth-child(2) {
  width: 20%;
}
.camel-endpoints-table th:nth-child(3) {
  width: 60px;
}
.camel-endpoints-table th:nth-child(4) {
  width: 60px;
}
.camel-endpoints-table th:nth-child(5) {
  width: 60px;
}
.camel-endpoints-table th:nth-child(6) {
  width: 60px;
}

context-actions,
route-actions {
  float: right;
}
jmx-header {
  width: 100%;
}

@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
div.camel-properties {
  height: calc(80%);
  width: 100%;
}
.camel-properties-header h3 {
  display: inline-block;
  margin-right: 40px;
}
.camel-properties-header h3 img {
  margin-right: 5px;
}
.camel-properties-header h3 span {
  vertical-align: sub;
}
.camel-properties-header .label:not(:last-child) {
  margin-right: 3px;
}
.camel-properties-info-circle {
  position: relative;
  left: -17px;
  float: left;
  line-height: inherit;
}
.camel-properties-value {
  word-break: break-all;
}
.camel-properties-empty-space-for-tooltip {
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
.camel-route-diagram-canvas {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  overflow: hidden;
}
.camel-diagram {
  padding: 20px;
  background-color: white;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.camel-diagram:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.camel-diagram .node > rect {
  stroke: #8b8d8f;
  stroke-width: 1px;
  border-radius: 4px;
  fill: #fafafa;
}
.camel-diagram .node:hover {
  cursor: pointer;
}
.camel-diagram .node.selected > rect {
  stroke: #39a5dc;
  stroke-width: 2px;
}
.camel-diagram .node.stopped > rect {
  stroke: red;
  stroke-width: 2px;
}
.camel-diagram path.edge {
  fill: none;
  stroke: #8b8d8f;
  stroke-width: 2px;
}
.camel-diagram #arrowhead {
  fill: #8b8d8f;
}
.camel-diagram .edge:hover {
  cursor: pointer;
}
.camel-diagram text.inflight {
  stroke: #08f;
}

.camel-routes-table td:nth-child(n+4) {
  text-align: right;
}

.camel-message-headers input,
.camel-message-headers button {
  margin-bottom: 5px;
}
.camel-message-headers button {
  display: block;
}
.camel-send-message-button {
  margin-top: 15px;
}
.camel-send-message-format {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
.camel-trace-main {
  position: absolute;
  height: 100%;
  width: calc(100% - 2*20px);
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.camel-trace-main .camel-trace-header {
  flex: 0 0 auto;
}
.camel-trace-main .camel-trace-header button {
  margin-top: 20px;
  margin-bottom: 10px;
}
.camel-trace-main .camel-trace-toolbar {
  flex: 0 0 auto;
}
.camel-trace-main .camel-trace-diagram-wrapper {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
}
.camel-trace-main .camel-trace-diagram-wrapper .camel-route-diagram-canvas {
  left: -20px;
  width: calc(100% + 2*20px);
}
.camel-trace-main .camel-trace-bottom-panel {
  flex: 0 0 50%;
  border-top: 1px solid #d1d1d1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.camel-trace-main .camel-trace-bottom-panel .table {
  table-layout: fixed;
  border-top: none;
  margin-bottom: 0;
}
.camel-trace-main .camel-trace-bottom-panel .table th:nth-child(1),
.camel-trace-main .camel-trace-bottom-panel .table td:nth-child(1) {
  width: 400px;
}
.camel-trace-main .camel-trace-bottom-panel .table th:nth-child(2),
.camel-trace-main .camel-trace-bottom-panel .table td:nth-child(2) {
  width: auto;
}
.camel-trace-main .camel-trace-bottom-panel .camel-trace-messages-table-header th {
  border-bottom-width: 1px;
}
.camel-trace-main .camel-trace-bottom-panel .camel-trace-messages-table-body-container {
  overflow: auto;
}
.camel-trace-main .camel-trace-bottom-panel .camel-trace-messages-table-body-container tr:first-child td {
  border-top: none;
}
.camel-trace-main .camel-trace-bottom-panel .camel-trace-message-details .nav-tabs {
  padding-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: inherit;
  background-color: #fafafa;
}
.camel-trace-main .camel-trace-bottom-panel .camel-trace-message-details .nav-tabs > li > a {
  border-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.camel-trace-main .camel-trace-bottom-panel .camel-trace-message-details .pagination {
  float: right;
  margin: 2px 30px 2px 0px;
}
.camel-trace-main .camel-trace-bottom-panel .camel-trace-message-details .close {
  padding: 5px 10px;
}
.camel-trace-main .camel-trace-bottom-panel .camel-trace-message-details .camel-trace-body-contents,
.camel-trace-main .camel-trace-bottom-panel .camel-trace-message-details .camel-trace-headers-contents {
  padding: 10px 10px 0 10px;
  overflow: auto;
}
.camel-trace-main .camel-trace-bottom-panel .camel-trace-message-details pre {
  background-color: transparent;
  border: none;
  padding: 0;
  white-space: pre-wrap;
}
.camel-trace-main .camel-trace-bottom-panel .camel-trace-message-details label {
  margin-bottom: 0;
}
.camel-trace-main .camel-trace-bottom-panel .camel-trace-message-details .camel-trace-no-body-text {
  color: #72767b;
}
.camel-trace-main .rg-top {
  margin-top: -8px;
}
.camel-trace-main .rg-top span {
  border-width: 1px;
  background-color: white;
  width: 30px;
}

.org-apache-camel span.node-icon:before,
.org-apache-camel-context-folder span.node-icon:before {
  display: inline-block;
  background: url("img/icons/camel.svg");
  min-width: 16px;
  min-height: 16px;
  background-size: 18px 18px;
  background-position: center;
  background-repeat: no-repeat;
  content: "" !important;
}
.org-apache-camel-context span.node-icon:before {
  content: url("img/icons/camel/camel_context_icon.png");
}
.org-apache-camel-components span.node-icon:before {
  content: url("img/icons/camel/endpoint_node.png");
}
.org-apache-camel-components-folder span.node-icon:before {
  content: url("img/icons/camel/endpoint_folder.png");
}
.org-apache-camel-dataformats span.node-icon:before {
  content: url("img/icons/camel/endpoint_node.png");
}
.org-apache-camel-dataformats-folder span.node-icon:before {
  content: url("img/icons/camel/endpoint_folder.png");
}
.org-apache-camel-endpoints span.node-icon:before {
  content: url("img/icons/camel/endpoint_node.png");
}
.org-apache-camel-endpoints-folder span.node-icon:before {
  content: url("img/icons/camel/endpoint_folder.png");
}
.org-apache-camel-routes span.node-icon:before {
  content: url("img/icons/camel/camel_route.png");
}
.org-apache-camel-routes-folder span.node-icon:before {
  content: url("img/icons/camel/camel_route_folder.png");
}

.camel-type-converters-statistics {
  margin: 15px 0;
}

.casette {
  background: #000000;
  width: 400px;
  height: 250px;
  border-radius: 20px;
  margin: 15px;
}
.cassetteLabelCutCorners {
  top: 0;
  left: 25px;
  width: 350px;
  height: 0;
  border-bottom: 25px solid white;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  position: relative;
}
.casetteLabel {
  background: #ffffff;
  top: 0;
  left: 25px;
  width: 350px;
  height: 125px;
  position: relative;
  padding-left: 25px;
  font-family: fantasy;
}
.cogSpacer {
  width: 100px;
  height: 50px;
}
.notLabel {
  background: #000000;
  border-radius: 30px;
  width: 200px;
  height: 50px;
  left: 75px;
  top: 50px;
  position: absolute;
}
.spinning {
  animation-name: spin;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.wrapCog {
  width: 50px;
  height: 50px;
}
#rightCogWrapper {
  position: absolute;
  top: 0;
  right: 0;
}
#recordingIndicator {
  margin-top: 5px;
  margin-left: 5px;
}
.recorderButton {
  padding: 10px;
}
.raisedButton {
  box-shadow: 10px 10px;
}
.casettePlayer {
  background: #555555;
  border-radius: 10px;
  width: 430px;
  margin-bottom: 15px;
  float: left;
  overflow: hidden;
  margin-right: 15px;
}
#casetteButtons {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 5px;
}
.recordingSymbol {
  height: 50px;
  width: 50px;
  margin: 5px 3px;
}
#rec {
  border-radius: 50%;
  background-color: red;
}
.recordingSymbol#stop {
  border-radius: 1px;
  background-color: black;
}
#casetteButtons .disabledJfrButton {
  background-color: #5a5a5a !important;
}
.settingsWrapper {
  margin-left: 430px;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.rightAlignedNumber {
  text-align: right;
}
.diagnostics-class-histogram-table tr td:nth-child(1) {
  word-break: break-all;
}

table.jmx-attributes-table {
  table-layout: fixed;
}
table.jmx-attributes-table.ht-table-extra-columns {
  table-layout: auto;
}
table.jmx-attributes-table th:nth-child(1) {
  width: 40%;
}
table.jmx-attributes-table th:nth-child(2) {
  width: 60%;
}
table.jmx-attributes-table td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#charts {
  display: block;
  overflow: hidden;
  margin: 5px auto;
  position: relative;
  padding-bottom: 35px;
}
.group {
  margin-bottom: 1em;
}
.axis {
  font: 10px sans-serif;
  pointer-events: none;
  z-index: 2;
}
.axis.text {
  -webkit-transition: fill-opacity 250ms linear;
}
.axis.top {
  position: relative;
  top: 0;
  padding: 0;
}
.axis.bottom {
  position: absolute;
  bottom: 0px;
  padding: 0;
}
.axis path {
  display: none;
}
.axis line {
  stroke: #000;
  shape-rendering: crispEdges;
}
.horizon {
  overflow: hidden;
  position: relative;
  border-top: solid 1px #d4d4d4;
}
.horizon .title,
.horizon .value {
  bottom: 0;
  line-height: 40px;
  margin: 0 6px;
  position: absolute;
  white-space: nowrap;
  font-weight: 600;
  text-shadow: 0 0 5px white;
}
.horizon .title {
  left: 0;
}
.horizon .value {
  right: 0;
}
.horizon canvas {
  display: block;
}
.horizon:last-of-type {
  border-bottom: solid 1px #d4d4d4;
}
.line {
  opacity: .2;
  z-index: 2;
}
.jmx-charts-edit-view {
  margin-top: 20px;
}

fs-donut svg g text.value {
  font-size: 40px;
}
fs-donut svg g text.units {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
.tree-nav-layout {
  height: 100%;
  display: flex;
}
.tree-nav-layout .sidebar-pf {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 100%;
}
div.tree-nav-layout .sidebar-pf .rg-right {
  width: 14px;
  margin-right: -7px;
}
.tree-nav-layout .sidebar-pf .rg-right span {
  border-width: 1px;
  background-color: white;
  top: 50%;
  margin: -15px 0 0 3.5px;
  height: 30px;
  width: 7px;
}
.tree-nav-layout .tree-nav-sidebar-header {
  flex: 0 0 auto;
  padding: 5px 10px;
}
.tree-nav-layout .tree-nav-sidebar-header .form-froup,
.tree-nav-layout .tree-nav-sidebar-header .tree-nav-buttons {
  display: inline-flex;
  margin-left: 8px;
  vertical-align: middle;
}
.tree-nav-layout .tree-nav-sidebar-header .form-froup .badge,
.tree-nav-layout .tree-nav-sidebar-header .tree-nav-buttons .badge {
  font-size: 10px;
  margin-left: 0px;
  margin-right: 8px;
  margin-bottom: 4px;
}
.tree-nav-layout .tree-nav-sidebar-header .form-froup .badge.positive,
.tree-nav-layout .tree-nav-sidebar-header .tree-nav-buttons .badge.positive {
  color: #b58100;
  background-color: #fbeabc;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.tree-nav-layout .tree-nav-sidebar-header .fa {
  font-size: 1.2em;
  cursor: pointer;
  margin-top: 4px;
  margin-bottom: 4px;
}
.tree-nav-layout .tree-nav-sidebar-header .fa:not(:last-of-type) {
  margin-right: 5px;
}
.tree-nav-layout .tree-nav-sidebar-content {
  flex: 1 1 auto;
  overflow-y: auto;
}
.tree-nav-layout .tree-nav-sidebar-content .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999999999;
  margin-left: -15px;
  margin-top: -15px;
}
.tree-nav-layout .tree-nav-sidebar-content ul {
  margin-bottom: 5px;
}
.tree-nav-layout .tree-nav-sidebar-content .treeview {
  margin-left: 0;
  margin-right: 0;
}
.tree-nav-layout .tree-nav-sidebar-content .treeview .icon {
  width: unset;
  font-size: 11px;
}
.tree-nav-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.tree-nav-main .jmx-header {
  overflow-wrap: break-word;
  margin-left: 20px;
  margin-right: 20px;
}
.tree-nav-main .nav-tabs {
  flex: 0 0 auto;
  margin-left: 20px;
  margin-right: 20px;
}
.tree-nav-main .contents {
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
  padding-left: 20px !important;
  padding-right: 20px;
  height: 100%;
}

.jmx-operations-list-view .list-view-pf-stacked {
  width: 100%;
}
.jmx-operations-list-view .list-group-item-heading {
  font-size: 14px;
}
.jmx-operation-error {
  background-color: #ffe6e6;
}

.jvm-connect-toolbar .row {
  margin-right: 0;
  margin-left: 0;
}

.jvm-jolokia-preferences-alert {
  margin-top: 20px;
  margin-bottom: 0;
}
.jvm-jolokia-preferences-form {
  margin-top: 20px;
}

.jvm-connection-list div.list-group-item-text {
  overflow-wrap: break-word;
}
.jvm-connection-test-msg {
  margin-left: 10px;
  vertical-align: middle;
}
.jvm-connection-test-msg .pficon {
  vertical-align: text-top;
  font-size: medium;
}
.jvm-connection-form label.required-pf:after {
  margin-right: -9px;
}
.discovery > li > div:first-child > img {
  vertical-align: middle;
  width: 128px;
  max-height: 128px;
}
.jvm-reset-connections-alert {
  margin-top: 20px;
}
.jvm-title-popover {
  font-size: 18px;
}
.jvm-title-popover:focus {
  outline: none;
}
.jvm-title-popover:active:focus {
  outline: none;
}

.scr-component-references-table td:nth-child(3) {
  text-transform: capitalize;
}

.logs-preferences-form {
  margin-top: 20px;
}

logs {
  height: 100%;
}
.log-jmx-main {
  height: inherit;
  padding-bottom: 20px;
}
.log-jmx-main .log-jmx-flex-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.log-jmx-main .log-jmx-flex-container .log-jmx-fixed-toolbar {
  flex: 0 0 auto;
}
.log-jmx-main .log-jmx-flex-container .log-jmx-scrollable-table {
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}
.log-jmx-main .log-jmx-flex-container .log-jmx-scrollable-table tr:first-child td {
  border-top-width: 0;
}
.log-jmx-main .log-jmx-header-table {
  border: 1px solid #d1d1d1;
}
.log-jmx-main .log-jmx-header-table th {
  border-bottom-width: 0;
}
.log-jmx-main .table {
  table-layout: fixed;
  margin-bottom: 0;
}
.log-jmx-main .table th:nth-child(1) {
  width: 150px;
}
.log-jmx-main .table th:nth-child(2) {
  width: 60px;
}
.log-jmx-main .table th:nth-child(3) {
  width: 30%;
}
.log-jmx-main .table th:nth-child(4) {
  width: auto;
}
.log-jmx-main .table td:nth-child(1) {
  width: 150px;
}
.log-jmx-main .table td:nth-child(2) {
  width: 60px;
}
.log-jmx-main .table td:nth-child(3) {
  width: 30%;
  word-break: break-all;
}
.log-jmx-main .table td:nth-child(4) {
  width: auto;
  word-break: break-all;
}
.log-jmx-main .pf-table-view-selected-label {
  display: none;
}
.log-jmx-main .log-jmx-stacktrace-list-item:not(:first-child) {
  padding-left: 14px;
}

.install-bundle {
  margin-bottom: 10px;
}

.osgi-configuration-factory-instance {
  margin-left: 50px;
}

.bundles-container {
  margin-left: -20px;
  margin-right: -20px;
}
.bundles-container .row {
  margin-left: 0;
  margin-right: 0;
}
.bundles-container .container-cards-pf {
  padding-bottom: 20px;
}
.bundle-cards .card-pf {
  cursor: pointer;
}
.bundle-cards .content {
  height: 5em;
  display: table-cell;
  vertical-align: middle;
}
.list-group-item.child {
  padding-left: 65px;
}
#startLevelFilter {
  width: 54px;
}
.overviewSection td {
  vertical-align: top;
}
.osgi-bundles-table th:nth-child(1) {
  width: 30px;
}
.osgi-bundles-table th:nth-child(2) {
  width: 55px;
}
.osgi-bundles-table th:nth-child(3) {
  width: 65px;
}
.osgi-bundles-table th:nth-child(4) {
  width: auto;
}
.osgi-bundles-table th:nth-child(5) {
  width: auto;
}
.osgi-bundles-table th:nth-child(6) {
  width: 120px;
}
#toolbar-row-2 .form-inline label:not(:first-child) {
  margin-left: 1em;
}
.list-group.labels .list-group-item {
  padding: 2px 0;
}
.osgi-bundle-details-dl dd {
  word-break: break-all;
}
.osgi-bundle-details-dl dd .label {
  padding-top: 1px;
  padding-bottom: 1px;
}
.osgi-bundle-headers-dl dd {
  word-break: break-all;
}
.package-bundles-list,
.service-bundles-list,
.service-object-classes-list {
  list-style-type: none;
  padding-left: 0;
}
.framework-main h1 {
  margin-bottom: 20px;
}

.osgi-packages-main .pf-table-view-selected-label {
  display: none;
}
.osgi-packages-main .osgi-packages-list .list-view-pf-description,
.osgi-packages-main .osgi-packages-list .list-group-item-heading,
.osgi-packages-main .osgi-packages-list .list-group-item-text {
  width: auto;
}
.osgi-packages-main .osgi-packages-list .list-group-item-container {
  padding: 10px 20px;
}

.pid-view {
  margin-bottom: 40px;
}
.pid-form .form-control:read-only {
  color: inherit;
  background-color: inherit;
  border: none;
}
.pid-form .control-label {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.quartz-scheduler span.node-icon:before {
  display: inline-block;
  min-width: 16px;
  min-height: 16px;
  background-image: url("img/icons/quartz/quarz.png");
  background-size: 18px 18px;
  background-position: center;
  background-repeat: no-repeat;
  content: "" !important;
}

.runtime-sysprops-main .table {
  table-layout: fixed;
  margin-bottom: 0;
}
.runtime-sysprops-main .table th:nth-child(1) {
  width: 300px;
}
.runtime-sysprops-main .table td:nth-child(1) {
  width: 300px;
  word-break: break-all;
}
.runtime-sysprops-main .table td:nth-child(2) {
  word-break: break-all;
}

.runtime-threads-table .table {
  table-layout: fixed;
}
.runtime-threads-table .table tr th:nth-child(2) {
  width: 80px;
}
.runtime-threads-table .table tr th:nth-child(3) {
  width: 30%;
}
.runtime-threads-table .table tr td:nth-child(1) {
  text-align: right;
}
.runtime-threads-table .table tr td:nth-child(2) {
  white-space: nowrap;
}
.runtime-threads-table .table tr td:nth-child(6),
.runtime-threads-table .table tr td:nth-child(7) {
  text-align: center;
}

.spring-boot-health-main {
  margin-bottom: 20px;
}
.spring-boot-health-main .toast-pf {
  position: relative;
  top: 0;
  right: 0;
  display: block;
  border: none;
  box-shadow: 0 1px 1px rgba(3, 3, 3, 0.175);
  margin: 0 -10px 20px -10px;
}
.spring-boot-health-main .container-cards-pf {
  padding-top: 20px;
  padding-bottom: 20px;
}
.spring-boot-health-main .row-cards-pf > div:first-child .card-pf-body {
  margin: 20px 0 0;
}
.spring-boot-health-main .card-pf-info-item > ul {
  margin: 0;
  padding-inline-start: 0;
}
.spring-boot-health-main .card-pf-info-item ul {
  list-style: none;
}
.spring-boot-health-main .info-item-label {
  font-weight: 600;
}
.spring-boot-health-main .card-pf-info-status .card-pf-info-image .info-icon {
  font-size: 30px;
}

.spring-boot-info-main {
  margin-bottom: 20px;
}

.spring-boot-loggers-list-group li {
  display: flex;
  word-break: break-all;
}
.spring-boot-loggers-list-group li select {
  margin-right: 30px;
}

.spring-boot-trace-main {
  height: inherit;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}
.spring-boot-trace-main .spring-boot-trace-flex-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.spring-boot-trace-main .spring-boot-trace-flex-container .spring-boot-trace-fixed-toolbar {
  flex: 0 0 auto;
}
.spring-boot-trace-main .spring-boot-trace-flex-container .spring-boot-trace-scrollable-table {
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}
.spring-boot-trace-main .spring-boot-trace-flex-container .spring-boot-trace-scrollable-table tr:first-child td {
  border-top-width: 0;
}
.spring-boot-trace-main .spring-boot-trace-header-table {
  border: 1px solid #d1d1d1;
}
.spring-boot-trace-main .spring-boot-trace-header-table th {
  border-bottom-width: 0;
}
.spring-boot-trace-main .table {
  table-layout: fixed;
  margin-bottom: 0;
}
.spring-boot-trace-main .table td:nth-child(4) {
  word-break: break-all;
}
.spring-boot-trace-main .http-status-code-icon {
  margin-right: 5px;
}

.dataTables_filter label {
  margin-bottom: 0px;
}
.dataTables_filter label input {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  margin-bottom: 0;
}

.ngTotalSelectContainer {
  margin: 0px;
}
.ngTopPanel {
  background: inherit;
}
.ngGrid {
  background: inherit;
}
.ngViewport {
  margin-left: 0px;
  margin-right: 0px;
}
.ngFooterPanel {
  border-top: none;
}
.ngRow .ngCell:last-child {
  border-right: none;
}
.ngRow:last-child {
  border-bottom: none;
}
.ngFooterTotalItems span:first-child {
  margin-right: .5em;
}
.ngViewport:focus {
  outline: none;
}

.hawtio-simple-table {
  table-layout: fixed;
  border-collapse: collapse !important;
}
.hawtio-simple-table .simple-table-checkbox {
  padding: 0 !important;
  width: 36px;
}
.hawtio-simple-table .simple-table-checkbox input {
  min-width: 16px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 10px;
  margin-left: 10px;
}
.hawtio-simple-table thead .sorting {
  background-image: none;
}
.hawtio-simple-table th {
  vertical-align: middle;
}
.hawtio-simple-table td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.hawtio-simple-table table.dataTable td div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scroll-header-table {
  border: none;
  margin-bottom: 0;
}
.scroll-header-table th:first-child {
  border-left: none;
}
.scroll-header-table th:nth-last-child(2) {
  border-right: none;
}
.scroll-header-table th:last-child {
  padding: 0;
  border-left: none;
  border-top: none;
  border-right: none;
}
.scroll-body-table {
  border: none;
  margin-bottom: 0;
}
.scroll-body-table td:first-child {
  border-left: none;
}
.scroll-body-table td:last-child {
  border-right: none;
}
.scroll-body-table tr:first-child td {
  border-top: none;
}
.scroll-body-table tr:last-child td {
  border-bottom: none;
}
div.scroll-body-table-wrapper {
  overflow-y: scroll;
}

.editor-autoresize .CodeMirror {
  height: auto;
}
.editor-autoresize .CodeMirror-scroll {
  min-height: 100px;
}

div.hawtio-form-tabs div.tab-content {
  padding-top: 15px;
  padding: 10px;
}
.hawtio-form fieldset legend {
  margin-bottom: 0;
  border-bottom: none;
  font-size: 15px;
}
.spacer {
  display: inline-block;
  margin-bottom: 10px;
}
div.hawtio-form-tabs ul.nav-tabs {
  margin-bottom: 0px !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: inherit;
  background-color: inherit !important;
  background-image: inherit !important;
  border-top: none !important;
}
div.hawtio-form-tabs ul.nav-tabs li {
  margin-bottom: -1px !important;
  border: 1px solid #d4d4d4 !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: inherit;
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.08) !important;
}
div.hawtio-form-tabs ul.nav-tabs li.active:first-child {
  margin-left: 0px;
}
div.hawtio-form-tabs ul.nav-tabs li.active {
  margin-right: 1px;
  margin-left: 2px;
  box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid white !important;
  background-color: white;
}
div.hawtio-form-tabs ul.nav-tabs li.active a {
  font-weight: bold;
  box-shadow: none !important;
  text-shadow: none !important;
  background-color: inherit !important;
}
.modal-body .form-group {
  margin-left: auto;
  margin-right: auto;
}

.hawtio-form-2 .inline-array .form-control[disabled],
.hawtio-form-2 .inline-array .table-control[disabled] {
  border: none;
  background: inherit;
  color: #333;
}
.hawtio-form-2 table .help-block {
  display: none;
}
.hawtio-form-2 .form-map-value .inline-array table {
  border: 1px solid #d4d4d4;
  margin-bottom: auto;
}
.hawtio-form-2 legend {
  border: none;
}
.hawtio-form-2 .clearfix {
  padding: 0;
}
.hawtio-form-2-unwrapped .form-control[disabled],
.hawtio-form-2-unwrapped .table-control[disabled] {
  border: none;
  background: inherit;
  color: #333;
}
.hawtio-form-2-unwrapped .form-group {
  margin: auto;
}
.modal-body .form-group {
  margin-left: auto;
  margin-right: auto;
}

.toast-pf {
  position: fixed;
  top: 100px;
  right: 20px;
  z-index: 2000;
}

.dropdown.overflow {
  visibility: hidden;
}

.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge-important {
  background-color: #b94a48;
}
.badge-important[href] {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning[href] {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success[href] {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info[href] {
  background-color: #0099d3;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse[href] {
  background-color: #1a1a1a;
}

[hawtio-clipboard],
[hawtio-clipboard]:hover,
[hawtio-clipboard]:focus,
[hawtio-clipboard]:active {
  border: 0;
  box-shadow: none;
  background-image: none;
  background-color: transparent;
  outline-color: transparent;
}
.hawtio-clipboard-container {
  position: relative;
}
.hawtio-clipboard-container [hawtio-clipboard] {
  position: absolute;
  top: 1px;
  right: 1px;
}
.hawtio-clipboard-container [hawtio-clipboard].btn-lg {
  padding: 10px;
}
.hawtio-clipboard-container [hawtio-clipboard].avoid-scrollbar {
  margin-right: 17px;
}
.hawtio-clipboard-container pre {
  white-space: pre-wrap;
}
.hawtio-clipboard-hidden-target {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.contained {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  white-space: nowrap;
}
h2 > .contained {
  top: 5px;
}
h4 > .contained {
  top: 4px;
}
.dropdown-toggle > .contained {
  top: 2px;
  line-height: 15px;
}
/* these widths are totally arbitrary */
.c-narrow {
  max-width: 5em;
}
.c-medium {
  max-width: 10em;
}
.c-wide {
  max-width: 15em;
}
.c-wide2 {
  max-width: 20em;
}
.c-wide3 {
  max-width: 25em;
  min-width: 10em;
}
.c-max {
  width: 100%;
}

editable-property {
  position: relative;
}
.ep form fieldset i {
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}
.ep form.no-bottom-margin {
  margin: 0;
}
.ep > i:hover {
  opacity: 1;
}
.ep > i {
  cursor: pointer;
  opacity: .25;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
.ep > form > fieldset input {
  border: none;
}
.ep.editing {
  position: absolute;
  top: -28px;
  padding: 6px;
  z-index: 10000;
  border: 1px solid #cecdcd;
  white-space: nowrap;
  background: white;
}
.ep.editing > form > fieldset > i {
  position: relative;
  top: 2px;
}

.hawtio-list-row {
  height: 30px;
  white-space: nowrap;
}
.hawtio-list-row .ngCellText {
  padding: 0;
  vertical-align: middle;
}
.hawtio-list-row-select,
.hawtio-list-row-contents {
  height: 100%;
  vertical-align: middle;
}
.hawtio-list-row-select > input {
  vertical-align: middle;
}
.hawtio-list-row-select,
.hawtio-list-row-contents,
.hawtio-list-row-contents > .ngCellText {
  display: inline-block;
}

#log-panel {
  position: fixed;
  top: -5px;
  left: 30px;
  right: 30px;
  bottom: 50%;
  z-index: 10000;
  background: inherit;
  transition: bottom 1s ease-in-out;
}
#log-panel > div {
  position: relative;
  width: 100%;
  height: 100%;
}
#log-panel #log-panel-statements {
  margin-left: 0;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 20px;
  overflow-y: auto;
}
#log-panel-statements li {
  margin-left: 3px;
  margin-right: 3px;
  transition: background 0.25s ease-in-out;
}
#log-panel-statements li pre {
  border-radius: 0;
  font-size: 11px;
}
#log-panel-statements li:hover {
  background: #111111;
}
#log-panel-statements li.DEBUG {
  color: dodgerblue;
}
#log-panel-statements li.INFO {
  color: white;
}
#log-panel-statements li.WARN {
  color: yellow;
}
#log-panel-statements li.ERROR {
  color: red;
}
#log-panel #close {
  text-align: center;
  position: absolute;
  height: 20px;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1) inset;
  opacity: 1;
}
#log-panel #copy {
  position: absolute;
  right: 23px;
  bottom: 26px;
  background: inherit;
  transition: opacity 1s ease-in-out;
  opacity: 0.4;
  cursor: pointer;
}
#log-panel #copy:hover {
  opacity: 1;
}
div.log-stack-trace p {
  line-height: 14px;
  margin-bottom: 2px;
}
.logbar {
  z-index: 40;
  position: fixed;
  width: 87%;
  top: 70px;
  left: 5%;
  padding-left: 20px;
  padding-right: 20px;
}
.logbar-container {
  margin-top: 10px;
  margin-bottom: 5px;
}
.logbar-container .control-group {
  margin-bottom: 5px;
}
.log-main {
  margin-top: 55px;
}
.log-filter {
  margin-right: 30px;
}
/* log page */
.log-table > li {
  position: relative;
  list-style-type: none;
  min-height: 32px;
  max-width: 100%;
  padding: 0;
}
.log-table .table-head div div {
  font-weight: bold;
  text-align: center !important;
  direction: ltr !important;
}
.log-table .table-head div div:nth-child(4) {
  font-weight: bold;
  left: 247px;
  width: 326px;
  text-align: center !important;
  direction: ltr !important;
}
.log-table > li > div > div {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  min-height: 28px;
  overflow-x: hidden;
  padding: 3px;
  padding-top: 6px;
  width: auto;
}
.log-table {
  margin: 0;
}
.log-table > .table-row {
  cursor: pointer;
}
.log-table > .table-row.selected:before {
  z-index: 39;
  position: absolute;
  top: 6px;
  font-family: FontAwesome;
  content: "\f054";
  font-size: 20px;
  color: green;
}
.log-table > li > div > div:nth-child(1):not(.stack-line) {
  left: 0;
  width: 11px;
  z-index: 5;
}
.log-table > li > div > div:nth-child(2) {
  left: 18px;
  width: 180px;
  z-index: 5;
}
.log-table > li > div > div:nth-child(3) {
  left: 190px;
  width: 60px;
  z-index: 5;
  text-align: center;
}
.log-table > li > div > div:nth-child(4) {
  padding-right: 5px;
  text-align: right;
  direction: rtl;
  z-index: 3;
  left: 0;
  width: 573px;
}
.log-table > li > div > div:nth-child(5) {
  left: 580px;
  right: 0;
  padding-left: 5px;
}
.log-table > li > div > div:nth-child(6) {
  position: static;
  margin-top: 43px;
  white-space: normal;
  display: block;
}
.log-info-panel {
  z-index: 60;
  position: fixed;
  right: 7em;
  top: 150px;
  bottom: 5em;
  padding: 0;
  overflow: hidden;
  min-height: 500px;
  min-width: 800px;
}
@media (max-width: 1085px) {
  .log-info-panel {
    left: 5px;
    right: 5px;
    max-width: inherit;
    min-width: 500px;
  }
}
.log-info-panel > .log-info-panel-frame {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 10px;
}
.log-info-panel > .log-info-panel-frame > .log-info-panel-header {
  position: absolute;
  top: 0;
  height: 80px;
  left: 5px;
  right: 50px;
  white-space: nowrap;
}
.log-info-panel-header > span {
  margin-left: 7px;
  position: relative;
  top: 2px;
  overflow: hidden;
}
.log-info-panel-frame > .log-info-panel-body {
  position: absolute;
  overflow: auto;
  left: 5px;
  right: 27px;
  top: 80px;
  bottom: 15px;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.log-info-panel-body > .row-fluid {
  margin-bottom: 10px;
}
.log-info-panel > .log-info-panel-frame > .log-info-panel-body > .row-fluid > span {
  margin-right: 7px;
  white-space: nowrap;
}
.log-table-dashboard {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
/* end log page */

.modal-backdrop {
  opacity: 0.8;
}
.modal {
  display: block;
}


.pane {
  position: fixed;
  bottom: 0;
  top: 80px;
  height: auto;
  width: 300px;
}
.pane > .pane-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.pane-viewport {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin-right: 10px;
}
.pane-content {
  width: auto;
  height: auto;
}
.pane-bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  cursor: ew-resize;
  height: 100%;
}
.pane-content {
  float: none;
  position: static;
}
.pane.left {
  left: 0;
  z-index: 39;
}
.pane.left .pane-viewport {
  margin-left: 10px;
  right: 5px;
  margin-right: 0;
}
.pane.left .pane-bar {
  right: 0;
}
.pane.right {
  right: 0;
}
.pane.right .pane-viewport {
  margin-left: 10px;
  margin-right: 5px;
  right: 5px;
}
.pane.right .pane-bar {
  left: 0;
}
.pane-header-wrapper {
  margin-left: 10px;
  margin-right: 10px;
}

.popover-inner .popover-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popover {
  width: auto;
  max-width: 600px;
}

/*
 * jquery.tocify.css 1.8.0
 * Author: @gregfranko
 */
/* The Table of Contents container element */
.tocify {
  /* top works for the wiki, may need customization
     elsewhere */
  top: 56px;
  width: 232px;
  padding-left: 1em;
  padding-right: 1em;
  overflow-y: auto;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: fixed;
  bottom: 5px;
  z-index: 20;
}
.tocify h2,
.tocify h3 {
  white-space: normal;
}
.toc-container {
  position: relative;
  width: 100%;
}
.toc-content {
  position: absolute;
  left: 280px;
  right: 0;
}
.tocify ul {
  margin-left: 0px;
}
.tocify li {
  list-style-type: none;
  display: block;
}
.tocify li a {
  display: block;
  padding: 3px;
  transition: background, border 0.25s ease-in-out;
}
.tocify li a:hover {
  text-decoration: none;
}
.tocify li a.active {
  font-weight: bolder;
}
/* Makes the font smaller for all subheader elements. */
.tocify-subheader li {
  font-size: 12px;
}
/* Further indents second level subheader elements. */
.tocify-subheader .tocify-subheader {
  text-indent: 30px;
}
/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */
.tocify-subheader .tocify-subheader .tocify-subheader {
  text-indent: 40px;
}
@media (max-width: 700px) {
  .tocify {
    position: static;
    width: auto;
    margin-bottom: 1em;
  }
  .toc-content {
    position: static;
    left: auto;
  }
}
.hawtio-toc .panel-title {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.hawtio-toc .panel-title a {
  display: block;
  text-align: center;
  padding: 10px;
}

/* utility classes */
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
ol.inline,
ul.inline {
  margin-left: 0;
  list-style: none;
}
ol.inline > li,
ul.inline > li {
  display: inline-block;
  padding-right: 2px;
  padding-left: 2px;
}
.red {
  color: red !important;
}
.orange {
  color: orange !important;
}
.yellow {
  color: yellow !important;
}
.green {
  color: green !important;
}
.background-green {
  color: white;
  background-color: #51a351;
}
.background-light-green {
  color: white;
  background-color: #5ab15a;
}
.blue {
  color: #0088ce !important;
}
.background-blue {
  color: white;
  background-color: #0088ce;
}
.icon1point5x {
  font-size: 1.5em;
}
.centered,
.align-center {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
.no-bottom-margin .control-group {
  margin-bottom: 4px;
}
.bottom-margin {
  margin-bottom: 20px;
}
.bold {
  font-weight: bold;
}
.l1 {
  font-size: 13px;
}
.hl {
  border: 3px solid red;
}
.strong {
  font-weight: bold;
}

.metricsWatcher .panel-group:first-child {
  margin-top: 20px;
}
.metricsWatcher h3 {
  margin-top: 10px;
  margin-bottom: 0;
}
.metricsWatcher .panel-body div {
  margin-bottom: 10px;
}
.metricsWatcher .panel-group {
  margin-left: 20px;
  margin-right: 20px;
}
.metricsWatcher .activeRequestsGraph {
  vertical-align: top;
}
.metricsWatcher .activeRequestsGraph .counter .histogram {
  width: 95%;
}
.metricsWatcher .nested {
  margin: 0 10px 10px 0;
}
.metricsWatcher .nested h1 {
  font-size: 24px;
}
.metricsWatcher .progressLabel {
  text-align: right;
}
.metricsWatcher.histogram .histogramContainer td,
.metricsWatcher.timer .timerContainer td,
.metricsWatcher .progressLabel,
.metricsWatcher .progressValue {
  padding: 0 5px;
}
.metricsWatcher.timer table,
.metricsWatcher.histogram table,
.metricsWatcher.web table,
.metricsWatcher.log4j table,
.metricsWatcher.cache table,
.metricsWatcher.jvm table,
.metricsWatcher .progressBar,
.metricsWatcher .progressBar,
.metricsWatcher .progressTable {
  width: 100%;
}
.metricsWatcher.histogram .histogramContainer,
.metricsWatcher.jvm .jvmContainer,
.metricsWatcher.web .webContainer,
.metricsWatcher.log4j .log4jContainer,
.metricsWatcher.cache .cacheContainer,
.metricsWatcher.timer .timerContainer,
.metricsWatcher.cache .gaugeTableContainer {
  border-style: none;
  border-width: 1px;
  padding: 10px 0;
  margin-left: 0;
  padding: 10px;
}
.metricsWatcher.cache table.gaugeTable td h5,
.metricsWatcher.jvm table.jvmTable td h5 {
  font-size: 15px;
  font-weight: normal;
  text-align: left;
}
.metricsWatcher table.gaugeTable td,
.metricsWatcher table.jvmTable td {
  font-size: 14px;
  text-align: right;
}
caption {
  font-weight: bold;
}