body {
    background: url('../img/kbg.jpg');
    background-position: fixed;
    background-size: cover;
}

.wizard-footer .btn-wd,
.wizard-card[data-color="red"] .moving-tab {
    background: #65bde8 !important;
}

.wizard-card[data-color="red"] .moving-tab {
    box-shadow: 0 16px 26px -10px rgba(101, 189, 232, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}

.wizard-card[data-color="red"] .form-group .form-control {
    background-image: linear-gradient(#65bde8, #65bde8), linear-gradient(#D2D2D2, #D2D2D2)
}

.wizard-footer .btn.btn-primary,
.wizard-footer .btn.btn-primary:hover,
.wizard-footer .btn.btn-primary:focus,
.wizard-footer .btn.btn-primary:active,
.wizard-footer .btn.btn-primary.active,
.wizard-footer .btn.btn-primary:active:focus,
.wizard-footer .btn.btn-primary:active:hover,
.wizard-footer .btn.btn-primary.active:focus,
.wizard-footer .btn.btn-primary.active:hover {
    box-shadow: 0 14px 26px -12px rgba(101, 189, 232, 0.56), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
    background-color: #65bde8 !important;
}

.add-btn span {
    padding: 2px 4px;
    color: #fff;
    border-radius: 2px;
    font-size: 13px;
    cursor: pointer;
}

.remove-btn {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    width: 20px;
    border-radius: 50%;
    font-size: 20px;
    padding-left: 6px;
    cursor: pointer;
    color: #d9534f;
}