.wizard-form .nav-tabs.steps > li > a > span:first-child {
    background-color: #dfe6fe;
    color: #2a3f54;
}
.wizard-form .nav-tabs.steps > li > a::before {
    background-color: #dfe6fe;
}
.wizard-form .nav-tabs.steps > li > a > span:last-child > span,
.wizard-form .nav-tabs.steps > li.active > a > span:last-child > span {
    color: #2a3f54;
}

.wizard-form .nav-tabs.steps > li.active > a::before,
.wizard-form .nav-tabs.steps > li.active > a > span:first-child {
    background-color: #c1c1ff;
}

.plan-sortable,
.zone-sortable,
.surface-sortable,
.procedure-sortable,
.tache-sortable {
    border-color: transparent;
}

.plan-sortable:after,
.zone-sortable:after,
.surface-sortable:after,
.procedure-sortable:after,
.tache-sortable:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -7px;
    width: 7px;
    border-radius: 10px;
    background-color: #1e408a;
}
.plan-sortable:after {
    background-color: #8f67d4;
}
.zone-sortable:after {
    background-color: #ffc107;
}
.surface-sortable:after {
    background-color: #5bc0de;
}
.tache-sortable:after {
    background-color: #37ba5a;
}

.zone-sortable .procedure-sortable {
    border-radius: 0;
}
.zone-sortable .procedure-sortable:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.zone-sortable .procedure-sortable:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.page-sortable {
    border-radius: 10px;
}