.nav-wizard > li {

  float: left;

}

.nav-wizard > li > a {

	position: relative;

	background-color: #eeeeee;

	color: #666;

  text-decoration: none;

  transition: none;

  padding-bottom: 9px!important;

}

.nav-wizard > li > a .badge {

  margin-left: 3px;

  color: #eeeeee;

  background-color: #C12E2A;

}

.nav-wizard > li:not(:first-child) > a {

  padding-left: 34px;

}

.nav-wizard > li:not(:first-child) > a:before {

  width: 0px;

  height: 0px;

  border-top: 22px inset transparent;

  border-bottom: 20px inset transparent;

  border-left: 20px solid #ffffff;

  position: absolute;

  content: "";

  top: 0;

  left: 0;

}

.nav-wizard > li:not(:last-child) > a {

  margin-right: 6px;

}

.nav-wizard > li:not(:last-child) > a:after {

  width: 0px;

  height: 0px;

  border-top: 22px inset transparent;

  border-bottom: 20px inset transparent;

  border-left: 20px solid #eeeeee;

  position: absolute;

  content: "";

  top: 0;

  right: -20px;

  z-index: 2;

}

.nav-wizard > li:first-child > a {

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;

}

.nav-wizard > li:last-child > a {

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;

}

.nav-wizard > li:hover > a {

  background-color: #d5d5d5!important;

}

.nav-wizard > li:hover > a:before {

  border-right-color: #d5d5d5;

}

.nav-wizard > li:hover > a:after {

  border-left-color: #d5d5d5;

}

.nav-wizard > li.active > a,

.nav-wizard > li.active > a:hover,

.nav-wizard > li.active > a:focus {

  color: #ffffff;

  background-color: #004D00!important;

  text-decoration: none;

}

.nav-wizard > li.active > a:after {

  border-left-color: #004D00;

}

.nav-wizard > li.active > a .badge {

  color: #428bca;

  background-color: #ffffff;

}

.nav-wizard > li.disabled > a {

  color: #999999;

  text-decoration: none;

}

.nav-wizard > li.disabled > a:hover,

.nav-wizard > li.disabled > a:focus {

  color: #999999;

  text-decoration: none;

  background-color: transparent;

  cursor: not-allowed;

}

.nav-wizard.nav-justified > li {

  float: none;

}

.nav-wizard.nav-justified > li > a {

  padding: 10px 15px;

}

@media (max-width: 768px) {

  .nav-wizard.nav-justified > li > a {

    border-radius: 4px;

    margin-right: 0;

  }

  .nav-wizard.nav-justified > li > a:before,

  .nav-wizard.nav-justified > li > a:after {

    border: none !important;

  }

}