/* This hides the silly number spin buttons in the inputs */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type='number'] {
    -moz-appearance: textfield;
    width: 70px;
}

.input-group-prepend {
  cursor:pointer
}

a>.badge {
  vertical-align: middle;
  margin-top: -0.3em;
}

.flex-container {
  display: flex;
  flex-direction: row;
  z-index:1;
  position:relative;
}

.btn-preset {
  margin-top:15px
}

.presetslider {
  margin-left:-30px
}

.ilr-preset {
  margin-top:-12px
}

.second {
  margin-top:-23px;
  margin-bottom:-40px;
}

svg {
  horizontal-align:middle;
  vertical-align:middle;
  z-index:100;
  position:relative;
}

.input-group-prepend {
  cursor:pointer
}

.container{
  max-width:992px;
  margin:0 auto;
  padding-bottom:10rem;
}

.documentation{
  max-width:769px;
}

body {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

[class*='col'] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.stickything {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 10;
}

.baseline {
  background-color: #cce5ff
}

.proposed {
  background-color: #d4edda
}

.common {
  background-color: #e2e3e5
}

.presettext {
  max-width: 7.5rem
}

.presetrow .col {
  padding-top: 0rem;
  padding-bottom: 1rem;
}

.slidertext {
  max-width: 7.5rem
}

.sliderrow .col {
  padding-top: 0rem;
  padding-bottom: 1rem;
}


p.result-label {
  font-size: 1.2rem;
  float: left;
  clear: left;
  margin-bottom: 0rem;
  font-weight: 500;
  white-space: nowrap;
}

p.result {
  font-size: 1.2rem;
  float: right;
  clear: right;
  margin-bottom: 0rem;
}

div.col-md.result {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

div.card-body.result {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.float-right {
  float: right;
}

:target {
   background: #fff3cd;
}