.spinner {
  width: 100px;
}
.spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}

#sliderMontant .slider-selection, #sliderDuree .slider-selection {
  background: #a4cb35;
}

#sliderMontant .slider-handle, #sliderMontant .in-selection, #sliderDuree .slider-handle, #sliderDuree .in-selection {
  background: #88A92E;
}

#showInput{
  display: none;
}

#hideButton{
  display: none;
}

#resultats{
  border: 1px solid #CCCCCC;
  padding: 20px;
  margin-top: 5%;
}

.btn-secondary{
  background-color: #CCCCCC;
  margin-bottom: 5px;
}

.btn-secondary:hover{
  background-color: #a4cb35;
}

label, td{
  color: grey;
}

td{
  padding: 1%;
}

h4, h1{
  color: #d11d8c;
}

h1{
  font-size: 1.36em;
  text-transform: uppercase;
  border-bottom: 1px solid #c0c8ce;
  padding-bottom: 1%;
  margin-bottom: 5%;
}

#resultTD{
  font-size: 130%;
  color: #d11d8c;
}

#other2 {
    margin: 20px 0;
}

#other2 img {
    max-width: 100%;
}

.row::after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 480px) {

.slider.slider-horizontal {
    width: 220px !important;
        margin-left: 15px;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    width: 55px !important;
}


}

@media screen and (max-width: 800px) {
    #hideSlider{
      display: none;
    }
    #showInput{
      display: block;
    }

    #showButton{
      display: none;
    }
    #hideButton{
      display: block;
    }
}