
/* fonts */

@import url("../../../hawtio/app/themes/fonts/Open-Sans/stylesheet.css");
@import url("../../../hawtio/app/themes/fonts/Droid-Sans-Mono/stylesheet.css");

* {
  font-family: OpenSans;
}

body {
  font-family: OpenSans;
}

#log-panel-statements li {
  font-family: DroidSansMonoRegular;
}

#log-panel-statements li pre span {
  font-family: DroidSansMonoRegular;
}

div.log-stack-trace {
  font-family: DroidSansMonoRegular;
}

div.log-stack-trace p {
  font-family: DroidSansMonoRegular;
}

.log-stack-trace > dd > ul > li > .stack-line * {
  font-family: DroidSansMonoRegular;
}

pre.stack-line {
  font-family: DroidSansMonoRegular;
  font-size: 12px;
}

div.stack-line {
  font-family: DroidSansMonoRegular;
  font-size: 12px;
}

.log-table *:not('.icon*') {
  font-family: DroidSansMonoRegular;
}

.log-table > li > div > div {
  font-family: DroidSansMonoRegular;
}

fs-donut svg g text.units {
  font-family: DroidSansMonoRegular;
}

/* colors */

#log-panel {
  background: white;
  border: 1px solid #d4d4d4;
  opacity: 0.8;
  transition: bottom 1s ease-in-out;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

#log-panel #log-panel-statements {
  background: black;
}

#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: inherit;
  border-top: 1px solid #d4d4d4;
  box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1) inset;
}

#log-panel #copy {
  background: inherit;
  color: white;
}

ul.dynatree-container {
  background: inherit;
}
ul.dynatree-container li {
  background: inherit;
}

.axis line {
  stroke: #000;
}

.axis.top {
  border-bottom: 1px solid #d4d4d4;
}

.axis.bottom {
  border-top: 1px solid #d4d4d4;
}

.horizon {
  border-bottom: solid 1px #eeeeee;
}

.horizon:last-child {
  border-bottom: none;
}

.horizon + .horizon {
  border-top: none;
}

.horizon .title,
.horizon .value {
  text-shadow: 0 0 7px rgba(255, 255, 255, 1);
  /*padding: 0 8px;*/
  /*background-color: rgba(255, 255, 255, 0.1);*/
  /*border-radius: 15px;*/
}

.line {
  background: #000;
  opacity: .2;
}

.CodeMirror {
  border: 1px solid #d4d4d4;
}

i.expandable-indicator {
  color: #666;
}

span.dynatree-expander {
  color: #728271;
}

span.dynatree-icon {
  color: #EECA7C;
}
span:not(.dynatree-has-children) .dynatree-icon:before {
  color: gray;
}

.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;
}
/*
.red {
  color: red !important;
}

.orange {
  color: orange !important;
}

.yellow {
  color: yellow !important;
}

.green {
  color: green !important;
}

.blue {
  color: dodgerblue !important;
}
*/

.gridster ul#widgets .gs_w {
  border: 1px solid #d4d4d4;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 6px;
}
.gridster ul#widgets .gs_w.dragging {
  box-shadow: 0 1px 13px rgba(0, 0, 0, 0.12);
}
.gridster ul#widgets .preview-holder {
  border-radius: 6px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1) inset;
}

.widget-title {
  background-color: #FAFAFA;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F2F2F2', GradientType=0);
  border-bottom: 1px solid #d4d4d4;
  color: #777777;
  text-shadow: 0 1px 0 #FFFFFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.widget-title:hover {
  color: #333333;
  text-shadow: 0 1px 0 #FFFFFF;
  border-bottom: 1px solid #d4d4d4;
  background-image: -moz-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f0f0f0));
  background-image: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -o-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: linear-gradient(to bottom, #fafafa, #f0f0f0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
}

.ep[ng-show=editing] {
  background: white;
  border-bottom: 1px solid #d4d4d4;
  border: 1px solid #cecdcd;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.ep > form > fieldset > input {
  border: 0;
}

.ngFooterPanel {
  background: inherit;
}
.ngTopPanel {
  background: inherit;
}
.ngGrid {
  background: inherit;
}

.ngCellText:hover i:before {
  text-shadow: 0px 0px 8px #969696;
}

.ACTIVE:before {
  color: #777777;
}
.RESOLVED:before {

}
.STARTING:before {

}
.STARTING {

}
.STOPPING:before {

}
.STOPPING {

}
.UNINSTALLED:before {

}
.INSTALLED:before {

}
.table-bordered {
  border: none;
  border-radius: 0px;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  border-radius: 0px;
  border-left: none;
}
.table-bordered th {
  border-bottom: 1px solid #d4d4d4;
}
.table-bordered th,
.table-bordered td {
  border-left: none;
  border-top: none;
  border-right: 1px solid #d4d4d4;
}
.table-bordered th:last-child,
.table-bordered td:last-child {
  border-left: none;
  border-top: none;
  border-right: none;
}
table.table thead .sorting {
  background: inherit;
}
/*
table.table thead .sorting_asc:after {
  background: url('../img/datatable/sort_asc.png') no-repeat top center;
}
table.table thead .sorting_desc:after {
  background: url('../img/datatable/sort_desc.png') no-repeat top center;
}
*/

div#main div ul.nav {
  border-radius: 0;
  border: none;
  border-top: none;
  background: #c0ebf7;
  background: linear-gradient(to bottom, #86afce 96%,#4b6989 100%);
}

.navbar .btn-navbar span {
  color: #777777;
  text-shadow: 0 1px 0 #FFFFFF;
}

div#main div ul.nav li.active a {
  box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.25) inset,
  0 4px 90px rgba(200, 230, 255, 0.7) inset,
  1px 1px 1px rgba(70, 70, 70, 0.3) inset,
  -1px -1px 1px rgba(70, 70, 70, 0.25) inset;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.3), 0 1px 0 #ffffff;
}

div#main div ul.nav li.active a:hover {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.3), 0 1px 0 #ffffff;
}

div#main div ul.nav li a {
  margin-right: 5px;
  border: none;
  border-radius: 0;
  background: inherit;
  color: #222222;
  text-shadow: 0px 1px 0px rgba(255,255,255, 0.4);
  /* box-shadow: -1px -1px 1px rgba(100, 100, 100, 0.1) inset, 1px 1px 1px rgba(200, 200, 200, 0.1) inset
 */}

.hawtio-form-tabs ul.nav li a {
  border: none !important;
  box-shadow: none !important;
}

#tree-container > div {
  margin-left: 20px;
}

#tree-ctrl.nav > li {
  display: none;
}

#tree-ctrl.nav {
  height: 0;
  margin-bottom: 50px;
}

div#main div ul.nav li div.separator {
  padding: 2px 12px;
  line-height: 20px;
  color: #777777;
  float: left;
}

div#main div ul.nav li a:hover {
  color: #333333;
  text-shadow: 0 1px 0 #FFFFFF;
}

#main div div div section .tabbable .nav.nav-tabs {
  border-radius: 0 0 4px 4px;
  border: 1px solid #d4d4d4;
  border-top: 1px transparent;
  background-color: #FAFAFA;
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

#main div div div .nav.nav-tabs:not(.connected) {
  border-radius: 0;
  border: 0;
  margin-top: -1px;
  padding-top: 1px;
}

.logbar {
  width: 100%;
  left: 0;
  right: 0;
  top: 75px;
  border-radius: 0 0 4px 4px;
  border: none;
  border-top: none;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5);
  background: #c0ebf7;
  background: linear-gradient(to bottom, #86afce 96%,#4b6989 100%);
  padding: 0px;
}

.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;
  padding: 0;
}

.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;
}

div.hawtio-form-tabs div.tab-content {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

div.hawtio-form-tabs ul.nav-tabs {
  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 {
  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 {
  border-bottom: 1px solid white !important;
  background-color: white;
  box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.1) !important;
}

div.hawtio-form-tabs ul.nav-tabs li.active a {
  box-shadow: none !important;
  text-shadow: none !important;
  background-color: inherit !important;
}


.slideout {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  background: white;
}

.slideout > .slideout-content {
  box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid white;
  background: white;
}

.slideout.right {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.slideout.left {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.slideout.left > .slideout-content {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.slideout.right > .slideout-content {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.slideout > .slideout-content > .slideout-body {
  background: white;
}

.slideout .slideout-title a {
  color: #d4d4d4;
}

.ngHeaderCell:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0) !important;
}

.color-picker .wrapper {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
}

.selected-color {
  width: 1em;
  height: 1em;
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.color-picker-popout {
  transition: opacity 0.25s ease-in-out;
  background: white;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0);
}

.popout-open {
  border: 1px solid #d4d4d4;
}

.color-picker div table tr td div {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.color-picker div table tr td div.selected {
  border-color: #474747;
}

.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: rgba(255, 255, 255, .4);
  border-top: 1px solid #d4d4d4;
}

.container-group-header:not([style]) + div > .box {
  border-top: 1px solid transparent;
}

.selected,
.box.selected,
.box.selected a,
.box.selected i {
  color: #333333 !important;
  background: #A3C7D9 !important;  
}

.box.selected .box-right i {
  text-shadow: none;
}

.box > .box-left > div {
  border-radius: 4px;
}

.section-header {
  border: 1px solid #e4e4f4;
  background: inherit;
}

.section-controls > a,
.section-controls > span > span > span > span > span > .hawtio-dropdown {
  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(240, 245, 255, 0.8);
}

.login-form form fieldset .control-group label {
  color: #333;
}

.login-logo {
  color: #333;
}

/** highlight required fields which have no focus */
input.ng-invalid,
textarea.ng-invalid,
select.ng-invalid {
  border-color: #e5e971;
  -webkit-box-shadow: 0 0 6px #eff898;
  -moz-box-shadow: 0 0 6px #eff898;
  box-shadow: 0 0 6px #eff898;
}

/** Use bigger and darker border on checkboxes as its hard to see since they already have a shadow */
input[type="checkbox"].ng-invalid {
  -webkit-box-shadow: 0 0 12px #e5e971;
  -moz-box-shadow: 0 0 12px #e5e971;
  box-shadow: 0 0 12px #e5e971;
}

.profile-details div .tab-pane ul li:nth-child(even):not(.add) {
  background-color: #f3f3f3;
}

.fabric-page-header {
  border-bottom: 1px solid #d4d4d4;
}

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: #f8fbff;
}

.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 {
  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,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(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: #f3f3f3;
}

.zebra-list > li:nth-child(even),
ol.zebra-list > li:nth-child(even):before {
  background-color: #f3f3f3;
}

.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;
}

i.expandable-indicator.folder {
  color: #EECA7C;
}

.camel-canvas {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);
  background-image: url('../../../img/img-noise-600x600.png')
}

/*
 * 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;
}

.camel-canvas-endpoint svg circle {
  fill: #346789;
}

tr.selected,
tr.selected .ngCell,
tr.selected .ngCellText a,
.table-striped tbody tr.selected:nth-child(odd) td {
  background-color: #c9dde1;
}

input.ng-invalid-pattern {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

input.ng-invalid-pattern:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

.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);
}

.table-header {
  color: black;
}

.table-header:hover {
  background-color: #f3f3f3;
}

.table-header.asc,
.table-header.desc {
  background-color: #f3f3f3;
}

.dropdown-menu {
  border-radius: 0;
}

.main-nav-upper .dropdown-menu {
  border-radius: 0;
}

.main-nav-lower .dropdown-menu {
  border-top: none;
  margin-top: 0px;
}

.submenu-caret:before {
  color: #53595f;
}

.hawtio-dropdown > ul > li:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.hawtio-dropdown > ul > li:hover > span > ul.sub-menu > li {
  color: #333333;
}

.dropdown-menu .sub-menu {
  border-top: 1px solid #d3d3d3;
}

.caret:before {
  color: #53595f;
}

.hawtio-breadcrumb .caret {
  border: 0;
  width: 17px;
  margin-right: 2px;
  margin-left: 0;
}

.hawtio-breadcrumb .caret:before {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 2px 0 2px   rgba(0, 0, 0, 0.3);
}

.component {
  background-color: white;
  color: black;
}

.window,
.node > rect {
  stroke-width: 2px;
  stroke: #346789;
  border: 2px solid #346789;
  box-shadow: 2px 2px 19px #e0e0e0;
  -o-box-shadow: 2px 2px 19px #e0e0e0;
  -webkit-box-shadow: 2px 2px 19px #e0e0e0;
  -moz-box-shadow: 2px 2px 19px #e0e0e0;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.window-inner.from,
.node > .from {
  background-color: lightsteelblue;
  fill: lightsteelblue;
}

.window-inner.choice,
.node > .choice {
  background-color: lightblue;
  fill: lightblue;
}

.window-inner.when,
.node > .when {
  background-color: lightgreen;
  fill: lightgreen;
}

.window-inner.otherwise,
.node > .otherwise {
  background-color: lightgreen;
  fill: lightgreen;
}

.window-inner.to,
.node > .to {
  background-color: lightsteelblue;
  fill: lightsteelblue;
}

.window-inner.log,
.node > .log {
  background-color: lightcyan;
  fill: lightcyan;
}

.window-inner.setBody,
.node > .setBody {
  background-color: #d3d3d3;
  fill: #d3d3d3;
}

.window-inner.onException,
.node > .onException {
  background-color: lightpink;
  fill: lightpink;
}

.window-inner.delay,
.node > .delay {
  background-color: lightgrey;
  fill: lightgrey;
}

.window-inner.bean,
.node > .bean {
  background-color: mediumaquamarine;
  fill: mediumaquamarine;
}

.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;
}

a {
  color: #4B6989;
}

#main-nav > .main-nav-upper {
  background: #A3C7D9;
  border-bottom: 1px solid #8E9093; 
}

#main-nav > .main-nav-lower {
  border-bottom: 1px solid #4e4e4e;
  background: #c0ebf7; /* Old browsers */
  background: -moz-linear-gradient(top,  #c0ebf7 0%, #b3d4e0 1%, #86afce 96%, #4b6989 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0ebf7), color-stop(1%,#b3d4e0), color-stop(96%,#86afce), color-stop(100%,#4b6989)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #c0ebf7 0%,#b3d4e0 1%,#86afce 96%,#4b6989 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #c0ebf7 0%,#b3d4e0 1%,#86afce 96%,#4b6989 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #c0ebf7 0%,#b3d4e0 1%,#86afce 96%,#4b6989 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #c0ebf7 0%,#b3d4e0 1%,#86afce 96%,#4b6989 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0ebf7', endColorstr='#4b6989',GradientType=0 ); /* IE6-9 */
}

.main-nav-lower > .container .nav > li > a {
  line-height: 25px;
  box-shadow: none;
  text-align: center;
  border-left: 1px solid rgba(0, 0, 0, 0.0);
  border-right: 1px solid rgba(0, 0, 0, 0.0);
  transition: all 1s;
}

.main-nav-lower > .container .nav > .active > a {
  box-shadow: none;
  background: inherit;
  box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.25);
  color: #000000;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}

.navbar .nav > li > a {
  color: #222222;
  font-weight: bold;
  text-shadow: 0px 1px 0px rgba(255,255,255, 0.4);
}

.navbar .brand, .navbar .pull-right .nav > li > a {
  color: #333;
  font-weight: normal;
  text-shadow: none;
}

.main-heading > h3 {
  font-size: 40px;
  font-weight: bold;
  text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.hawtio-toc .panel-title a {
  background: #bed9e8; /* Old browsers */
  color: #4B6989;
}

.btn-success, .btn-primary {
  color: #222222;
  font-weight: bold;
  text-shadow: 0px 1px 0px rgba(255,255,255, 0.4);

  background: #c0ebf7; /* Old browsers */
  background: -moz-linear-gradient(top,  #c0ebf7 0%, #b3d4e0 1%, #86afce 96%, #4b6989 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0ebf7), color-stop(1%,#b3d4e0), color-stop(96%,#86afce), color-stop(100%,#4b6989)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #c0ebf7 0%,#b3d4e0 1%,#86afce 96%,#4b6989 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #c0ebf7 0%,#b3d4e0 1%,#86afce 96%,#4b6989 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #c0ebf7 0%,#b3d4e0 1%,#86afce 96%,#4b6989 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #c0ebf7 0%,#b3d4e0 1%,#86afce 96%,#4b6989 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0ebf7', endColorstr='#4b6989',GradientType=0 ); /* IE6-9 */

  border-color: rgba(255, 255, 255, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  transition: background 0.1s linear;
}


.btn-success:hover, .btn-primary:hover {
  color: #222222;
  font-weight: bold;
  text-shadow: 0px 1px 0px rgba(255,255,255, 0.4);
  background-position: 0, -5px;
  background: #c0ebf7; /* Old browsers */
}

.btn-success:active, .btn-primary:active {
  color: #222222;
  font-weight: bold;
  text-shadow: 0px 1px 0px rgba(255,255,255, 0.4);
  background-position: 0, -5px;
  background: #c0ebf7; /* Old browsers */
}

#main {
  margin-top: 75px !important;
}

body {
  background-color: #f8fbff;
}

.nav-tabs > li > a:hover {
  border: 1px solid transparent;
}

.container-fluid:before, .container-fluid:after {
  display: none;
}

.container-fluid {
  padding: 0;
}

.controller-section {
  margin-left: 20px;
  margin-right: 20px;
}

.logbar > .logbar-container {
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 0;
  margin-right: 0;
}

textarea, input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select {
  background-color: #f8fbff;
  background: #F2F7FF;
  border-color: #A7CEEA;
  color: #333333;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.09) inset;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #f8fbff;
  background: #f8fbff;
  color: #888888;
  border-color: #333333;
}

.can-invoke > .dynatree-icon:before,
.icon-cog.can-invoke {
  color: green !important;
}

.cant-invoke > .dynatree-icon:before,
.icon-cog.cant-invoke {
  color: red !important;
}

.pane-bar {
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  background: white;
}

.pane {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
  background: #fff;
}

.pane-header-wrapper {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}

.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
  display: none;
  border: none;
}

.perspective-selector img {
  vertical-align: middle;
}
.dropdown.perspective-selector .dropdown-menu > div > p,
.hawtio-dropdown p {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
}


