
.wizard .actions ul {
  padding:0;
  margin:0;
  display: flex;
  justify-content: flex-end;
}
.wizard .actions li {
  padding:0;
  margin:0;
  list-style:none;
}
.wizard .steps ul {
  padding:0;
  margin:0;
  display: flex;
  text-align:center;
}
.wizard .steps li {
  padding:0;
  margin:0;
  list-style:none;
  position: relative;
}
.wizard > .steps > ul > li.current > a {
    color: var(--color-primary);
    cursor: default;
}
.wizard > .steps > ul > li a {
    position: relative;
    padding: 2em 1em 0 1em;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    display: block;
    width:100%;
    outline: 0;
    color: #999;
    text-decoration: none;
}
.wizard > .steps > ul > li.current .number {
    background-color: var(--color-primary);
    color:#fff;
    border-color: var(--color-primary);
    padding-bottom:1em;
}
.wizard > .steps > ul > li.done .number {
    color: var(--color-primary);
    border-color: var(--color-primary);
}
.wizard > .steps .number {
    background-color: #fff;
    color: #ccc;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1.1875rem;
    border: 2px solid #eee;
        border-top-color: rgb(238, 238, 238);
        border-right-color: rgb(238, 238, 238);
        border-bottom-color: rgb(238, 238, 238);
        border-left-color: rgb(238, 238, 238);
    font-size: 1.2rem;
    z-index: 10;
    line-height: 2rem;
    text-align: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50rem;
}
.wizard > .steps > ul > li.current::after, .wizard > .steps > ul > li.current ~ li::after, .wizard > .steps > ul > li.current ~ li::before {
    background-color: #eee;
}
.wizard > .steps > ul > li::after {
    right: 0;
}
.wizard > .steps > ul > li::after, .wizard > .steps > ul > li::before {
    content: '';
    display: block;
    position: absolute;
    top: 2.375rem;
    width: 50%;
    height: 2px;
    background-color: var(--color-primary);
    z-index: 9;
}
.wizard > .steps > ul > li.first::before, .wizard > .steps > ul > li:last-child::after {
  display:none;
}
.wizard .title, .audible {
  display:none;
}
.wizard .title.current {
  display:block;
}
.btn {
  margin: .5em;
}
input.error {
  border-color:#a94442;
}
label.error {
  padding: .5em  1em;
  margin-bottom: 1em;
  margin-top: .5em;
  border: 1px solid #ebccd1;
  border-radius: 4px;
  color: #a94442;
  background-color: #f2dede;
  font-weight: normal;
}
.panel-form {
  max-width:600px;
  margin-left:auto;
}
.panel-heading {
  background-color: var(--color-primary);
  border-color:var(--color-primary);
  color:#fff;
}
.panel {
  border-color:var(--color-primary);
  background: #fff;
}
.navbar-fixed-bottom, .navbar-fixed-top {
  position: relative;right:unset;top:unset;
}
#devis {
  background-color:#f7f7f7;
  background-size: 100vw auto;
  background-position: center top;
  background-repeat: no-repeat;
  min-height:100vh;
}
@media (max-width: 768px) {
  .panel-form {
    width:600px;
    max-width:98%;
    margin:auto;
  }
  #devis {
    background-image: none;
    min-height:auto;
  }
}
.navbar {
  margin-bottom: 0;
}
.navbar-default {
  background: #454d54 !important;
  color:#fff;
  padding:.5em;
}
.navbar-brand, .navbar-header {
    float: right !important;
    text-shadow: none;
}
.navbar-default .navbar-brand {
color:#fff!important;
}
header {
  display: none;
}
