.web-compta-command-bar {
    background-color: #f8f8f8;
    padding: 5px;
    /* min-height: 60px !important; */
    /* border-bottom: 1px solid #c1c1c1; */
    margin-bottom: 15px;
    margin-top: 15px;
    margin-right: 25px;
    margin-left: 25px;
    -moz-box-shadow: 0px 3px 10px 1px #d8d8d8;
    -webkit-box-shadow: 0px 3px 10px 1px #d8d8d8;
    -o-box-shadow: 0px 3px 10px 1px #d8d8d8;
    box-shadow: 0px 3px 5px 1px var(--bundle-btn-secondary);
    border-raduis: 12px;
    border-radius: 12px 12px 12px 12px;
}

.web-compta-command-bar-flat {
    background-color: #f8f8f8;
    padding: 5px;
    min-height: 60px !important;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 15px;
}

.web-compta-notification-bar {
    background-color: #f8f8f8;
    padding: 5px;
    min-height: 45px;
    height: 45px;
    border-top: 1px solid #c1c1c1;
    margin-top: 15px;
    -moz-box-shadow: 0px -3px 10px 1px #d8d8d8;
    -webkit-box-shadow: 0px -3px 10px 1px #d8d8d8;
    -o-box-shadow: 0px 3px -10px 1px #d8d8d8;
    box-shadow: 0px -3px 10px 1px var(--bundle-bg-clair-color);
}

.web-compta-command-bar-vertical {
    /* background-color: #f8f8f8; */
    /* padding: 5px; */
    border: 1px solid rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    background-color: #ffffff;
    padding: 7px 10px 0 10px;
    border: none;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    border-radius: 12px !important;!i;!;
    /* margin-right: 0px; */
}

.web-compta-command-bar.affix {
top: 50px;
z-index: 1001;
margin-top: 0px !important;
background-color: #f8f8f8;
padding: 5px;
min-height: 45px;
width: 100%;
-moz-box-shadow: 0px 3px 10px 1px #d8d8d8;
-webkit-box-shadow: 0px 3px 10px 1px #d8d8d8;
-o-box-shadow: 0px 3px 10px 1px #d8d8d8;
box-shadow: 0px 3px 10px 1px #d8d8d8;
}

.nax-border-shadow:hover {
background-color: #ffffff;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
border: 1px solid rgba(0, 0, 0, 0.23);
color: #FF9800;
}

.wizard > .steps > ul > li.current > a > .number {
background-color: var(--dex-blue-principal-color);
}

.wizard > .steps > ul > li.error > a > .number {
background-color: #ed5466 !important;
}

.wizard > .steps > ul > li.done > a > .number {
background-color: #91c854 !important;
}

@media (min-width: 768px) {
.wizard > .steps > ul > li.current:first-child > a:after {
    background-image: linear-gradient(to right, var(--dex-blue-principal-color) 0%, #dde4e6 100%) !important;
}

.wizard > .steps > ul > li.error:first-child > a:after {
    background-image: linear-gradient(to right, #ed5466 0%, #dde4e6 100%) !important;
}

.wizard > .steps > ul > li.done:first-child > a:after {
    background-image: linear-gradient(to right, #91c854 0%, #dde4e6 100%) !important;
}

.wizard > .steps > ul > li.current > a:after {
    background-image: linear-gradient(to right, var(--dex-blue-principal-color) 0%, var(--dex-blue-principal-color) 50%, #dde4e6 100%) !important;
}

.wizard > .steps > ul > li.error > a:after {
    background-image: linear-gradient(to right, #ed5466 0%, #ed5466 50%, #dde4e6 100%) !important;
}

.wizard > .steps > ul > li.done > a:after {
    background-image: linear-gradient(to right, #dde4e6 0%, #91c854 50%, #dde4e6 100%) !important;
}

.wizard > .steps > ul > li.current:last-child > a:after {
    background-image: linear-gradient(to right, #dde4e6 0%, Var(--dex-blue-principal-color) 100%) !important;

}

.wizard > .steps > ul > li.error:last-child > a:after {
    background-image: linear-gradient(to right, #dde4e6  0%, #ed5466 100%) !important;
}

.wizard > .steps > ul > li.done:last-child > a:after {
    background-image: linear-gradient(to right, #dde4e6 0%, #91c854 100%) !important;
}
}