/* https://github.com/twbs/bootstrap/issues/1982#issuecomment-7814657 */

/* Rhys - 26-04-19 - Chnage border-bottom/border-top to 22 on a:before and a:after for bootstrap 4 */
.wizard a {padding: 10px 12px 10px 30px; margin-right:5px; background:#efefef; position:relative; display:inline-block; text-decoration:none; cursor:default; }
.wizard a:before {width:0px; height:0px; border-top: 22px inset transparent; border-bottom: 22px inset transparent; border-left: 20px solid #fff; position: absolute; content: ""; top: 0; left: 0;}
.wizard a:after {width:0px; height:0px; border-top: 22px inset transparent; border-bottom: 22px inset transparent; border-left: 20px solid #efefef; position: absolute; content: ""; top: 0; right: -20px; z-index:2;}
.wizard a:first-child:before {border:none; }
.wizard a:last-child:after {border:none;}

.wizard a:first-child {-moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius:   4px 0 0 4px; padding: 10px 12px 10px 12px;}
.wizard a:last-child {-moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius:   0 4px 4px 0;}

.wizard .badge {margin:0 5px 0 18px; position:relative; top:-1px;}
.wizard a:first-child .badge {margin-left:0;}

.wizard .current {background:#0060A4; color:#fff !important;}
.wizard .current:after {border-left-color:#0060A4;}