.planning_red {
    background-color: rgb(235 157 157) !important;
}

.planning_green {
    background-color: rgb(147 203 143) !important;
}

.planning_orange {
    background-color: rgb(252, 189, 137) !important;
}

.color_white {
    color: white;
}

.btn_blue {
    color: white;
    background-color: #27a4e1;
    border-color: #26a2df;
}

.correct_margin_top_interv {
    display: flex;
}

.cent_vh {
    height: 500px;
}

.fix_design {
    border-bottom: none !important;
}

.leaflet-popup-content {
    line-height: 1.3;
    margin: 3px 5px !important;
}

.btn_light_green {
    color: green;
    background-color: rgba(0, 128, 0, 0.329);
    border-color: transparent;
}

.btn-light-green {
    color: green;
    background-color: rgba(0, 128, 0, 0.329);
    border-color: transparent;
}

.label.label-outline-green {
    background-color: transparent;
    color: #219e01;
    border: 1px solid #219e01;
  }
  .label.label-outline-green.label-outline-2x {
    border: 2px solid #219e01;
  }

.btn.btn-light-green i {
    color: #219e01;
  }
  .btn.btn-light-green .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #219e01;
  }
  .btn.btn-light-green .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-green.dropdown-toggle:after {
    color: #219e01;
  }
  .btn.btn-light-green:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-green:focus:not(.btn-text), .btn.btn-light-green.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #219e01;
    border-color: transparent;
  }
  .btn.btn-light-green:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-green:focus:not(.btn-text) i, .btn.btn-light-green.focus:not(.btn-text) i {
    color: #ffffff;
  }
  .btn.btn-light-green:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-green:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-green.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
  }
  .btn.btn-light-green:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-green:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-green.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-green:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-green:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-green.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff;
  }
  .btn.btn-light-green.disabled, .btn.btn-light-green:disabled {
    color: #219e01;
    background-color: #EEE5FF;
    border-color: transparent;
  }
  .btn.btn-light-green.disabled i, .btn.btn-light-green:disabled i {
    color: #219e01;
  }
  .btn.btn-light-green.disabled .svg-icon svg g [fill], .btn.btn-light-green:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #219e01;
  }
  .btn.btn-light-green.disabled .svg-icon svg:hover g [fill], .btn.btn-light-green:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-green.disabled.dropdown-toggle:after, .btn.btn-light-green:disabled.dropdown-toggle:after {
    color: #219e01;
  }
  .btn.btn-light-green:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-green:not(:disabled):not(.disabled).active, .show > .btn.btn-light-green.dropdown-toggle, .show .btn.btn-light-green.btn-dropdown {
    color: #ffffff;
    background-color: #219e01;
    border-color: transparent;
  }
  .btn.btn-light-green:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-green:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-green.dropdown-toggle i, .show .btn.btn-light-green.btn-dropdown i {
    color: #ffffff;
  }
  .btn.btn-light-green:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-green:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-green.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-green.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
  }
  .btn.btn-light-green:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-green:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-green.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-green.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-green:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-green:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-green.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-green.btn-dropdown.dropdown-toggle:after {
    color: #ffffff;
  }

  .label.label-outline-orange {
    background-color: transparent;
    color: #ff6600;
    border: 1px solid #ff6600;
  }
  .label.label-outline-orange.label-outline-2x {
    border: 2px solid #ff6600;
  }

.btn.btn-light-orange i {
    color: #ff6600;
  }
  .btn.btn-light-orange .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ff6600;
  }
  .btn.btn-light-orange .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-orange.dropdown-toggle:after {
    color: #ff6600;
  }
  .btn.btn-light-orange:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-orange:focus:not(.btn-text), .btn.btn-light-orange.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #ff6600;
    border-color: transparent;
  }
  .btn.btn-light-orange:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-orange:focus:not(.btn-text) i, .btn.btn-light-orange.focus:not(.btn-text) i {
    color: #ffffff;
  }
  .btn.btn-light-orange:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-orange:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-orange.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
  }
  .btn.btn-light-orange:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-orange:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-orange.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-orange:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-orange:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-orange.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff;
  }
  .btn.btn-light-orange.disabled, .btn.btn-light-orange:disabled {
    color: #ff6600;
    background-color: #EEE5FF;
    border-color: transparent;
  }
  .btn.btn-light-orange.disabled i, .btn.btn-light-orange:disabled i {
    color: #ff6600;
  }
  .btn.btn-light-orange.disabled .svg-icon svg g [fill], .btn.btn-light-orange:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ff6600;
  }
  .btn.btn-light-orange.disabled .svg-icon svg:hover g [fill], .btn.btn-light-orange:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-orange.disabled.dropdown-toggle:after, .btn.btn-light-orange:disabled.dropdown-toggle:after {
    color: #ff6600;
  }
  .btn.btn-light-orange:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-orange:not(:disabled):not(.disabled).active, .show > .btn.btn-light-orange.dropdown-toggle, .show .btn.btn-light-orange.btn-dropdown {
    color: #ffffff;
    background-color: #ff6600;
    border-color: transparent;
  }
  .btn.btn-light-orange:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-orange:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-orange.dropdown-toggle i, .show .btn.btn-light-orange.btn-dropdown i {
    color: #ffffff;
  }
  .btn.btn-light-orange:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-orange:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-orange.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-orange.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
  }
  .btn.btn-light-orange:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-orange:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-orange.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-orange.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-orange:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-orange:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-orange.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-orange.btn-dropdown.dropdown-toggle:after {
    color: #ffffff;
  }

  .label.label-outline-red {
    background-color: transparent;
    color: red;
    border: 1px solid red;
  }
  .label.label-outline-red.label-outline-2x {
    border: 2px solid red;
  }

.btn.btn-light-red i {
    color: red;
  }
  .btn.btn-light-red .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: red;
  }
  .btn.btn-light-red .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-red.dropdown-toggle:after {
    color: red;
  }
  .btn.btn-light-red:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-red:focus:not(.btn-text), .btn.btn-light-red.focus:not(.btn-text) {
    color: #ffffff;
    background-color: red;
    border-color: transparent;
  }
  .btn.btn-light-red:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-red:focus:not(.btn-text) i, .btn.btn-light-red.focus:not(.btn-text) i {
    color: #ffffff;
  }
  .btn.btn-light-red:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-red:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-red.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
  }
  .btn.btn-light-red:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-red:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-red.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-red:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-red:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-red.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff;
  }
  .btn.btn-light-red.disabled, .btn.btn-light-red:disabled {
    color: red;
    background-color: #EEE5FF;
    border-color: transparent;
  }
  .btn.btn-light-red.disabled i, .btn.btn-light-red:disabled i {
    color: red;
  }
  .btn.btn-light-red.disabled .svg-icon svg g [fill], .btn.btn-light-red:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: red;
  }
  .btn.btn-light-red.disabled .svg-icon svg:hover g [fill], .btn.btn-light-red:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-red.disabled.dropdown-toggle:after, .btn.btn-light-red:disabled.dropdown-toggle:after {
    color: red;
  }
  .btn.btn-light-red:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-red:not(:disabled):not(.disabled).active, .show > .btn.btn-light-red.dropdown-toggle, .show .btn.btn-light-red.btn-dropdown {
    color: #ffffff;
    background-color: red;
    border-color: transparent;
  }
  .btn.btn-light-red:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-red:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-red.dropdown-toggle i, .show .btn.btn-light-red.btn-dropdown i {
    color: #ffffff;
  }
  .btn.btn-light-red:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-red:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-red.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-red.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
  }
  .btn.btn-light-red:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-red:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-red.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-red.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-red:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-red:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-red.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-red.btn-dropdown.dropdown-toggle:after {
    color: #ffffff;
  }


  .label.label-outline-vertClair {
    background-color: transparent;
    color: #01947b;
    border: 1px solid #01947b;
  }
  .label.label-outline-vertClair.label-outline-2x {
    border: 2px solid #01947b;
  }

.btn.btn-light-vertClair i {
    color: #01947b;
  }
  .btn.btn-light-vertClair .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #01947b;
  }
  .btn.btn-light-vertClair .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-vertClair.dropdown-toggle:after {
    color: #01947b;
  }
  .btn.btn-light-vertClair:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-vertClair:focus:not(.btn-text), .btn.btn-light-vertClair.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #01947b;
    border-color: transparent;
  }
  .btn.btn-light-vertClair:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-vertClair:focus:not(.btn-text) i, .btn.btn-light-vertClair.focus:not(.btn-text) i {
    color: #ffffff;
  }
  .btn.btn-light-vertClair:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-vertClair:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-vertClair.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
  }
  .btn.btn-light-vertClair:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-vertClair:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-vertClair.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-vertClair:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-vertClair:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-vertClair.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff;
  }
  .btn.btn-light-vertClair.disabled, .btn.btn-light-vertClair:disabled {
    color: #01947b;
    background-color: #EEE5FF;
    border-color: transparent;
  }
  .btn.btn-light-vertClair.disabled i, .btn.btn-light-vertClair:disabled i {
    color: #01947b;
  }
  .btn.btn-light-vertClair.disabled .svg-icon svg g [fill], .btn.btn-light-vertClair:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #01947b;
  }
  .btn.btn-light-vertClair.disabled .svg-icon svg:hover g [fill], .btn.btn-light-vertClair:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-vertClair.disabled.dropdown-toggle:after, .btn.btn-light-vertClair:disabled.dropdown-toggle:after {
    color: #01947b;
  }
  .btn.btn-light-vertClair:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-vertClair:not(:disabled):not(.disabled).active, .show > .btn.btn-light-vertClair.dropdown-toggle, .show .btn.btn-light-vertClair.btn-dropdown {
    color: #ffffff;
    background-color: #01947b;
    border-color: transparent;
  }
  .btn.btn-light-vertClair:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-vertClair:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-vertClair.dropdown-toggle i, .show .btn.btn-light-vertClair.btn-dropdown i {
    color: #ffffff;
  }
  .btn.btn-light-vertClair:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-vertClair:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-vertClair.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-vertClair.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
  }
  .btn.btn-light-vertClair:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-vertClair:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-vertClair.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-vertClair.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-vertClair:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-vertClair:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-vertClair.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-vertClair.btn-dropdown.dropdown-toggle:after {
    color: #ffffff;
  }

  .label.label-outline-orangeClair {
    background-color: transparent;
    color: #FFA600;
    border: 1px solid #FFA600;
  }
  .label.label-outline-orangeClair.label-outline-2x {
    border: 2px solid #FFA600;
  }

.btn.btn-light-orangeClair i {
    color: #FFA600;
  }
  .btn.btn-light-orangeClair .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA600;
  }
  .btn.btn-light-orangeClair .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-orangeClair.dropdown-toggle:after {
    color: #FFA600;
  }
  .btn.btn-light-orangeClair:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-orangeClair:focus:not(.btn-text), .btn.btn-light-orangeClair.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #FFA600;
    border-color: transparent;
  }
  .btn.btn-light-orangeClair:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-orangeClair:focus:not(.btn-text) i, .btn.btn-light-orangeClair.focus:not(.btn-text) i {
    color: #ffffff;
  }
  .btn.btn-light-orangeClair:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-orangeClair:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-orangeClair.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
  }
  .btn.btn-light-orangeClair:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-orangeClair:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-orangeClair.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-orangeClair:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-orangeClair:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-orangeClair.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff;
  }
  .btn.btn-light-orangeClair.disabled, .btn.btn-light-orangeClair:disabled {
    color: #FFA600;
    background-color: #EEE5FF;
    border-color: transparent;
  }
  .btn.btn-light-orangeClair.disabled i, .btn.btn-light-orangeClair:disabled i {
    color: #FFA600;
  }
  .btn.btn-light-orangeClair.disabled .svg-icon svg g [fill], .btn.btn-light-orangeClair:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA600;
  }
  .btn.btn-light-orangeClair.disabled .svg-icon svg:hover g [fill], .btn.btn-light-orangeClair:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-orangeClair.disabled.dropdown-toggle:after, .btn.btn-light-orangeClair:disabled.dropdown-toggle:after {
    color: #FFA600;
  }
  .btn.btn-light-orangeClair:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-orangeClair:not(:disabled):not(.disabled).active, .show > .btn.btn-light-orangeClair.dropdown-toggle, .show .btn.btn-light-orangeClair.btn-dropdown {
    color: #ffffff;
    background-color: #FFA600;
    border-color: transparent;
  }
  .btn.btn-light-orangeClair:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-orangeClair:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-orangeClair.dropdown-toggle i, .show .btn.btn-light-orangeClair.btn-dropdown i {
    color: #ffffff;
  }
  .btn.btn-light-orangeClair:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-orangeClair:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-orangeClair.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-orangeClair.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
  }
  .btn.btn-light-orangeClair:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-orangeClair:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-orangeClair.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-orangeClair.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  .btn.btn-light-orangeClair:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-orangeClair:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-orangeClair.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-orangeClair.btn-dropdown.dropdown-toggle:after {
    color: #ffffff;
  }

  
/* Nouveau
primary


En cours
warning


Terminé
success


Devis envoyé
vertClair


Pièce(s) à commander


En attente
dark


Attente de pièce(s)
info

Devis à faire
red

Rendez-vous confirmer
green

Rendez-vous à prendre
orange */


.J_vois_pas_bien {
  white-space: initial !important;
  font-size: 13px !important;

  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.fc-daygrid-event {
  /* white-space: initial !important; */
  font-size: 12px ;
}
.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {
  padding-right: 5px !important;
  padding-left: 5px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
  border-bottom-style: hidden;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-width: 6px !important;
  cursor: pointer;
  margin-bottom: 2px;
}

.fc .fc-daygrid-day-number {
  font-size: 18px;
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: rgb(40 95 255 / 15%) !important;
}

.fc .fc-toolbar-title {
  text-transform: capitalize;
}

.overflow-scroll {
  overflow: scroll;
}

.cursor-pointer {
  cursor: pointer;
}

.placement_changer_for_calendar {
  margin-bottom: -33px;
}

.bc-w {
  background-color: white;
}

.fw-bold
{
  font-weight: bold;
}


.chat {
  position: relative;
  background: black;
  height: 20px;
  width: 18px;
  border-radius: 90% 90% 60% 60%;
  top: 15px;
}

.chat::after {
  content: '';
  position: absolute;
  background: black;
  height: 14px;
  width: 14px;
  border-radius: 80% 80% 70% 70%;
  top: -11px;
  left: 2px;
}
.chat::before {
  content: '';
  position: absolute;
  background: black;
  height: 23px;
  width: 24px;
  border-radius: 60% 60% 80% 80%;
  top: 7px;
  left: -2.6px;
  z-index: 1;
}
.oreilles {
  position: relative;
  height: 0;
  width: 0;
  top: -15px;
  left: 0.6px;
  transform: rotate(-20deg);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 8px solid black;
}
.oreilles::after {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 3px;
  left: 4px;
  transform: rotate(40deg);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 8px solid black;
}
.queue {
  position: relative;
  background: black;
  height: 20px;
  width: 3px;
  top: 20px;
  left: 9px;
  animation: sway 3s ease-in-out infinite;
  z-index: 1;
}
.queue::before {
  content: '';
  position: absolute;
  background: transparent;
  height: 16px;
  width: 11px;
  right: -8px;
  top: 10px;
  border-left: 2px solid black;
  transform: rotate(348deg);
  border-radius: 80%;
}
.shadow {
  position: relative;
  height: 10px;
  width: 28px;
  background: #777777;
  border-radius: 50%;
  opacity: 0.2;
  top: -4px;
  left: -4px;
}

@keyframes sway {
  25% {
    transform: rotate(0deg) translatex(0px);
    transform-origin: 0 0;
  }
  50% {
    transform: rotate(-45deg) translatex(2px);
    transform-origin: 0 0;
  }
  75% {
    transform: rotate(45deg) translatex(-2px);
    transform-origin: 0 0;
  }
  100% {
    transform: rotate(0deg) translatex(0px);
    transform-origin: 0 0;
  }
}

.float-end {
  float: right!important;
}

.fs-18
{
  font-size: 18px;
}

.ta-center
{
  text-align: center;
}

.fs-12
{
  font-size: 12px;
}

.tableYaki {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  border-radius: 5px 5px 5px 5px !important;
}

.tableYaki td, .tableYaki th {
  border: 1px solid white;
  padding: 8px;
}

.tableYaki tr:nth-child(even) {
  background-color: #d3f0ff;
  border-radius: 5px 5px 5px 5px !important;
}

.tableYaki tr:nth-child(odd) {
  background-color: white;
  border-radius: 5px 5px 5px 5px !important;
}

.inline-block
{
  display: inline-block;
}

.d-none
{
  display: none;
}

.c-default
{
  cursor: default;
}