.step {
  display: none;
}

.bs-stepper-header{
  justify-content: center;
  margin-bottom: 10px;
}

.bs-stepper-content {
  padding: 0;
}

.bs-stepper .step-trigger{
  font-size: 0.7rem;
  padding: 10px;
}

.card-primary:not(.card-outline)>.card-header {
  background-color: #76226C;
}

.active .bs-stepper-circle {
  background-color: #76226C;
}

.card-footer .btn-primary {
  color: #fff;
  background-color: #76226C;
  border-color: #76226C;
  box-shadow: none;
}

.card-footer .btn-primary:not(:disabled):not(.disabled):active{
  color: #fff;
  background-color: #76226C;
  border-color: #76226C;
}

.callout.callout-warning {
  border-left-color: #76226C;
}

.firma #canvas-firma{
  border: 2px solid #76226C;
  width: 100%;
  height: 250px;
}

.firma #btn-limpiar-firma{
  float: right;
}

.firma .canvas-firma-error{
  color: #dc3545;
  margin-top: -2em;
  float: left;
}

.resumen{
  border: dotted 2px purple;
  background: gainsboro;
}

.wppchat{
  display:block;
  position:fixed;
  right:15px;
  transition:all 0.5s ease;
  z-index:2;
  margin-top: -2.7rem;
}

.wppchat img{
  width: 60px;
}


.wppchat:hover{
  transform:scale(1.2,1.2)
}

.card-header h3{
  padding-top: 1.2rem;
  font-weight: bold;
}

.card-header img{
  padding-top: 12px;
  font-weight: bold;
}

.card-footer .terminos{
  font-size: 1rem;
  font-weight: bold;
  text-decoration: underline;
}

@media all and (max-width:795px){
  .wppchat{
    right:5px;bottom: 55px;
  }

  .card-header h3{
    font-size: 1.5rem !important;
  }
}