:root {
    --primary: #002EFF;
    --light: #ffffff;
    --grey: #efefef;
    --dark: #000;
}

.introCustomTexto {
    font-family: 'Barlow', sans-serif;
    width: 100%;
  }
.introCustomTexto h3{
    color:#004FB9;
    font-weight: bolder;
    font-size: 1.4rem;
}

  .customDefault { 
    color: red;
  }

  .introjs-helperNumberLayer
  {
    background:#004FB9;
  }

  

  .introCustomButtom{
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.3em 0.8em;
    border: 1px solid #004FB9;
    margin: 5px;
    text-decoration: none;
    font-size: 13px;
    color: #fff!important;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color:#004FB9;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    /* background-clip: padding-box; */
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    zoom: 1;
    *display: inline;
    margin-top: 10px;
  }

  .progress
  {
    margin-left: 10px;
  }

  .progress-bar
  {
    background-color: #ff3d00;
  }

  
.introjs-skipbutton 
{
  
  display: none;
}

.introjs-donebutton{
  order: 2;
  display: inline-block;
}



.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color:#9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
  display: none;
}


.icono
{

  font-size: 25px;

}
.introjs-helperLayer{
  border:none!important;
  box-shadow: none!important;
  background: none!important;
}