/* Space out content a bit */
/*body {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color:#e0e0e0;
}*/
#simulador #page-wrapper{
  padding: 0 25px;
}
/* Everything but the jumbotron gets side spacing for mobile first views */
#simulador .header,
#simulador .marketing,
#simulador .footer {
  padding-left: 15px;
  padding-right: 15px;
}

/* Custom page header */
#simulador .header {
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
#simulador .header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}

/* Custom page footer */
#simulador .footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 768px) {
  #simulador .container {
    max-width: 730px;
  }
}
#simulador .container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
#simulador .jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
#simulador .jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
#simulador .marketing {
  margin: 40px 0;
}
#simulador .marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  #simulador .header,
  #simulador .marketing,
  #simulador .footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* Space out the masthead */
  #simulador .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  #simulador .jumbotron {
    border-bottom: 0;
  }
}
#simulador .chart {
    background: #eee;
    padding: 3px;
}

#simulador .chart div {
  width: 0;
  transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
}

#simulador .chart div {
  font: 10px sans-serif;
  background-color: steelblue;
  text-align: right;
  padding: 3px;
  margin: 5px;
  color: white;
  box-shadow: 2px 2px 2px #666;
}


#simulador .slider .ui-slider-handle {
  /*border-color: #2196F3; */
}

#simulador .ui-slider-horizontal{
  height:6px;
  /*margin-bottom: 15px;*/
  margin-top: 5px;
}
#simulador .slider-container .input-container{
  width: 100%;
  padding:0;
  margin-top: 10px;
  margin-bottom: 0px;
}

#simulador .input-container2{
  width: 100%;
  padding:0;
  margin-top: 15px;
  margin-bottom: 15px;
}



#simulador .slider-container .ui-slider .ui-slider-handle {

  width: 12px;
  height: 12px;
  top: -4px;
}

#simulador .sliderInv .ui-slider-range {
  background:#F08799;


}
#simulador .negative-slider .sliderInv.ui-slider-horizontal{
  background: #B6EBE6;
  /*background: #B6EBC1;*/

}

#simulador .slider .ui-slider-range {
  background: #B6EBE6;
  /*background: #B6EBC1; */


  /*background:#F08799;*/

}



#simulador .negative-slider .slider.ui-slider-horizontal{
  background:#F08799;

  /*background: #B6EBE6; */

}

#simulador .sliderNeutral .ui-slider-range {
  /*background: #2196F3; */

  background:#B7C9DF;

}

#simulador .center-content{
  text-align:center;
}

#simulador .industry-selector .md-text {
  width: 1000px;
  font-size: 0.8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#simulador .button-icon{
  border:1px solid lightgrey;
  cursor:pointer;
  float:right;
  margin-top: -9px;
  padding: 1px;
}

#simulador md-input-container .md-errors-spacer {
    float: right;
    min-height: 0px;
    min-width: 0px;
}
#simulador .form-control{
  margin: 10px 0px;
}
#simulador .light-gray-bg {
  background: #EFEFF0;
  padding-bottom: 8px;
}

#simulador md-card.md-analyticboard-theme, md-card.rounded {
    border-radius: 5px!important;
}

#simulador  md-card md-card-content.driversCont{
  padding: 5px;
  background-color: #fbfbfb;
  border-radius: 5px
}

#simulador md-input-container .md-input{
  border-style: dashed;
  border-color: #eeee;
  margin-top: 15px;
}

#simulador md-input-container.md-input-focused .md-input{

  background-color: #fafafa;
  border-width: 1px;

}

#simulador .slidersCont{
  height: 150px;
  overflow-y: auto;
  padding: 10px 20px;
  margin: -5px -15px;
}
#simulador .slidersCont2{
  height: 378px;
  overflow-y: auto;
  padding: 10px 20px;
  margin: -5px -15px;
}
#simulador .slidersContAll{
  height: 286px;
  overflow-y: auto;
}
#simulador .slidersContCompany{
  height: 585px;
  overflow-y: auto;
  padding: 10px 20px;
  margin: -5px -15px;
}

#simulador md-input-container .md-input.entorno{
  margin-top: 0px;
}
#simulador .indicatorCard{
  height: 70px;
}
#simulador .indicatorCard md-card-content{
  padding: 5px
}

#simulador .ui-widget-content {
  border: 1px solid #ddd;
}
#simulador .positiveNumber{
  color:#46968e;
}
#simulador .negativeNumber{
  color:#FD3A58;
}
#simulador .md-caption {
    font-size: 14px;
    letter-spacing: 0.020em;
}
#simulador md-input-container label:not(.md-no-float):not(.md-container-ignore), md-input-container .md-placeholder
{
    overflow: initial;
}

#simulador md-select-value p{
  font-size: 16px;
  text-transform: capitalize;
}

md-option.companyList p {
    font-size: 18px;
    text-transform: capitalize;
}
#simulador .selectCompany{
  padding: 0%;
  margin: 0%;
  padding-top: 15px;
  width: 100%;
}

#simulador .selectCompany{
  padding: 0%;
  margin: 0%;
  padding-top: 15px;
  width: 100%;
}

#simulador .btn-whatsapp-pulse {
  background: #25d366;
  color: white;
  bottom: 20px;
  right: 20px;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  padding: 25px;
  text-decoration: none;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  80% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}

#simulador .btn-whatsapp-pulse-border {
  bottom: 120px;
  right: 20px;
  animation-play-state: paused;
}

#simulador .btn-whatsapp-pulse-border::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  padding: 25px;
  border: 5px solid #25d366;
  opacity: 0.75;
  animation-name: pulse-border;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes pulse-border {
  0% {
    padding: 25px;
    opacity: 0.75;
  }
  75% {
    padding: 50px;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

#simulador .icon{
  margin: 0 10px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  position: relative;
  z-index:2;
}

#simulador .icon span{
  position:relative;
  z-index:2;
  height: 30px;
  width: 30px;
  background: #fff;
  box-shadow: 0 10px 10px rgba(0,0,0,0.1);
  border-radius:50%;
  text-align:center;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#simulador .icon .tooltip{
  width: 350px;
  position:absolute;
  top:0px;
  background: #333;
  box-shadow: 0 10px 10px rgba(0,0,0,0.1);
  font-size: 20px;
  padding: 10px 18px;
  border-radius: 25px;
  color:white;
  opacity:0;
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#simulador .icon:hover .tooltip{
  opacity:1;
  pointer-events: auto;
  top:-100px;
}

#simulador .icon .tooltip:before{
  position:absolute;
  content:"";
  height:15px;
  width:15px;
  bottom:-8px;
  left:50%;
  transform: translateX(-50%) rotate(45deg);
}

#simulador .icon:hover span,
.icon:hover .tooltip{
  text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
}

#simulador .icon:hover span{
  color: #fff;
}

#simulador .infoButton:hover span,
.iinfoButton:hover .tooltip,
.infoButton:hover .tooltip:before{
  background:#333;
}