:root{
  --custom-primary: #13cca7;
  --custom-primary-dark: #199379;
  --custom-secondary: #b8b8b8;
}

.shadow-custom{
  box-shadow: 1em 0.5rem 1rem rgba(0,0,0,.15)!important;
}

.btn-primary{
  background: var(--custom-primary)!important;
  border-color: var(--custom-primary)!important;
}

.text-custom-primary{
  color: var(--custom-primary)!important;
}

.btn-primary:hover{
  background: var(--custom-primary-dark)!important;
  border-color: var(--custom-primary-dark)!important;
}


.btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active{
  background: var(--custom-secondary);
  border-color: var(--custom-secondary);
}

ul.stepper li.active a .circle{
  background: var(--custom-primary)!important;
}

ul.stepper li.completed a .circle{
  background: var(--custom-primary-dark)!important;
}

/** NavBar **/
#navbarCollapse > ul > li{
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  position: relative;
}

#navbarCollapse > ul > li > a{
  font-family: "Roboto", Sans-serif;
  font-size: 16.5px;
  font-weight: bold;
  text-transform: uppercase;
  color:var( --e-global-color-secondary );
  padding: 13px 20px;
  line-height: 20px;
}