graylog2.less

#editor {
  height: 256px;
}

body {
  background-color: #e3e3e3;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  overflow-x: hidden;
  margin-top: 45px;
}

ul {
  list-style-type: none;
  margin: 0;
}

hr {
  border-top: 1px solid #e3e3e3;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  padding: 0;
  margin: 0;
  color: #333
}

h1 {
  font-size: 28px;
}

h2 {
  font-size: 21px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 14px;
  font-weight: bold;
}

h4 {
  font-size: 14px;
  font-weight: normal;
}

h1.username {
  word-wrap: break-word;
}

a {
  color: #16ace3;
}

/* Remove boostrap outline */
a:active, select:active, input[type="file"]:active, input[type="radio"]:active, input[type="checkbox"]:active, .btn:active {
  outline: none;
  outline-offset: 0;
}

.input-group-addon.input-group-separator {
  border-right-width: 0;
  border-left-width: 0;
}

label {
  font-size: 14px;
}

.btn:focus {
  background-position: 0;
}

#top {
  height: 45px !important;
  background-color: #111;
  color: #fff !important;
  margin-bottom: 0px;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 2002;
}

#top-right {
  margin-top: 9px;
  margin-right: 5px;
}

#toplogo {
  margin-top: 10px;
  margin-left: 10px;
  float: left;
}

#topmenu {
  list-style-type: none;
  margin: 0;
  padding-top: 8px;
  height: 45px;
  float: left;
  margin-right: 0;
}

#topmenu li {
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 6px;
  font-size: 12px;
  height: 38px;
  font-weight: 600;
}

#topmenu li.active {
  background-color: #e3e3e3;
}

#topmenu li.active a {
  color: #000;
}

#topmenu li.active a:hover {
  color: #0e6283;
}

#topmenu a {
  color: #fff;
  padding-bottom: 1px;
}

#topmenu a:hover {
  text-decoration: none;
  color: #16ace3;
}

#topmenu ul.dropdown-menu {
  padding-top: 7px;
  padding-bottom: 12px;
}

#topmenu ul.dropdown-menu li {
  margin: 0;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 30px;
  width: 100%;
}

#topmenu ul.dropdown-menu li a {
  padding: 5px 20px;
  color: #333;
}

#topmenu ul.dropdown-menu li a:hover {
  color: #0e6283;
}

#footer {
  text-align: center;
  font-size: 11px;
  color: #aaa;
  margin-bottom: 15px;
}

#logout {
  margin-top: -3px;
  margin-right: 2px;
}

#global-throughput {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 10px;
  margin-right: 5px;
  cursor: pointer;
}

.modal-dialog {
  margin-top: 55px !important;
}

.modal .modal-backdrop {
  z-index: initial;
}

.modal-backdrop {
  height: 100000%;  // yes, really. this fixes the backdrop being cut off when the page is scrolled.
  z-index: 1030;
}

#search {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 4px;
  font-size: 12px;
}

#universalsearch {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
}

// sigh
#universalsearch-container {
  margin-bottom: -10px;
  margin-left: 10px;
  margin-top: -5px;
  padding-right: 35px;
}

.content {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  margin-bottom: 10px;
}

.content p.description {
  margin-top: 3px;
}

.content-head {
  padding-bottom: 0px;
}

.content p.description {
  color: #939393;
}

.content-head p {
  margin-top: 15px;
}

.content-head p.description-tooltips .fa-stack {
  margin-right: 3px;
}

.content-head div.actions {
  margin: 25px 0 25px 0;
}

.content-head div.actions form {
  display: inline;
}

.content p.description-tooltips-small .fa-stack {
  margin-right: 1px;
  position: relative;
  top: -1px;
}

.content p.description-tooltips {
  margin-top: 10px;
}

.content-col {
  padding: 15px 10px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  margin-top: 15px;
}

#sidebar {
  padding-left: 0;
}

#sidebar .affix {
  top: 45px;
  z-index: 1000;
}

#main-content-sidebar {
  padding-left: 0;
  padding-right: 0;
}

#main-content {
  padding: 15px 25px;
}

// This is rendered inside a #main-content, and we need to compensate the margin-top to make it look nicer
#main-content-search {
  margin-bottom: 0;
  margin-top: -15px;
}

#universalsearch {
  padding: 5px;
  margin-bottom: 0px;
  margin-top: 15px;
}

.universalsearch-timerange-selector {
  font-size: 12px;
}

.universalsearch-timerange-selector label {
  font-size: 12px;
  margin-left: 5px !important;
}

.universalsearch-timerange-selector .radio input {
  margin-left: -17px;
  position: relative;
  top: -2px;
}

.keyword input {
  width: 290px;
}

.universalsearch-form {
  margin-bottom: 0;
}

.universalsearch-form #search-container {
  margin-left: 5px;
}

.universalsearch-form button {
  font-size: 13px;
}

.universalsearch-form div .query {
  margin-left: 45px;
  margin-right: 25px;
}

.universalsearch-form .query input {
  font-family: monospace;
  font-size: 13px;
  width: 100%;
  border: 0px;
  background-color: #fff;
  box-shadow: none;
  color: inherit;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  outline: none;
  padding: 0;
  margin-left: 5px;
  margin-bottom: 5px;
}

.universalsearch-form .form-group {
  margin-bottom: 0;
}

a.fields-set-chooser {
  margin-right: 2px;
  margin-left: 2px;
}

.messages {
  font-size: 11px;
  margin-top: 15px;
  border-collapse: collapse;
  width: 100%;
  word-break: break-all;
}

.messages-message {
  word-wrap: break-word;
}

.messages thead > tr {
  color: #fff;
}

.messages thead th {
  font-size: 11px;
  font-weight: normal;
  background-color: #222;
}

#result-graph-container {
  margin-right: 12px;
  margin-bottom: 25px;
}

#result-graph {
  margin-left: 40px;
  margin-top: 5px;
}

#result-graph-timeline {
  margin-left: 40px;
}

#y_axis {
  float: left;
  height: 200px;
  width: 40px;
}

.search-result-fields {
  margin-left: 5px;
  margin-top: 3px;
  padding-left: 0;
}

.search-result-fields li {
  margin-top: 1px;
  margin-bottom: 5px;
  padding: 2px 0;
}

.search-result-fields label {
  font-size: 12px;
  display: inline;
  position: relative;
  top: 3px;
  font-weight: normal !important;
}

.search-result-fields .form-group {
  margin-bottom: 0;
}

.search-result-fields .checkbox {
  margin: 0;
}

.search-result-fields input[type=checkbox] {
  position: relative;
  right: 4px;
}

.message-highlighted {
  color: #26ADE4;
}

.message-terms {
  margin-right: 8px;
  font-family: monospace;
}

.support-sources ul {
  margin-top: 5px;
}

form .area-title {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  line-weight: normal;
  line-height: 20px;
}

form #stream-rules {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
  list-style-type: square !important;
}

#new-stream-rule .well a {
  font-size: 11px;
}

.systemjob {
  margin-top: 10px;
  border-bottom: 1px solid #ccc;
}

.systemjob .progress {
  margin-top: 2px;
  margin-bottom: 5px;
}

.systemjob .finished {
  display: none;
  position: relative;
  top: -1px;
  left: 2px;
  font-family: "Arial", sans-serif;
  font-size: 11px;
}

.systemjobs-none {
  margin-top: 10px;
}

.notifications-none {
  margin-top: 10px;
}

.notification-badge-link:hover {
  border: 0px !important;
  text-decoration: none !important;
}

.row {
  margin-bottom: 15px;
}

.no-bm {
  margin-bottom: 0px;
}

.alert {
  margin-bottom: 0px;
  margin-top: 5px;
}

.system-messages {
  font-size: 12px;
}

.notification {
  margin-top: 10px !important;
}

.notification i {
  color: #000;
}

.notification-head {
  margin-bottom: 5px;
}

.notification-timestamp {
  margin-left: 3px;
  font-size: 10px;
}

.notification-solutions {
  margin-top: 10px;
}

.notification-solutions label {
  font-size: 13px;
}

.notification form {
  margin-bottom: 0px;
}

.notification-solutions h4 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 1px;
}

.notification-solutions .btn {
  margin-top: 3px;
  font-size: 12px;
  padding: 3px 11px;
}

.node-row {
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  margin-top: 15px;
  margin-bottom: 0px;
}

.message-processing-host .progress {
  margin-bottom: 5px;
}

.message-processing-host .label {
  position: relative;
  top: -2px;
  left: 2px;
  font-family: "Arial", sans-serif;
  font-size: 11px;
}

.message-processing-host .node-throughput-info .sentence {
  position: relative;
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.change-message-processing {
  position: relative;
  top: -1px;
}

.es-cluster-status {
  margin-top: 10px;
  margin-bottom: 5px;
}

.node-row .hostname {
  font-size: 12px;
}

.rickshaw_graph .x_tick {
  position: relative;
  top: 38px;
}

.graph-resolution-selector {
  margin-top: 5px;
  margin-bottom: 20px;
}

.graph-resolution-selector li {
  padding-right: 0;
}

.graph-resolution-selector a {
  text-transform: capitalize;
}

.selected-resolution {
  font-weight: bold;
}

.search-result-fields .fa-cog {
  position: relative;
  top: 3px;
}

.modal form {
  margin-bottom: 0;
}

s
.input-list h2 {
  margin-bottom: 5px;
}

.node-row {
  margin-bottom: 8px;
  margin-top: 0px;
}

.node-row .well {
  margin-bottom: 0px;
  margin-top: 3px;
  font-family: monospace;
  font-size: 11px;
}

.node-row-info {
  position: relative;
  top: 2px;
}

.node-row-info form {
  display: inline;
}

.node-row-info .text {
  position: relative;
  top: 3px;
}

.node-row-info-negative-correction {
  position: relative;
  top: -3px;
}

.input-list .alert {
  margin-top: 10px;
}

.input-new {
  margin-bottom: 8px;
}

.alert-bar {
  margin-top: 10px;
  margin-bottom: 0px;
}

.system-messages a {
  color: #000;
}

.xtrc-select-message {
  margin-top: 5px;
  margin-bottom: 0;
}

.xtrc-select-message .spinner {
  margin-top: 10px;
  margin-bottom: 10px;
}

.xtrc-message-fields {
  margin: 0;
}

.xtrc-message-fields dt {
  float: left;
  padding-right: 5px;
}

.xtrc-message-fields dd {
  margin-left: 10px;
  word-wrap: break-word;
}

.xtrc-message .well {
  margin-top: 5px;
  margin-bottom: 0px;
}

.xtrc-message dt:hover {
  color: #0085A7;
  cursor: pointer;
}

.xtrc-wizard-field {
  font-style: italic;
}

.xtrc-wizard-example {
  word-wrap: break-word;
}

.xtrc-new-example {
  margin-top: 15px;
  margin-bottom: 12px;
  font-family: monospace;
  font-size: 14px;
  word-wrap: break-word;
}

.xtrc-no-example {
  margin-top: 15px;
  margin-bottom: 12px;
}

.xtrc-hl {
  background-color: #f8b9b7;
  padding-top: 3px;
  padding-bottom: 3px;
}

#create-extractor {
  margin-top: 10px;
}

.xtrc-converter-subfield {
  margin-left: 20px;
}

.xtrc-list-container {
  margin-top: 15px;
}

.xtrc-list-container h2 {
  margin-bottom: 5px;
}

.xtrc-list-container .alert {
  margin-top: 5px;
}

.xtrc-select-message .subcontainer .buttons {
  margin-top: 5px;
  margin-bottom: 5px;
}

.manual-selector-form {
  margin-top: 5px;
}

.xtrc-wizard .well {
  margin-top: 8px;
  margin-bottom: 8px;
}

.xtrc-wizard {
  margin-bottom: 0px;
}

.xtrc-wizard form {
  margin-bottom: 0px;
}

.node-row .xtrc-converters {
  margin-top: 10px;
}

.node-row .xtrc-config li {
  margin-left: 10px;
}

.node-row .xtrc-converters li {
  margin-left: 10px;
}

.node-row .xtrc-converter-config li {
  margin-left: 20px;
}

.u-light {
  border-bottom: 1px dotted #bbb;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.xtrc-metrics {
  margin-top: 7px;
  margin-left: 5px;
}

.xtrc-metrics .span4 {
  margin-left: 0px;
}

.xtrc-metrics h3 .unit {
  font-size: 11px;
}

.xtrc-metrics dl {
  margin-top: 3px;
  margin-bottom: 0px;
}

.xtrc-metrics dt {
  float: left;
}

.xtrc-metrics dd {
  margin-left: 130px;
}

.xtrc-exception-bubble {
  position: relative;
  top: -7px;
  margin-left: 2px;
  cursor: pointer;
}

.extractor-condition-summary {
  margin-left: 5px;
  margin-top: 10px;
}

.success-match {
  color: #408140;
}

.fail-match {
  color: #da4f49;
}

.input-docs {
  margin-left: 3px;
}

.input-docs:hover {
  text-decoration: none;
}

.open-analyze-field {
  cursor: pointer;
  font-size: 16px;
  position: relative;
  top: 4px;
  color: #16ACE3;
}

.open-analyze-field-active {
  color: #1189B5;
}

.open-analyze-field:hover {
  color: #1189B5;
}

.analyze-field {
  margin-top: 10px;
  margin-left: 12px;
}

.analyzer-content dl {
  margin-top: 10px;
  margin-bottom: 5px;
  border-left: 3px solid #eee;
  padding-left: 7px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.analyzer-content dt {
  float: left;
  height: 25px;
}

.analyzer-content dd {
  margin-left: 120px;
  height: 25px;
}

.analyze-field .statistics .wrong-type {
  margin-top: 5px;
  color: #bbb;
}

.timerange-selector-container {
  border-bottom: 1px solid #eee;
  padding-bottom: 6px;
  margin-bottom: 8px;
  margin-left: 5px;
}

.timerange-selector-container .input-prepend, .input-append {
  margin-bottom: 0;
}

.timerange-selector select {
  margin-bottom: 0;
}

//#relative-timerange-selector {
//  font-size: 12px;
//  line-height: 15px;
//  height: 25px;
//}

.timerange-chooser {
  float: left;
  margin-right: 5px;
}

.timerange-chooser .btn {
  padding: 6px 7px;
  line-height: 15px;
  font-size: 12px;
}

.timerange-chooser .btn .caret {
  margin-left: 1px;
}

.timerange-chooser .selected a {
  font-weight: bold;
}

.master-node {
  color: #f89406;
}

.permission-select {
  width: 350px;
}

.loglevel-metrics-row {
  margin-top: 2px;
  margin-left: 10px;
}

.loglevel-metrics dl {
  margin-bottom: 5px;
  margin-top: 5px;
}

.loglevel-metrics dt {
  float: left;
  margin-right: 5px;
}

.subsystems {
  margin-top: 10px;
  margin-left: 10px;
}

.subsystems-row {
  margin-bottom: 10px;
}

#universalsearch .timerange-selector-container .keyword .icon {
  margin-left: 5px;
}

#universalsearch .timerange-selector-container .keyword .keyword-preview {
  margin-top: 4px;
  margin-left: 45px;
  font-size: 11px;
}

#universalsearch .timerange-selector-container .keyword .keyword-preview .fromto span {
  background-color: #fec;
  padding-left: 3px;
  padding-right: 3px;
}

.no-active-nodes {
  margin-top: 8px;
}

.quickvalues {
  height: 400px;
  width: 500px;
  padding: 10px;
  position: fixed;
  left: 300px;
  top: 100px;
  color: #fff;
  z-index: 5000;
}

.quickvalues .content {
  background-color: #000;
}

.quickvalues-down {
  -webkit-border-radius: 10px 0px 10px 10px;
  -moz-border-radius: 10px 0px 10px 10px;
  border-radius: 10px 0px 10px 10px;
}

.quickvalues-up {
  -webkit-border-radius: 10px 10px 0px 10px;
  -moz-border-radius: 10px 10px 0px 10px;
  border-radius: 10px 10px 0px 10px;
}

.quickvalues .inner {
  height: 375px;
  margin-bottom: 5px;
}

.quickvalues h2 {
  color: #fff;
}

.quickvalues .arrow {
  color: #000;
  position: relative;
  left: 510px;
  font-size: 15px;
  display: block;
  margin-bottom: -15px;
  opacity: 0.8;
  width: 15px;
  filter: alpha(opacity=80);
}

.quickvalues-up .arrow {
  top: 350px;
}

.quickvalues-down .arrow {
  top: 10px;
}

.quickvalues .icons {
  position: relative;
  top: -5px;
}

.quickvalues .icons .icon {
  cursor: pointer;
}

.quickvalues .icons .active {
  color: #4DBCE9;
}

.quickvalues .icons .loading {
  color: #4AA02C;
}

.quickvalues .icons .quickvalues-refresh {
  margin-right: 1px;
}

.quickvalues .icons .quickvalues-close {
  font-size: 13px;
}

.quickvalues .icons .icon:hover {
  color: #4DBCE9;
}

.quickvalues .terms {
  margin-bottom: 0px;
  width: 480px;
  table-layout: fixed;
}

.quickvalues .terms td {
  word-wrap: break-word;
}

.quickvalues .nano {
  margin-top: 2px;
}

.quickvalues .content {
  height: 310px;
}

.quickvalues .nano {
  height: 320px !important;
}

.quickvalues .nano .pane {
  padding-top: 3px;
}

.quickvalues .terms tbody tr:hover {
  background-color: #3F404C;
}

.quickvalues .terms-bar {
  height: 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.alpha80 {
  background: rgb(0, 0, 0) transparent;
  background: rgba(0, 0, 0, 0.8);
  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  -ms-filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha70 {
  background: rgb(0, 0, 0) transparent;
  background: rgba(0, 0, 0, 0.7);
  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  -ms-filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.nano .pane {
  background: #888;
}

.nano .slider {
  background: #111;
}

.preview-welcome {
  margin-top: 5px;
}

.preview-welcome .important {
  color: #b94a48;
  margin-bottom: 0px;
}

.preview-welcome .contact {
  margin-top: 5px;
}

.preview {
  margin: 5px;
  padding: 10px;
  font-size: 16px;
  color: #333;
}

.preview .github {
  font-size: 12px;
}

.preview .icon {
  color: #000;
}

.detail-message dl {
  margin-bottom: 0px;
}

.detail-message h2 a {
  color: #000;
}

.detail-message .description {
  word-wrap: break-word;
  white-space: pre-wrap;
}

#scroll-to-search-hint {
  position: fixed;
  left: 50%;
  margin-left: -125px;
  top: 50px;
  color: #fff;
  font-size: 80px;
  padding: 25px;
  z-index: 2000;
  width: 200px;
  text-align: center;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

#scroll-to-search-hint, #scroll-to-search-hint i {
  cursor: pointer;
}

.graph-range-selector {
  outline: 1px solid #eee;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  pointer-events: none;
}

.rickshaw_graph:active,
.rickshaw_graph:focus,
.rickshaw_graph *:active,
.rickshaw_graph *:focus {
  cursor: crosshair !important;
}

.rickshaw_graph .detail .x_label {
  display: none
}

.rickshaw_graph .detail .item {
  line-height: 1.4;
  padding: 0.5em
}

.detail_swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px 0 0
}

.rickshaw_graph .detail .date {
  color: #a0a0a0
}

.input-io .total {
  color: #b8b8b8;
}

.input-list .static-fields {
  margin-top: 5px;
  margin-left: 3px;
}

.input-list .static-fields ul {
  margin-left: 1px;
}

.input-list .static-fields ul .remove-static-field {
  margin-left: 5px;
}

.field-graph-container {
  padding-bottom: 35px;
}

.field-graph-container .dropdown-menu a.selected {
  font-weight: bold;
}

.field-graph-container .type-description {
  color: #bbb;
  font-size: 11px;
}

.field-graph-container .field-graph-components {
  margin-top: 10px;
  margin-right: 12px;
}

.field-graph-container .field-graph {
  margin-left: 40px;
  margin-bottom: 25px;
}

.field-graph-container .field-graph-y-axis {
  float: left;
  height: 200px;
  width: 40px;
}

#field-graphs .spinner {
  margin-bottom: 10px;
  text-align: center;
}

.sources.overlay {
  background-color: #aaa;
  height: 200px;
  line-height: 200px;
  opacity: 0.2;
  position: absolute;
  text-align: center;
  font-size: 50px;
}

#used-indices .index-list {
  margin-left: 25px;
  margin-top: 5px;
  list-style-type: square;
}

.metric-list {
  padding: 0;
}

.metric-list li {
  margin-bottom: 5px;
}

.metric-list li .prefix {
  color: #aaa;
}

.metric-list li .name {
  font-size: 13px;
  font-family: monospace;
  word-break: break-all;
}

.metric-list li .metric {
  display: none;
  margin-left: 10px;
  padding: 10px;
}

.metric-list li .metric h3 {
  margin-bottom: 5px;
}

.metric-list dl {
  margin-top: 0px;
  margin-bottom: 0px;
}

.metrics-filter {
  margin-bottom: 15px !important;
}

dl.metric-def dt {
  float: left;
}

dl.metric-timer dd {
  margin-left: 125px;
}

dl.metric-meter dd {
  margin-left: 95px;
}

dl.metric-gauge dd {
  margin-left: 80px;
}

dl.metric-counter dd {
  margin-left: 80px;
}

dl.metric-histogram dd {
  margin-left: 125px;
}

.metric-list li .name .open:hover {
  text-decoration: none;
}

.message-field-dropdown {
  font-size: 12px;
}

.message-field-dropdown .key {
  color: #000;
}

.list-actions {
  display: inline;
  margin-left: 5px;
}

.list-actions form {
  display: inline;
}

.list-actions form button {
  margin-top: -4px;
  vertical-align: bottom;
}

.dashboard-controls i {
  font-size: 15px;
  cursor: pointer;
}

.add-to-dashboard:hover {
  text-decoration: none;
}

.add-to-dashboard {
  font-size: 12px;
}

.edit-user-form {
  display: inline-block;
  margin-bottom: 0px;
}

#user-list th.actions {
  width: 140px;
}

#user-list td.centered {
  text-align: center;
}

#user-list td.limited {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard {
  color: #333333;
  margin-left: -10px;
}

.dashboard .gridster .gs-w {
  background-color: #FFF;
  border: 1px solid #D1D1D1;
  z-index: auto;
}

.dashboard .gridster .player {
  border-style: dashed;
  border-color: #D1D1D1;
}

.dashboard .gridster .preview-holder {
  border: none !important;
  background: #16ACE3 !important;
}

.dashboard .gridster .resize-preview-holder {
  z-index: -1;
}

.dashboard .widget {
  margin: 15px;
}

.dashboard .widget .widget-top {
  position: relative;
  margin-bottom: -15px;
  top: -5px;
  font-size: 11px;
  line-height: 11px;
}

.dashboard .widget .controls {
  position: relative;
  left: -3px;
}

.dashboard .widget .reloading {
  margin-right: 2px;
  font-weight: bold;
  color: #0085A7;
  display: none;
}

.dashboard .widget .search_result_count .value {
  line-height: 70px !important;
  text-align: center;
  font-size: 70px;
  position: relative;
  top: 20px;
}

.dashboard .widget .search_result_count .trend-indicators {
  font-size: 25px;
  height: 70px;
  position: absolute;
  top: 35px;
  left: 345px;
  width: 25px;
}

.dashboard .widget .search_result_count .trend-indicators .trend-icon {
  height: 25px;
  margin-bottom: -18px;
}

.dashboard .widget .search_result_count .trend-indicators .trend-icons-higher {
  margin-bottom: 5px;
}

.dashboard .widget .search_result_count .icon {
  color: #ebebeb;
}

.dashboard .widget .loading-failed {
  color: #ff4646 !important;
}

.dashboard .widget .controls {
  display: none;
}

.dashboard .widget .edit-description {
  display: none;
  color: #0085A7 !important;
  font-size: 12px;
}

.dashboard .widget .edit-description .icon {
  color: #0085A7 !important;
}

.dashboard .widget .description-form {
  display: none;
}

.dashboard .widget .info .cache-info {
  display: none;
}

/* New widgets */

.datatable-badge {
  border-radius: 2px;
  display: inline-block;
  padding: 5px;
  vertical-align: baseline;
}

.tooltip .tooltip-inner {
  max-width: 300px;
}

.tooltip .tooltip-inner .datapoint-info {
  text-align: left;
}

.tooltip .tooltip-inner .datapoint-info .date {
  color: #E3E5E5;
}

.dashboard .gridster ul {
  margin: 0;
  transition: none;
}

.dashboard.unlocked .gridster .gs-w {
  cursor: move;
}

.dashboard.unlocked .modal {
  cursor: default;
}

.dashboard .react-widget {
  height: 100%;
  overflow: hidden;
}

.dashboard .react-widget .widget {
  height: inherit;
  margin: 0;
  padding: 15px;
}

.dashboard .widget .dc-chart {
  float: none;
}

.dashboard .widget .widget-title {
  display: inline-block;
  font-size: 18px;
  text-align: left;
  text-transform: capitalize;
}

.dashboard .widget .load-error {
  color: #FF3B00;
  margin-right: 5px;
}

.dashboard .widget .widget-update-info {
  float: right;
  font-size: 11px;
  line-height: 20px;
}

.dashboard .widget .configuration dt {
  text-transform: capitalize;
}

.dashboard .widget svg {
  overflow: hidden;
}

.dashboard .widget .number {
  line-height: 70px;
}

.dashboard .widget .number .value {
  line-height: 70px;
  text-align: center;
  font-size: 70px;
  position: relative;
  top: 20px;
}

.dashboard .widget .number .trend-indicators {
  font-size: 25px;
  height: 70px;
  position: absolute;
  top: 30px;
  right: 20px;
  width: 25px;
}

.dashboard .widget .number .trend-indicators .trend-icon {
  color: #E3E5E5;
  height: 25px;
  margin-bottom: -18px;
}

.dashboard .widget .number .trend-indicators .trend-icon.trend-good {
  color: #8DC63F;
}

.dashboard .widget .number .trend-indicators .trend-icon.trend-bad {
  color: #BE1E2D;
}

.dashboard .widget .number .trend-indicators .trend-icons-higher {
  margin-bottom: 5px;
}

.dashboard .widget .quickvalues-visualization {
  height: 85%;
  margin-top: 5px;
  overflow: auto;
}

.dashboard .widget .quickvalues-graph {
  text-align: center;
}

.dashboard .widget .graph.scatterplot path.line {
  display: none;
}

.dashboard .widget .actions {
  position: absolute;
  right: 15px;
  bottom: 10px;
}

.dashboard .widget .actions div {
  display: inline-block;
  margin-left: 5px;
}

.dashboard .widget .actions button {
  padding: 0 5px 0 5px;
}

/* End new widgets */

.configuration-field-optional {
  font-size: 11px;
}

.message-result-fields-range {
  font-size: 11px;
}

.message-result-fields-search {
  margin-left: 10px;
}

.message-result-fields-search input {
  font-size: 11px;
  padding: 1px;
  padding-left: 3px;
}

.message-result-fields-search .add-on {
  font-size: 11px;
  height: 14px;
}

.message-result-fields-search .add-on .icon {
  position: relative;
  top: -3px;
}

.message-result-fields-set {
  margin-bottom: 10px;
}

/* Chief Padding Officer */
.message-result-fields-set .btn-mini {
  padding-top: 1px;
}

h2.radios-head {
  margin-top: 15px;
}

.ldap-success {
  color: #008000;
}

.ldap-failure {
  color: #800000;
}

.index-description {
  margin-bottom: 7px;
}

.index-description .index-info {
  margin-bottom: 10px;
}

.index-description h3 .starts {
  font-size: 11px;
}

.index-details {
  margin-left: 5px;
}

.shard-meters {
  margin-top: 10px;
}

.shard-meters dl {
  margin-bottom: 0px;
  margin-top: 0px;
}

.shard-meters dl dt {
  float: left;
}

.shard-meters dl dd {
  margin-left: 65px;
}

.shard-routing .shards .shard {
  padding: 10px;
  margin: 5px;
  width: 50px;
  float: left;
  text-align: center;
}

.shard-routing .shards .shard-started {
  background-color: #dff0d8;
}

.shard-routing .shards .shard-relocating {
  background-color: #de9df4;
}

.shard-routing .shards .shard-initializing {
  background-color: #f4ddbc;
}

.shard-routing .shards .shard-unassigned {
  background-color: #c3c3c3;
}

.shard-routing .shards .shard-primary .id {
  font-weight: bold;
  margin-bottom: 3px;
  border-bottom: 1px solid #000;
}

.shard-routing .description {
  font-size: 11px;
  margin-top: 2px;
  margin-left: 6px;
}

.node-information {
  margin-top: 7px;
  margin-bottom: 7px;
}

.node-heap-usage {
  display: inline;
  width: 100%;
}

.node-journal-information {
  display: inline;
}

.node-buffer-usage {
  margin-top: 10px;
  margin-bottom: 7px;
}

.progress-percentage .bar[data-percentage^="0."] {
  color: #00466A;
  background: transparent;
  box-shadow: none;
  padding-left: 2px;
}

.progress-percentage .bar[data-percentage^="1."],
.progress-percentage .bar[data-percentage^="2."],
.progress-percentage .bar[data-percentage^="3."],
.progress-percentage .bar[data-percentage^="4."],
.progress-percentage .bar[data-percentage^="5."] {
  color: #00466A;
  padding-left: 2px;
}

.system-system dt {
  float: left;
}

.system-system dd {
  margin-left: 75px;
}

dl.system-journal {
  margin-top: 5px;
  margin-bottom: 0px;
}

.system-journal dt {
  float: left;
}

.system-journal dd {
  margin-left: 120px;
}

dl.system-time {
  margin: 0;
}

.system-time dt {
  float: left;
}

.system-time dd {
  margin-left: 200px;
}

.system-rest dt {
  float: left;
}

.system-rest dd {
  margin-left: 120px;
}

.nolink {
  color: #000;
}

.nolink:hover {
  text-decoration: none;
}

.closed-indices {
  cursor: pointer;
}

.closed-indices ul {
  margin-top: 5px;
  list-style-type: square;
  margin-left: 25px;
}

.comingsoon {
  color: #aaaaaa;
}

#streamrule-form-modal .well {
  font-family: 'Open Sans', sans-serif !important;
}

#streamrule-form {
  margin-bottom: 0px;
}

.streamrule-checker .streamrules-list li {
  padding: 8px;
  padding-left: 10px;
  margin: 1px;
}

.streamrule-checker .streamrules-list li i.match-status {
  margin-right: 5px;
}

dl.sample-message-fields {
  margin-top: 10px;
  margin-bottom: 0px;
}

dl.sample-message-fields dd {
  margin-left: 10px;
  margin-bottom: 5px;
}

.streamrule-checker .streamrules-list li.alert-danger {
  background-color: #f4b7c6;
}

.streamrule-checker .streamrules-list li.alert-success {
  background-color: #b9e4b7;
}

.configured-streamrules {
  margin-bottom: 5px;
}

dl.message-fields {
  margin-bottom: 0;
}

dl.message-fields .description {
  word-wrap: break-word;
}

.message-streams {
  margin-top: 10px;
}

.message-streams h4 {
  font-size: 13px;
  font-weight: bold;
}

.message-streams ul {
  list-style-type: square;
  margin-left: 25px;
  margin-top: 2px;
}

.search-help {
  margin-left: 5px;
  margin-right: 5px;
}

input#save-search-title {
  padding: 1px;
  padding-left: 5px;
  font-size: 12px;
  padding-top: 3px;
}

#saved_searches_selector_chosen {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.save-search-form form {
  margin: 0;
}

.edit-dashboard {
  font-size: 11px;
}

.dashboard-row h3 a {
  color: #000;
}

form.edit-dashboard-form {
  display: none;
}

.dashboard .widget .field_chart .dashboard-chart {
  position: relative;
  top: 15px;
  height: 70px;
}

.dashboard .widget .field_chart .dashboard-chart .x_tick {
  top: 25px;
}

.dashboard .widget .field_chart .reloading {
  line-height: 70px !important;
  text-align: center;
  font-size: 70px;
  position: relative;
  top: 5px;
  color: #ebebeb;
}

.dashboard .widget .widget-subline {
  font-size: 16px;
  margin-top: 35px;
  text-align: center;
}

.dashboard .widget .widget-subline form {
  margin: 0;
}

.dashboard .widget .field_chart .description {
  margin-top: 40px;
  text-align: center;
}

.dashboard .widget .field_chart .description-form {
  margin-top: 37px;
  text-align: center;
}

.dashboard .widget .field_chart .loading-failed {
  display: block;
  text-align: center;
  font-size: 70px;
  position: relative;
  top: -10px;
}

.no-widgets {
  margin-top: 15px;
}

.sources th a {
  color: #0088cc;
}

.sources th a:hover {
  text-decoration: none;
  color: #4DBCE9;
  border-bottom: 1px dotted #4DBCE9;
}

.sources tbody tr a {
  color: #000;
}

.sources tbody tr a:hover {
  text-decoration: none;
  color: #4DBCE9;
  border-bottom: 1px dotted #4DBCE9;
}

.sources tbody tr button.dc-search-button {
  color: #0088cc;
}

.sources tbody tr a.dc-filter-link {
  border-bottom: 1px dotted;
}

.dynatable-per-page-label {
  font-size: 14px;
}

.dynatable-search {
  font-size: 14px;
}

.dynatable-search input, .dynatable-per-page select {
  position: relative;
  top: 3px;
  margin-left: 3px;
}

.dynatable-pagination-links li:first-child {
  display: none;
}

.field-graph-query-container {
  position: relative;
  padding-left: 10px;
}

.field-graph-query {
  font-family: monospace;
  color: #9da096;
}

.field-graph-container .reposition-handle {
  cursor: move;
}

.field-graph-container .merge-hint {
  text-align: center;
  position: relative;
  top: -115px;
  margin-bottom: -21px;
  display: none;
  z-index: 2000;
}

.field-graph-container .merge-hint span {
  padding: 15px 50px;
  font-size: 15px;
  color: #fff;
}

.field-graph-container .merge-drop-ready {
  background-color: #000;
}

.parse-error {
  background-color: #b94a48;
  color: #fff;
  padding-left: 2px;
  padding-right: 2px;
}

.field-graph-query-color {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 1px;
}

.messages th .sort-order {
  margin-left: 2px;
  font-size: 11px;
  color: #fff;
}

.messages th .sort-order:hover {
  color: #4DBCE9;
  text-decoration: none;
}

.messages th a:hover {
  text-decoration: none;
}

.messages th .sort-order-asc {
  position: relative;
  top: -1px;
}

.messages th .choose-sort-order {
  color: #fff;
}

.add-alert-type {
  margin-bottom: 0px;
}

.alert-type-form {
  display: none;
  font-size: 14px;
  margin-top: 15px;
}

.alert-type-form input[type=number], .alert-type-form input[type=text], .alert-type-form select {
  padding: 0 0 0 5px;
  height: 25px;
  width: 50px;
}

.alert-type-form input[type=text] {
  width: 200px;
}

.add-alert-destination-type {
  margin-bottom: 0px;
}

.alert-destination-form {
  display: none;
  font-size: 14px;
  margin-top: 15px;
}

#add-alert-receivers {
  margin-top: 15px;
}

#add-alert-receivers span.twitter-typeahead {
  vertical-align: middle;
}

.threshold-type {
  margin-left: 5px;
}

.alerts {
  position: relative;
  top: -10px;
  margin-bottom: -5px;
}

.alerts th a {
  color: #0088cc;
}

.alerts th a:hover {
  text-decoration: none;
  color: #4DBCE9;
  border-bottom: 1px dotted #4DBCE9;
}

.alerts tbody tr a {
  color: #000;
}

.alerts tbody tr a:hover {
  text-decoration: none;
  color: #4DBCE9;
  border-bottom: 1px dotted #4DBCE9;
}

.alert-condition .in-grace {
  color: #8c8e86;
}

.alert-condition .well {
  margin: 0;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}

.streameditpermissions, .dashboardeditpermissions {
  margin-top: 10px;
}

.query-exception {
  margin-bottom: 15px;
}

input.required-input-highlight {
  border-color: rgb(233, 50, 45);
  color: rgb(233, 50, 45);
}

.quickvalues .add-to-dashboard {
  color: #fff;
}

.quickvalues_widget table {
  width: 100%;
  margin-bottom: 0px;
}

.quickvalues_widget {
  padding-top: 15px;
}

.quickvalues_widget .nano {
  height: 250px;
}

.quickvalues_widget .widget-subline {
  margin-top: 15px !important;
}

.quickvalues_widget .spinner, .quickvalues_widget .widget-error-active {
  text-align: center;
  font-size: 70px;
  margin-top: 70px;
  margin-bottom: 124px;
  color: #ebebeb;
}

.quickvalues_widget table {
  table-layout: fixed;
}

.quickvalues_widget td {
  word-wrap: break-word;
}

.widget .replay-link {
  color: #000;
}

.widget .replay-link:hover {
  text-decoration: none;
}

.result-distribution h3 {
  display: inline;
}

hr.search-result-head-separator {
  margin-top: 5px;
  margin-bottom: 10px;
}

.dashboard .widget .search_result_chart .dashboard-search-result-chart {
  position: relative;
  top: 15px;
  height: 70px;
}

.dashboard .widget .search_result_chart .dashboard-search-result-chart .x_tick {
  top: 25px;
}

.dashboard .widget .search_result_chart .reloading {
  line-height: 70px !important;
  text-align: center;
  font-size: 70px;
  position: relative;
  top: 5px;
  color: #ebebeb;
}

.dashboard .widget .not-available {
  line-height: 70px !important;
  text-align: center;
  font-size: 70px;
  position: relative;
  top: 5px;
  color: #ebebeb;
}

.dashboard .widget .search_result_chart .description {
  margin-top: 40px;
  text-align: center;
}

.dashboard .widget .search_result_chart .description-form {
  margin-top: 37px;
  text-align: center;
}

.dashboard .widget .search_result_chart .loading-failed {
  display: block;
  text-align: center;
  font-size: 70px;
  position: relative;
  top: -10px;
}

.zeroclipboard-is-hover {
  // via .btn-default:hover from bootstrap
  color: #333;
  background-color: #d7d9d9;
  border-color: #c3c8c8;
  // bootstrap copy end
  cursor: move;
}

.zeroclipboard-is-active {
  color: #1a5273;
}

.result-highlight-colored {
  background-color: #fffcb0;
}

.result-highlight-control label {
  font-size: 12px;
  display: inline;
  position: relative;
  top: 3px;
}

.result-highlight-control input {
  font-size: 12px;
  display: inline;
}

#built-query .copy-clipboard {
  cursor: pointer;
}

.node-state {
  cursor: help
}

.node-row .dropdown-menu a.selected {
  font-weight: bold;
}

.annotation .content {
  margin-bottom: 10px;
  cursor: auto !important;
}

.xtrc-order-handle {
  cursor: pointer;
}

.xtrc-order-active {
  background-color: #00a5cf;
}

textarea.textarea-xlarge {
  width: 95%;
  height: 300px;
}

.extractor-json {
  font-family: monospace;
  font-size: 13px;
}

.scrollable-menu {
  max-height: 300px;
  overflow: auto;
}

.scrollable-table {
  width: 100%;
  overflow: auto;
}

.system-nav-list {
  margin-right: 30px;
}

.message-field-dropdown.dropup .dropdown-submenu.down-submenu > .dropdown-menu {
  top: 0px;
  bottom: auto;
  margin-top: -6px;
  margin-left: -1px;
  margin-bottom: 0;
  -webkit-border-radius: 0px 6px 6px;
  -moz-border-radius: 0px 6px 6px;
  border-radius: 0px 6px 6px;
}

.message-field-dropdown .dropdown-menu .dropdown-submenu.up-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
}

.alert-callbacks {
  margin-top: 8px;
}

.alert-callback {
  margin-top: 15px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  margin-top: 0px;
  margin-bottom: 8px;
}

.alert-callback .well {
  margin-bottom: 0px;
  margin-top: 3px;
  font-family: monospace;
  font-size: 11px;
}

.alert-callback dl {
  margin: 0;
  padding: 0;
}

.card {
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 300;
  background-color: #fafafa;
  border: 1px solid #ececec;
  border-radius: 2px;
  margin: 10px;
}

.card h1 {
  margin-bottom: 5px;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -1;
}

.card label {
  font-weight: inherit;
}

.card div {
  margin-left: 0;
}

.card ul li {
  margin-bottom: 5px;
}

.card.info p {
  margin: 0;
}

.card .configuration-bundles .bundle-preview {
  border: 1px solid #ececec;
  border-radius: 2px;
  background-color: #ffffff;
  padding: 20px;
}

.card .configuration-bundles .bundle-preview pre {
  background-color: #f5f5f5;
}

.configuration-bundles .accordion {
  background-color: #ffffff;
  border: 1px solid #ececec;
  border-radius: 2px;
}

.configuration-bundles .accordion-group {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #ececec;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

.configuration-bundles .accordion-inner {
  padding-left: 30px;
}

.configuration-bundles .accordion-inner .upload input[type="file"] {
  height: 32px;
}

.configuration-bundles .bundle-preview {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
  padding: 10px;
}

.configuration-bundles .bundle-preview .preview-actions form {
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 0px;
}

.configuration-bundles .bundle-preview .preview-actions form:first-child {
  margin-left: 0;
}

.configuration-bundles .bundle-preview pre {
  background-color: #cfcfcf;
}

.configuration-bundles .bundle-preview dd {
  margin-bottom: 10px;
}

.bundle-preview ul, .bundle-preview ol {
  margin: 0px 0px 10px 25px;
}

.bundle-preview ul {
  list-style-type: circle;
}

.build-content-pack button.select-all {
  margin-top: 7px;
  padding: 0;
}

#react-configuration-bundles {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

.form-inline label {
  margin-right: 10px;
}

.form-horizontal .help-block.help-standalone {
  line-height: 20px;
  margin-top: 7px;
}

.form-horizontal.pull-left label.control-label {
  width: auto;
}

.form-horizontal.pull-left div.controls {
  display: inline-block;
  float: right;
  margin-left: 20px;
}

.sources-filtering {
  margin-top: 20px;
}

.sources-filtering .control-group {
  margin-bottom: 0px;
}

#dc-sources-pie-chart svg {
  margin-top: 20px;
}

#dc-sources-pie-chart g.pie-slice.highlighted {
  fill-opacity: 0.8;
}

.form-horizontal .control-group .controls .checkbox-control:first-child {
  padding-top: 5px;
}

.form-horizontal .control-group .controls .checkbox-control label.checkbox {
  display: inline-block;
}

.form-horizontal .control-group .controls .checkbox-control span.help-inline {
  vertical-align: top;
}

form.extractor-form .control-group label {
  display: inline-block;
}

.fa-mini {
  font-size: 10px;
}

.configuration-bundles input[type="file"] {
  line-height: inherit !important;
}

#grok-pattern-list th.name {
  min-width: 200px;
}

#grok-pattern-list th.actions {
  min-width: 140px;
}

#grok-pattern-list td {
  word-break: break-all;
}

.btn-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  padding: 0;
  vertical-align: baseline;
}

.message-loader-form input {
  margin-right: 5px;
}

ul.streams {
  padding: 0;
  margin: 0;
}

ul.streams li.stream {
  display: block;
  padding: 15px 0px;
  border-bottom: 1px solid #6dcff6;
}

ul.streams li.stream .stream-data {
  margin-top: 8px;
}

ul.streams li.stream .stream-data .stream-actions {
  position: relative;
  float: right;
  right: 0px;
  bottom: 20px;
}

ul.streams li.stream .stream-data .stream-actions form.action-form {
  display: inline-block;
}

ul.streams li.stream .stream-data .stream-actions .btn-delete {
  margin-left: 15px;
  margin-right: 15px;
}

ul.streams li.stream .stream-data .stream-actions .btn-delete.last {
  margin-right: 0;
}

ul.streams li.stream .stream-description {
  margin-bottom: 3px;
}

ul.streams li.stream .streamrules-details {
  margin-top: 15px;
}

ul.streams li.stream .streamrules-list {
  margin: 0;
  padding: 0;
}

ul.streams li.stream .streamrules-list li {
  margin-bottom: 3px;
}

.stream-stopped {
  position: relative;
  top: -3px;
}

.breadcrumb {
  margin-bottom: 10px !important;
  margin-left: -15px;
  margin-right: -15px;
}

.graylog-node {
  margin-top: 15px;
}

.graylog-node-title {
  margin-top: 8px;
}

dl.graylog-node-state {
  margin-top: 0;
  margin-bottom: 0;
}

dl.graylog-node-state dt {
  float: left;
}

dl.graylog-node-state dd {
  margin-left: 180px;
}

.graylog-node .graylog-node-heap {
  margin-top: 10px;
}

.graylog-node .graylog-node-heap .progress {
  height: 25px;
  margin-bottom: 5px;
}

span.blob {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 2px;
}

.system-caret {
  margin-left: 3px;
}

#message-table-paginator-top {
  width: 90%;
}

#message-table-paginator-top ul {
  margin: 0;
}

#message-table-paginator-bottom {
  height: 75px;
}

#message-table-paginator-bottom nav {
  background-color: rgba(255,255,255,0.9);
}

#message-table-paginator-bottom .affix {
  border-top: 1px #ddd solid;
  bottom: 1px;
}

#message-table-paginator-bottom .affix-bottom {
  position: absolute;
}

.pagination-search-result {
  text-align: center;
  margin-top: -27px;
}

.pagination-search-result ul {
  margin: 0px;
  margin-left: 100px;
}

table.messages tbody.messages-main-body td {
  border-top: 0;
}

table.messages tbody.message-group {
  border-top: 0;
}

table.messages tbody.message-group-toggled {
  border-left: 5px solid #16ace3;
}

table.messages tr.fields-row {
  cursor: pointer;
}

table.messages tr.fields-row td {
  padding-top: 10px;
}

table.messages tr.message-row td {
  border-top: 0;
  padding-top: 0px;
  padding-bottom: 5px;
  font-family: monospace;
  color: #16ace3;
}

table.messages tr.message-row {
  margin-bottom: 5px;
  cursor: pointer;
}

table.messages tr.message-detail-row {
  display: none;
}

table.messages tr.message-detail-row td {
  padding-top: 5px;
  border-top: 0;
}

dl.message-details {
  margin-top: 10px;
  margin-bottom: 0px;
}

dl.message-details dt {
  font-weight: bold;
}

dl.message-details dd {
  margin-bottom: 5px;
  padding-bottom: 5px;
}

dl.message-details-fields dd {
  border-bottom: 1px solid #ececec;
}

dl.message-details dd.stream-list ul {
  list-style-type: disc;
  padding-left: 25px;
}

dl.message-details dd.stream-list ul li {
  margin-top: 3px;
}

table.messages {
  position: relative;
  left: -13px;
}

table.messages td, table.messages th {
  position: relative;
  left: 13px;
}

table.messages tr {
  border: 0 !important;
}

dl.message-details dd div.message-field-actions {
  padding-left: 10px;
  position: relative;
  top: -10px;
}
.greyed-out {
  filter:alpha(opacity=50); /* IE */
  opacity: 0.5; /* Safari, Opera */
  -moz-opacity:0.50; /* FireFox */
  z-index: 20;
}

// this overrides the .table-responsive overflow-x to be able to show the blue message-group-toggled bar
// if there's enough space. For lower widths we don't care about showing the bar (it's outside of the table's container,
// so it triggers the overflox-x scroll behavior).
@media(min-width: 600px) {
  .table-responsive {
    overflow-x: visible;
  }
}

div#navigation-bar ul.dropdown-menu li a {
  font-size: 12px;
}

div#navigation-bar ul.dropdown-menu {
  padding-top: 10px;
  padding-bottom: 10px;
}

div#navigation-bar ul.dropdown-menu li {
  padding: 2px 2px 2px 0;
}

div#navigation-bar ul.dropdown-menu li.divider {
  padding: 0;
}

.indexer-failures-body select.dynatable-per-page-select {
  position: relative;
  top: 0px;
}

table.indexer-failures {
  margin-top: 10px;
}

div.row-sm {
  margin-bottom: 5px;
}

.graylog-node-heap .progress, .react-buffer-usage .progress, #react-journal-info .progress {
  margin-bottom: 5px;
}

#react-journal-info .progress {
  margin-top: 10px;
}

#react-journal-info .progress .progress-bar {
  min-width: 3em;
}

.graylog-node-heap p {
  margin-bottom: 0px;
}

dl.system-system, dl.system-rest {
  margin-top: 5px;
  margin-bottom: 0px;
}

.table-sm {
  margin-bottom: 0px;
}
.graylog-input {
  margin-top: 15px;
  border-bottom: 1px
}

.graylog-input-actions {
  margin-top: 5px;
  text-align: right;
}

.graylog-input-subtitle {
  margin-top: 5px;
  margin-bottom: 0;
}

.graylog-input-error {
  position: relative;
  top: -4px;
  margin: 0;
  padding: 7px 7px 7px 10px;
}

.graylog-input-props {
  margin: 0;
  margin-top: 3px;
}

.graylog-input-props ul {
  margin: 0;
  padding: 0;
  font-family: monospace;
}

.graylog-input-metrics {
  margin-top: 5px;
}

.react-input-metrics {
  margin-top: 5px;
  font-size: 13px;
}

.input-io .value {
  font-family: monospace;
}

.input-io .persec {
  margin-left: 3px;
}

.input-io .channel-direction {
  position: relative;
  left: -1px;
}

.input-io .channel-direction-down {
  position: relative;
  top: 1px;
}

.input-io .channel-direction-up {
  position: relative;
  top: -1px;
}

#field-statistics th {
  cursor: pointer;
}