.card .card-body {
  padding: 1rem 0rem;
}

.wizard > .content > .body {
    width: 100%;
    height: 100%;
}

.wizard > .content {
    margin-bottom: 13px;
}

.wizard > .steps > ul > li {
  width: 33.3%;
}

@media only screen and (max-width: 600px) {
    .wizard > .steps > ul > li {
        width: 100%;
    }
}

@media only screen and (min-width: 768åpx) {
    .wizard > .steps > ul > li {
        width: 33.3%;
    }
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover, 
.wizard > .steps .done a:active {
    background-color: #17C653;
    color: #fff;
}

.wizard > .actions a, .wizard > .actions a:hover {
    padding-top: calc(1px + 0.825rem);
    padding-right: calc(1px + 1.75rem);
    padding-bottom: calc(1px + 0.825rem);
    padding-left: calc(1px + 1.75rem);
}

.required::after{
    display: none;
}