@charset "utf-8";
/* CSS Document */

.wizard a {
    padding: 10px 5px 10px 25px;
    margin-right: 3px;
  /*  background: #efefef;*/
    position: relative;
    display: inline-block;
       text-align: center;
   text-decoration: none;
       margin-bottom: 20px;
   color: #fff;
}
.wizard-red-bg{ background-color: #fa573c;}
.wizard-red-bg:after {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #fa573c;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}
.wizard-red-bg:before {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.wizard-orange-bg{ background-color: #ffad46;}
.wizard-orange-bg:after {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #ffad46;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}
.wizard-orange-bg:before {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.wizard-light-green-bg{ background-color: #b3dc6c;}
.wizard-light-green-bg:after {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #b3dc6c;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}
.wizard-light-green-bg:before {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.wizard-green-bg{ background-color: #16a765;}
.wizard-green-bg:after {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #16a765;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}
.wizard-green-bg:before {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.wizard-light-blue-bg{ background-color: #9fc6e7;}
.wizard-light-blue-bg:after {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #9fc6e7;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}
.wizard-light-blue-bg:before {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.wizard-blue-bg{ background-color: #4986e7;}
.wizard-blue-bg:after {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #4986e7;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}
.wizard-blue-bg:before {
    width: 0;
    height: 0;
    border-top: 35px inset transparent;
    border-bottom: 35px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}



.wizard a:first-child:before,
.wizard a:last-child:after {
    border: none;
}
.wizard a:first-child {
    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
}
.wizard a:last-child {
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}
.wizard .badge {
    margin: 0 5px 4px 18px;
    position: relative;
    top: -1px;
font-size: 22px;
    background: transparent;
}
.wizard a:first-child .badge {
    margin-left: 0;
}
.wizard .current {
    background: #007ACC;
    color: #fff;
}
.wizard .current:after {
    border-left-color: #007ACC;
}