h1 {
    font-family: Verdana, Geneva, sans-serif!important;
    color: #003854!important;
}

.btn {
    cursor: pointer;
}

.btn-primary {
    background-color: #FF9400!important;
    border-color: #FF9400!important;
}

.btn-success {
    background-color: #5A9664!important;
    border-color: #5A9664!important;
}

.btn-add {
    color: #fff;
    background-color: #5A9664!important;
    border-color: #5A9664!important;
    margin-left: 5px;
    margin-bottom: 5px;
}

a {
    /* color: #003854!important; */
    color: inherit !important;
}

h5 {
    color: #003854!important;
}

.navbar-nav a {
    color: #DDD!important;
}

.navbar-nav a:hover {
    color: #FFF!important;
}

a.nav-link.active {
    color: #fff!important;
}

.nav-tabs .nav-item .nav-link {
    color: #000!important;
    cursor: pointer;
}

.tab-pane {
    border: 1px solid #DDD;
    border-top: 0 transparent;
    padding: 10px;
}

.list-group-item-action {
    cursor: pointer;
}

/* Syntax Highlighting: This is used for formatting of monitoring messages*/
pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
.synh-string { color: #5A9664; }
.synh-number { color: #FF9400; }
.synh-boolean { color: #003854; }
.synh-null { color: #ff6699; }
.synh-key { color: #cc6600; }


.connector {
    border: 3px solid;
    border-radius: 7em;
    color: rgb(128, 128, 128);
    color: rgba(0, 0, 0, 0.5);
}

.arrow-right, .arrow-right-reversed {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid;
  color: #000000;
}

.arrow-left, .arrow-left-reversed {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right:6px solid;
  color: #000000;
}

.form-control-sm {
  height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}