body {
  padding-top: 75px;
  padding-bottom: 30px;
}
html {
  font-size: 14px;
}

.table td, .table th {
  padding: 0.3rem;
}

.card-title {
  margin-bottom:0;
}

nav div.navbar-brand {
  width: 35px;
}
nav.navbar-fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  background: white url(../i/product-logo.png) no-repeat scroll left top;
  background-size: 50px 50px;
  background-position: 20px 12px;
  padding-left: 35px;
  max-height: 65px;
  height: 65px;
  border-bottom: 1px solid #999;
}

#internals .card {
  margin-bottom: 1em;
}

div#main-console-window {
  width: 100%;
  height: 40em;
  overflow-y: scroll;
}
div#main-console-window div.row{
  font-family: monospace, serif;
  font-size: 0.8em;
  margin-right: 5px;
  margin-left: 5px;
}

div#console-state {
  position:relative;
  margin-bottom:-1.7em;
  margin-right:5px;
  z-index:2000;
  float:right;
}

#main-console-prompt input {
  position: relative;
  z-index:1000;
  width: 100%;
}

#main-log-window div.row {
  margin-right: 0px;
  margin-left: -10px;
}

div.nav-line {
  z-index:1040;
  width: 100%;
  margin-top: 63px;
  margin-left: 83px;
}
#viewTab {
  margin-left: 45px;
  margin-top: 2.5em;
  border:none;
}
a.nav-link {
  margin-left: 0em;
}

#headerinfo {
  margin-top: -10px;
  position:absolute;
  right:1em;
  top:2em;
}

@media (max-width:768px) {
  #viewTab {
    background: white;
    border-bottom: 1px solid #999;
    margin-left: 0px;
    margin-top: 66px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
  }
  #headerinfo {
    position:relative;
    top:0;
    margin-top:0;
  }
  a.nav-link {
    margin-top: 5px;
    margin-left: 1em;
  }
}

.theme-dropdown .dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 20px;
}

div.theme-showcase {
  padding-left: 78px;
}
.theme-showcase > p > .btn {
  margin: 5px 0;
}

.check-details dl {
overflow: hidden;
}
.check-details dd,
.check-details dt {
  float:left;
  width:50%;
  padding:0;
  margin:0;
}
.check-details-main dt {
  width:20%;
}
.check-details-main dd {
  width:80%;
}

#license progress {
  margin-top: 4px;
  margin-bottom: 0;
}
.snowth-ingestion dl {
  -webkit-margin-after: 0;
  -webkit-margin-before: 0;
}
.snowth-ingestion dd {
  text-align:right;
}
#check-table tr.check td,
#internal table td {
  font-size: 0.9em;
}
#internals tr.backq {
  display:none;
}
.text-left {
  text-align:left;
}
.text-right {
  text-align:right;
}
.text-center {
  text-align:center;
}
#topology div.jumbotron {
  padding: 1em 3em;
}
#internals table td:first-child,
#internals table th:first-child {
  padding-left: 1em;
}
.destinations progress {
  margin-top: 4px;
  margin-bottom: 0px;
}
.destinations div.progress-holder {
  padding-left:0;
  padding-right:5px;
}
.latency .card-header {
  padding: 0.25rem 1.75rem;
}
.latency .card-title h3 {
  margin-bottom:0;
}
.latency .card-title h4 {
  margin-bottom:0;
}
.latency .card-title h4 small {
  font-size:0.7em;
}

.recon-types progress {
  margin-top: 4px;
  margin-bottom: 0px;
}
.recon-types div.progress-holder {
  padding-left:0;
  padding-right:5px;
}
.recon .card-header {
  padding: 0.25rem 1.75rem;
}
.recon .card-title h3 {
  margin-bottom:0;
}
.recon .card-title h4 {
  margin-bottom:0;
}
.recon .card-title h4 small {
  font-size:0.7em;
}
div.card-dark,
table.card-dark,
div.tag-dark {
  background-color: #333; border-color: #333;
}
tr.check-details.collapse.in {
  display: table-row;
}
.label-none {
  background-color: #fff;
}

div#main-log-window {
  height: 10em;
  overflow-y: scroll;
}
div#main-log-window div.row{
  font-family: monospace, serif;
  font-size: 0.8em;
}

div#stateview div.row div.card-block > div {
  margin-left: 1em;
}
div#stateview p {
  font-size: 0.9em;
}
ul.noit-proto > li {
  clear:both;
}
ul.noit-proto-cmd > li {
  list-style-type: none;
  display: inline;
  padding-left: 0.2em;
  float: left;
}
ul.noit-proto-cmd > li:after {
  content: ", ";
}
ul.noit-proto-cmd > li:last-child:after {
  content: ""
}

#internals table tbody button.tag {
  margin-right:0.5em;
}

span.snowth-latency {
  white-space: nowrap;
}
/* histogram stuff */

div#modal-histogram {
  width:600px;
  position:relative;
}

svg {
  font: 10px sans-serif;
}

.hidden {
  display:none;
}
rect.bin {
  fill: steelblue;
}
rect.bin-less {
  fill: green;
}
rect.bin-select {
  fill: grey;
  fill-opacity: 0.8;
}
rect.bin-select {
  fill: grey;
  fill-opacity: 0.8;
}
rect.qbar {
  fill: url(#lightstripeflip);
  fill-opacity: 0.7;
}
rect.iqr0-25, rect.iqr25-50 {
  fill: url(#lightstripe);
}
rect.iqr0-25, rect.iqr75-100 {
  fill-opacity: 0.4;
}
line.qbar {
  stroke: green;
  stroke-width: 0.5px;
}
line.iqr50 {
  stroke: green;
  stroke-width: 1px;
}
div.tooltip {
  position: absolute;
  text-align: center;
  padding: 2px 8px;
  font: 11px sans-serif;
  background: lightsteelblue;
  border: 0px;
  border-radius: 4px;
  pointer-events: none;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

table#http-client-table {
  width: 100%;
  table-layout:fixed;
}
table#http-client-table tbody {
  font-size: 0.8em;
  color: black;
}
span.http-client-qs:not(:empty):before {
  content: "?";
}
span.http-client-read-complete:not(:empty):before {
  content: '\2192\00a0';
}
span.http-client-response-complete:not(:empty):before {
  content: '\2192\00a0';
}
table#http-client-table th:first-child {
  width:25px;
}
table#http-client-table td:first-child button {
  padding: 2px 3px 0px 3px;
}
td.http-client-long,
th.http-client-long
{
  width: 40%;
  max-width: 600px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.toggle.btn-sm {
  min-height: 2em;
}

#http-client-refresh {
  float:right;
}
#http-client-refresh div.toggle.btn-sm {
  min-width: 120px;
}
#http-client-table .status-2 {
  background:
    linear-gradient(to right, rgba(180,240,180,0.4), rgba(180,240,180,0.4)),
    linear-gradient(to right, transparent, white, white)
    ;
    background-blend-mode: darken
}
#http-client-table .status-3 {
  background:
    linear-gradient(to right, rgba(180,240,240,0.4), rgba(180,240,240,0.4)),
    linear-gradient(to right, transparent, white, white)
    ;
    background-blend-mode: darken
}
#http-client-table .status-4 {
  background:
    linear-gradient(to right, rgba(255,183,58,0.4), rgba(255,183,58,0.4)),
    linear-gradient(to right, transparent, white, white)
    ;
    background-blend-mode: darken
}
#http-client-table .status-5 {
  background:
    linear-gradient(to right, rgba(221,77,77,0.4), rgba(221,77,77,0.4)),
    linear-gradient(to right, transparent, white, white)
    ;
    background-blend-mode: darken
}
#http-client-table .in-progress {
  background-blend-mode: screen;
}
div.http-client-modal-popup {
  border: 1px solid #999;
  background: rgba(255,255,255,1);
  padding: 0.5em 1em;
  position:absolute;
  z-index:1000;
}

.badge-lifo {
  background-color: #52a04d;
}
.badge-fifo {
  background-color: #217dc3;
}
