@charset "UTF-8";
@font-face {
  font-family: 'Mulish-Regular';
  src: url("../fonts/Mulish-Regular.eot");
  src: local("☺"), url("../fonts/Mulish-Regular.woff") format("woff"), url("../fonts/Mulish-Regular.ttf") format("truetype"), url("../fonts/Mulish-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Mulish-SemiBold';
  src: url("../fonts/Mulish-SemiBold.eot");
  src: local("☺"), url("../fonts/Mulish-SemiBold.woff") format("woff"), url("../fonts/Mulish-SemiBold.ttf") format("truetype"), url("../fonts/Mulish-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Mulish-Bold';
  src: url("../fonts/Mulish-Bold.eot");
  src: local("☺"), url("../fonts/Mulish-Bold.woff") format("woff"), url("../fonts/Mulish-Bold.ttf") format("truetype"), url("../fonts/Mulish-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'open_sansbold';
  src: url("../fonts/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/opensans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*Gestion Mixins*/
/*Easings*/
/*Keyframes*/
@keyframes marquee {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(-100%); } }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?1us52a");
  src: url("../fonts/icomoon.eot?1us52a#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?1us52a") format("truetype"), url("../fonts/icomoon.woff?1us52a") format("woff"), url("../fonts/icomoon.svg?1us52a#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-download:before {
  content: "\e962"; }

.icon-switch:before {
  content: "\e950"; }

.icon-mix:before {
  content: "\e94f";
  color: #36A9E1; }

.icon-order-confirm:before {
  content: "\e94e"; }

.icon-sort:before {
  content: "\e94c"; }

.icon-filter:before {
  content: "\e94d"; }

.icon-all-products:before {
  content: "\e943"; }

.icon-historique_cmd:before {
  content: "\e944"; }

.icon-home:before {
  content: "\e945"; }

.icon-quick-order:before {
  content: "\e946"; }

.icon-call-outgoing:before {
  content: "\e947"; }

.icon-chat-bubble:before {
  content: "\e948"; }

.icon-handshake:before {
  content: "\e949"; }

.icon-help-info-question:before {
  content: "\e94a"; }

.icon-information:before {
  content: "\e94b"; }

.icon-notification1:before {
  content: "\e942"; }

.icon-best:before {
  content: "\e93f"; }

.icon-discount:before {
  content: "\e940"; }

.icon-marque:before {
  content: "\e941"; }

.icon-fish:before, .icon-category-16:before {
  content: "\e936"; }

.icon-yogurt:before, .icon-category-15:before {
  content: "\e937"; }

.icon-chicken:before, .icon-category-7:before {
  content: "\e938"; }

.icon-popsicle:before, .icon-category-13:before {
  content: "\e939"; }

.icon-milk:before, .icon-category-14:before {
  content: "\e93a"; }

.icon-meat:before, .icon-category-3:before {
  content: "\e93b"; }

.icon-pcs:before {
  color: #AB0A3C;
  content: "\e965"; }

.icon-dairy:before, .icon-dai:before, .icon-category-5:before {
  content: "\e93c"; }

.icon-dai:before {
  color: #36A9E1; }

.icon-shellfish:before, .icon-category-10:before {
  content: "\e93d"; }

.icon-chicken-thigh:before, .icon-category-9:before {
  content: "\e93e"; }

.icon-avi:before {
  color: #2A6AB2; }

.icon-icon-leaf:before, .icon-fnl:before {
  content: "\e952"; }

.icon-chick:before, .icon-avi:before {
  content: "\e953"; }

.icon-sausages:before, .icon-nml:before {
  content: "\e954"; }

.icon-nml:before {
  color: #077078; }

.icon-fnl:before {
  color: #70D44B; }

.icon-promo1:before {
  content: "\e93f"; }

.icon-star:before {
  content: "\e940"; }

.icon-marque:before {
  content: "\e941"; }

.icon-chevron:before {
  content: "\e935"; }

.icon-info:before {
  content: "\e934"; }

.icon-chill:before {
  content: "\e92e";
  color: #2A6AB2; }

.icon-frozen:before, .icon-frz:before {
  content: "\e931";
  color: #2A6AB2; }

.icon-dry:before, .icon-dry:before {
  content: "\e932";
  color: #FECA67; }

.icon-upload:before {
  content: "\e933"; }

.icon-question:before {
  content: "\e921"; }

.icon-print:before {
  content: "\e930"; }

.icon-notification:before {
  content: "\e92f"; }

.icon-pdf:before {
  content: "\e92d"; }

.icon-orderCancel:before {
  content: "\e92a"; }

.icon-grid:before {
  content: "\e92b"; }

.icon-list:before {
  content: "\e92c"; }

.icon-calendar:before {
  content: "\e929"; }

.icon-add_to_list:before {
  content: "\e928"; }

.icon-add:before {
  content: "\e923"; }

.icon-editnote:before {
  content: "\e924"; }

.icon-addnote:before {
  content: "\e925"; }

.icon-duplicate:before {
  content: "\e926"; }

.icon-hide-view:before {
  content: "\e927"; }

.icon-bin:before {
  content: "\e91e"; }

.icon-order-again:before {
  content: "\e922"; }

.icon-deconnexion:before {
  content: "\e920"; }

.icon-close:before {
  content: "\e91f"; }

.icon-tick:before {
  content: "\e916"; }

.icon-animalerie:before, .icon-category-4:before {
  content: "\e90c"; }

.icon-bio:before, .icon-category-63:before {
  content: "\e90d"; }

.icon-boissons:before, .icon-category-11:before {
  content: "\e90e"; }

.icon-brands:before {
  content: "\e90f"; }

.icon-derniers_produits_consultes:before {
  content: "\e910"; }

.icon-epicerie_salee:before, .icon-category-6:before {
  content: "\e911"; }

.icon-epicerie_sucree:before, .icon-category-12:before {
  content: "\e912"; }

.icon-heure_limite:before {
  content: "\e913"; }

.icon-historique_de_commande:before {
  content: "\e914"; }

.icon-jours_de_livraison:before {
  content: "\e915"; }

.icon-liste_de_courses:before {
  content: "\e917"; }

.icon-marche_frais:before, .icon-category-8:before {
  content: "\e918"; }

.icon-mon_compte:before {
  content: "\e919"; }

.icon-nouveau:before {
  content: "\e91a"; }

.icon-produits_laitiers:before, .icon-category-35:before {
  content: "\e91d"; }

.icon-promo:before {
  content: "\e91b"; }

.icon-surgeles:before, .icon-category-22:before {
  content: "\e91c"; }

.icon-langue:before {
  content: "\e908"; }

.icon-avatar:before {
  content: "\e909"; }

.icon-cart:before {
  content: "\e90a"; }

.icon-search:before {
  content: "\e90b"; }

.icon-half-arrow:before {
  content: "\e907"; }

.icon-arrow:before {
  content: "\e906"; }

.icon-credibilite:before {
  content: "\e900"; }

.icon-etoile:before {
  content: "\e901"; }

.icon-gamme:before {
  content: "\e902"; }

.icon-livraison:before {
  content: "\e903"; }

.icon-local:before {
  content: "\e904"; }

.icon-qualite:before {
  content: "\e905"; }

.icon-view:before {
  content: "\e951"; }

.icon-small-arrow:before {
  content: "\e955"; }

.icon-email:before {
  content: "\e935"; }

.icon-contactNumber:before {
  content: "\e95d"; }

.icon-upload-doc:before {
  content: "\e95e"; }

.icon-address:before {
  content: "\e95f"; }

.icon-warning:before {
  content: "\e960"; }

.icon-reload:before {
  content: "\e961"; }

.icon-new-category:before {
  content: "\e963"; }

.icon-veg:before {
  content: "\e964"; }

.icon-herbesNaromates:before, .icon-category-18:before {
  content: "\e966"; }

.icon-error-msg:before {
  content: "\e967"; }

.icon-check:before {
  content: "\e95b"; }

.icon-minus:before {
  content: "\e968"; }

.icon-on-hold:before {
  content: "\e969"; }

.icon-maintenance:before {
  content: "\e96a"; }

button, input[type="button"], input[type="submit"], .bouton {
  outline: none !important;
  cursor: pointer; }

ul, li {
  list-style: none; }

a {
  text-decoration: none; }

.bleu {
  color: #4988AA; }

.orange {
  color: #EA6852; }

.yellow {
  color: #FECA67; }

.green {
  color: #70D44B; }

.back-blue {
  background-color: #E6EFF9; }

.text-thin {
  font-weight: 400;
  font-size: 0.84rem;
  font-family: "Mulish-Regular";
  color: #224245; }

.text-bold {
  font-size: 1.15rem;
  font-weight: 700;
  color: #224245 !important; }

@media (min-width: 1240px) {
  .container-panagora {
    max-width: 100%;
    margin: 0 auto; } }

.help-account {
  background-color: #E6EFF9; }

.account-section ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 150px;
  grid-gap: 15px; }

.container-pan {
  background-color: #E6EFF9;
  padding-bottom: 20px;
  /* panier */ }

html {
  overflow-x: hidden; }

body {
  font-family: "Mulish-Regular";
  font-size: 1em; }
  body main {
    padding-top: 70px; }
  body #wrapper {
    background-color: #E6EFF9;
    padding-top: 1rem;
    display: block;
    width: 100%;
    box-shadow: none; }
    @media screen and (min-width: 981px) {
      body #wrapper {
        min-height: calc(100vh - 300px); } }
    @media screen and (min-width: 981px) {
      body #wrapper > .container {
        padding-left: 15px;
        padding-right: 15px; } }
  body .ui-widget, body .ui-widget input, body .ui-widget select, body .ui-widget textarea, body .ui-widget button {
    font-family: "Mulish-Regular"; }
  body.modal-open {
    overflow: visible; }
  @media screen and (min-width: 981px) {
    body {
      background: #E6EFF9; }
      body:not(#quickOrder), body:not(#orderBehalf) {
        font-size: 1.15em; }
      body#product, body#quickOrder, body#orderBehalf {
        background: white; }
      body#index:not(.user-connected) main {
        padding-top: 0; } }

h1, h2, h3, h4, h5 {
  font-family: "Mulish-Bold";
  font-weight: normal;
  margin: 0; }

#main {
  padding: 0 15px; }
  @media screen and (min-width: 981px) {
    #main {
      padding: 15px 5%; } }

#index {
  overflow-x: hidden; }
  #index #main {
    padding: 0; }
  #index #wrapper > .container {
    padding: 0; }
    @media screen and (min-width: 981px) {
      #index #wrapper > .container {
        width: 100%; } }
  #index.user-connected #main {
    padding: 0; }

#header .top-menu a[data-depth="0"]:hover {
  color: #2a6ab2; }

a {
  color: #224245; }

#main .page-footer {
  margin: 0; }

.page-customer-account #main .page-footer, .page-order-detail #main .page-footer {
  margin-bottom: 35px; }

.containerRelative {
  position: relative; }

/* Container Wide*/
.container-wide {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 0;
  width: 100%;
  max-width: 100%; }

.container-wide:after {
  content: "";
  display: table;
  clear: both; }

@media (min-width: 576px) {
  .container-wide {
    padding-left: calc((100% - 540px) / 2); } }

@media (min-width: 768px) {
  .container-wide {
    padding-left: calc((100% - 750px) / 2); } }

@media (min-width: 992px) {
  .container-wide {
    padding-left: calc((100% - 990px) / 2); } }

@media (min-width: 1200px) {
  .container-wide {
    padding-left: calc((100% - 1170px) / 2); } }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table; }

.pika-single:after {
  clear: both; }

.pika-single {
  *zoom: 1; }

.pika-single.is-hidden {
  display: none; }

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px; }

.pika-title {
  position: relative;
  text-align: center; }

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff; }

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0; }

.pika-prev:hover,
.pika-next:hover {
  opacity: 1; }

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0; }

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0; }

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2; }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0; }

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center; }

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5; }

.pika-week {
  font-size: 11px;
  color: #999; }

.is-today .pika-button {
  color: #33aaff;
  font-weight: bold; }

.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px; }

.has-event .pika-button {
  background: #005da9;
  box-shadow: inset 0 1px 3px #0076c9; }

.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #D5E9F7; }

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px; }

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px; }

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3; }

.is-outside-current-month .pika-button {
  color: #999;
  opacity: .3; }

.is-selection-disabled {
  pointer-events: none;
  cursor: default; }

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px; }

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
  text-decoration: none; }

/*!
 * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 *
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.popover.top {
  margin-top: -10px; }

.popover.right {
  margin-left: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-left: -10px; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  overflow: visible;
  margin: 0;
  padding: 0;
  z-index: auto;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  content: "";
  border-width: 10px; }

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0; }

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0; }

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff; }

.btn {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent; }

.btn.active:focus, .btn:active:focus, .btn:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px; }

.btn:focus, .btn:hover {
  text-decoration: none; }

.btn.active, .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad; }

.btn-default.active, .btn-default:active, .open .dropdown-toggle.btn-default {
  background-image: none; }

.btn-block {
  display: block;
  width: 100%; }

.text-primary {
  color: #2a6ab2 !important; }

.clockpicker .input-group-addon {
  cursor: pointer; }

.clockpicker-moving {
  cursor: move; }

.clockpicker-align-left.popover > .arrow {
  left: 25px; }

.clockpicker-align-top.popover > .arrow {
  top: 17px; }

.clockpicker-align-right.popover > .arrow {
  left: auto;
  right: 25px; }

.clockpicker-align-bottom.popover > .arrow {
  top: auto;
  bottom: 6px; }

.clockpicker-popover .popover-title {
  background-color: #fff;
  color: #999;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: center; }

.clockpicker-popover .popover-title span {
  cursor: pointer; }

.clockpicker-popover .popover-content {
  background-color: #f8f8f8;
  padding: 12px; }

.popover-content:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.clockpicker-plate {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  overflow: visible;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.clockpicker-canvas, .clockpicker-dial {
  width: 200px;
  height: 200px;
  position: absolute;
  left: -1px;
  top: -1px; }

.clockpicker-minutes {
  visibility: hidden; }

.clockpicker-tick {
  border-radius: 50%;
  color: #666;
  line-height: 26px;
  text-align: center;
  width: 26px;
  height: 26px;
  position: absolute;
  cursor: pointer; }

.clockpicker-tick.active, .clockpicker-tick:hover {
  background-color: #c1d7f1;
  background-color: rgba(42, 106, 178, 0.25); }

.clockpicker-button {
  background-image: none;
  background-color: #fff;
  border-width: 1px 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
  padding: 10px 0; }

.clockpicker-button:hover {
  background-image: none;
  background-color: #ebebeb; }

.clockpicker-button:focus {
  outline: 0 !important; }

.clockpicker-dial {
  -webkit-transition: -webkit-transform 350ms,opacity 350ms;
  -moz-transition: -moz-transform 350ms,opacity 350ms;
  -ms-transition: -ms-transform 350ms,opacity 350ms;
  -o-transition: -o-transform 350ms,opacity 350ms;
  transition: transform 350ms,opacity 350ms; }

.clockpicker-dial-out {
  opacity: 0; }

.clockpicker-hours.clockpicker-dial-out {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2); }

.clockpicker-minutes.clockpicker-dial-out {
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8); }

.clockpicker-canvas {
  -webkit-transition: opacity 175ms;
  -moz-transition: opacity 175ms;
  -ms-transition: opacity 175ms;
  -o-transition: opacity 175ms;
  transition: opacity 175ms; }

.clockpicker-canvas-out {
  opacity: .25; }

.clockpicker-canvas-bearing, .clockpicker-canvas-fg {
  stroke: none;
  fill: #0095dd; }

.clockpicker-canvas-bg {
  stroke: none;
  fill: #c1d7f1; }

.clockpicker-canvas-bg-trans {
  fill: rgba(0, 149, 221, 0.25); }

.clockpicker-canvas line {
  stroke: #2a6ab2;
  stroke-width: 1;
  stroke-linecap: round; }

.clockpicker-button.am-button {
  margin: 1px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

.clockpicker-button.pm-button {
  margin: 1px 1px 1px 136px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

.bouton {
  background: transparent;
  display: inline-block;
  border: 2px solid #224245;
  font-family: "Mulish-SemiBold";
  padding: 15px;
  color: #224245;
  position: relative;
  text-decoration: none; }
  .bouton:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #224245;
    z-index: 0; }
  .bouton span {
    position: relative;
    z-index: 1; }
  .bouton:hover {
    color: #FFFFFF;
    background: none; }
    .bouton:hover:before {
      width: 100%; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 100%;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }
  @media (max-width: 980px) {
    .mCSB_scrollTools.mCSB_scrollTools_horizontal {
      z-index: -10; } }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
    sprites locations
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
    sprites locations
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
    sprites locations
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
.tooltipster-fall, .tooltipster-grow.tooltipster-show {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-base {
  display: flex;
  pointer-events: none;
  position: absolute; }

.tooltipster-box {
  flex: 1 1 auto; }

.tooltipster-content {
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto; }

.tooltipster-ruler {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden; }

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade.tooltipster-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform,opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial {
  top: 0 !important; }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0; }

.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial {
  left: -40px !important; }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0; }

@keyframes tooltipster-fading {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.tooltipster-update-fade {
  animation: tooltipster-fading .4s; }

@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg); }
  75% {
    transform: rotate(2deg); }
  100% {
    transform: rotate(0); } }

.tooltipster-update-rotate {
  animation: tooltipster-rotating .6s; }

@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.tooltipster-update-scale {
  animation: tooltipster-scaling .6s; }

.ms-options-wrap {
  position: relative; }

.ms-options-wrap,
.ms-options-wrap * {
  box-sizing: border-box; }

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
  position: relative;
  width: 100%;
  text-align: left;
  border: 1px solid #aaa;
  background-color: #fff;
  padding: 5px 20px 5px 5px;
  margin-top: 1px;
  font-size: 13px;
  color: #aaa;
  outline-offset: -2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ms-options-wrap > button[disabled] {
  background-color: #e5e9ed;
  color: #808080;
  opacity: 0.6; }

.ms-options-wrap > button:after {
  content: ' ';
  height: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 0;
  border: 6px solid rgba(0, 0, 0, 0);
  border-top-color: #999;
  margin-top: -3px; }

.ms-options-wrap.ms-has-selections > button {
  color: #333; }

.ms-options-wrap > .ms-options {
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 20px;
  background: white;
  z-index: 2000;
  border: 1px solid #aaa;
  overflow: auto;
  visibility: hidden; }

.ms-options-wrap.ms-active > .ms-options {
  visibility: visible; }

.ms-options-wrap > .ms-options > .ms-search input {
  width: 100%;
  padding: 4px 5px;
  border: none;
  border-bottom: 1px groove;
  outline: none; }

.ms-options-wrap > .ms-options > .no-result-message {
  padding: 4px 5px;
  display: none; }

.ms-options-wrap > .ms-options .ms-selectall {
  display: inline-block;
  font-size: .9em;
  text-transform: lowercase;
  text-decoration: none; }

.ms-options-wrap > .ms-options .ms-selectall:hover {
  text-decoration: underline; }

.ms-options-wrap > .ms-options > .ms-selectall.global {
  margin: 4px 5px; }

.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.ms-options-wrap > .ms-options > ul li.ms-hidden {
  display: none; }

.ms-options-wrap > .ms-options > ul > li.optgroup {
  padding: 5px; }

.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
  border-top: 1px solid #aaa; }

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
  display: block;
  padding: 5px 0 0 0;
  font-weight: bold; }

.ms-options-wrap > .ms-options > ul label {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 4px 4px 4px 25px;
  margin: 1px 0;
  border: 1px dotted transparent;
  text-align: left; }

.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
  padding: 4px; }

.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
  background-color: #efefef;
  border-color: #999; }

.ms-options-wrap > .ms-options > ul li.selected label {
  background-color: #efefef;
  border-color: transparent; }

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
  margin: 0 5px 0 0;
  position: absolute;
  left: 4px;
  top: 7px; }

.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0; }

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px; }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6; }

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px; }

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px; }

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%; }

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px; }

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px; }

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6; }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff; }

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6; }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff; }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9); }

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none; }

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative; }

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  left: 0; }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  right: 0; }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9; }

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747; }

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px; }

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill .1s;
  transition: fill .1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input, .numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper input::-ms-clear {
  display: none; }

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none; }

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute; }

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0; }

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%; }

.numInputWrapper span.arrowDown {
  top: 50%; }

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%; }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0; }

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 .5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto; }

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px; }

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder; }

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px; }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6; }

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6; }

.flatpickr-day.today {
  border-color: #959ea9; }

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff; }

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7; }

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px; }

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7; }

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px; }

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6; }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1); }

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7; }

.flatpickr-day.hidden {
  visibility: hidden; }

.rangeMode .flatpickr-day {
  margin-top: 1px; }

.flatpickr-weekwrapper {
  float: left; }

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6; }

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none; }

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both; }

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939; }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939; }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

.flatpickr-time input.flatpickr-hour {
  font-weight: bold; }

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400; }

.flatpickr-time input:focus {
  outline: 0;
  border: 0; }

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400; }

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee; }

.flatpickr-input[readonly] {
  cursor: pointer; }

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/* Input type Number */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

/* Flex common style */
.d-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Homepage - featured products */
#index .featured-products {
  display: inline-block;
  width: 100%; }
  #index .featured-products .products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    padding: 30px; }
    #index .featured-products .products img {
      width: 100%;
      height: auto; }

#index a.banner,
#index #custom-text {
  display: none; }

#index #wrapper {
  padding-top: 1px; }

@media screen and (min-width: 981px) {
  #index .featured-products .products {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px; } }

#index #main .info-price {
  top: -20px;
  left: 108px; }

#index #main .title-desc-page .simple-link {
  padding-right: 0;
  position: static; }
  @media screen and (min-width: 981px) {
    #index #main .title-desc-page .simple-link {
      position: absolute;
      bottom: 50px;
      width: 100%;
      display: flex;
      justify-content: space-between; } }
  #index #main .title-desc-page .simple-link:after {
    position: unset;
    margin-left: 10px; }

#index #main .page-header {
  margin: 25px 0; }

#index .title-desc-page h2 {
  color: #224245;
  font-size: 1.575em; }

@media screen and (min-width: 981px) {
  #index .carousel-inner a {
    font-size: 15px; } }

#index .carousel-inner p {
  margin-bottom: 2rem; }

/* Homepage Connected */
.sliderReOrder {
  padding-bottom: 50px;
  margin: 0 -15px; }
  .sliderReOrder .slickElem {
    padding: 0 15px 25px 0; }
  .sliderReOrder .slick-arrow {
    bottom: 0 !important; }
    .sliderReOrder .slick-arrow.slick-next {
      margin-bottom: -2px; }

@media screen and (min-width: 981px) {
  #index.user-connected #content > .container {
    padding-top: 15px; }
  #index.user-connected .blkMainDesk h3 {
    font-size: 1.125em; }
  #index.user-connected .blkMainDesk .title-desc-page {
    padding-top: 20px; }
  .blkIntroDesk .order-container {
    align-items: center; }
    .blkIntroDesk .order-container .logout {
      display: inline-block; }
      .blkIntroDesk .order-container .logout a {
        display: flex;
        align-items: center;
        margin-left: 25px; }
        .blkIntroDesk .order-container .logout a span {
          font-size: 0.838em; }
        .blkIntroDesk .order-container .logout a:hover {
          color: #0084c5; }
      .blkIntroDesk .order-container .logout i {
        font-size: 25px;
        margin-left: 25px; }
  .blkIntroDesk .welcome-order {
    display: flex;
    padding: 10px 0;
    align-items: center;
    justify-content: space-between; }
    .blkIntroDesk .welcome-order .blk-head {
      padding: 12px 50px 12px 0;
      width: max-content;
      display: flex;
      align-items: center; }
      .blkIntroDesk .welcome-order .blk-head .logout-mobile {
        display: none; }
      .blkIntroDesk .welcome-order .blk-head .edit-profile:hover i {
        color: #0084C5; }
      .blkIntroDesk .welcome-order .blk-head .edit-profile i {
        font-size: 25px;
        margin-left: 25px; }
    .blkIntroDesk .welcome-order .blk-quickOrder {
      width: max-content; }
    .blkIntroDesk .welcome-order .blk-Order {
      width: max-content;
      margin-bottom: 0; }
      .blkIntroDesk .welcome-order .blk-Order:hover a {
        color: #FFFFFF;
        background: #224245; }
      .blkIntroDesk .welcome-order .blk-Order:hover i {
        fill: #0084C5; }
      .blkIntroDesk .welcome-order .blk-Order a {
        display: flex;
        width: 100%;
        color: #224245;
        padding: 15px;
        align-items: center;
        justify-content: space-between; }
      .blkIntroDesk .welcome-order .blk-Order i {
        font-size: 25px;
        margin-left: 25px; }
  .blkMainDesk {
    display: flex;
    width: 100%;
    gap: 20px; }
    .blkMainDesk .blkColLeft {
      width: 34%; }
    .blkMainDesk .blkColRight {
      width: calc(100% / 3);
      position: relative;
      padding-bottom: 70px; }
  .sliderReOrder {
    padding-bottom: 0;
    margin: 0; }
    .sliderReOrder .slickElem {
      padding: 0 5px 25px 0; }
    .sliderReOrder .slick-arrow {
      bottom: -50px !important; }
      .sliderReOrder .slick-arrow.slick-next {
        margin-bottom: 0; } }

a {
  text-decoration: none !important; }
  a:hover, a:active, a:focus, a:visited {
    text-decoration: none !important; }

/* Header connected */
.blk-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  color: #224245;
  margin-top: 10px; }
  @media screen and (min-width: 981px) {
    .blk-head {
      margin-top: 0; } }
  .blk-head .logout-mobile i {
    font-size: 25px; }
  .blk-head h1 {
    float: left; }
  .blk-head ul {
    float: right; }
    .blk-head ul a {
      color: #224245;
      font-size: 20px; }
      .blk-head ul a:hover {
        color: #0084C5; }
  .blk-head li {
    display: inline-block;
    padding: 0 10px; }
    .blk-head li:last-child {
      padding-right: 0; }

.order-container {
  display: flex; }
  .order-container .logout {
    display: none; }
  .order-container .blk-createCatalogue {
    width: 100%; }
  @media screen and (min-width: 981px) {
    .order-container .blk-createCatalogue {
      width: unset; } }

.edit-profile:hover i {
  color: #0084C5; }

.edit-profile i {
  font-size: 25px;
  margin-left: 25px; }

.blk-Order {
  display: inline-block;
  background: #FFFFFF;
  margin-right: 25px;
  width: 100%;
  margin-bottom: 15px; }
  .blk-Order:hover a {
    color: #FFFFFF;
    background: #224245; }
  .blk-Order a {
    display: flex;
    width: 100%;
    color: #224245;
    padding: 15px;
    align-items: center;
    justify-content: space-between; }
  .blk-Order i {
    font-size: 25px;
    margin-left: 25px; }
  @media screen and (min-width: 981px) {
    .blk-Order {
      margin: 0 0 0 25px; } }

/* Link quick order */
.blk-quickOrder {
  display: inline-block;
  width: 100%;
  background: white; }
  .blk-quickOrder.disabled {
    opacity: 0.65; }
    .blk-quickOrder.disabled a {
      cursor: not-allowed; }
      .blk-quickOrder.disabled a:hover {
        color: unset;
        background: unset; }
  .blk-quickOrder a {
    display: flex;
    width: 100%;
    color: #224245;
    padding: 15px;
    align-items: center;
    justify-content: space-between;
    text-decoration: none; }
    .blk-quickOrder a:hover {
      color: #FFFFFF;
      background: #224245; }
  .blk-quickOrder i {
    font-size: 25px;
    margin-left: 25px; }
  @media screen and (min-width: 981px) {
    .blk-quickOrder {
      margin: 0 0 0 25px; } }

/* Create catalogue */
.blk-createCatalogue {
  display: inline-block;
  background: white;
  margin: 0 25px 10px 0; }
  .blk-createCatalogue a {
    display: flex;
    width: 100%;
    color: #224245;
    padding: 15px;
    align-items: center;
    justify-content: space-between;
    text-decoration: none; }
    .blk-createCatalogue a:hover {
      color: #FFFFFF;
      background: #224245; }
  .blk-createCatalogue i {
    font-size: 25px; }
  @media screen and (min-width: 981px) {
    .blk-createCatalogue {
      margin: 0 0 10px 25px; } }

/* Custom simple link */
.simple-link {
  color: #224245;
  text-transform: uppercase;
  display: inline-block;
  padding-right: 50px;
  font-size: 0.8rem;
  letter-spacing: 0.1em; }
  .simple-link:after {
    content: "\e906";
    top: -1px;
    right: 25px;
    position: absolute;
    font-family: "icomoon";
    font-size: 12px;
    font-weight: 700; }
  .simple-link:hover {
    color: #0084C5; }

/* Page listing category */
#category,
#prices-drop,
#best-sales,
#new-products,
#search {
  padding-right: 0 !important;
  /* Filter */ }
  #category.user-connected main,
  #prices-drop.user-connected main,
  #best-sales.user-connected main,
  #new-products.user-connected main,
  #search.user-connected main {
    padding-top: 120px; }
  #category.user-connected #mast,
  #prices-drop.user-connected #mast,
  #best-sales.user-connected #mast,
  #new-products.user-connected #mast,
  #search.user-connected #mast {
    background: #ffffff; }
  #category .products-selection,
  #prices-drop .products-selection,
  #best-sales .products-selection,
  #new-products .products-selection,
  #search .products-selection {
    margin-bottom: 20px; }
    #category .products-selection .total-products p,
    #prices-drop .products-selection .total-products p,
    #best-sales .products-selection .total-products p,
    #new-products .products-selection .total-products p,
    #search .products-selection .total-products p {
      font-size: 15px;
      font-weight: normal;
      color: #224245; }
    #category .products-selection .col-sm-12.hidden-md-up.text-sm-center.showing,
    #prices-drop .products-selection .col-sm-12.hidden-md-up.text-sm-center.showing,
    #best-sales .products-selection .col-sm-12.hidden-md-up.text-sm-center.showing,
    #new-products .products-selection .col-sm-12.hidden-md-up.text-sm-center.showing,
    #search .products-selection .col-sm-12.hidden-md-up.text-sm-center.showing {
      display: none; }
  #category #left-column,
  #category #content-wrapper,
  #prices-drop #left-column,
  #prices-drop #content-wrapper,
  #best-sales #left-column,
  #best-sales #content-wrapper,
  #new-products #left-column,
  #new-products #content-wrapper,
  #search #left-column,
  #search #content-wrapper {
    width: 100%; }
  @media screen and (min-width: 981px) {
    #category.user-connected main,
    #prices-drop.user-connected main,
    #best-sales.user-connected main,
    #new-products.user-connected main,
    #search.user-connected main {
      padding-top: 120px; }
    #category #main,
    #prices-drop #main,
    #best-sales #main,
    #new-products #main,
    #search #main {
      padding: 0; }
    #category #left-column,
    #category #content-wrapper,
    #prices-drop #left-column,
    #prices-drop #content-wrapper,
    #best-sales #left-column,
    #best-sales #content-wrapper,
    #new-products #left-column,
    #new-products #content-wrapper,
    #search #left-column,
    #search #content-wrapper {
      padding: 0; }
    #category .products-selection,
    #prices-drop .products-selection,
    #best-sales .products-selection,
    #new-products .products-selection,
    #search .products-selection {
      margin-bottom: 10px; }
      #category .products-selection > .col,
      #category .products-selection > [class*="col-"],
      #prices-drop .products-selection > .col,
      #prices-drop .products-selection > [class*="col-"],
      #best-sales .products-selection > .col,
      #best-sales .products-selection > [class*="col-"],
      #new-products .products-selection > .col,
      #new-products .products-selection > [class*="col-"],
      #search .products-selection > .col,
      #search .products-selection > [class*="col-"] {
        padding-left: 0;
        padding-right: 0; }
    #category #search_filters,
    #prices-drop #search_filters,
    #best-sales #search_filters,
    #new-products #search_filters,
    #search #search_filters {
      color: #224245;
      background: none;
      box-shadow: none;
      display: flex;
      justify-content: flex-start;
      align-items: baseline;
      padding: 0;
      margin-bottom: 10px; }
      #category #search_filters.noFilter,
      #prices-drop #search_filters.noFilter,
      #best-sales #search_filters.noFilter,
      #new-products #search_filters.noFilter,
      #search #search_filters.noFilter {
        display: none; }
      #category #search_filters .labelFilter,
      #prices-drop #search_filters .labelFilter,
      #best-sales #search_filters .labelFilter,
      #new-products #search_filters .labelFilter,
      #search #search_filters .labelFilter {
        padding-top: 15px;
        font-weight: normal;
        color: #224245; }
        #category #search_filters .labelFilter:before,
        #prices-drop #search_filters .labelFilter:before,
        #best-sales #search_filters .labelFilter:before,
        #new-products #search_filters .labelFilter:before,
        #search #search_filters .labelFilter:before {
          font-family: icomoon;
          content: "\e94d";
          margin-right: 10px;
          font-size: 18px;
          position: relative;
          top: 2px; }
      #category #search_filters .js-search-filters-clear-all,
      #prices-drop #search_filters .js-search-filters-clear-all,
      #best-sales #search_filters .js-search-filters-clear-all,
      #new-products #search_filters .js-search-filters-clear-all,
      #search #search_filters .js-search-filters-clear-all {
        margin-left: 20px; }
      #category #search_filters .js-search-filters-clear-all,
      #category #search_filters .h6.facet-title,
      #prices-drop #search_filters .js-search-filters-clear-all,
      #prices-drop #search_filters .h6.facet-title,
      #best-sales #search_filters .js-search-filters-clear-all,
      #best-sales #search_filters .h6.facet-title,
      #new-products #search_filters .js-search-filters-clear-all,
      #new-products #search_filters .h6.facet-title,
      #search #search_filters .js-search-filters-clear-all,
      #search #search_filters .h6.facet-title {
        background: white;
        border-radius: 24px;
        padding: 12px 20px;
        color: #224245;
        cursor: pointer;
        border: none;
        box-shadow: none;
        font-weight: normal; }
      #category #search_filters .h6.facet-title,
      #prices-drop #search_filters .h6.facet-title,
      #best-sales #search_filters .h6.facet-title,
      #new-products #search_filters .h6.facet-title,
      #search #search_filters .h6.facet-title {
        display: flex;
        justify-content: center;
        width: 100%; }
        #category #search_filters .h6.facet-title:after,
        #prices-drop #search_filters .h6.facet-title:after,
        #best-sales #search_filters .h6.facet-title:after,
        #new-products #search_filters .h6.facet-title:after,
        #search #search_filters .h6.facet-title:after {
          font-family: icomoon;
          content: "\e907";
          margin-left: 10px;
          transform: rotate(90deg);
          font-size: 12px;
          top: 1px;
          position: relative; }
      #category #search_filters .facet,
      #prices-drop #search_filters .facet,
      #best-sales #search_filters .facet,
      #new-products #search_filters .facet,
      #search #search_filters .facet {
        position: relative;
        margin-left: 20px; }
      #category #search_filters .collapse,
      #prices-drop #search_filters .collapse,
      #best-sales #search_filters .collapse,
      #new-products #search_filters .collapse,
      #search #search_filters .collapse {
        position: absolute;
        left: 0;
        top: 50px;
        background: #FFFFFF;
        padding: 20px;
        display: none;
        z-index: 3;
        min-width: 240px;
        max-height: 300px;
        overflow-y: auto;
        border-radius: 20px; }
      #category #search_filters .custom-checkbox,
      #prices-drop #search_filters .custom-checkbox,
      #best-sales #search_filters .custom-checkbox,
      #new-products #search_filters .custom-checkbox,
      #search #search_filters .custom-checkbox {
        position: static;
        margin-top: 5px; }
        #category #search_filters .custom-checkbox input[type="checkbox"],
        #prices-drop #search_filters .custom-checkbox input[type="checkbox"],
        #best-sales #search_filters .custom-checkbox input[type="checkbox"],
        #new-products #search_filters .custom-checkbox input[type="checkbox"],
        #search #search_filters .custom-checkbox input[type="checkbox"] {
          height: 100%; }
        #category #search_filters .custom-checkbox .ps-shown-by-js,
        #prices-drop #search_filters .custom-checkbox .ps-shown-by-js,
        #best-sales #search_filters .custom-checkbox .ps-shown-by-js,
        #new-products #search_filters .custom-checkbox .ps-shown-by-js,
        #search #search_filters .custom-checkbox .ps-shown-by-js {
          margin-top: -3px; }
      #category #search_filters .facet-label,
      #prices-drop #search_filters .facet-label,
      #best-sales #search_filters .facet-label,
      #new-products #search_filters .facet-label,
      #search #search_filters .facet-label {
        position: relative;
        text-align: left;
        display: flex;
        align-items: flex-start; }
    #category #js-active-search-filters,
    #category .filter-block,
    #prices-drop #js-active-search-filters,
    #prices-drop .filter-block,
    #best-sales #js-active-search-filters,
    #best-sales .filter-block,
    #new-products #js-active-search-filters,
    #new-products .filter-block,
    #search #js-active-search-filters,
    #search .filter-block {
      border-radius: 20px;
      padding: 0;
      background: none; }
    #category .filter-block,
    #prices-drop .filter-block,
    #best-sales .filter-block,
    #new-products .filter-block,
    #search .filter-block {
      margin: 0 15px;
      background: white;
      border-radius: 24px;
      padding: 12px 20px 12px 50px;
      color: #224245;
      cursor: pointer;
      border: none;
      box-shadow: none;
      font-weight: normal;
      position: relative; }
      #category .filter-block a,
      #prices-drop .filter-block a,
      #best-sales .filter-block a,
      #new-products .filter-block a,
      #search .filter-block a {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: left;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        padding: 0 20px; }
        #category .filter-block a .close,
        #prices-drop .filter-block a .close,
        #best-sales .filter-block a .close,
        #new-products .filter-block a .close,
        #search .filter-block a .close {
          font-size: 1em; }
    #category .active-filter-title,
    #prices-drop .active-filter-title,
    #best-sales .active-filter-title,
    #new-products .active-filter-title,
    #search .active-filter-title {
      color: #224245;
      font-weight: normal; }
    #category .sort-by-row,
    #prices-drop .sort-by-row,
    #best-sales .sort-by-row,
    #new-products .sort-by-row,
    #search .sort-by-row {
      flex-direction: row-reverse; } }
  @media screen and (min-width: 1650px) {
    #category .container,
    #prices-drop .container,
    #best-sales .container,
    #new-products .container,
    #search .container {
      width: 95%;
      max-width: 100%; }
    #category .breadcrumb .container,
    #prices-drop .breadcrumb .container,
    #best-sales .breadcrumb .container,
    #new-products .breadcrumb .container,
    #search .breadcrumb .container {
      width: 100%; }
    #category .container-product-list,
    #prices-drop .container-product-list,
    #best-sales .container-product-list,
    #new-products .container-product-list,
    #search .container-product-list {
      grid-template-columns: repeat(4, 1fr); } }

#search.user-connected main {
  padding-top: 70px; }

#js-product-list-top .sort-by-row > div {
  width: 40%;
  text-align: left; }

#js-product-list-top .sort-by-row .noFilter {
  display: none; }
  #js-product-list-top .sort-by-row .noFilter + .products-sort-order {
    width: 100%; }
    #js-product-list-top .sort-by-row .noFilter + .products-sort-order:before {
      display: none; }

#js-product-list-top .sort-by-row .products-sort-order {
  padding-right: 0;
  text-align: right;
  width: 60%; }
  #js-product-list-top .sort-by-row .products-sort-order:before {
    content: "";
    width: 1px;
    height: 21px;
    display: block;
    position: absolute;
    background: #224245;
    left: 0;
    top: calc(50% - 10px); }
    @media screen and (min-width: 981px) {
      #js-product-list-top .sort-by-row .products-sort-order:before {
        display: none; } }
  #js-product-list-top .sort-by-row .products-sort-order .btn-unstyle:after {
    padding-left: 15px; }

#js-product-list-top .sort-by-row.blkNoFilter > div {
  width: 100%;
  padding-left: 0; }
  #js-product-list-top .sort-by-row.blkNoFilter > div:before {
    display: none; }

#js-product-list-top .sort-by-row .dropdown-backdrop {
  background-color: #00000069; }

#js-product-list-top .sort-by-row .dropdown-menu {
  width: 100%;
  background: white;
  border-radius: 20px;
  padding: 5px;
  max-width: 290px;
  right: 0; }
  #js-product-list-top .sort-by-row .dropdown-menu .hide-filter {
    display: none !important; }

#js-product-list-top #search_filter_toggler {
  color: #224245;
  background: none;
  box-shadow: none;
  text-transform: none;
  font-weight: 400;
  text-align: left;
  font-size: 1.2em;
  width: 100%; }
  #js-product-list-top #search_filter_toggler:after {
    font-family: "icomoon";
    content: "\e94d";
    float: right;
    font-size: 18px; }

#js-product-list-top .btn-unstyle {
  color: #224245;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 1.2em; }
  @media screen and (min-width: 981px) {
    #js-product-list-top .btn-unstyle {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-size: 0.9em; } }
  #js-product-list-top .btn-unstyle .material-icons.float-xs-right {
    display: none; }
  #js-product-list-top .btn-unstyle:after {
    font-family: "icomoon";
    content: "\e94c";
    float: right;
    font-size: 16px; }

#js-product-list.loading {
  opacity: 0.25; }

.search-loader {
  padding: 30px 0;
  display: inline-block;
  width: 100%;
  text-align: center; }
  .search-loader.hideLoader {
    display: none; }

.submitWarehouse-loader {
  display: none; }
  .submitWarehouse-loader.show {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

@media screen and (min-width: 981px) {
  #prices-drop #js-product-list-top .sort-by-row .products-sort-order,
  #best-sales #js-product-list-top .sort-by-row .products-sort-order,
  #new-products #js-product-list-top .sort-by-row .products-sort-order,
  #search #js-product-list-top .sort-by-row .products-sort-order {
    top: auto; } }

.products-selection {
  padding: 0 15px; }
  .products-selection .total-products {
    position: static;
    padding-left: 0; }
    @media screen and (min-width: 981px) {
      .products-selection .total-products {
        position: static; } }

#_desktop_search_filters_clear_all {
  display: none; }
  #_desktop_search_filters_clear_all.activeBlk {
    display: inline-block; }

/* Connected stylings */
.user-connected .blk-head h1 {
  font-size: 1.467em; }

.user-connected .title-desc-page h3 {
  font-size: 1.467em; }

body#new-products {
  overflow: auto; }

/* Autocomplete quickOrder */
body .ui-widget.ui-widget-content {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 5px;
  border: none;
  line-height: normal; }
  body .ui-widget.ui-widget-content li.ui-menu-item:nth-child(even) {
    background: #F1F6F8; }
  body .ui-widget.ui-widget-content li.ui-menu-item:first-child, body .ui-widget.ui-widget-content li.ui-menu-item:last-child {
    background: white; }
  body .ui-widget.ui-widget-content a {
    padding: 0; }

.tabAuto-results {
  display: table;
  width: 100%;
  text-align: left;
  font-size: 1rem; }
  .tabAuto-results th {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: normal; }
  .tabAuto-results th,
  .tabAuto-results td {
    padding: 2px 12px;
    text-align: left;
    width: 40%;
    color: #224245; }
    .tabAuto-results th:first-child,
    .tabAuto-results td:first-child {
      width: 20%;
      padding-left: 10px; }
    .tabAuto-results th:last-child,
    .tabAuto-results td:last-child {
      width: 30%; }
  .tabAuto-results button {
    color: #FFFFFF;
    background-color: #224245;
    border: none;
    padding: 15px;
    position: absolute;
    right: 10px;
    top: 10px; }
    .tabAuto-results button:hover {
      border: 1px solid #224245;
      color: #224245;
      background: #FFFFFF; }

/* Pagination */
.pagination {
  margin: 20px 0 28px 0;
  padding: 0; }
  .pagination .col-md-4 {
    display: none; }
  .pagination .col-md-6 {
    margin: 0;
    width: 100%; }
  .pagination .pr-0 {
    padding-left: 0; }
  .pagination .page-list {
    background: none;
    box-shadow: none;
    justify-content: center;
    display: flex;
    align-items: center; }
    .pagination .page-list a.previous,
    .pagination .page-list a.next {
      font-size: 0.01em;
      color: transparent; }
      .pagination .page-list a.previous i.material-icons,
      .pagination .page-list a.next i.material-icons {
        color: #224245; }
    .pagination .page-list a {
      font-size: 15px;
      font-weight: 400;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .pagination .page-list a.js-search-link {
        color: #b3b3b2; }
      .pagination .page-list a.disabled {
        background-color: #0084c5;
        color: #FFFFFF;
        border-radius: 50%; }
    .pagination .page-list li {
      margin: 0 5px;
      font-size: 1.1em;
      display: inline-block; }

/* Hide elements */
.up {
  display: none !important; }

/* Page marque */
#manufacturer #main ul:not(.list-lexique):not(.page-list) {
  padding: 20px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
  color: #224245; }
  #manufacturer #main ul:not(.list-lexique):not(.page-list) li {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    background-color: #FFFFFF; }
    #manufacturer #main ul:not(.list-lexique):not(.page-list) li:after {
      content: "";
      display: block;
      padding-bottom: 100%; }
    #manufacturer #main ul:not(.list-lexique):not(.page-list) li .brand-img a {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      justify-content: center;
      align-items: center;
      display: flex;
      padding: 12px; }
      #manufacturer #main ul:not(.list-lexique):not(.page-list) li .brand-img a:hover {
        border: 2px solid #224245;
        border-radius: 20px; }
        #manufacturer #main ul:not(.list-lexique):not(.page-list) li .brand-img a:hover img {
          transform: scale(1.125); }
      #manufacturer #main ul:not(.list-lexique):not(.page-list) li .brand-img a span {
        font-family: "Mulish-Bold";
        font-size: 1.15em;
        color: #0084C5;
        text-align: center; }
    #manufacturer #main ul:not(.list-lexique):not(.page-list) li img {
      width: 95%;
      height: auto; }
    #manufacturer #main ul:not(.list-lexique):not(.page-list) li .brand-products {
      display: none; }
    #manufacturer #main ul:not(.list-lexique):not(.page-list) li .brand-infos {
      position: absolute;
      bottom: 10px;
      left: 15px; }
      #manufacturer #main ul:not(.list-lexique):not(.page-list) li .brand-infos p {
        margin: 0; }
      #manufacturer #main ul:not(.list-lexique):not(.page-list) li .brand-infos a {
        color: #224245;
        font-size: 0.923em;
        font-style: normal; }
  @media screen and (min-width: 981px) {
    #manufacturer #main ul:not(.list-lexique):not(.page-list) {
      grid-template-columns: repeat(5, 1fr); }
      #manufacturer #main ul:not(.list-lexique):not(.page-list) li img {
        max-width: 250px; } }

@media screen and (min-width: 981px) {
  #manufacturer #js-product-list-top .sort-by-row .products-sort-order {
    top: unset; } }

@media screen and (min-width: 1650px) {
  #manufacturer .container {
    width: 95%;
    max-width: 100%; }
  #manufacturer .breadcrumb .container {
    width: 100%; }
  #manufacturer .container-product-list {
    grid-template-columns: repeat(4, 1fr); } }

#manufacturer .faceted-overlay,
#search .faceted-overlay,
#new-products .faceted-overlay,
#prices-drop .faceted-overlay,
#cart .faceted-overlay,
#registercomplaint .faceted-overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(25, 25, 25, 0.5);
  z-index: 999; }
  #manufacturer .faceted-overlay .overlay__inner,
  #search .faceted-overlay .overlay__inner,
  #new-products .faceted-overlay .overlay__inner,
  #prices-drop .faceted-overlay .overlay__inner,
  #cart .faceted-overlay .overlay__inner,
  #registercomplaint .faceted-overlay .overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute; }
  #manufacturer .faceted-overlay .overlay__content,
  #search .faceted-overlay .overlay__content,
  #new-products .faceted-overlay .overlay__content,
  #prices-drop .faceted-overlay .overlay__content,
  #cart .faceted-overlay .overlay__content,
  #registercomplaint .faceted-overlay .overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }
  #manufacturer .faceted-overlay .spinner,
  #search .faceted-overlay .spinner,
  #new-products .faceted-overlay .spinner,
  #prices-drop .faceted-overlay .spinner,
  #cart .faceted-overlay .spinner,
  #registercomplaint .faceted-overlay .spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

.hidden {
  display: none; }

/* Ajout de produit au panier */
#blockcart-modal {
  /* Modal Ajouter au Panier */ }
  #blockcart-modal .modal-dialog {
    background-color: #E6EFF9;
    width: 100vw;
    overflow: hidden;
    position: fixed;
    border: none;
    left: 0;
    bottom: 0;
    max-width: 100%;
    margin: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); }
    #blockcart-modal .modal-dialog .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 20px 5px;
      overflow: hidden;
      border-bottom: none;
      background: none; }
      #blockcart-modal .modal-dialog .modal-header .modal-title {
        font-weight: 400;
        font-size: 0.733em;
        letter-spacing: 1px;
        color: #224245;
        text-transform: uppercase;
        margin: 0; }
      #blockcart-modal .modal-dialog .modal-header .close {
        position: absolute;
        border: none;
        background: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
        color: #224245;
        top: 10px;
        right: 20px;
        opacity: 1; }
        #blockcart-modal .modal-dialog .modal-header .close .icon-close {
          font-size: 17px; }
          #blockcart-modal .modal-dialog .modal-header .close .icon-close:before {
            color: #224245; }
      #blockcart-modal .modal-dialog .modal-header i.material-icons.rtl-no-flip {
        margin-right: 10px;
        font-size: 0.76rem;
        color: #224245;
        display: none; }
    #blockcart-modal .modal-dialog .modal-body {
      padding: 10px 20px;
      position: static;
      background: none; }
    #blockcart-modal .modal-dialog .cart-content {
      padding-left: 0; }
    #blockcart-modal .modal-dialog .product-name {
      color: #224245;
      font-size: 1.6rem;
      margin-bottom: 15px; }
    #blockcart-modal .modal-dialog p {
      font-size: 0.933em;
      color: #224245;
      font-weight: 400; }
    #blockcart-modal .modal-dialog .cart-content-btn {
      padding: 15px 15px;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      display: flex;
      justify-content: center; }
      #blockcart-modal .modal-dialog .cart-content-btn > .btn {
        padding: 15px;
        margin: 0 8px;
        box-shadow: none;
        width: calc(50% - 16px);
        text-transform: none; }
        #blockcart-modal .modal-dialog .cart-content-btn > .btn i.material-icons.rtl-no-flip {
          display: none; }
      #blockcart-modal .modal-dialog .cart-content-btn button.btn.btn-secondary {
        background: none;
        border: 1px solid #224245; }
  #blockcart-modal .modal-content {
    background: none;
    border: none;
    border-radius: 0; }
  #blockcart-modal .col-md-6 {
    width: 100%; }
  #blockcart-modal .divide-right {
    border: none; }
  @media screen and (min-width: 981px) {
    #blockcart-modal .modal-dialog .cart-content {
      text-align: right; } }

/* Historique de vos commandes */
#history .date {
  margin-top: 5px; }

#history .orders .order a h3 {
  color: #224245; }

/* Ajouter au panier -- btn */
button.btn.btn-primary.add-to-cart {
  padding-top: 0; }

button.btn:disabled,
a.disable,
button:disabled,
.button.disable {
  opacity: 0.2; }

.product-actions .add-to-cart .material-icons {
  line-height: normal; }

/* Ajouter au panier -- vertical btn */
.bootstrap-touchspin .input-group-btn-vertical {
  display: none; }

/* Ajouter au panier -- field  */
.product-quantity #quantity_wanted {
  color: #232323;
  background-color: #fff;
  height: 56px;
  padding: 0.175rem 0.5rem;
  width: 56px;
  text-align: center; }
  @media screen and (min-width: 981px) {
    .product-quantity #quantity_wanted {
      height: 36px; } }

.cart-overview {
  width: calc(100% + 30px);
  margin-left: -15px; }
  .cart-overview .panierlist {
    padding: 0 15px;
    margin-top: 15px; }
    .cart-overview .panierlist .panierlistNoAgent {
      margin-bottom: 25px; }
      .cart-overview .panierlist .panierlistNoAgent .btn-vld {
        top: -40px; }
    .cart-overview .panierlist::before {
      content: "";
      background: #2242453a;
      height: 1px;
      display: block; }
    .cart-overview .panierlist::after {
      content: "";
      background: black;
      height: 3px;
      display: block; }
  .cart-overview .duplicateWarehouse {
    background-color: #fce3d6; }
    .cart-overview .duplicateWarehouse + .produit-panier {
      background-color: #fce3d6; }
      .cart-overview .duplicateWarehouse + .produit-panier .btn-vld,
      .cart-overview .duplicateWarehouse + .produit-panier .btn-mld {
        background-color: #fce3d6; }
    .cart-overview .duplicateWarehouse .section-livraison .price-date {
      margin-bottom: 20px; }
  .cart-overview .warehouseOutOfStock {
    background-color: #fce3d6; }
    .cart-overview .warehouseOutOfStock + .produit-panier {
      background-color: #fce3d6;
      padding: 10px; }
      .cart-overview .warehouseOutOfStock + .produit-panier .btn-vld,
      .cart-overview .warehouseOutOfStock + .produit-panier .btn-mld {
        background-color: #fce3d6; }
  .cart-overview .js-cart_duplicate-order {
    background-color: unset;
    color: black;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column; }
    .cart-overview .js-cart_duplicate-order.hidden {
      display: none; }
    .cart-overview .js-cart_duplicate-order .danger-message {
      font-size: 1.154em;
      font-weight: 400;
      line-height: 1.3em; }
      .cart-overview .js-cart_duplicate-order .danger-message .duplicate_msg span {
        font-weight: 700; }
      .cart-overview .js-cart_duplicate-order .danger-message .danger_message-text {
        margin-bottom: 1rem;
        margin-bottom: unset; }
        .cart-overview .js-cart_duplicate-order .danger-message .danger_message-text::before {
          font-family: "icomoon";
          content: "\e934";
          display: flex;
          align-items: center;
          justify-content: center;
          width: 42px;
          height: 42px;
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
          color: #224245;
          font-size: 27px;
          border-radius: 21px;
          background: #ffffff;
          position: relative;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          margin-bottom: -10px; }
      .cart-overview .js-cart_duplicate-order .danger-message span {
        margin-bottom: 10px; }
    .cart-overview .js-cart_duplicate-order .confirm_btn {
      width: 100%;
      display: flex;
      color: white;
      font-family: inherit;
      justify-content: space-between;
      z-index: 1; }
      .cart-overview .js-cart_duplicate-order .confirm_btn span {
        display: block;
        width: 50%;
        height: 2.5em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        text-align: left; }
      .cart-overview .js-cart_duplicate-order .confirm_btn button {
        display: block;
        width: 30%;
        background: unset;
        border: 2px solid white;
        box-shadow: unset;
        color: inherit; }
      .cart-overview .js-cart_duplicate-order .confirm_btn .container {
        display: flex;
        justify-content: space-between;
        padding: 0;
        background-color: #e84242;
        margin: 0 15px;
        padding: 10px 15px;
        width: 100%; }
        .cart-overview .js-cart_duplicate-order .confirm_btn .container:after {
          display: none; }
    .cart-overview .js-cart_duplicate-order .sticky {
      position: fixed;
      top: 5.6rem; }
    @media screen and (min-width: 981px) {
      .cart-overview .js-cart_duplicate-order .danger-message {
        flex-direction: row;
        font-size: unset;
        border: 3px solid #e84242;
        padding: 20px; }
        .cart-overview .js-cart_duplicate-order .danger-message:before {
          font-family: "icomoon";
          content: "\e934";
          display: flex;
          align-items: center;
          justify-content: center;
          width: 42px;
          height: 42px;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          color: #224245;
          font-size: 27px;
          border-radius: 21px;
          background: #ffffff;
          margin-bottom: 15px;
          margin-right: 25px; }
        .cart-overview .js-cart_duplicate-order .danger-message > div {
          width: 40%;
          text-align: left; }
          .cart-overview .js-cart_duplicate-order .danger-message > div::before {
            display: none; }
          .cart-overview .js-cart_duplicate-order .danger-message > div strong {
            font-size: 1.692em; }
          .cart-overview .js-cart_duplicate-order .danger-message > div p {
            font-size: 15px;
            color: unset;
            margin-bottom: 0; }
        .cart-overview .js-cart_duplicate-order .danger-message > span {
          width: 30%; }
        .cart-overview .js-cart_duplicate-order .danger-message .danger_message-text:before {
          display: none; }
      .cart-overview .js-cart_duplicate-order .confirm_btn {
        margin: 0 0 10px;
        background-color: unset;
        padding: unset; }
        .cart-overview .js-cart_duplicate-order .confirm_btn span {
          display: flex;
          align-items: center; }
        .cart-overview .js-cart_duplicate-order .confirm_btn button {
          width: 10%; }
        .cart-overview .js-cart_duplicate-order .confirm_btn .container {
          background: #e84242;
          padding: 10px 15px;
          width: calc(1200px - 30px);
          display: flex;
          justify-content: space-between; }
          .cart-overview .js-cart_duplicate-order .confirm_btn .container:after {
            display: none; }
        .cart-overview .js-cart_duplicate-order .confirm_btn .container {
          width: 100%;
          display: flex;
          margin: unset;
          width: 100%; }
          .cart-overview .js-cart_duplicate-order .confirm_btn .container:after {
            display: none; }
      .cart-overview .js-cart_duplicate-order .sticky {
        position: fixed;
        top: 51px;
        right: 0;
        left: 0;
        margin: 20px 0;
        display: flex;
        justify-content: center;
        width: 100%;
        z-index: 3; } }
  .cart-overview input.order-reference,
  .cart-overview .delivery-message {
    width: 100%;
    height: 45px;
    border: none;
    margin-bottom: 10px;
    padding-left: 15px;
    outline: none;
    font-size: 1em; }
    @media screen and (min-width: 981px) {
      .cart-overview input.order-reference,
      .cart-overview .delivery-message {
        font-size: 0.688em; } }
  @media screen and (min-width: 981px) {
    .cart-overview {
      margin-left: unset;
      width: 100%; } }

#identity h1 {
  color: #224245; }

#identity #content {
  border-radius: 20px;
  box-shadow: none;
  padding: 20px; }
  #identity #content label .col-md-3 .form-control-label {
    color: #224245 !important; }
  #identity #content .form-control {
    padding: 18px 16px;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.25;
    color: #7a7a7a;
    outline: none;
    background: transparent; }
    #identity #content .form-control[readonly] {
      border: none;
      cursor: not-allowed;
      padding: 0; }

#identity #customer-form {
  display: inline-block;
  width: 100%; }
  #identity #customer-form .form-footer button {
    margin: 0; }
  #identity #customer-form input[type="password"] + span button {
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3; }
    #identity #customer-form input[type="password"] + span button:before {
      content: "\e951";
      font-family: "icomoon";
      font-size: 15px;
      color: #FFFFFF; }
  #identity #customer-form input[type="text"] + span button {
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    min-height: 55px; }
    #identity #customer-form input[type="text"] + span button:before {
      content: "\e927";
      font-family: "icomoon";
      font-size: 15px;
      color: #FFFFFF; }
  #identity #customer-form .form-control-comment {
    display: none; }
  #identity #customer-form .input-group {
    outline: none !important; }

#identity .input-group .input-group-btn > .btn[data-action="show-password"] {
  background: #224245;
  padding: 0.78rem 1rem; }

#identity .form-control-label {
  text-align: left;
  min-width: 100px;
  padding-right: 0; }

#identity .col-md-6 {
  padding: 0;
  max-width: 175px; }

@media screen and (min-width: 981px) {
  #identity #customer-form {
    position: relative; }
    #identity #customer-form .form-footer button {
      width: auto;
      position: absolute;
      right: 0;
      bottom: 17px; }
      #identity #customer-form .form-footer button:hover {
        border: 1px solid #224245;
        background: #FFFFFF;
        color: #224245; }
    #identity #customer-form .identity-section .form-divider {
      display: grid;
      grid-template-columns: 50% 2fr; }
    #identity #customer-form input[type="password"] + span button {
      position: static; }
    #identity #customer-form input[type="text"] + span button {
      position: static; }
  #identity .form-control-label {
    text-align: unset;
    min-width: unset;
    padding-right: unset; }
  #identity .col-md-6 {
    padding: unset;
    max-width: unset; } }

#identity .form-disclaimer {
  margin-bottom: 18px;
  font-size: 0.8em;
  color: #224245; }

#history #content {
  border-radius: 20px;
  box-shadow: none !important; }

/* Panier -- voir detail  */
#cart #main .price-date {
  margin-bottom: 55px;
  text-align: left; }
  #cart #main .price-date .tool-tip {
    width: 20px;
    height: 20px;
    margin-left: 6px;
    background-color: #f1f6f8;
    border-radius: 50%;
    cursor: pointer;
    padding: 3px 0;
    display: flex;
    align-items: center;
    justify-content: center; }

#cart #main .btn-mld {
  display: none; }

#cart #main .activeBlk .price-date {
  margin-bottom: 20px; }

.blk-product-details {
  margin-bottom: 20px;
  width: 100%;
  padding: 15px 15px 25px 15px; }
  .blk-product-details .card-product {
    padding: 15px; }
  .blk-product-details .duplicateProduct,
  .blk-product-details .outOfStockProduct {
    border: 2px solid #AB0A3C; }
    @media screen and (min-width: 981px) {
      .blk-product-details .duplicateProduct,
      .blk-product-details .outOfStockProduct {
        margin-bottom: unset !important;
        margin-top: -2px !important; }
        .blk-product-details .duplicateProduct:after,
        .blk-product-details .outOfStockProduct:after {
          background: unset !important; } }

.produit-panier {
  position: relative;
  margin-top: -20px; }
  .produit-panier .btn-vld {
    right: 0;
    top: -27px;
    width: 100%;
    height: 35px;
    padding-right: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  .produit-panier .btn-mld {
    right: 0;
    bottom: -20px;
    padding-right: 15px;
    width: 100%;
    height: 60px;
    display: flex !important;
    justify-content: flex-end;
    align-items: center; }
    .produit-panier .btn-mld:after {
      content: "\e927"; }
  @media screen and (min-width: 981px) {
    .produit-panier {
      margin-top: 5px; } }

.btn-vld,
.btn-mld {
  position: absolute;
  border: none;
  background: none;
  color: #224245;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.1em; }
  .btn-vld.hidden,
  .btn-mld.hidden {
    display: none; }
  .btn-vld:after,
  .btn-mld:after {
    content: "\e951";
    font-family: "icomoon";
    font-size: 20px;
    display: inline-block;
    margin-left: 15px;
    position: relative; }
  .btn-vld:hover,
  .btn-mld:hover {
    color: #0084c5; }

.btn-show,
.btn-hide {
  border: none;
  background: none;
  color: #224245;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.1em; }
  .btn-show:after,
  .btn-hide:after {
    content: "\e951";
    font-family: "icomoon";
    font-size: 20px;
    display: inline-block;
    margin-left: 15px;
    position: relative;
    top: 5px; }
  .btn-show:hover,
  .btn-hide:hover {
    color: #0084c5; }

.btn-hide:after {
  content: "\e927"; }

.btn-mld:after {
  content: "\e927"; }

.showing {
  display: none; }

#manufacturer #main h1 {
  font-weight: 700;
  font-size: 1.69rem;
  color: #224245;
  margin: 10px; }

#notifications .container {
  padding-left: 0;
  padding-right: 0; }

/* Product details */
#product #product-details {
  color: #224245; }

#product .product-description {
  color: #224245; }

#product .block-reassurance-item {
  color: #224245; }

#product .pricing.PK {
  color: #224245; }

#product #product-description-short-457 {
  color: #224245; }

#product span.control-label {
  color: #224245; }

#product .social-sharing span {
  color: #224245; }

#product .notification-header + main,
#index .notification-header + main {
  padding-top: 155px; }
  #product .notification-header + main #header #mast,
  #index .notification-header + main #header #mast {
    top: 85px; }
    #product .notification-header + main #header #mast .notif-mast #main-menu,
    #index .notification-header + main #header #mast .notif-mast #main-menu {
      top: 160px; }

@media screen and (min-width: 1024px) {
  #product .notification-header + main,
  #index .notification-header + main {
    padding-top: 130px; }
    #product .notification-header + main #header #mast,
    #index .notification-header + main #header #mast {
      top: 40px; }
      #product .notification-header + main #header #mast .notif-mast #main-menu,
      #index .notification-header + main #header #mast .notif-mast #main-menu {
        top: 100px; }
        #product .notification-header + main #header #mast .notif-mast #main-menu .scroll-menu,
        #index .notification-header + main #header #mast .notif-mast #main-menu .scroll-menu {
          height: calc(100vh - 100px); }
    #product .notification-header + main .js-close-menu,
    #index .notification-header + main .js-close-menu {
      height: calc(100vh - 100px); } }

@media (min-width: 640px) and (max-width: 981px) {
  #product .notification-header + main,
  #index .notification-header + main {
    padding-top: 130px; }
    #product .notification-header + main #header #mast,
    #index .notification-header + main #header #mast {
      top: 55px; }
      #product .notification-header + main #header #mast .notif-mast #main-menu,
      #index .notification-header + main #header #mast .notif-mast #main-menu {
        top: 130px; } }

header.page-header h1 {
  color: #224245; }

/** My Account **/
@media screen and (min-width: 981px) {
  #my-account #wrapper .account-section ul {
    grid-template-columns: repeat(3, 1fr); } }

/** Order On Behalf **/
#orderBehalf .identifiants {
  padding: 20px;
  display: inline-block;
  width: 100%; }
  #orderBehalf .identifiants .quick-order-form {
    position: relative; }
    #orderBehalf .identifiants .quick-order-form input[type="text"] {
      width: 100%;
      margin-bottom: 10px; }
    #orderBehalf .identifiants .quick-order-form .btn-verif {
      width: 100%; }

#orderBehalf #wrapper {
  background-color: #FFFFFF;
  padding: 30px 5px; }
  #orderBehalf #wrapper > .container {
    width: 100%; }

@media screen and (max-width: 801px) {
  #orderBehalf #dataTable_wrapper {
    overflow-x: auto;
    max-width: 90vw;
    display: inline-block; }
    #orderBehalf #dataTable_wrapper #dataTable_filter {
      position: absolute;
      top: 40px;
      left: 0;
      right: unset; }
      #orderBehalf #dataTable_wrapper #dataTable_filter input[type="search"] {
        width: 100%;
        margin: 0; }
    #orderBehalf #dataTable_wrapper table {
      min-width: 1600px; } }

#orderBehalf #dataTable h2 {
  margin-bottom: 23px;
  padding-top: 9px; }

#orderBehalf #dataTable th,
#orderBehalf #dataTable td {
  text-align: left; }
  #orderBehalf #dataTable th:first-child,
  #orderBehalf #dataTable td:first-child {
    width: 135px;
    padding-left: 0; }
  #orderBehalf #dataTable th:nth-child(6), #orderBehalf #dataTable th:nth-child(6), #orderBehalf #dataTable th:nth-child(9),
  #orderBehalf #dataTable td:nth-child(6),
  #orderBehalf #dataTable td:nth-child(6),
  #orderBehalf #dataTable td:nth-child(9) {
    text-align: center; }
  @media screen and (min-width: 1024px) and (max-width: 1600px) {
    #orderBehalf #dataTable th:nth-child(6),
    #orderBehalf #dataTable td:nth-child(6) {
      min-width: 91px; } }
  #orderBehalf #dataTable th:nth-child(8),
  #orderBehalf #dataTable td:nth-child(8) {
    text-align: left; }
  #orderBehalf #dataTable th:nth-child(10),
  #orderBehalf #dataTable td:nth-child(10) {
    text-align: right; }
  #orderBehalf #dataTable th:last-child,
  #orderBehalf #dataTable td:last-child {
    width: 0; }

#orderBehalf #dataTable th {
  padding: 10px; }
  #orderBehalf #dataTable th:nth-child(2) {
    max-width: 110px; }
  #orderBehalf #dataTable th:nth-child(3) {
    max-width: 210px; }
  #orderBehalf #dataTable th:nth-child(8) {
    max-width: 140px; }

#orderBehalf #dataTable td {
  padding: 8px 5px 7px; }
  #orderBehalf #dataTable td:nth-child(10) {
    text-align: right; }
  #orderBehalf #dataTable td ul {
    margin-bottom: 0; }

#orderBehalf #dataTable.datatable-pendingorders th:nth-child(5) {
  width: 290px !important; }

#orderBehalf #dataTable .whs-icon {
  font-size: 14px; }
  #orderBehalf #dataTable .whs-icon i {
    width: 25px;
    display: inline-block; }
  #orderBehalf #dataTable .whs-icon .icon-nml {
    padding: 3px; }
  #orderBehalf #dataTable .whs-icon .icon-nml {
    margin-left: -6px;
    width: 31px; }
  #orderBehalf #dataTable .whs-icon .icon-avi {
    margin-left: -2px;
    margin-right: 2px; }
  #orderBehalf #dataTable .whs-icon li {
    font-size: 1rem;
    display: flex; }

#orderBehalf .client-alert {
  padding: 15px 20px; }
  #orderBehalf .client-alert p {
    margin-bottom: 0; }

#orderBehalf #clientNotExist {
  margin-top: -10px; }
  #orderBehalf #clientNotExist + #formBlank {
    margin-top: -62px;
    position: relative; }

#orderBehalf #formBlank {
  display: none;
  margin-top: -10px; }

@media screen and (min-width: 981px) {
  #orderBehalf .infoTxtPrix .container {
    width: 100%;
    max-width: 90%; }
  #orderBehalf #wrapper {
    padding: 30px 5%; }
  #orderBehalf .client-alert {
    margin: -30px 20px 30px;
    border-radius: 0 0 20px 20px; }
  #orderBehalf #clientNotExist {
    margin-top: -30px; }
    #orderBehalf #clientNotExist + #formBlank {
      margin-top: -82px; }
  #orderBehalf #formBlank {
    display: none;
    margin-top: -30px; }
  #orderBehalf .welcome-order {
    border-bottom: none;
    padding: 0 0 15px; }
  #orderBehalf .identifiants {
    margin-bottom: 30px;
    padding: 20px;
    display: flex;
    justify-content: space-between; }
    #orderBehalf .identifiants .right-content {
      width: 40%; }
    #orderBehalf .identifiants .quick-order-form input[type="text"] {
      width: calc(100% - 145px);
      margin-bottom: 0; }
    #orderBehalf .identifiants .quick-order-form .btn-verif {
      width: auto; }
  #orderBehalf #notifications {
    width: 100%; }
    #orderBehalf #notifications .container {
      width: 100%;
      padding: 0; }
  #orderBehalf #dataTable th:nth-child(2) {
    max-width: auto; }
  #orderBehalf #dataTable th:nth-child(3) {
    max-width: auto; }
  #orderBehalf #dataTable th:nth-child(8) {
    max-width: auto; } }

/** Quick Order **/
.conseilQuickOrder {
  display: none; }

#quickOrder #main {
  padding: 0; }

#quickOrder .conseilQuickOrder {
  display: inline-block;
  width: 100%;
  padding: 15px;
  text-align: center;
  color: #EA6852;
  margin: 0;
  background-color: #FFFFFF; }

#quickOrder #wrapper {
  background-color: #FFFFFF;
  padding: 0 5px 30px 5px; }
  #quickOrder #wrapper .identifiants {
    display: inline-block;
    padding: 20px 20px 0;
    width: 100%; }
    #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details {
      display: inline-block; }
      #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details > div:nth-child(2) {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px; }
      #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .title-detail {
        margin-bottom: 15px;
        margin-top: 20px;
        display: flex;
        flex-direction: column; }
        #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .title-detail .item ul {
          display: flex;
          flex-direction: row;
          margin-bottom: 0;
          gap: 20px; }
          #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .title-detail .item ul li {
            font-size: 1.1em;
            text-transform: none;
            display: flex;
            align-items: center;
            gap: 10px;
            letter-spacing: normal; }
            #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .title-detail .item ul li:before {
              content: "";
              display: inline-block;
              width: 12px;
              height: 12px;
              border-radius: 50%; }
          #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .title-detail .item ul .warehouseAvailable:before {
            background-color: #0084C5; }
          #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .title-detail .item ul .warehousePending:before {
            background-color: #EA6852; }
          #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .title-detail .item ul .warehouseUnavailable:before {
            background-color: #B3B3B2; }
      #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .each-warehouse-bloc {
        padding: 10px 15px;
        background: transparent;
        border: 1px solid #878787;
        border-radius: 10px;
        color: #878787;
        margin-right: 10px;
        font-size: 0.714em;
        text-align: center; }
        #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .each-warehouse-bloc.warehouse-available {
          background: #0084C5;
          border: 1px solid #0084C5;
          color: #FFFFFF; }
        #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .each-warehouse-bloc.warehouse-pending {
          background: #EA6852;
          border: 1px solid #EA6852;
          color: #FFFFFF; }
      #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .btnOpenWarehouse {
        background: transparent;
        color: #224245;
        padding: 10px 15px;
        border: 1px solid #224245;
        width: auto;
        white-space: nowrap;
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 20px; }
        #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .btnOpenWarehouse:hover {
          background: #224245;
          color: #FFFFFF; }
    #quickOrder #wrapper .identifiants .right-details {
      width: 100%; }
    #quickOrder #wrapper .identifiants .left-details {
      display: inline-block;
      width: 100%; }
    #quickOrder #wrapper .identifiants .bottom-details {
      float: left;
      margin: 10px 10px 20px 10px; }
      #quickOrder #wrapper .identifiants .bottom-details #clientDealsBtn {
        background: #224245;
        color: #FFFFFF;
        padding: 10px 15px;
        border: 1px solid #224245;
        width: 177px;
        margin-left: -8px;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        position: relative; }
        #quickOrder #wrapper .identifiants .bottom-details #clientDealsBtn.clientConnected {
          width: auto; }
          #quickOrder #wrapper .identifiants .bottom-details #clientDealsBtn.clientConnected:after {
            position: unset; }
        #quickOrder #wrapper .identifiants .bottom-details #clientDealsBtn:hover {
          background: #FFFFFF;
          border: 1ps solid #FFFFFF;
          color: #224245; }
          #quickOrder #wrapper .identifiants .bottom-details #clientDealsBtn:hover:after {
            color: #224245; }
        #quickOrder #wrapper .identifiants .bottom-details #clientDealsBtn:after {
          font-family: icomoon;
          content: "\e940";
          color: #FFFFFF;
          font-size: 20px;
          margin-left: 20px;
          position: absolute;
          right: 15px; }
      #quickOrder #wrapper .identifiants .bottom-details #clientDashboardBtn {
        background: transparent;
        color: #224245;
        padding: 10px 15px;
        border: 1px solid #000000;
        width: auto;
        margin-left: -8px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        margin-top: 10px; }
        #quickOrder #wrapper .identifiants .bottom-details #clientDashboardBtn:hover {
          background: #224245;
          border: 1ps solid #224245;
          color: #FFFFFF; }
          #quickOrder #wrapper .identifiants .bottom-details #clientDashboardBtn:hover:after {
            color: #FFFFFF; }
        #quickOrder #wrapper .identifiants .bottom-details #clientDashboardBtn:after {
          font-family: icomoon;
          content: "\e951";
          color: #224245;
          font-size: 20px;
          margin-left: 20px; }
  @media screen and (max-width: 980px) {
    #quickOrder #wrapper section.datatable {
      overflow-x: auto;
      max-width: 100vw; }
      #quickOrder #wrapper section.datatable > table {
        min-width: 1600px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 981px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    #quickOrder #wrapper section.datatable {
      overflow-x: auto;
      max-width: 100vw; }
      #quickOrder #wrapper section.datatable > table {
        min-width: 1024px; } }
  @media only screen and (min-device-width: 753px) and (max-device-width: 1205px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    #quickOrder #wrapper section.datatable {
      overflow-x: auto;
      max-width: 100vw; }
      #quickOrder #wrapper section.datatable > table {
        min-width: 1024px; } }
  #quickOrder #wrapper > .container {
    width: 100%; }

#quickOrder #backConf .jsConf {
  width: 138px;
  display: flex;
  align-items: center;
  justify-content: center; }

#quickOrder .stock-indication > div {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 981px) {
    #quickOrder .stock-indication > div {
      width: 50%; } }

#quickOrder .stock-indication .left-indication {
  display: inline-block; }
  #quickOrder .stock-indication .left-indication .items ul {
    margin-top: 5px;
    margin-left: -20px;
    display: inline-block;
    width: 100%; }

#quickOrder .add-row {
  padding: 8px 4px;
  background-color: transparent;
  border: none;
  font-size: 0.9em; }
  #quickOrder .add-row:after {
    content: "\e923";
    font-family: icomoon;
    color: #0084C5;
    margin: 15px; }

#quickOrder #dataTable-details th:first-child,
#quickOrder #dataTable-details td:first-child {
  padding-left: 0; }

#quickOrder #dataTable-details th:nth-child(2),
#quickOrder #dataTable-details td:nth-child(2) {
  padding-left: 5px; }

#quickOrder #dataTable-details th:nth-child(3), #quickOrder #dataTable-details th:nth-child(5),
#quickOrder #dataTable-details td:nth-child(3),
#quickOrder #dataTable-details td:nth-child(5) {
  text-align: center; }

#quickOrder #dataTable-details th:nth-child(4), #quickOrder #dataTable-details th:nth-child(6),
#quickOrder #dataTable-details td:nth-child(4),
#quickOrder #dataTable-details td:nth-child(6) {
  padding-left: 10px; }

#quickOrder #dataTable-details th:nth-child(7), #quickOrder #dataTable-details th:nth-child(8), #quickOrder #dataTable-details th:nth-child(9), #quickOrder #dataTable-details th:nth-child(10), #quickOrder #dataTable-details th:nth-child(11), #quickOrder #dataTable-details th:nth-child(12), #quickOrder #dataTable-details th:last-child,
#quickOrder #dataTable-details td:nth-child(7),
#quickOrder #dataTable-details td:nth-child(8),
#quickOrder #dataTable-details td:nth-child(9),
#quickOrder #dataTable-details td:nth-child(10),
#quickOrder #dataTable-details td:nth-child(11),
#quickOrder #dataTable-details td:nth-child(12),
#quickOrder #dataTable-details td:last-child {
  padding-right: 5px;
  text-align: right; }

#quickOrder #dataTable-details th {
  padding: 12px;
  text-align: left; }

#quickOrder #dataTable-details .unit-block {
  text-align: center; }

#quickOrder #dataTable-details .delete-btn {
  padding-right: 0;
  margin-left: 5px; }

#quickOrder #dataTable-details input,
#quickOrder #dataTable-details select {
  outline: none; }
  #quickOrder #dataTable-details input:focus,
  #quickOrder #dataTable-details select:focus {
    border: 1px solid #224245; }

#quickOrder #dataTable-details .btn-view:focus i {
  color: #0084C5; }

#quickOrder #dataTable-details .stock-red .white-block {
  border: 2px solid #EA6852; }

#quickOrder #dataTable-details .stock-red .content-qtty input {
  border: 2px solid #EA6852; }

#quickOrder #dataTable-details .stock-pink .white-block {
  border: 2px solid #ff00ff; }

#quickOrder #dataTable-details .stock-pink .content-qtty input {
  border: 2px solid #ff00ff; }

#quickOrder #dataTable-details .stock-yellow .white-block {
  border: 2px solid #FECA67; }

#quickOrder #dataTable-details .stock-yellow .content-qtty input {
  border: 2px solid #FECA67; }

#quickOrder #dataTable-details .stock-yellow.stock-pink .white-block {
  border: 2px solid #ff00ff; }

#quickOrder #dataTable-details .stock-yellow.stock-pink .content-qtty input {
  border: 2px solid #ff00ff; }

#quickOrder #dataTable-details .stock-short .white-block {
  background: #dedbdb; }

#quickOrder #dataTable-details .stock-short .content-qtty input {
  background: #dedbdb; }

#quickOrder #dataTable-details .stock-short .unit-block {
  background: #dedbdb; }

#quickOrder #telesales {
  color: #224245;
  font-size: 13px;
  margin-top: 7px; }
  #quickOrder #telesales:focus {
    outline: 1px solid #224245; }

#quickOrder .ui-autocomplete {
  padding-right: 175px !important; }

@media screen and (min-width: 981px) {
  #quickOrder #notifications {
    padding: 0 5%; }
    #quickOrder #notifications .container {
      width: 100%; }
      #quickOrder #notifications .container article {
        margin: 0 15px 1rem 15px; }
  #quickOrder .infoTxtPrix .container {
    width: 100%;
    max-width: 90%; }
  #quickOrder .infoTxtPrix .row {
    border: none; }
  #quickOrder .conseilQuickOrder {
    display: none; }
  #quickOrder #wrapper {
    padding: 0 5% 30px 5%; }
    #quickOrder #wrapper .identifiants {
      display: flex;
      padding: 25px 25px;
      align-items: flex-start; }
      #quickOrder #wrapper .identifiants.identifiants-warehouse {
        display: grid;
        grid-template-columns: 70% 30%;
        row-gap: 20px; }
        #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details {
          grid-area: 2 / 1 / 3 / 3;
          width: max-content;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: flex-end; }
          #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details > div:nth-child(2) {
            display: inline-block; }
          #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .progressInProcess {
            margin-top: 20px; }
            #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .progressInProcess span {
              font-size: 0.733;
              font-family: "Mulish-Regular"; }
              #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .progressInProcess span:before {
                content: "";
                display: inline-block;
                width: 12px;
                height: 12px;
                background: #EA6852;
                border-radius: 50%;
                margin-right: 10px; }
          #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .title-detail {
            margin-top: 0;
            flex-direction: row;
            justify-content: space-between; }
            #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .title-detail .item ul {
              display: flex;
              flex-direction: row;
              margin-bottom: 0;
              gap: 20px; }
          #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .each-warehouse-bloc {
            padding: 10px 15px;
            background: transparent;
            border: 1px solid #878787;
            border-radius: 10px;
            color: #878787;
            margin-right: 10px;
            font-size: 0.714em; }
            #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .each-warehouse-bloc.warehouse-available {
              background: #0084C5;
              border: 1px solid #0084C5;
              color: #FFFFFF; }
            #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .each-warehouse-bloc.warehouse-pending {
              background: #EA6852;
              border: 1px solid #EA6852;
              color: #FFFFFF; }
            #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .each-warehouse-bloc:last-child {
              margin-right: 0; }
          #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .btnOpenWarehouse {
            background: transparent;
            color: #224245;
            padding: 10px 15px;
            border: 1px solid #224245;
            width: auto;
            white-space: nowrap;
            display: inline-block;
            margin-bottom: 0;
            margin-top: 25px; }
            #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .btnOpenWarehouse:hover {
              background: #224245;
              color: #FFFFFF; }
      #quickOrder #wrapper .identifiants.isNormalCustomerDashboard .left-details {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: flex-start;
        gap: 20px;
        padding-right: 20px; }
      #quickOrder #wrapper .identifiants .left-details {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        align-items: flex-start;
        gap: 15px;
        padding-right: 20px; }
      #quickOrder #wrapper .identifiants .right-details {
        width: 100%;
        grid-area: 2 / 2 / 3 / 3; }
      #quickOrder #wrapper .identifiants .bottom-details {
        float: unset;
        margin: 10px 0 0 0;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between; }
        #quickOrder #wrapper .identifiants .bottom-details #clientDealsBtn {
          width: auto; }
          #quickOrder #wrapper .identifiants .bottom-details #clientDealsBtn:after {
            position: unset; }
        #quickOrder #wrapper .identifiants .bottom-details #clientDashboardBtn {
          margin: 0 20px 0 0; }
  #quickOrder .stock-indication > div {
    width: auto; }
  #quickOrder .stock-indication .left-indication {
    display: flex; }
    #quickOrder .stock-indication .left-indication .items ul {
      margin-top: 0;
      margin-left: 25px;
      display: flex;
      width: auto; } }

#quickOrder .hide-deal {
  display: none; }

#quickOrder .show-deal {
  display: flex; }

#quickOrder .cart-back-btn {
  font-size: 0.75em;
  background: white;
  padding: 10px 15px;
  border-radius: 20px;
  color: #224245;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  display: inline-block;
  border: none; }
  #quickOrder .cart-back-btn:before {
    content: "\e907";
    font-family: "icomoon";
    font-size: 1em;
    transform: rotate(180deg);
    margin-right: 10px;
    display: inline-block; }
  #quickOrder .cart-back-btn:hover {
    color: #FFFFFF;
    background: #224245; }

@media screen and (min-width: 640px) and (max-width: 981px) {
  #quickOrder #wrapper .identifiants .left-details .details {
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
  #quickOrder #wrapper .identifiants .bottom-details {
    display: inline-block;
    float: none; }
  #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details > div:nth-child(2) {
    grid-template-columns: repeat(6, 1fr); }
  #quickOrder #wrapper .identifiants .right-details {
    float: left;
    width: 100%; }
    #quickOrder #wrapper .identifiants .right-details .bottom-details {
      width: 100%; }
      #quickOrder #wrapper .identifiants .right-details .bottom-details #clientDashboardBtn {
        float: right;
        margin-top: 0;
        margin-right: 10px; }
  #quickOrder #wrapper .identifiants .warehouse-details {
    float: right;
    width: 100%; } }

@media screen and (min-width: 640px) and (max-width: 900px) {
  #quickOrder #wrapper .identifiants .left-details .details {
    gap: 20px; }
  #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details > div:nth-child(2) {
    grid-template-columns: repeat(8, 1fr); }
  #quickOrder #wrapper .identifiants.identifiants-warehouse .warehouse-details .title-detail {
    flex-direction: row;
    justify-content: space-between; }
  #quickOrder #wrapper .identifiants .right-details .bottom-details #clientDashboardBtn {
    float: left;
    margin-right: 20px; } }

/** Password toggle btn **/
.input-group .input-group-btn > .btn[data-action="show-password"] {
  min-height: 55px; }

/** New Items **/
.new {
  background: #dbaa66 !important;
  font-size: 0.8em; }

/* Desktop */
#js-product-list-header {
  text-transform: none;
  margin: 20px 0;
  color: #224245; }

@media screen and (max-width: 801px) {
  .container-product-list > div:not(:last-child) {
    margin-bottom: 15px; } }

@media screen and (min-width: 981px) {
  #search .sort-by-row .products-sort-order {
    top: 0; }
  #search_widget button {
    top: 6px;
    right: 1px; }
  .container-product-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px; }
    .container-product-list > div {
      margin-bottom: unset; }
  .block-categories {
    display: none; }
  .category-top-menu {
    color: #224245; }
    .category-top-menu a {
      color: #224245; }
  a._gray-darker.search-link.js-search-link {
    color: #224245 !important; }
  span.ps-shown-by-js {
    border: 2px solid #224245 !important; }
  #wrapper .breadcrumb {
    margin: 7px 0 20px 0; }
    #wrapper .breadcrumb .col-md-12 {
      padding: 0; }
    #wrapper .breadcrumb ol {
      margin-bottom: 0; }
      #wrapper .breadcrumb ol a {
        font-size: 12px;
        color: #224245 !important; }
        #wrapper .breadcrumb ol a:hover {
          color: #0084C5 !important; }
  .dropdown {
    margin-left: 135px; }
    .dropdown:before {
      display: none; }
  #index #carousel .container {
    padding-left: 12%; }
    #index #carousel .container .legend-slider {
      font-size: 10px; }
    #index #carousel .container .title-slider {
      font-size: 27px;
      margin-bottom: 15px; }
    #index #carousel .container .carousel-inner p {
      font-size: 0.938em;
      margin-bottom: 15px; }
    #index #carousel .container .carousel-inner a {
      font-size: 0.938em; }
  #index #content .container-product-list {
    display: inline; }
  #index .title-desc-page {
    padding-top: 75px;
    margin-bottom: 20px; }
  .others.col-lg-6.col-sm-6.col-xs-12 {
    margin-top: 30px; }
  #businessrunning-wrapper .fieldLabel {
    display: inline-block;
    width: 100%;
    text-align: center; }
  #businessrunning-wrapper .radioDiv {
    justify-content: space-around; }
  #requestNewAccount .required {
    font-size: 0.9em; }
  #requestNewAccount .form-group label {
    font-size: 0.9em; }
  #requestNewAccount .checkboxDiv {
    margin: 15px 0 0 0; }
  #requestNewAccount #title .radioDiv {
    width: 48.5%; }
  #requestNewAccount #requestNewAccount .required {
    font-size: .9em; }
  #requestNewAccount #requestNewAccount .form-group label {
    font-size: .9em; }
  #requestNewAccount #requestNewAccount .checkboxDiv {
    margin: 15px 0 0 0; }
  #requestNewAccount #requestNewAccount #title .radioDiv {
    width: 48.5%; }
  #requestNewAccount #requestNewAccount #businesslegaladdress-wrapper input[type='text'] {
    width: 98%; }
  #requestNewAccount #requestNewAccount .form-group #submitRequest {
    width: 130px;
    height: 56px;
    position: absolute;
    right: -2px;
    bottom: 5px; }
    #requestNewAccount #requestNewAccount .form-group #submitRequest:before {
      background: unset; }
    #requestNewAccount #requestNewAccount .form-group #submitRequest:hover {
      border: 1px solid #224245;
      color: #224245; }
  #requestNewAccount #requestNewAccount #tos-container {
    float: left;
    margin: 10px 0 30px;
    width: 100%; }
  #requestNewAccount .form-group #submitRequest {
    height: 56px;
    right: -2px;
    bottom: 5px; }
    #requestNewAccount .form-group #submitRequest:before {
      background: unset; }
    #requestNewAccount .form-group #submitRequest:hover {
      border: 1px solid #224245;
      color: #224245; }
  #requestNewAccount #tos-container {
    float: left;
    margin: 10px 0 25px;
    width: 100%; }
  .help-section ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px; }
  .help-section li:last-child {
    margin-bottom: 20px !important; }
  .help-section .card-1 {
    height: 130px; }
  #header #mast .notif-mast {
    height: 70px;
    padding: 10px 15px !important;
    background: none; }
  #header #mast .dropdown {
    margin-left: 0; }
  #header #mast a.logout.hidden-sm-down {
    font-size: 0.92rem;
    color: #224245; }
  #header #mast #menu .btn-menu {
    margin-right: 20px; }
  .bloc-connexion h2 {
    font-size: 1.25em !important; }
  .bloc-connexion .other-option {
    border-top: 1px solid #22424559 !important; }
    .bloc-connexion .other-option a {
      font-size: 0.925em; }
  #js-product-list .qty-selector {
    height: 50px; }
  .block-categories .category-sub-menu li[data-depth="0"] > a {
    border-bottom: none; }
  .facet-label a {
    font-weight: 600; }
  /**mini cart info**/
  #header .blk-header_elem > div {
    display: inline-block;
    text-align: left; }
  /**Detail de la comande**/
  .hidden {
    display: none; }
  /* contact form */
  #customContactForm .page-header {
    margin-top: 20px; }
  #customContactForm .contact-form {
    background: #FFFFFF;
    padding: 25px;
    color: #224245;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 50px; }
    #customContactForm .contact-form .note-required {
      text-align: end;
      padding-right: 15px; }
    #customContactForm .contact-form .form-control {
      background: #FFFFFF;
      border: 1px solid #B3B3B2;
      padding: 10px;
      margin-bottom: 15px;
      outline: none;
      resize: none; }
      #customContactForm .contact-form .form-control:focus {
        border-color: #0084C5; }
    #customContactForm .contact-form #commerce-type {
      background: #FFFFFF;
      margin: 0 0 10px 0;
      padding: 11px;
      border: 1px solid #B3B3B2; }
    #customContactForm .contact-form .form-group-input {
      margin-bottom: 15px; }
    #customContactForm .contact-form .form-group .submit {
      float: right;
      background: #224245; }
      #customContactForm .contact-form .form-group .submit .bouton {
        color: white;
        padding: 10px; }
    #customContactForm .contact-form .checkboxDiv {
      margin: 15px 0; } }

@media screen and (min-width: 640px) and (max-width: 981px) {
  .container-product-list {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr); }
    .container-product-list > div {
      margin-bottom: unset; } }

/* Minicart mob/desk */
.js-cart-cont .wideClose {
  position: fixed;
  border: none;
  padding: 0;
  right: -100vw;
  width: 100vw;
  top: 0;
  z-index: 1000;
  height: 100vh;
  cursor: pointer;
  background-color: rgba(191, 191, 191, 0.6);
  transition: all 0.2s ease-in-out; }

.js-cart-cont .blk-cart_cont {
  padding: 25px;
  transition: all 0.2s ease-in-out;
  position: fixed;
  right: -100vw;
  height: 100vh;
  background: #fff;
  z-index: 1001;
  bottom: 0;
  top: 0;
  width: 100%; }
  .js-cart-cont .blk-cart_cont #close-mini-cart {
    border: none;
    background: 0 0;
    position: relative;
    right: -300px;
    font-size: 1.375em;
    z-index: 1; }
  .js-cart-cont .blk-cart_cont i {
    font-size: 20px;
    margin-right: 5px; }
  .js-cart-cont .blk-cart_cont .header-title-mini-cart h2 {
    position: relative;
    top: -25px;
    left: 0;
    font-size: 1.5em;
    color: #224245; }
  .js-cart-cont .blk-cart_cont #cart-mini-content-lists .hidden {
    display: none; }
  .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    padding: 0; }
    .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list img {
      max-width: 100%;
      width: 100%;
      height: auto; }
      .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list img[data-full-size-image-url=""] {
        width: 45px; }
    .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list .clearfix {
      list-style: none;
      position: relative;
      margin-bottom: 20px; }
      .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list .clearfix:last-child {
        margin-bottom: 0; }
    .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list h3 {
      display: flex;
      width: 100%;
      align-items: center;
      padding-bottom: 10px;
      font-size: 1em; }
      .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list h3 i {
        vertical-align: unset; }
      .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list h3 img {
        max-width: 25px; }
      .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list h3 span {
        padding: 0 0 0 10px;
        font-weight: 400;
        color: #224245; }
    .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list .mini-cart-media {
      width: 60px;
      float: left; }
    .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list .mini-cart-info {
      float: left;
      padding-left: 15px;
      text-align: left;
      width: calc(100% - 60px);
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list .mini-cart-info .product-name {
        white-space: unset; }
      .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list .mini-cart-info .product-quantity {
        padding: 5px 0; }
      .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list .mini-cart-info .product-price {
        font-size: 1.2em;
        font-family: "Mulish-Bold";
        color: #224245; }
        .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list .mini-cart-info .product-price .sub {
          font-size: 0.75em; }
    .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list .remove-from-cart {
      margin-left: 5px; }
      .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list .remove-from-cart:hover:before {
        color: #0084C5; }
      .js-cart-cont .blk-cart_cont #cart-mini-content-lists .prod-cart-list .remove-from-cart:before {
        content: "\e91e";
        font-family: icomoon;
        font-size: 20px;
        color: #919191; }
  .js-cart-cont .blk-cart_cont .minicart-product-lists {
    max-height: calc(100vh - 265px);
    height: 100vh;
    width: 100%;
    padding: 15px 0;
    position: relative; }
    .js-cart-cont .blk-cart_cont .minicart-product-lists .product-group {
      display: inline-block;
      width: 100%;
      padding: 20px 0;
      border-top: 1px solid #B3B3B2; }
      .js-cart-cont .blk-cart_cont .minicart-product-lists .product-group:first-child {
        border: none; }
  .js-cart-cont .blk-cart_cont .button-act-minicart {
    display: flex;
    width: 100%;
    padding: 15px 0 0;
    justify-content: space-between;
    margin-bottom: 5px; }
    .js-cart-cont .blk-cart_cont .button-act-minicart a {
      width: 50%;
      justify-content: center; }
      .js-cart-cont .blk-cart_cont .button-act-minicart a:hover {
        background-color: #224245;
        color: #FFFFFF !important;
        border-color: #FFFFFF; }
    .js-cart-cont .blk-cart_cont .button-act-minicart .nofollow:before {
      transition: all 0.2s ease-in-out;
      font-family: icomoon;
      content: "\e906";
      position: absolute;
      top: calc(50% - 6px);
      left: calc(100% - 45px);
      font-size: 12px;
      font-weight: 400;
      overflow: hidden; }
  .js-cart-cont .blk-cart_cont .mini-cart-footer .value {
    float: right;
    text-align: right; }
  .js-cart-cont .blk-cart_cont .mini-cart-footer .labelInfo {
    float: left; }
  .js-cart-cont .blk-cart_cont .mini-cart-footer .value,
  .js-cart-cont .blk-cart_cont .mini-cart-footer .labelInfo {
    width: 50%;
    color: #224245; }
  .js-cart-cont .blk-cart_cont .mini-cart-footer .cart-total {
    font-family: "Mulish-Bold"; }

.js-cart-cont.show .blk-cart_cont,
.js-cart-cont.show .wideClose {
  right: 0; }

@media screen and (min-width: 981px) {
  .js-cart-cont .wideClose {
    width: calc(100vw - 450px); }
  .js-cart-cont .blk-cart_cont {
    max-width: 450px; }
    .js-cart-cont .blk-cart_cont #close-mini-cart {
      right: -365px; }
  .js-cart-cont.show .wideClose {
    right: 450px; } }

/* Info prix header */
.infoTxtPrix {
  background: #E6EFF9;
  padding: 10px;
  display: none; }
  .infoTxtPrix .row,
  .infoTxtPrix .col-md-9 {
    flex-direction: column; }
    @media screen and (min-width: 981px) {
      .infoTxtPrix .row,
      .infoTxtPrix .col-md-9 {
        flex-direction: unset; } }
  .infoTxtPrix .row {
    display: flex;
    align-items: center;
    padding: 5px 0 15px; }
    .infoTxtPrix .row .col-md-9,
    .infoTxtPrix .row .col-md-3 {
      padding: 0; }
    @media screen and (min-width: 981px) {
      .infoTxtPrix .row {
        border-bottom: 1px solid #2242456e; } }
  .infoTxtPrix .col-md-3 {
    width: auto;
    margin-top: 25px; }
    @media screen and (min-width: 981px) {
      .infoTxtPrix .col-md-3 {
        margin-top: 0;
        width: 25%; } }
  .infoTxtPrix .col-md-9 {
    display: flex;
    align-items: center; }
    .infoTxtPrix .col-md-9:before {
      font-family: "icomoon";
      content: "\e934";
      display: flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      color: #224245;
      font-size: 27px;
      border-radius: 21px;
      background: #FFFFFF;
      margin-bottom: 15px; }
      @media screen and (min-width: 981px) {
        .infoTxtPrix .col-md-9:before {
          margin-bottom: 0;
          margin-right: 25px; } }
    .infoTxtPrix .col-md-9 p {
      color: #1A1A1A;
      margin: 0;
      font-size: 13px;
      text-align: center; }
      @media screen and (min-width: 981px) {
        .infoTxtPrix .col-md-9 p {
          text-align: unset; } }
    .infoTxtPrix .col-md-9 strong {
      color: #1A1A1A;
      font-weight: normal;
      font-family: "Mulish-Bold"; }
  .infoTxtPrix .btn-outline-primary {
    border: 2px solid #224245;
    font-size: 13px;
    float: right;
    padding: 15px 25px; }
    .infoTxtPrix .btn-outline-primary:hover {
      color: #FFFFFF !important; }

#products .page-not-found {
  padding: 25px;
  text-align: center;
  border-radius: 20px; }
  #products .page-not-found form {
    width: 100%; }
  #products .page-not-found #search_widget {
    overflow: hidden; }
    #products .page-not-found #search_widget form i {
      right: 10px;
      top: -30px; }
    #products .page-not-found #search_widget form input {
      padding: 10px 20px; }
  @media screen and (min-width: 980px) {
    #products .page-not-found #search_widget form i {
      top: -5px; } }

#products .page-footer {
  margin-bottom: 35px; }

/** search **/
.loader-info {
  display: none; }
  .loader-info.active {
    display: flex;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: #fff;
    z-index: 11000000;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center; }

.blk-Order,
.blk-quickOrder,
.blk-createCatalogue {
  height: 45px;
  display: flex; }
  .blk-Order-mob,
  .blk-quickOrder-mob,
  .blk-createCatalogue-mob {
    margin-bottom: 10px; }
  .blk-Order span,
  .blk-quickOrder span,
  .blk-createCatalogue span {
    font-size: 0.838em; }

#orderBehalf .infoTxtPrix,
#quickOrder .infoTxtPrix {
  background: #FFFFFF; }

.forgot-password-form a:before,
.no-account a:before,
.deskNoAcc a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #224245;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out; }

.forgot-password-form a:hover:before,
.no-account a:hover:before,
.deskNoAcc a:hover:before {
  transform-origin: left;
  transform: scaleX(1); }

.price-cont .deal-validity,
.product-detail__desc-item .deal-validity {
  background: #ea6852;
  font-size: 0.913em;
  width: 100%;
  padding: 10px 20px;
  border-radius: 20px;
  text-align: center;
  color: #FFFFFF; }

.datatable-down,
.datatable-up {
  position: absolute;
  right: -60px; }
  .datatable-down .up-button,
  .datatable-down .down-button,
  .datatable-up .up-button,
  .datatable-up .down-button {
    border: none;
    background: none;
    font-size: 0;
    display: flex;
    justify-content: center; }
    .datatable-down .up-button:after,
    .datatable-down .down-button:after,
    .datatable-up .up-button:after,
    .datatable-up .down-button:after {
      content: "\e906";
      font-family: "icomoon";
      font-size: 12px;
      font-weight: 400; }
    .datatable-down .up-button:hover,
    .datatable-down .down-button:hover,
    .datatable-up .up-button:hover,
    .datatable-up .down-button:hover {
      color: #36A9E1; }
  .datatable-down .down-button,
  .datatable-up .down-button {
    transform: rotate(90deg); }
  .datatable-down .up-button,
  .datatable-up .up-button {
    transform: rotate(-90deg); }

@media screen and (min-width: 981px) {
  .price-cont {
    width: 50%;
    display: flex;
    flex-direction: column; }
    .price-cont .deal-validity {
      width: 100%; } }

/** Popup Confirmation **/
.conf-popup-parent {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.35s ease-in-out;
  background-color: rgba(0, 0, 0, 0.5); }
  .conf-popup-parent.show {
    opacity: 1;
    z-index: 999; }
  .conf-popup-parent .conf-popup {
    width: 90%;
    border-radius: 20px;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
    position: relative; }
    .conf-popup-parent .conf-popup .conf-popup-header {
      top: 0;
      left: 0;
      border-radius: 20px 20px 0 0; }
      .conf-popup-parent .conf-popup .conf-popup-header .conf-popup-header-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        color: #224245;
        padding: 3px 10px; }
        .conf-popup-parent .conf-popup .conf-popup-header .conf-popup-header-content button {
          border: none;
          background: none;
          color: #224245; }
    .conf-popup-parent .conf-popup .conf-popup-header,
    .conf-popup-parent .conf-popup .conf-popup-footer {
      background: #FFFFFF;
      font-size: 0.913em;
      width: 100%;
      padding: 10px;
      color: #224245; }
    .conf-popup-parent .conf-popup .conf-popup-body {
      padding: 30px 40px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: inset 0 18px 24px -19px #ccc, inset 0px -18px 20px -19px #ccc;
      background-color: #FFFFFF;
      color: #224245; }
      .conf-popup-parent .conf-popup .conf-popup-body span {
        text-align: center;
        white-space: normal; }
        .conf-popup-parent .conf-popup .conf-popup-body span:first-child {
          font-family: "Mulish-Bold";
          font-size: 1.063em;
          margin-bottom: 10px; }
        .conf-popup-parent .conf-popup .conf-popup-body span:last-child {
          font-size: 0.813em; }
    .conf-popup-parent .conf-popup .conf-popup-footer {
      bottom: 0;
      left: 0;
      border-radius: 0 0 20px 20px;
      padding: 20px 25px; }
      .conf-popup-parent .conf-popup .conf-popup-footer .conf-popup-footer-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        .conf-popup-parent .conf-popup .conf-popup-footer .conf-popup-footer-content button {
          border: none;
          width: 138px;
          height: 48px; }
        .conf-popup-parent .conf-popup .conf-popup-footer .conf-popup-footer-content .footer-left {
          border: 1px solid #224245;
          color: #224245;
          background: #FFFFFF; }
          .conf-popup-parent .conf-popup .conf-popup-footer .conf-popup-footer-content .footer-left:hover {
            background: #224245;
            color: #FFFFFF; }
          .conf-popup-parent .conf-popup .conf-popup-footer .conf-popup-footer-content .footer-left:focus {
            outline: 1px dotted #000000 !important; }
        .conf-popup-parent .conf-popup .conf-popup-footer .conf-popup-footer-content .footer-right {
          background: #224245;
          color: #FFFFFF; }
          .conf-popup-parent .conf-popup .conf-popup-footer .conf-popup-footer-content .footer-right:hover {
            background: #FFFFFF;
            color: #224245;
            border: 1px solid #224245; }
          .conf-popup-parent .conf-popup .conf-popup-footer .conf-popup-footer-content .footer-right:focus {
            outline: 1px dotted #000000 !important; }
  .conf-popup-parent#confirmation-commandePopUp .conf-popup-body span {
    display: inline-block;
    width: 100%; }
  @media screen and (min-width: 981px) {
    .conf-popup-parent .conf-popup {
      width: 100%;
      max-width: 600px; } }

/** Error Upload **/
#error-import .conf-popup-footer {
  display: flex;
  justify-content: center; }
  #error-import .conf-popup-footer .conf-popup-footer-content {
    display: none; }

#error-import .conf-popup-body {
  max-height: 180px;
  overflow: auto; }
  #error-import .conf-popup-body #invalidProdRef,
  #error-import .conf-popup-body #outofStockProd {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px; }
    #error-import .conf-popup-body #invalidProdRef span,
    #error-import .conf-popup-body #outofStockProd span {
      margin-bottom: 10px; }
  #error-import .conf-popup-body #outofStockProd {
    margin: 0; }

@media screen and (min-width: 981px) {
  #error-import .conf-popup {
    width: calc(100% / 3); } }

/** Alert bar **/
#notifications {
  margin-left: auto !important;
  margin-right: auto !important; }
  #notifications .container {
    padding: 0 15px; }
    #notifications .container .alert {
      font-size: 0.867em; }
    #notifications .container .alert-warning {
      background: #fff8ef;
      color: #ff8a00; }
    #notifications .container .alert-success {
      background: #e3f6eb;
      color: #27ae60; }
    #notifications .container .alert-info {
      background: #f0f7ff;
      color: #4393ea; }
  #notifications.highlight-notif .alert {
    width: 72%;
    margin: 0 auto 15px; }

.alert {
  position: relative; }
  .alert .linkUnderline {
    text-decoration: underline !important;
    color: #a94442; }

.js-close-msg {
  position: absolute;
  border: none;
  background: none;
  top: 10px;
  right: 10px; }

.ValidationErrors {
  display: inline-block;
  width: 100%;
  color: #a94442;
  font-size: 0.875em; }

/** red * **/
span.requiredRed {
  color: red;
  margin: 0 5px; }

/** page footer * **/
.page-footer span:hover {
  color: #0084c5; }

.help-section li:last-child {
  margin-bottom: 30px; }

.slick-slider .slick-arrow,
.slick-slider .slick-disabled {
  padding: 0; }
  .slick-slider .slick-arrow:before,
  .slick-slider .slick-disabled:before {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid transparent; }

div#clientDealsDivOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center; }

#clientDealsDiv {
  border-radius: 20px;
  overflow: hidden;
  padding: 20px;
  box-shadow: 10px 4px 20px rgba(0, 0, 0, 0.55);
  background: #FFFFFF;
  width: 90%;
  position: relative; }
  #clientDealsDiv #dealsHeader {
    height: 70px;
    align-items: center; }
  #clientDealsDiv .dashboard-view-all-button {
    display: none; }
  #clientDealsDiv .deals {
    overflow: auto;
    padding-bottom: 40px; }
    #clientDealsDiv .deals .dataTables_length {
      display: none; }
    #clientDealsDiv .deals .dataTables_filter {
      position: absolute;
      top: 13px;
      right: 80px; }
      #clientDealsDiv .deals .dataTables_filter input {
        width: 385px;
        height: 40px;
        border: 1px solid #b3b3b2;
        padding: 10px 15px;
        outline: none; }
      #clientDealsDiv .deals .dataTables_filter label:before {
        content: "\e90b";
        font-family: "icomoon";
        display: inline-block;
        font-size: 18px;
        position: absolute;
        right: 15px;
        top: 10px;
        color: #0084C5; }
    #clientDealsDiv .deals .dataTables_paginate {
      width: 100%;
      text-align: center;
      margin-top: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      #clientDealsDiv .deals .dataTables_paginate > span {
        display: flex;
        align-items: center; }
        #clientDealsDiv .deals .dataTables_paginate > span a {
          margin: 0 10px;
          font-size: 1.23rem;
          font-weight: 400;
          font-family: "Mulish-Regular";
          color: #B3B3B2;
          outline: none;
          cursor: pointer; }
      #clientDealsDiv .deals .dataTables_paginate .current {
        font-weight: 400;
        font-size: 1.23rem;
        font-family: "Mulish-Regular";
        color: #FFFFFF;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 500px;
        background-color: #0084C5; }
      #clientDealsDiv .deals .dataTables_paginate .previous,
      #clientDealsDiv .deals .dataTables_paginate .next {
        width: 40px;
        height: 40px;
        display: inline-block;
        position: relative;
        color: transparent;
        overflow: hidden;
        background-color: #FFFFFF;
        border-radius: 50%;
        padding: 18px;
        margin: 0 10px;
        font-family: "icomoon" !important;
        transition: 0.3s ease-in-out;
        cursor: pointer; }
        #clientDealsDiv .deals .dataTables_paginate .previous.disabled,
        #clientDealsDiv .deals .dataTables_paginate .next.disabled {
          display: none; }
          #clientDealsDiv .deals .dataTables_paginate .previous.disabled:hover,
          #clientDealsDiv .deals .dataTables_paginate .next.disabled:hover {
            background-color: #B3B3B2; }
        #clientDealsDiv .deals .dataTables_paginate .previous:hover,
        #clientDealsDiv .deals .dataTables_paginate .next:hover {
          background-color: #0084C5; }
          #clientDealsDiv .deals .dataTables_paginate .previous:hover:before,
          #clientDealsDiv .deals .dataTables_paginate .next:hover:before {
            color: #FFFFFF; }
        #clientDealsDiv .deals .dataTables_paginate .previous:before,
        #clientDealsDiv .deals .dataTables_paginate .next:before {
          content: "\e907";
          position: absolute;
          width: 13px;
          height: 15px;
          color: #224245;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          background-size: contain; }
      #clientDealsDiv .deals .dataTables_paginate .previous:before {
        transform: rotate(180deg); }
    #clientDealsDiv .deals .dataTables_info {
      position: absolute;
      bottom: 70px;
      left: 30px; }
    #clientDealsDiv .deals #toggleButton {
      position: absolute;
      top: 13px;
      right: 500px;
      padding: 9px 15px;
      border-color: #224245;
      height: 40px; }
  #clientDealsDiv #dealsHeader {
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    margin: -20px;
    box-shadow: 0 0 20px #c1d4cf; }
  #clientDealsDiv #dealsDataTable {
    background: #FFFFFF;
    color: #224245;
    margin-top: 40px; }
    #clientDealsDiv #dealsDataTable thead {
      border-bottom: 2px solid #224245; }
    #clientDealsDiv #dealsDataTable th {
      font-weight: normal;
      font-size: 0.76rem;
      font-family: "Mulish-Regular";
      color: #224245;
      text-transform: uppercase;
      padding-bottom: 12px;
      padding-left: 10px;
      cursor: pointer;
      line-height: normal;
      white-space: nowrap; }
      #clientDealsDiv #dealsDataTable th:nth-child(10) {
        text-align: right; }
      #clientDealsDiv #dealsDataTable th:nth-child(11) {
        text-align: left; }
    #clientDealsDiv #dealsDataTable td {
      line-height: normal;
      font-size: 1rem;
      font-weight: 400;
      color: #224245;
      padding: 3px 10px;
      white-space: nowrap; }
      #clientDealsDiv #dealsDataTable td:nth-child(6) {
        width: 90px;
        padding-right: 0; }
      #clientDealsDiv #dealsDataTable td:nth-child(7) {
        padding-right: 0; }
      #clientDealsDiv #dealsDataTable td:nth-child(8) {
        padding-right: 0; }
      #clientDealsDiv #dealsDataTable td:nth-child(9) {
        padding-right: 0; }
      #clientDealsDiv #dealsDataTable td:nth-child(10) {
        width: 90px;
        text-align: right;
        padding-right: 0; }
      #clientDealsDiv #dealsDataTable td .whs-icon {
        margin: 0; }
  #clientDealsDiv tr {
    padding: 0; }
  #clientDealsDiv #salesAgentNoHistory {
    margin-top: 50px; }
    #clientDealsDiv #salesAgentNoHistory p {
      color: #a94442 !important; }
  @media screen and (max-width: 640px) {
    #clientDealsDiv #dealsHeader {
      margin-bottom: 50px; }
    #clientDealsDiv #dealsDataTable {
      margin-top: 30px; }
    #clientDealsDiv .deals {
      padding-bottom: 90px; }
      #clientDealsDiv .deals .dataTables_filter {
        top: 90px;
        right: 20px; }
        #clientDealsDiv .deals .dataTables_filter input {
          width: 165px; }
      #clientDealsDiv .deals .dataTables_info {
        bottom: 85px; }
      #clientDealsDiv .deals .dataTables_paginate {
        position: absolute;
        width: auto;
        margin-top: 30px; }
      #clientDealsDiv .deals #toggleButton {
        left: 20px;
        right: unset;
        top: 90px; } }
  @media screen and (min-width: 981px) {
    #clientDealsDiv.noDeals {
      width: 30%; }
    #clientDealsDiv .deals {
      margin-top: 20px; } }

.action-btn-QO {
  display: flex;
  justify-content: flex-end; }
  .action-btn-QO .remove-all-row {
    padding: 8px 0;
    background: none;
    border: none;
    font-size: 0.91em; }
    .action-btn-QO .remove-all-row:after {
      content: "\e91e";
      font-family: icomoon;
      color: #ab0a3d;
      margin-left: 15px; }
  .action-btn-QO .add-row {
    display: none; }

/* Tooltip */
#tooltipster-733746 .tooltipster-box .tooltipster-content .tool {
  display: flex;
  font-size: 15px;
  flex-direction: row; }

.tooltipster-fade.tooltipster-show {
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1); }

.tool {
  display: flex;
  font-size: 0.813em;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  color: #224245; }
  .tool div {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    position: relative;
    padding: 10px 35px; }
    .tool div:last-child {
      border-left: 1px solid #224245; }

.tooltipster-content {
  height: 100%; }

.tooltipChannel {
  background: #ffffff;
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  justify-content: center;
  margin-left: 8px; }

html.disabledScroll {
  overflow: hidden; }

.request-new-account-form .hidden {
  display: none !important; }

.tooltipText .tooltipster-box .tooltipster-content {
  padding: 10px;
  font-size: 10px;
  color: #224245;
  background: #e6eff9;
  border-radius: 5px;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
  line-height: 14px; }

.logout a {
  display: flex;
  align-items: center;
  margin-left: 25px; }
  .logout a:hover {
    color: #0084c5; }

#contact .pika-single {
  border: 0;
  background: #FFFFFF;
  overflow: hidden;
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  justify-content: center;
  width: 300px; }
  @media screen and (max-width: 981px) {
    #contact .pika-single {
      left: 15px !important; } }
  #contact .pika-single .pika-lendar {
    padding: 10px;
    background: #FFFFFF;
    margin: 0;
    width: 100%;
    display: inline-block; }
  #contact .pika-single .pika-table {
    background: #FFFFFF; }
    #contact .pika-single .pika-table th {
      color: #2A6AB2;
      font-weight: normal; }
    #contact .pika-single .pika-table .pika-day {
      font-weight: normal;
      border-radius: 0;
      text-align: center;
      background: none;
      box-shadow: none;
      color: #1A1A1A;
      opacity: 1; }
      #contact .pika-single .pika-table .pika-day:hover {
        cursor: pointer;
        background: #2A6AB2;
        color: #FFFFFF; }
    #contact .pika-single .pika-table .is-disabled .pika-day {
      color: #F3F2F7; }
      #contact .pika-single .pika-table .is-disabled .pika-day:hover {
        cursor: auto;
        background: none; }
    #contact .pika-single .pika-table .is-selected .pika-day {
      color: #FFFFFF;
      background: #224245; }
      #contact .pika-single .pika-table .is-selected .pika-day:hover {
        color: #FFFFFF; }
  #contact .pika-single .pika-title .pika-label {
    border: 0;
    color: #224245;
    font-weight: normal; }

#contact .group-contact-form {
  padding: 0 30px; }
  @media screen and (max-width: 640px) {
    #contact .group-contact-form {
      padding: 0; } }

#contact .note-required {
  text-align: right;
  font-size: 0.9em; }

#contact .form-info-contact .form-group-input .form-group > div {
  margin-bottom: 10px; }

#contact .form-info-contact .form-group-input .form-group .radioContainer {
  display: flex;
  align-items: baseline; }

#contact .hidden {
  display: none; }

#customContactForm #main {
  padding: unset; }

#customContactForm .contact-form {
  border-radius: 40px;
  padding: 2rem 1rem;
  margin-bottom: 20px; }
  #customContactForm .contact-form .checkboxDiv {
    display: flex; }
    #customContactForm .contact-form .checkboxDiv input {
      margin-right: 20px; }
    #customContactForm .contact-form .checkboxDiv label {
      text-align: left;
      margin-bottom: 0; }
  #customContactForm .contact-form .form-control {
    height: 56px; }
  #customContactForm .contact-form #commerce-type {
    height: 56px; }
  #customContactForm .contact-form #message {
    height: unset; }
  #customContactForm .contact-form .form-group > div > label {
    margin: 10px 15px 0 0; }
  #customContactForm .contact-form .form-group .submit .bouton {
    width: 130px;
    height: 56px;
    display: flex;
    justify-content: space-around;
    align-items: center; }
    #customContactForm .contact-form .form-group .submit .bouton:hover {
      color: #224245; }
      #customContactForm .contact-form .form-group .submit .bouton:hover:before {
        background: #ffffff;
        color: #224245; }
  #customContactForm .contact-form .form-group-input {
    padding: 0 45px; }
    #customContactForm .contact-form .form-group-input .form-group > div {
      margin-bottom: 10px; }
    #customContactForm .contact-form .form-group-input .form-group .voulezVous {
      margin-bottom: 0; }
    @media screen and (max-width: 640px) {
      #customContactForm .contact-form .form-group-input {
        padding: 0; } }

@media screen and (min-width: 640px) {
  #customContactForm #wrapper > .container {
    padding-left: 0;
    padding-right: 0; } }

#requestNewAccount #productcategoryrequest-wrapper > label {
  font-size: 0.933em;
  margin-bottom: 15px;
  font-weight: 300; }

#requestNewAccount select {
  margin-right: 10px; }

#requestNewAccount h3.organisation_field {
  margin-top: 30px; }

#requestNewAccount .partyType-org {
  margin-bottom: 0; }

#requestNewAccount .brn h3 {
  margin-top: 30px; }

#requestNewAccount .form-group .note {
  font-size: 0.9em; }

#requestNewAccount .form-group .note-phone {
  font-size: 0.875em;
  margin: 5px 0;
  color: #224245; }

#requestNewAccount .form-group .brn > div {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  #requestNewAccount .form-group .brn > div .fieldLabel {
    margin: 0 15px 0 10px;
    text-align: left; }

#requestNewAccount .form-group .vat-content {
  display: flex;
  align-items: center;
  padding: 0 15px; }
  #requestNewAccount .form-group .vat-content > label {
    text-align: left;
    margin-left: 10px; }

#requestNewAccount .form-group#no_vat_dec .organisation_field a {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  transition: 0.3s ease-in-out;
  border: solid 2px #224245;
  font-size: 1rem;
  color: #224245;
  padding: 0 20px;
  margin-top: 18px; }
  #requestNewAccount .form-group#no_vat_dec .organisation_field a:hover {
    border-color: transparent;
    color: #ffffff;
    background: #224245; }

#requestNewAccount .form-group > div {
  margin-bottom: 0; }
  #requestNewAccount .form-group > div textarea {
    border: 1px solid #b3b3b2; }
    #requestNewAccount .form-group > div textarea:focus-visible {
      outline: none; }
  #requestNewAccount .form-group > div#nic-wrapper {
    margin-top: 32px;
    position: relative; }
    #requestNewAccount .form-group > div#nic-wrapper .ValidationErrors {
      position: absolute;
      left: 0;
      bottom: -25px; }

#requestNewAccount .form-group .radioDiv {
  margin-bottom: 0; }
  #requestNewAccount .form-group .radioDiv div {
    margin-bottom: 0;
    width: unset; }
    #requestNewAccount .form-group .radioDiv div input {
      margin-right: 5px; }

#requestNewAccount .form-group .browse-file {
  position: relative;
  padding: 6px;
  background-color: #FFFFFF; }
  #requestNewAccount .form-group .browse-file .browse {
    margin-bottom: 0; }
    #requestNewAccount .form-group .browse-file .browse label {
      height: 41px;
      background-color: #FFFFFF;
      color: #224245;
      border: 2px solid #224245; }

#requestNewAccount .form-group.organisation_field {
  display: flex;
  align-items: baseline;
  flex-direction: column; }
  #requestNewAccount .form-group.organisation_field .vat {
    margin-left: 0; }

#requestNewAccount .form-group .rowSpecial:has(.ValidationErrors) .col-lg-6 {
  min-height: 110px; }

#requestNewAccount .js-addDeliverySlots .add-slot, #requestNewAccount .js-addDeliverySlots .remove-slot, #requestNewAccount .js-removeDeliverySlots .add-slot, #requestNewAccount .js-removeDeliverySlots .remove-slot {
  padding: 8px 0;
  background-color: transparent;
  border: none;
  font-size: 0.9em; }
  #requestNewAccount .js-addDeliverySlots .add-slot:after, #requestNewAccount .js-addDeliverySlots .remove-slot:after, #requestNewAccount .js-removeDeliverySlots .add-slot:after, #requestNewAccount .js-removeDeliverySlots .remove-slot:after {
    content: "\e923";
    font-family: icomoon;
    color: #0084c5;
    margin: 15px; }

#requestNewAccount .js-addDeliverySlots .remove-slot:after, #requestNewAccount .js-removeDeliverySlots .remove-slot:after {
  content: "\e968";
  font-family: icomoon;
  color: #FE5151;
  margin: 15px;
  font-weight: 900; }

@media screen and (min-width: 981px) {
  #requestNewAccount .form-group .partyType {
    display: flex;
    margin-bottom: 0; }
  #requestNewAccount .form-group .vat-content {
    padding: 0; }
  #requestNewAccount .form-group#vat_reg_check {
    margin-bottom: 0; }
    #requestNewAccount .form-group#vat_reg_check > div {
      display: flex; }
      #requestNewAccount .form-group#vat_reg_check > div.hidden {
        display: none; }
    #requestNewAccount .form-group#vat_reg_check .organisation_field {
      margin-bottom: 0; }
  #requestNewAccount .form-group > div {
    margin-bottom: 10px; }
    #requestNewAccount .form-group > div#nic-wrapper {
      margin-top: 35px; }
  #requestNewAccount .form-group.organisation_field {
    flex-direction: row; }
  #requestNewAccount .form-group-input .vat-certificate {
    display: flex;
    align-items: baseline; }
    #requestNewAccount .form-group-input .vat-certificate > div {
      margin-left: 50px; }
  #requestNewAccount .form-group .orderingInfo {
    display: flex;
    width: 100%;
    align-items: flex-start;
    margin-bottom: 0; }
  #requestNewAccount #productcategoryrequest-wrapper > label {
    margin-bottom: 0; } }

.note-required {
  color: #224245;
  font-size: 0.9em; }

#gestion-entrepot .hidden {
  display: none; }

#gestion-entrepot .conf-popup {
  position: relative; }

#gestion-entrepot .warehouse {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px; }
  #gestion-entrepot .warehouse .warehouse-content {
    display: flex;
    align-items: center; }
  #gestion-entrepot .warehouse i {
    padding: 20px 20px 20px 0;
    font-size: 25px; }
  #gestion-entrepot .warehouse .warehouse-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    align-items: flex-start;
    font-size: 0.813em; }
    #gestion-entrepot .warehouse .warehouse-title span {
      font-size: 1.231em; }
  #gestion-entrepot .warehouse .warehouse-btn {
    padding: 10px;
    border: 1px solid #224245;
    color: #224245;
    background: #FFFFFF;
    min-width: 130px; }
    #gestion-entrepot .warehouse .warehouse-btn:hover {
      background: #224245;
      color: #FFFFFF; }

#gestion-entrepot .warehouse-active i {
  color: #0084C5; }

#gestion-entrepot .warehouse-active .delivery-day {
  font-size: 0.813em; }

#gestion-entrepot .warehouse-request {
  justify-content: space-between; }

#gestion-entrepot .warehouse-notActive {
  justify-content: space-between; }
  #gestion-entrepot .warehouse-notActive .warehouse-content {
    opacity: 0.65; }

#gestion-entrepot .request .warehouse-content {
  opacity: 1; }

#gestion-entrepot .warehouseMsg textarea {
  float: right;
  width: 215px;
  border-radius: 5px; }

#gestion-entrepot.conf-popup-parent .conf-popup .conf-popup-body {
  max-height: 400px;
  overflow: auto;
  padding: 20px 0 0; }
  #gestion-entrepot.conf-popup-parent .conf-popup .conf-popup-body > div {
    padding: 10px 20px;
    border-bottom: 1px solid rgba(34, 66, 69, 0.2); }
    #gestion-entrepot.conf-popup-parent .conf-popup .conf-popup-body > div:last-child {
      border: none; }
    #gestion-entrepot.conf-popup-parent .conf-popup .conf-popup-body > div > span {
      font-size: 1em; }
  #gestion-entrepot.conf-popup-parent .conf-popup .conf-popup-body #reqCommentDiv {
    border: none;
    padding: 20px;
    background: #f3f2f7; }

@media screen and (min-width: 981px) {
  #gestion-entrepot.conf-popup-parent .conf-popup {
    width: 550px; }
  #gestion-entrepot.conf-popup-parent .warehouseMsg textarea {
    width: 375px;
    padding: 20px 10px; }
  #gestion-entrepot .warehouse .warehouse-content .warehouse-description {
    max-width: 200px; } }

#btnLoadWarehouse {
  background: #FFFFFF;
  color: #224245;
  padding: 10px 15px;
  border: 1px solid #224245;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
  height: 59px; }
  #btnLoadWarehouse:hover {
    border-color: transparent;
    color: #ffffff;
    background: #224245; }

#reqCommentDiv textarea {
  width: 100%;
  padding: 20px 10px;
  border-radius: 5px; }

#individual-increment-conf .conf-popup .conf-popup-footer .footer-left:focus {
  outline: 1px dotted #000000 !important; }

#wrapper {
  position: relative; }

#loadMultipleAddress {
  position: fixed;
  bottom: 70px;
  right: 10px;
  background: #1c3c3f;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2; }
  #loadMultipleAddress .hidden {
    display: none; }
  #loadMultipleAddress .icon-address:before {
    font-size: 30px;
    color: #FFFFFF; }
  #loadMultipleAddress .icon-close {
    font-size: 20px;
    color: #FFFFFF; }
  @media screen and (min-width: 981px) {
    #loadMultipleAddress {
      bottom: 40px;
      margin-right: 0;
      right: 40px; } }

/* Tooltips on choose multiple address */
.toolAddress {
  display: flex;
  font-size: 0.813em;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  color: #224245; }
  .toolAddress div {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    position: relative;
    padding: 10px 35px; }

#multi-address-div .hidden {
  display: none; }

#multi-address-div .conf-popup-body {
  padding: 30px 20px;
  position: relative; }
  #multi-address-div .conf-popup-body .confirmAddressMsg {
    padding: 0 40px;
    text-align: center; }
    #multi-address-div .conf-popup-body .confirmAddressMsg .icon-warning {
      font-size: 36px;
      color: #f2786e; }
  #multi-address-div .conf-popup-body h4 {
    font-size: 1.333em;
    text-align: center; }
  #multi-address-div .conf-popup-body .address-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 15px; }
    #multi-address-div .conf-popup-body .address-title .icon-address {
      background: #1c3c3f;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px; }
      #multi-address-div .conf-popup-body .address-title .icon-address:before {
        font-size: 20px;
        color: #FFFFFF; }
  #multi-address-div .conf-popup-body .multAddresses {
    display: flex;
    align-items: center;
    background-color: #F3F2F7;
    padding: 20px 15px;
    margin-bottom: 10px;
    border-radius: 10px; }
    #multi-address-div .conf-popup-body .multAddresses > label {
      text-align: left;
      margin-bottom: 0; }
    #multi-address-div .conf-popup-body .multAddresses > input {
      margin-right: 20px; }
    #multi-address-div .conf-popup-body .multAddresses input[type="radio"] {
      width: 25px;
      height: 25px; }
  #multi-address-div .conf-popup-body .changeAddress-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: none;
    align-items: center;
    justify-content: center; }
    #multi-address-div .conf-popup-body .changeAddress-loader.showLoader {
      display: flex; }

@media screen and (min-width: 981px) {
  #multi-address-div.conf-popup-parent .conf-popup {
    width: calc(100% / 3); }
    #multi-address-div.conf-popup-parent .conf-popup .conf-popup-body {
      padding: 30px 40px; }
      #multi-address-div.conf-popup-parent .conf-popup .conf-popup-body h4 {
        text-align: unset; }
  #multi-address-div .conf-popup-body .address-title {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px; }
    #multi-address-div .conf-popup-body .address-title .icon-address {
      float: left;
      margin: 0 20px 0 0; }
  #multi-address-div .conf-popup-body .multAddresses {
    margin-bottom: 15px; }
    #multi-address-div .conf-popup-body .multAddresses > input {
      margin-right: 10px; } }

#confirmation-commandePopUp .conf-popup-footer-content {
  display: flex;
  justify-content: center; }

.multi-address-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999; }
  .multi-address-loader.showLoader {
    display: flex; }

@media screen and (min-width: 640px) and (max-width: 755px) {
  #wrapper > .container {
    width: unset; } }

@media screen and (min-width: 981px) {
  #quickOrder #footer .footer-bottom {
    padding: 15px 0 70px; } }

.icon-veg {
  color: #70D44B; }

@media screen and (max-width: 1370px) {
  #client-search::placeholder {
    font-size: 0.846em; } }

@media screen and (max-width: 640px) {
  #client-search::placeholder {
    font-size: 0.692em; } }

.ui-autocomplete.ssa-menu .ui-menu-item.ssa-notfound a {
  color: #224245; }
  .ui-autocomplete.ssa-menu .ui-menu-item.ssa-notfound a:hover {
    color: #224245; }

.page-cms-2 ul,
.page-cms-2 li {
  list-style: disc; }

.page-cms-2 ul {
  margin-left: 20px; }

input[type="text"].ui-autocomplete-loading + .spinner {
  width: 35px;
  height: 35px;
  display: inline-block;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.3);
  border-top-color: #000;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid;
  position: absolute;
  top: 6px;
  right: 160px; }

input[type="text"].ui-autocomplete-loading#search + .spinner {
  width: 25px;
  height: 25px;
  top: 7px;
  right: 60px; }

input[type="text"].ui-autocomplete-loading {
  background: url(../img/loader2.gif) no-repeat 98% center;
  background-size: 30px; }

.select-spinner {
  background: url(../img/loader2.gif) no-repeat 98% center;
  background-size: 30px;
  content: "";
  position: absolute;
  right: 40px;
  top: 45px;
  width: 30px;
  height: 30px;
  z-index: 1; }

#history .breadcrumb .col-md-12 {
  padding: 0 15px; }

#history .infoTxtPrix {
  padding: 0 5% 30px 5%; }
  #history .infoTxtPrix .container {
    width: 100%; }

textarea.delivery-message {
  resize: none;
  min-width: 50%;
  padding: 9px;
  border: none;
  max-height: 56px;
  overflow: auto; }

.dashboard-view-all-button {
  position: absolute;
  bottom: 20px;
  right: 25px; }
  .dashboard-view-all-button a {
    border: 2px solid #224245;
    font-size: 13px;
    float: right;
    padding: 10px 20px; }
    .dashboard-view-all-button a:hover {
      background: #224245;
      color: #FFFFFF; }

#salesAgent {
  overflow: auto; }
  #salesAgent .two-bs {
    display: flex;
    align-items: center;
    gap: 5px; }
  #salesAgent .newWelcome {
    padding: 10px 0 30px; }
    #salesAgent .newWelcome .clientSearch form.quick-order-form {
      display: flex;
      flex-direction: column;
      gap: 10px; }
    #salesAgent .newWelcome .clientSearch input[type="text"] {
      border: 1px solid #b3b3b2;
      width: 100%;
      background-color: #ffffff;
      padding: 18px 15px;
      font-size: 1rem;
      font-weight: 400;
      margin-right: 17px;
      outline: none;
      color: #b3b3b2;
      height: 48px; }
    #salesAgent .newWelcome .clientSearch button.btn-verif {
      height: 48px;
      padding: 0 20px;
      background-color: #224245;
      color: #ffffff;
      border: solid 1px #224245;
      outline: none;
      font-size: 15px; }
      #salesAgent .newWelcome .clientSearch button.btn-verif:hover {
        background-color: transparent;
        color: #224245; }
    #salesAgent .newWelcome .order-container {
      display: block; }
  #salesAgent #catalog-list.new-catalog-list {
    background: #FFFFFF; }
    #salesAgent #catalog-list.new-catalog-list .switchCont > div {
      margin-left: 0;
      box-shadow: none;
      margin-top: 10px;
      background: #F1F6F8; }
    #salesAgent #catalog-list.new-catalog-list .blk-createCatalogue a {
      color: #FFFFFF;
      background: #224245;
      border: 1px solid #224245; }
    #salesAgent #catalog-list.new-catalog-list .blk-createCatalogue:hover a {
      color: #224245;
      background: #FFFFFF; }
    #salesAgent #catalog-list.new-catalog-list #catalogDivgenerique .dataTables_wrapper,
    #salesAgent #catalog-list.new-catalog-list #catalogDivfestive .dataTables_wrapper {
      background: #F1F6F8; }
      #salesAgent #catalog-list.new-catalog-list #catalogDivgenerique .dataTables_wrapper .datatable-table,
      #salesAgent #catalog-list.new-catalog-list #catalogDivfestive .dataTables_wrapper .datatable-table {
        background: #F1F6F8; }
  #salesAgent .each-salesagent-bloc.new-salesagent-bloc .identifiants-details {
    width: 100%; }
  #salesAgent .each-salesagent-bloc.new-salesagent-bloc .warehouse-details .title-detail .item ul {
    flex-direction: column; }
  #salesAgent .dashboard-wrapper.new-dashboard-wrapper {
    padding: 0; }
    #salesAgent .dashboard-wrapper.new-dashboard-wrapper .tableNav {
      padding: 0; }
    #salesAgent .dashboard-wrapper.new-dashboard-wrapper .each-salesagent-bloc.jsToggleTable {
      padding: 0; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .dataTables_wrapper {
    margin-bottom: 115px; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc {
    padding: 0 25px; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-details {
      background: #FFFFFF; }
      #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-details.identifiants-bottom-details {
        padding: 0; }
      #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-details .item {
        margin-bottom: 10px; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants .warehouse-details > div:nth-child(2) {
      grid-template-columns: repeat(4, 1fr); }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .identifiants.identifiants-top-details {
    padding: 15px 0; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .identifiants-top-details .hideShowbtn a {
    background: #224245;
    color: #FFFFFF;
    border: 1px solid #224245; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .identifiants-top-details .hideShowbtn a:hover {
      background: #FFFFFF;
      color: #224245; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .identifiants-top-details .hideShowbtn a span {
      font-size: 0.9375em; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .identifiants-top-details .hideShowbtn .hideDetails,
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .identifiants-top-details .hideShowbtn .showDetails {
    float: left;
    padding: 0; }
  #salesAgent .dashboard-wrapper .table-wrapper {
    padding: 25px 25px 10px;
    background-color: #F1F6F8;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; }
    @media only screen and (min-device-width: 753px) and (max-device-width: 1480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
      #salesAgent .dashboard-wrapper .table-wrapper table {
        overflow-x: auto;
        display: block; } }
    #salesAgent .dashboard-wrapper .table-wrapper .each-salesagent-bloc .sa-failed-orders,
    #salesAgent .dashboard-wrapper .table-wrapper .each-salesagent-bloc .sa-historique-de-commande,
    #salesAgent .dashboard-wrapper .table-wrapper .each-salesagent-bloc .sa-pending-orders,
    #salesAgent .dashboard-wrapper .table-wrapper .each-salesagent-bloc .sa-deals {
      display: none; }
    #salesAgent .dashboard-wrapper .table-wrapper .each-salesagent-bloc.active .sa-failed-orders,
    #salesAgent .dashboard-wrapper .table-wrapper .each-salesagent-bloc.active .sa-historique-de-commande,
    #salesAgent .dashboard-wrapper .table-wrapper .each-salesagent-bloc.active .sa-pending-orders,
    #salesAgent .dashboard-wrapper .table-wrapper .each-salesagent-bloc.active .sa-deals {
      display: block; }
  #salesAgent .tableNav {
    margin-bottom: 40px;
    margin-top: 20px; }
    #salesAgent .tableNav ul {
      background: #FFFFFF;
      border-radius: 30px;
      display: flex;
      gap: 10px;
      width: max-content;
      margin: auto;
      justify-content: center; }
      #salesAgent .tableNav ul li {
        padding: 10px 10px;
        margin: 3px;
        position: absolute;
        top: -20px;
        z-index: -1;
        cursor: pointer;
        border-radius: 20px;
        font-size: 0.866em;
        font-weight: 400; }
        #salesAgent .tableNav ul li:hover {
          background: #0084C5;
          color: #FFFFFF; }
        #salesAgent .tableNav ul li.active {
          background: #0084C5;
          color: #FFFFFF;
          z-index: 1; }
    #salesAgent .tableNav section {
      position: relative; }
      #salesAgent .tableNav section .icon-left {
        position: absolute;
        left: 0;
        transform: rotate(180deg) translateY(-50%);
        bottom: 50%;
        cursor: pointer; }
        #salesAgent .tableNav section .icon-left i {
          border-radius: 100%;
          background: #FFFFFF;
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center; }
        #salesAgent .tableNav section .icon-left:hover i {
          background-color: #0084C5;
          color: #FFFFFF; }
      #salesAgent .tableNav section .icon-right {
        position: absolute;
        right: 0;
        bottom: 50%;
        transform: translateY(50%);
        cursor: pointer; }
        #salesAgent .tableNav section .icon-right i {
          border-radius: 100%;
          background: #FFFFFF;
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center; }
        #salesAgent .tableNav section .icon-right:hover i {
          background-color: #0084C5;
          color: #FFFFFF; }
  @media screen and (min-width: 981px) {
    #salesAgent .newWelcome .order-container {
      display: flex; }
    #salesAgent .newWelcome .clientSearch input[type="text"] {
      width: 690px;
      margin-right: 0; }
    #salesAgent .newWelcome .clientSearch button.btn-verif {
      width: 182px;
      position: absolute;
      right: 0; }
    #salesAgent .newWelcome .clientSearch form.quick-order-form {
      display: block;
      position: relative; }
    #salesAgent #catalog-list.new-catalog-list .switchCont {
      display: flex;
      align-items: center; }
      #salesAgent #catalog-list.new-catalog-list .switchCont > div {
        margin-left: 10px;
        margin-top: 0; }
        #salesAgent #catalog-list.new-catalog-list .switchCont > div label {
          padding: 10px 40px; }
    #salesAgent .dashboard-wrapper .table-wrapper {
      padding: 25px 25px 5px; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .dataTables_wrapper {
      margin-bottom: 75px; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc {
      padding: 0 25px; }
      #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-details {
        background: #FFFFFF; }
        #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-details.identifiants-bottom-details {
          padding: 10px 0 0;
          margin: 0; }
          #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-details.identifiants-bottom-details .left-details {
            grid-template-columns: 15% 1fr 1fr 1fr;
            gap: 10px; }
        #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-details .item {
          margin-bottom: 20px; }
        #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-details .warehouse-details .title-detail .item {
          margin-bottom: 0; }
          #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-details .warehouse-details .title-detail .item ul {
            flex-direction: row; }
      #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-top-details {
        margin: 0; }
        #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-top-details .hideShowbtn {
          width: 30%;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-top-details .hideShowbtn .blk-quickOrder {
            width: auto;
            margin: 0; }
            #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-top-details .hideShowbtn .blk-quickOrder a {
              width: auto; }
          #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-top-details .hideShowbtn .showDetails span,
          #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-top-details .hideShowbtn .hideDetails span {
            margin-right: 15px; }
      #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .top-details {
        display: grid;
        grid-template-columns: 15% 1fr 1fr 1fr;
        gap: 10px; }
      #salesAgent .dashboard-wrapper .each-salesagent-bloc.new-salesagent-bloc .identifiants-bottom-details .deliveryMsg {
        width: 30%; }
    #salesAgent .tableNav {
      margin-bottom: 20px;
      margin-top: 0; }
      #salesAgent .tableNav ul li {
        position: relative;
        top: 0;
        z-index: 1; }
        #salesAgent .tableNav ul li.active {
          background: #0084C5;
          color: #FFFFFF; } }

#orderBehalf .newWelcome {
  padding: 10px 0 30px; }
  #orderBehalf .newWelcome .clientSearch form.quick-order-form {
    display: flex;
    flex-direction: column;
    gap: 10px; }
  #orderBehalf .newWelcome .clientSearch input[type="text"] {
    border: 1px solid #b3b3b2;
    width: 100%;
    background-color: #ffffff;
    padding: 18px 15px;
    font-size: 1rem;
    font-weight: 400;
    margin-right: 17px;
    outline: none;
    color: #b3b3b2;
    height: 48px; }
  #orderBehalf .newWelcome .clientSearch button.btn-verif {
    height: 48px;
    padding: 0 20px;
    background-color: #224245;
    color: #ffffff;
    border: solid 1px #224245;
    outline: none;
    font-size: 15px; }
    #orderBehalf .newWelcome .clientSearch button.btn-verif:hover {
      background-color: transparent;
      color: #224245; }
  #orderBehalf .newWelcome .order-container {
    display: block; }

@media screen and (min-width: 981px) {
  #orderBehalf .newWelcome .order-container {
    display: flex; }
  #orderBehalf .newWelcome .clientSearch input[type="text"] {
    width: 690px;
    margin-right: 0; }
  #orderBehalf .newWelcome .clientSearch button.btn-verif {
    width: 182px;
    position: absolute;
    right: 0; }
  #orderBehalf .newWelcome .clientSearch form.quick-order-form {
    display: block;
    position: relative; } }

.d-flex {
  display: flex; }

.justify-content-center {
  justify-content: center; }

.stepper-numbering {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px; }
  .stepper-numbering .stepper-text {
    font-family: "Mulish-Regular";
    font-weight: 400;
    font-size: 0.866em; }
  .stepper-numbering .number {
    padding: 5px 55px; }
    .stepper-numbering .number > span {
      width: 36px;
      height: 36px;
      border-radius: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #878787;
      color: #FFFFFF;
      margin: auto; }
      .stepper-numbering .number > span i {
        display: none; }
    .stepper-numbering .number.completed > span {
      background-color: #224245; }
      .stepper-numbering .number.completed > span span {
        display: none; }
      .stepper-numbering .number.completed > span i {
        display: block; }
    .stepper-numbering .number.completed.step1:after {
      background-color: #224245; }
    .stepper-numbering .number.completed + .step2:before {
      background-color: #224245; }
    .stepper-numbering .number.completed.step2:after {
      background-color: #224245; }
    .stepper-numbering .number.completed + .step3:before {
      background-color: #224245; }
    .stepper-numbering .number.active.step1:after, .stepper-numbering .number.active.step2:after, .stepper-numbering .number.active.step3:after {
      background-color: #0084C5; }
    .stepper-numbering .number.active span {
      background-color: #0084C5; }
    .stepper-numbering .number.step1 {
      position: relative; }
      .stepper-numbering .number.step1:after {
        content: "";
        width: 37%;
        height: 1px;
        display: inline-block;
        background-color: #878787;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .stepper-numbering .number.step1 .stepper-text {
        position: absolute;
        display: inline-block;
        right: 50%;
        transform: translateX(50%);
        bottom: -20px;
        width: max-content; }
    .stepper-numbering .number.step2 {
      position: relative; }
      .stepper-numbering .number.step2:after {
        content: "";
        width: 37%;
        height: 1px;
        display: inline-block;
        background-color: #878787;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .stepper-numbering .number.step2:before {
        content: "";
        width: 37%;
        height: 1px;
        display: inline-block;
        background-color: #878787;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
      .stepper-numbering .number.step2 .stepper-text {
        position: absolute;
        display: inline-block;
        right: 50%;
        transform: translateX(50%);
        bottom: -20px;
        width: max-content; }
    .stepper-numbering .number.step3 {
      position: relative; }
      .stepper-numbering .number.step3:before {
        content: "";
        width: 37%;
        height: 1px;
        display: inline-block;
        background-color: #878787;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
      .stepper-numbering .number.step3 .stepper-text {
        position: absolute;
        display: inline-block;
        right: 50%;
        transform: translateX(50%);
        bottom: -20px;
        width: max-content; }
  .stepper-numbering .icon-tick {
    font-size: 12px; }

#registercomplaint:not(.user-connected) .stepper-numbering .number.step2:after {
  display: none; }

.stepper-btn .btn-primary {
  width: auto;
  height: 40px; }
  .stepper-btn .btn-primary.next {
    float: right; }
  .stepper-btn .btn-primary.prev {
    float: left; }

.stepper-btn .btn-outline-primary {
  border: 2px solid #224245;
  height: 40px;
  margin-bottom: 40px; }

#files-area {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 5px; }

.file-block {
  display: inline-flex;
  flex-direction: row-reverse; }
  .file-block > span.name {
    padding-right: 10px;
    display: inline-flex;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.file-delete {
  display: flex;
  width: 24px;
  color: initial;
  background-color: #6eb4ff00;
  font-size: large;
  justify-content: center;
  margin-right: 3px;
  cursor: pointer; }
  .file-delete:hover {
    background-color: rgba(144, 163, 203, 0.2);
    border-radius: 10px; }
  .file-delete > span {
    transform: rotate(45deg); }

#attachement-wrapper input[type="file"] {
  visibility: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0; }

#attachement-wrapper .input-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px dashed #b3b3b2;
  padding: 11px; }

#attachement-wrapper .multiple_upload_btn {
  border: 1px solid #224245;
  padding: 0 25px;
  height: 48px;
  display: inline-block;
  display: flex;
  align-items: center;
  font-size: 1.153em;
  gap: 5px; }
  #attachement-wrapper .multiple_upload_btn:hover {
    background-color: #224245;
    color: #FFFFFF; }
    #attachement-wrapper .multiple_upload_btn:hover i {
      color: #FFFFFF; }

#attachement-wrapper .note-size {
  font-size: 0.733em;
  margin: 5px 0;
  color: #878787; }

#attachement-wrapper #files-names {
  display: flex;
  flex-direction: column;
  gap: 5px; }

#attachement-wrapper #placeholder {
  color: #B3B3B2;
  font-size: 0.866em; }

.flatpickr-current-month {
  padding: 0; }
  .flatpickr-current-month .flatpickr-monthDropdown-months {
    display: inline-block;
    display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    appearance: none; }
  .flatpickr-current-month .numInputWrapper {
    display: inline-block;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff; }
    .flatpickr-current-month .numInputWrapper input {
      font-weight: bold; }

.prevMonthDay,
.nextMonthDay {
  opacity: 0; }

.flatpickr-day {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
  border-radius: 0;
  width: 35px;
  height: 25px; }

.dayContainer {
  justify-content: flex-start; }

.flatpickr-weekdaycontainer span.flatpickr-weekday {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
  max-width: 39px; }

.flatpickr-calendar {
  width: 283px;
  padding: 5px; }
  .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
    display: none; }

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: rgba(0, 0, 0, 0.9); }

.account-activation-form .step-1 .error-activation a {
  font-size: 1em;
  margin-top: 0; }

.product-add-to-cart:has(.add-to-cart:disabled) #quantity_wanted,
.product-add-to-cart:has(.add-to-cart:disabled) #qty-selector {
  opacity: 0.5;
  pointer-events: none; }

#accountActivation .confirmationCodeDiv + #notifications {
  background-color: red; }

.each-salesagent-bloc .alert {
  display: inline-block;
  width: 100%; }

.login-form .help-block {
  display: none; }

.on-hold {
  width: max-content;
  background-color: #AB0A3C;
  font-weight: 400;
  padding: 5px 15px 5px 5px;
  border-radius: 20px;
  display: flex;
  gap: 7px;
  color: #FFFFFF;
  font-size: 13px; }
  .on-hold i {
    font-size: 9px;
    padding: 5px;
    background-color: #FFFFFF;
    border-radius: 50%;
    color: #AB0A3C; }

.orderBehalf-view-all-button {
  display: none; }

#orderBehalf .orderBehalf-view-all-button {
  cursor: pointer;
  display: grid;
  margin-left: 25px;
  place-items: center;
  height: 48px;
  padding: 0 20px;
  background-color: white;
  border: solid 2px #224245;
  outline: none;
  font-size: 15px; }
  #orderBehalf .orderBehalf-view-all-button a {
    color: #224245 !important; }
  #orderBehalf .orderBehalf-view-all-button:hover {
    background-color: #224245; }
    #orderBehalf .orderBehalf-view-all-button:hover a {
      color: white !important; }

#orderBehalf .each-salesagent-bloc,
#orderBehalf .ty-btn {
  display: none; }

#salesAgent .ty-btn {
  display: none !important; }

#salesAgent .sa-historique-de-commande .ty-btn {
  display: block !important; }

#salesAgent #DataTables_Table_0_wrapper tr,
#salesAgent #DataTables_Table_0_wrapper th,
#salesAgent #DataTables_Table_0_wrapper td {
  background-color: #f1f6f8; }

#salesAgent .table-wrapper > div {
  background-color: #f1f6f8;
  border-radius: 0 0 20px 20px;
  padding: 25px;
  position: relative; }
  #salesAgent .table-wrapper > div h3 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  #salesAgent .table-wrapper > div ul {
    background-color: white; }

#salesAgent .table-wrapper.salesAgent-myOrders {
  margin-bottom: 25px; }
  #salesAgent .table-wrapper.salesAgent-myOrders > div {
    background: #FFFFFF; }
  #salesAgent .table-wrapper.salesAgent-myOrders .myOrders {
    border-radius: 20px 20px 0 0; }
    #salesAgent .table-wrapper.salesAgent-myOrders .myOrders h2 {
      white-space: nowrap; }
    #salesAgent .table-wrapper.salesAgent-myOrders .myOrders a {
      white-space: nowrap; }
  #salesAgent .table-wrapper.salesAgent-myOrders .dataTable-view-all .dataTables_wrapper {
    background: #F1F6F8; }
  #salesAgent .table-wrapper.salesAgent-myOrders .dataTable-view-all .datatable-table {
    background: #F1F6F8; }
  #salesAgent .table-wrapper.salesAgent-myOrders .dataTable-view-all th,
  #salesAgent .table-wrapper.salesAgent-myOrders .dataTable-view-all tr,
  #salesAgent .table-wrapper.salesAgent-myOrders .dataTable-view-all td {
    background: #F1F6F8; }
  #salesAgent .table-wrapper.salesAgent-myOrders .dataTable-view-all ul {
    background-color: #F1F6F8; }
  #salesAgent .table-wrapper.salesAgent-myOrders .tableNav {
    width: 300px;
    margin-bottom: 0;
    margin-top: 0; }
    #salesAgent .table-wrapper.salesAgent-myOrders .tableNav .icon-half-arrow {
      font-size: 15px;
      width: 48px;
      height: 48px;
      background-color: #F1F6F8; }
    #salesAgent .table-wrapper.salesAgent-myOrders .tableNav .icon-left:hover i, #salesAgent .table-wrapper.salesAgent-myOrders .tableNav .icon-right:hover i {
      background-color: #0084C5;
      color: #FFFFFF; }
    #salesAgent .table-wrapper.salesAgent-myOrders .tableNav ul {
      background-color: #F1F6F8;
      border-radius: 30px;
      height: 48px; }
      #salesAgent .table-wrapper.salesAgent-myOrders .tableNav ul li {
        font-family: "Mulish-Regular";
        font-size: 0.590em;
        line-height: 20px;
        top: unset; }
  @media only screen and (min-device-width: 753px) and (max-device-width: 1750px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    #salesAgent .table-wrapper.salesAgent-myOrders .dataTable-view-all .datatable-table#order-history {
      overflow-x: auto;
      display: inline-block; } }
  @media screen and (min-width: 1751px) {
    #salesAgent .table-wrapper.salesAgent-myOrders .dataTable-view-all .datatable-table#order-history {
      display: inline-table; } }
  @media screen and (min-width: 1170px) {
    #salesAgent .table-wrapper.salesAgent-myOrders .tableNav {
      margin-bottom: 0;
      margin-top: 0;
      width: 650px; }
      #salesAgent .table-wrapper.salesAgent-myOrders .tableNav ul li {
        position: relative;
        top: 0;
        z-index: 1; }
        #salesAgent .table-wrapper.salesAgent-myOrders .tableNav ul li.active {
          background: #0084C5;
          color: #FFFFFF; } }
  @media screen and (max-width: 1190px) {
    #salesAgent .table-wrapper.salesAgent-myOrders .tableNav ul li {
      position: absolute;
      z-index: unset; }
      #salesAgent .table-wrapper.salesAgent-myOrders .tableNav ul li.active {
        z-index: 1; } }
  @media screen and (max-width: 640px) {
    #salesAgent .table-wrapper.salesAgent-myOrders .myOrders {
      flex-direction: column; } }

#salesAgent:not(:has(.welcome-order)) .dashboard-view-all-button {
  display: none; }

#salesAgent .jsToggleTable {
  display: none; }
  #salesAgent .jsToggleTable.active {
    display: block; }

#salesAgent #genericOrderListDataTable_wrapper,
#salesAgent th,
#salesAgent tr,
#salesAgent td {
  background-color: white; }

#salesAgent .dashboard-view-all-button {
  position: absolute;
  bottom: -60px;
  display: inline-flex; }
  #salesAgent .dashboard-view-all-button a {
    color: white !important;
    background-color: #224245; }
  #salesAgent .dashboard-view-all-button:hover a {
    color: #224245 !important;
    background-color: white !important; }

.myOrders {
  display: flex;
  width: 100%;
  background-color: white;
  padding: 20px;
  border-radius: 20px 20px 0 0;
  font-size: 22px;
  line-height: 30px;
  align-items: center;
  justify-content: space-between; }
  .myOrders + div {
    margin-bottom: 25px; }

.viewAllLink {
  border: 2px solid #224245;
  font-size: 13px;
  float: right;
  padding: 5px 20px;
  background: #224245;
  color: #FFFFFF; }
  .viewAllLink:hover {
    background: #FFFFFF;
    color: #224245; }

#header a:hover {
  outline: none; }

#header > .header-nav {
  display: none; }

#header.sticky #mast {
  background: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

#header .sa-btn-hidden {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none; }

#mast {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  width: 100vw;
  left: 0;
  top: 0;
  z-index: 999;
  transition: all 0.15s ease-in; }
  #mast:hover {
    background: #FFFFFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
  #mast:hover {
    background: #FFFFFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

.bodyErrorMsg {
  padding-top: 40px; }
  .bodyErrorMsg #mast {
    top: 50px; }
  .bodyErrorMsg main {
    padding-top: 110px; }
  .bodyErrorMsg .product-nav {
    margin-top: 50px; }
  .bodyErrorMsg .js-close-menu {
    top: 110px; }
  @media screen and (min-width: 981px) {
    .bodyErrorMsg {
      padding-top: 40px; }
      .bodyErrorMsg main {
        padding-top: 110px; }
      .bodyErrorMsg #mast {
        top: 40px; }
      .bodyErrorMsg .product-nav {
        margin-top: 40px; } }

.notification-header {
  background-color: #E84242;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 0.84rem;
  font-family: "Mulish-Regular";
  text-align: center;
  padding: 10px 25px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999; }
  .notification-header.actif {
    display: block; }

#mast .notif-mast {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  background: #FFFFFF;
  align-items: center;
  width: 100%;
  height: 70px; }
  @media screen and (max-width: 640px) {
    #mast .notif-mast {
      padding: 15px 10px; } }
  #mast .notif-mast #menu {
    padding-top: 7px; }
  #mast .notif-mast .blk-search {
    width: 70%; }
    @media screen and (min-width: 981px) {
      #mast .notif-mast .blk-search {
        width: 35%; } }
    #mast .notif-mast .blk-search .close-search-mobile {
      display: none;
      background: none;
      border: none;
      outline: none; }
  #mast .notif-mast .wrapper-content-header {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    @media screen and (min-width: 981px) {
      #mast .notif-mast .wrapper-content-header {
        padding-left: 25px; } }
    #mast .notif-mast .wrapper-content-header .blockcart {
      position: relative; }
    #mast .notif-mast .wrapper-content-header .header span {
      font-size: 0.92rem;
      font-family: "Mulish-Regular";
      color: #FFFFFF;
      background: #0084C5;
      height: 18px;
      width: 27px;
      border-radius: 12px;
      position: absolute;
      top: 21px;
      right: 18px;
      display: flex;
      justify-content: center; }
      #mast .notif-mast .wrapper-content-header .header span.cart-products-count {
        padding: 0 7px;
        background: #0084C5;
        border-radius: 11px;
        height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF !important;
        top: -8px;
        width: auto;
        right: 0; }
      @media screen and (min-width: 981px) {
        #mast .notif-mast .wrapper-content-header .header span {
          position: static;
          border-radius: unset;
          width: unset;
          height: unset;
          background: none;
          color: #224245; } }
    #mast .notif-mast .wrapper-content-header .login_single_signon {
      display: flex;
      align-items: center;
      margin-right: 0; }
      #mast .notif-mast .wrapper-content-header .login_single_signon span {
        display: flex;
        justify-content: center;
        white-space: nowrap; }
    #mast .notif-mast .wrapper-content-header a {
      display: flex;
      align-items: center;
      margin-right: 0; }
      #mast .notif-mast .wrapper-content-header a:hover, #mast .notif-mast .wrapper-content-header a:hover span {
        color: #0084C5 !important; }
      #mast .notif-mast .wrapper-content-header a span {
        display: flex;
        justify-content: center;
        white-space: nowrap; }
      #mast .notif-mast .wrapper-content-header a.mini-cart-checkout:hover span {
        color: #FFFFFF !important; }
    #mast .notif-mast .wrapper-content-header i {
      font-size: 25px;
      color: #224245;
      margin-right: 5px; }
      @media screen and (min-width: 981px) {
        #mast .notif-mast .wrapper-content-header i {
          font-size: 20px;
          color: #0084C5; } }
  #mast .notif-mast .blk-right-cont {
    display: flex;
    align-items: center; }
    #mast .notif-mast .blk-right-cont .account a, #mast .notif-mast .blk-right-cont .icon-cart + span {
      font-size: 0.92rem; }
    #mast .notif-mast .blk-right-cont #_desktop_user_info {
      display: none; }
    #mast .notif-mast .blk-right-cont i {
      vertical-align: middle; }
    @media screen and (min-width: 981px) {
      #mast .notif-mast .blk-right-cont {
        margin-right: 20px; }
        #mast .notif-mast .blk-right-cont > div,
        #mast .notif-mast .blk-right-cont .ask-question {
          margin-right: 30px; }
        #mast .notif-mast .blk-right-cont #_desktop_user_info {
          order: 2; }
        #mast .notif-mast .blk-right-cont .blockcart.cart-preview.inactive {
          order: 3; }
        #mast .notif-mast .blk-right-cont .language-selector-wrapper {
          order: 4; }
        #mast .notif-mast .blk-right-cont .user-info .logout {
          display: none !important; }
        #mast .notif-mast .blk-right-cont .user-info .account .hidden-sm-down:before {
          content: "\e909";
          font-family: icomoon;
          font-size: 20px;
          color: #0084C5;
          margin-right: 5px; }
        #mast .notif-mast .blk-right-cont.overlay:before {
          content: "";
          position: absolute;
          top: 70px;
          left: 0;
          width: 100vw;
          height: calc(100vh - 70px);
          background-color: rgba(0, 0, 0, 0.5); } }
    #mast .notif-mast .blk-right-cont .blockcart .header {
      display: flex;
      align-items: center;
      padding-left: 10px; }
      @media screen and (max-width: 640px) {
        #mast .notif-mast .blk-right-cont .blockcart .header {
          padding-left: 5px; } }
    #mast .notif-mast .blk-right-cont #_desktop_user_info,
    #mast .notif-mast .blk-right-cont .ask-question {
      display: none;
      font-size: 0.92rem; }
      @media screen and (min-width: 981px) {
        #mast .notif-mast .blk-right-cont #_desktop_user_info,
        #mast .notif-mast .blk-right-cont .ask-question {
          display: flex;
          align-items: center; } }
    @media screen and (min-width: 981px) {
      #mast .notif-mast .blk-right-cont #_desktop_user_info:has(.login_single_signon) {
        height: 70px;
        margin-right: 15px;
        padding: 0 25px;
        color: #224245;
        position: relative; }
        #mast .notif-mast .blk-right-cont #_desktop_user_info:has(.login_single_signon) .singin_option {
          display: none;
          position: absolute;
          top: 70px;
          background-color: #E6EFF9;
          left: 50%;
          padding: 30px;
          width: 300px;
          transform: translateX(-50%);
          border-bottom-left-radius: 20px;
          border-bottom-right-radius: 20px;
          gap: 15px; }
          #mast .notif-mast .blk-right-cont #_desktop_user_info:has(.login_single_signon) .singin_option_title {
            font-size: 1.083em;
            margin-bottom: 5px; }
          #mast .notif-mast .blk-right-cont #_desktop_user_info:has(.login_single_signon) .singin_option a {
            width: 100%;
            height: 48px; }
          #mast .notif-mast .blk-right-cont #_desktop_user_info:has(.login_single_signon) .singin_option .btn-primary {
            color: #FFFFFF;
            margin-bottom: 0;
            align-items: center;
            font-size: 1.25em;
            justify-content: center; }
            #mast .notif-mast .blk-right-cont #_desktop_user_info:has(.login_single_signon) .singin_option .btn-primary:hover {
              background-color: transparent !important;
              color: #224245 !important;
              border: 2px solid #224245 !important; }
          #mast .notif-mast .blk-right-cont #_desktop_user_info:has(.login_single_signon) .singin_option .employee {
            background: transparent;
            display: inline-block;
            border: 2px solid #224245;
            font-family: "Mulish-Regular";
            padding: 15px;
            color: #224245;
            position: relative;
            text-decoration: none;
            font-size: 1.25em;
            font-weight: 600; }
            #mast .notif-mast .blk-right-cont #_desktop_user_info:has(.login_single_signon) .singin_option .employee:hover {
              background-color: #224245 !important;
              color: #FFFFFF !important; }
        #mast .notif-mast .blk-right-cont #_desktop_user_info:has(.login_single_signon):hover {
          background-color: #E6EFF9; }
          #mast .notif-mast .blk-right-cont #_desktop_user_info:has(.login_single_signon):hover .singin_option {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            box-shadow: 0px 14px 15px rgba(0, 0, 0, 0.1), 4px 10px 5px rgba(0, 0, 0, 0.05), -4px 10px 15px rgba(0, 0, 0, 0.05); }
      #mast .notif-mast .blk-right-cont:has(.login_single_signon) .ask-question {
        margin-right: 15px; } }
  #mast .notif-mast .language-selector-wrapper {
    display: none; }
    @media screen and (min-width: 981px) {
      #mast .notif-mast .language-selector-wrapper {
        display: flex; } }
    @media screen and (min-width: 981px) {
      #mast .notif-mast .language-selector-wrapper .dropdown-menu {
        left: -30px;
        top: 44px;
        background: #f1f6f8;
        border: none;
        min-width: 85px; }
        #mast .notif-mast .language-selector-wrapper .dropdown-menu li {
          width: 100%;
          text-align: center;
          padding: 5px 0; }
        #mast .notif-mast .language-selector-wrapper .dropdown-menu a {
          border-radius: 50%;
          width: 32px;
          height: 32px;
          display: inline-block;
          font-size: 12px;
          padding: 7px 0;
          text-transform: uppercase; } }
    @media screen and (min-width: 981px) {
      #mast .notif-mast .language-selector-wrapper .dropdown-menu .current a {
        background-color: #2a6ab2;
        color: #fff; } }
  #mast .notif-mast .col-logo {
    display: flex;
    align-items: center;
    width: max-content; }
    #mast .notif-mast .col-logo img {
      margin: 10px; }
      @media screen and (max-width: 640px) {
        #mast .notif-mast .col-logo img {
          margin: 10px 5px; } }
    #mast .notif-mast .col-logo #logo {
      order: 2; }
      @media screen and (min-width: 981px) {
        #mast .notif-mast .col-logo #logo {
          order: -1;
          margin-right: 40px;
          margin-left: 15px; } }
  #mast .notif-mast .blk-search_form {
    position: relative; }
    #mast .notif-mast .blk-search_form form {
      width: 100%; }
    #mast .notif-mast .blk-search_form input {
      width: 100%; }
    #mast .notif-mast .blk-search_form .close {
      position: absolute;
      right: 0;
      top: 10px;
      color: #224245;
      opacity: 1; }
    #mast .notif-mast .blk-search_form #search {
      padding: 11px 35px 11px 15px;
      border-radius: 20px; }
      #mast .notif-mast .blk-search_form #search:focus {
        border-color: #224245; }
        #mast .notif-mast .blk-search_form #search:focus + .button-search-header {
          background: #224245; }
          #mast .notif-mast .blk-search_form #search:focus + .button-search-header i:before {
            color: #FFFFFF; }
      #mast .notif-mast .blk-search_form #search.errorField {
        border: 1px #E84242 solid; }
      @media screen and (max-width: 640px) {
        #mast .notif-mast .blk-search_form #search {
          padding: 11px 35px 11px 7px; } }
  #mast .notif-mast .button-search-header {
    position: absolute;
    right: -1px;
    top: 0;
    height: 100%;
    background-color: transparent;
    border: none;
    padding-left: 14px;
    width: 50px;
    border-radius: 0 20px 20px 0;
    display: flex;
    align-items: center; }
    #mast .notif-mast .button-search-header i:before {
      font-size: 18px;
      font-weight: bold;
      color: #224245; }
    @media screen and (min-width: 981px) {
      #mast .notif-mast .button-search-header {
        background-color: #0084C5;
        top: 0;
        height: 100%;
        right: 0; }
        #mast .notif-mast .button-search-header i {
          color: #fff; }
          #mast .notif-mast .button-search-header i:before {
            color: #FFFFFF; } }
    @media screen and (max-width: 640px) {
      #mast .notif-mast .button-search-header {
        justify-content: center; } }
  #mast .notif-mast #search {
    border: solid #b3b3b2 1px;
    padding-right: 0;
    height: 40px; }
    @media screen and (min-width: 981px) {
      #mast .notif-mast #search {
        border: 1px solid #0084C5;
        font-size: 0.92rem;
        border-radius: 30px; } }
    @media screen and (max-width: 980px) {
      #mast .notif-mast #search {
        font-size: 12px; } }
  #mast .notif-mast .btn-menu {
    min-height: 25px;
    min-width: 30px;
    float: left;
    margin-left: 8px;
    transform: rotate(0deg);
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    cursor: pointer;
    z-index: 5;
    background: none;
    border: none;
    position: relative;
    top: 0; }
    @media screen and (max-width: 640px) {
      #mast .notif-mast .btn-menu {
        margin-left: 0; } }
    @media screen and (min-width: 981px) {
      #mast .notif-mast .btn-menu {
        width: 100px;
        height: 40px; } }
    #mast .notif-mast .btn-menu span {
      display: block;
      position: absolute;
      height: 1px;
      width: 20px;
      max-width: 20px;
      background: #000000;
      opacity: 1;
      left: 0;
      transform: rotate(0deg);
      -webkit-transition: all ease-in 0.3s;
      transition: all ease-in 0.3s; }
      #mast .notif-mast .btn-menu span:nth-child(1) {
        left: 0;
        top: 3px;
        width: 100%; }
        @media screen and (min-width: 981px) {
          #mast .notif-mast .btn-menu span:nth-child(1) {
            width: 50%; } }
      #mast .notif-mast .btn-menu span:nth-child(2) {
        top: 9px; }
      #mast .notif-mast .btn-menu span:nth-child(3) {
        top: 15px;
        width: 13px; }
      @media screen and (min-width: 981px) {
        #mast .notif-mast .btn-menu span {
          background: #0084C5; } }
    #mast .notif-mast .btn-menu i {
      font-size: 0.92rem;
      font-family: "Mulish-Regular";
      color: #224245;
      font-style: normal;
      margin-left: 21px;
      display: none; }
      @media screen and (min-width: 981px) {
        #mast .notif-mast .btn-menu i {
          display: block;
          position: absolute;
          top: 10px;
          left: 27px; } }
    #mast .notif-mast .btn-menu em {
      font-style: normal;
      font-size: 0.85em;
      display: inline-block;
      padding-left: 35px;
      min-width: 90px; }
    #mast .notif-mast .btn-menu .closeMenu {
      display: none; }
    #mast .notif-mast .btn-menu:hover em {
      color: #2A6AB2; }
    #mast .notif-mast .btn-menu.open {
      top: -3px; }
      #mast .notif-mast .btn-menu.open span {
        width: 20px;
        max-width: 20px;
        left: 0;
        margin-top: 2px; }
        #mast .notif-mast .btn-menu.open span:nth-child(1) {
          top: 9px;
          transform: rotate(135deg); }
        #mast .notif-mast .btn-menu.open span:nth-child(2) {
          opacity: 0;
          left: -60px; }
        #mast .notif-mast .btn-menu.open span:nth-child(3) {
          top: 9px;
          transform: rotate(-135deg); }
      #mast .notif-mast .btn-menu.open em {
        display: none; }
        #mast .notif-mast .btn-menu.open em.closeMenu {
          display: inline-block; }
  #mast .notif-mast #main-menu {
    display: inline-block;
    position: fixed;
    top: 69px;
    bottom: 0;
    width: 100%;
    left: -105vw;
    z-index: 1;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    height: auto;
    /* Langue */ }
    #mast .notif-mast #main-menu .mobLangue {
      display: inline-block;
      width: 100%;
      padding: 10px 20px 0 20px;
      height: 100%;
      max-height: 70px;
      background-color: #E6EFF9;
      border-top: 1px solid #22424524;
      position: absolute;
      bottom: 0;
      z-index: 5;
      left: 0; }
      #mast .notif-mast #main-menu .mobLangue .aide-contact {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        #mast .notif-mast #main-menu .mobLangue .aide-contact a {
          display: flex;
          align-items: center; }
        #mast .notif-mast #main-menu .mobLangue .aide-contact i {
          font-size: 25px;
          color: #0084C5;
          margin-right: 25px; }
      #mast .notif-mast #main-menu .mobLangue #_desktop_user_info, #mast .notif-mast #main-menu .mobLangue .blockcart {
        display: none; }
      #mast .notif-mast #main-menu .mobLangue .language-selector-wrapper {
        position: static;
        width: 50%;
        float: right; }
        #mast .notif-mast #main-menu .mobLangue .language-selector-wrapper .language-selector {
          justify-content: flex-end; }
        #mast .notif-mast #main-menu .mobLangue .language-selector-wrapper .dropdown-menu {
          position: relative;
          top: initial;
          background: transparent;
          border: none;
          display: flex !important;
          align-items: center;
          border-left: 1px solid rgba(34, 66, 69, 0.2); }
          #mast .notif-mast #main-menu .mobLangue .language-selector-wrapper .dropdown-menu li {
            text-align: center;
            margin-left: 15px; }
            #mast .notif-mast #main-menu .mobLangue .language-selector-wrapper .dropdown-menu li a {
              width: 35px;
              height: 35px;
              letter-spacing: 1px;
              text-transform: uppercase;
              color: #878787;
              font-family: "Mulish-Regular";
              font-size: 0.76rem;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0; }
            #mast .notif-mast #main-menu .mobLangue .language-selector-wrapper .dropdown-menu li.current a {
              color: #FFFFFF;
              text-align: center;
              background-color: #2A6AB2;
              border-radius: 50%; }
      #mast .notif-mast #main-menu .mobLangue #notificationBellContainer {
        display: none; }
    @media screen and (min-width: 981px) {
      #mast .notif-mast #main-menu {
        width: 400px; } }
    #mast .notif-mast #main-menu.active {
      left: 0; }
    #mast .notif-mast #main-menu .language-selector button {
      pointer-events: none;
      position: absolute;
      top: 12px;
      left: -18px; }
      @media screen and (min-width: 981px) {
        #mast .notif-mast #main-menu .language-selector button {
          position: static; } }
    #mast .notif-mast #main-menu .dropdown-menu {
      display: inline-block;
      min-width: max-content;
      margin-left: 228px;
      margin-bottom: 10px; }
      #mast .notif-mast #main-menu .dropdown-menu .current a {
        pointer-events: none; }
  #mast .notif-mast .lang-desktop-r #_desktop_user_info {
    display: none; }
  #mast .notif-mast .lang-desktop-r .icon-langue:before {
    color: #2A6AB2;
    font-size: 23px; }
  #mast .notif-mast .wrapper-content-menu-left {
    display: none; }
    @media screen and (min-width: 981px) {
      #mast .notif-mast .wrapper-content-menu-left {
        display: flex;
        align-items: center; }
        #mast .notif-mast .wrapper-content-menu-left ul {
          margin: 0;
          margin-left: 10px;
          display: flex;
          align-items: center; }
          #mast .notif-mast .wrapper-content-menu-left ul li {
            display: flex; }
          #mast .notif-mast .wrapper-content-menu-left ul a {
            margin-right: 40px;
            font-size: 0.92rem;
            font-family: "Mulish-Regular";
            color: #224245;
            text-decoration: none;
            white-space: nowrap; }
            #mast .notif-mast .wrapper-content-menu-left ul a:hover {
              color: #0084C5; }
            #mast .notif-mast .wrapper-content-menu-left ul a i {
              font-size: 20px;
              color: #0084C5;
              margin-right: 5px;
              vertical-align: middle; } }
  @media screen and (min-width: 981px) {
    #mast .notif-mast #menu {
      padding-top: 0; }
    #mast .notif-mast .btn-menu {
      background: #F3F2F7;
      padding: 12px 15px;
      border-radius: 24px;
      overflow: hidden; }
      #mast .notif-mast .btn-menu:hover {
        background-color: #0084C5; }
        #mast .notif-mast .btn-menu:hover i {
          color: #FFFFFF; }
        #mast .notif-mast .btn-menu:hover span {
          background-color: #F3F2F7; }
      #mast .notif-mast .btn-menu span {
        left: 18px;
        margin-top: 10px; }
        #mast .notif-mast .btn-menu span:nth-child(1) {
          left: 18px; }
      #mast .notif-mast .btn-menu.open {
        top: unset; }
        #mast .notif-mast .btn-menu.open span {
          left: 17px;
          margin-top: 10px; }
    #mast .notif-mast #main-menu .mobLangue {
      display: none; } }

body.open-search-mobile #mast .col-logo,
body.open-search-mobile #mast .blockcart {
  display: none; }

body.open-search-mobile #mast #search {
  border-color: #0084C5;
  border-radius: 10px;
  width: 100%; }

body.open-search-mobile #mast .blk-search {
  width: 100%;
  display: flex; }
  body.open-search-mobile #mast .blk-search .blk-search_form {
    width: 100%; }

body.open-search-mobile .close-search-mobile {
  display: inline-block !important;
  color: #3F3035;
  font-size: 20px;
  margin-left: 10px; }

body.open-search-mobile .button-search-header {
  background: none;
  right: 26px; }

body.activeMenuOpen {
  overflow-y: hidden; }

body #main-menu {
  background-color: #E6EFF9;
  height: calc(100vh - 70px); }
  body #main-menu .mCSB_draggerContainer {
    display: none; }
    @media screen and (min-width: 981px) {
      body #main-menu .mCSB_draggerContainer {
        display: inline-block; } }
  body #main-menu .blk-langue-mob {
    padding: 0 20px; }
    @media screen and (min-width: 981px) {
      body #main-menu .blk-langue-mob {
        padding: 0; } }
    body #main-menu .blk-langue-mob .profil-mobile {
      background-color: #FFFFFF;
      border-radius: 20px;
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
      padding: 0px 18px;
      margin: 23px 5px; }
      body #main-menu .blk-langue-mob .profil-mobile .top {
        padding: 17px 0;
        border-bottom: solid 1px #d3d9da; }
        body #main-menu .blk-langue-mob .profil-mobile .top .signin {
          position: relative;
          font-size: 1.3rem;
          font-weight: 700;
          font-family: "Mulish-Regular";
          display: flex;
          align-items: center;
          width: 100%; }
          body #main-menu .blk-langue-mob .profil-mobile .top .signin i {
            color: #224245;
            font-size: 25px;
            margin-right: 20px; }
          body #main-menu .blk-langue-mob .profil-mobile .top .signin::after {
            content: "\e907";
            font-family: 'icomoon' !important;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            height: max-content;
            width: max-content;
            margin: auto;
            speak: never;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transition: all ease-in 0.3s;
            transition: all ease-in 0.3s;
            color: #224245;
            transform: rotate(90deg); }
        body #main-menu .blk-langue-mob .profil-mobile .top .signin_option {
          display: none;
          flex-direction: column;
          gap: 20px;
          margin-top: 20px;
          align-items: center; }
          body #main-menu .blk-langue-mob .profil-mobile .top .signin_option_title {
            text-align: center; }
          body #main-menu .blk-langue-mob .profil-mobile .top .signin_option .login {
            color: #FFFFFF;
            justify-content: center;
            height: 48px;
            margin-bottom: 0;
            font-size: 1.153em; }
          body #main-menu .blk-langue-mob .profil-mobile .top .signin_option .employee {
            background: transparent;
            display: inline-block;
            border: 2px solid #224245;
            font-family: "Mulish-Regular";
            padding: 15px;
            color: #224245;
            position: relative;
            text-decoration: none;
            font-size: 1.153em;
            font-weight: 600;
            width: 100%;
            height: 48px;
            text-align: center; }
      body #main-menu .blk-langue-mob .profil-mobile.active .signin_option {
        display: flex; }
      body #main-menu .blk-langue-mob .profil-mobile.active .top div.signin:after {
        transform: rotate(-90deg); }
      body #main-menu .blk-langue-mob .profil-mobile .bottom {
        padding: 10px 0;
        display: flex;
        justify-content: space-around; }
        body #main-menu .blk-langue-mob .profil-mobile .bottom > div a {
          display: flex;
          flex-direction: column;
          align-items: center;
          font-weight: 700;
          font-size: 0.53rem;
          color: #224245;
          text-transform: uppercase; }
          body #main-menu .blk-langue-mob .profil-mobile .bottom > div a i {
            font-size: 25px;
            color: #224245;
            margin-bottom: 3px; }
      @media screen and (min-width: 981px) {
        body #main-menu .blk-langue-mob .profil-mobile {
          display: none; } }
    body #main-menu .blk-langue-mob .promo {
      margin-top: 30px;
      margin-bottom: 20px;
      border-bottom: solid 1px #22424524; }
      body #main-menu .blk-langue-mob .promo ul li a:hover {
        color: #2a6ab2; }
      body #main-menu .blk-langue-mob .promo .best i {
        color: #70D44B;
        margin-right: 24px; }
      body #main-menu .blk-langue-mob .promo .discount i {
        color: #EA6852; }
      body #main-menu .blk-langue-mob .promo .marque i {
        color: #FECA67; }
      body #main-menu .blk-langue-mob .promo .newProducts i {
        color: #6fb69b; }
      body #main-menu .blk-langue-mob .promo a {
        font-size: 1.3rem;
        font-family: "Mulish-Bold";
        color: #224245;
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        text-decoration: none; }
        body #main-menu .blk-langue-mob .promo a i {
          margin-right: 20px;
          font-size: 30px;
          color: #FECA67; }
    body #main-menu .blk-langue-mob .blockcart {
      display: none; }
    body #main-menu .blk-langue-mob .dropdown-menu {
      position: relative;
      top: initial;
      background: transparent;
      border: none;
      display: flex !important;
      align-items: center; }
      body #main-menu .blk-langue-mob .dropdown-menu li {
        text-align: center;
        margin-left: 15px; }
        body #main-menu .blk-langue-mob .dropdown-menu li a {
          width: 35px;
          height: 35px;
          letter-spacing: 1px;
          text-transform: uppercase;
          color: #878787;
          font-family: "Mulish-Regular";
          font-size: 0.76rem;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0; }
        body #main-menu .blk-langue-mob .dropdown-menu li.current a {
          color: #FFFFFF;
          text-align: center;
          background-color: #2A6AB2;
          border-radius: 50%; }
    @media screen and (min-width: 981px) {
      body #main-menu .blk-langue-mob .language-selector-wrapper {
        max-width: 510px;
        display: none; } }
  body #main-menu .language-selector-wrapper {
    position: fixed;
    width: 90%;
    bottom: 0; }
    body #main-menu .language-selector-wrapper button i {
      font-size: 24px; }
    body #main-menu .language-selector-wrapper select,
    body #main-menu .language-selector-wrapper #language-selector-label {
      display: none; }
    body #main-menu .language-selector-wrapper .language-selector {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
  body #main-menu .scroll-menu {
    padding: 0;
    display: block;
    flex-direction: column-reverse;
    height: calc(100vh - 140px);
    position: relative;
    overflow-y: scroll; }
    body #main-menu .scroll-menu:after {
      position: absolute;
      content: '';
      width: 90%;
      transform: translateX(-50%);
      bottom: 0px;
      left: 50%; }
    body #main-menu .scroll-menu #mCSB_1_container {
      margin-right: 0; }
    @media screen and (min-width: 1210px) {
      body #main-menu .scroll-menu {
        overflow-y: unset; } }
    @media screen and (min-width: 981px) {
      body #main-menu .scroll-menu {
        padding: 10px 0 10px 20px;
        height: calc(100vh - 70px); }
        body #main-menu .scroll-menu #_desktop_user_info {
          display: none; }
        body #main-menu .scroll-menu .blk-langue-mob, body #main-menu .scroll-menu .blk-menu-cont {
          display: inline-block;
          width: 100%; }
        body #main-menu .scroll-menu #mCSB_1_container {
          margin-right: 0; } }
    @media screen and (min-width: 1024px) and (max-width: 1250px) {
      body #main-menu .scroll-menu {
        height: calc(100vh - 150px); } }
    @media screen and (min-width: 981px) {
      body #main-menu .scroll-menu:after {
        display: none; } }
  body #main-menu.active .language-selector-wrapper {
    display: flex;
    padding-left: 20px; }
    @media screen and (min-width: 981px) {
      body #main-menu.active .language-selector-wrapper {
        display: none; } }

.blk-menu-cont {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 981px) {
    .blk-menu-cont {
      padding-left: 0;
      padding-right: 20px; } }
  .blk-menu-cont .popover.open-submenu {
    display: block !important; }
  .blk-menu-cont > .menu {
    width: 100%; }
  .blk-menu-cont #top-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 100px; }
    @media screen and (min-width: 981px) {
      .blk-menu-cont #top-menu {
        margin-bottom: 0; } }
    .blk-menu-cont #top-menu ul[data-depth="1"] > li {
      float: none;
      width: 100%; }
    .blk-menu-cont #top-menu li a:hover {
      color: #2a6ab2; }
    .blk-menu-cont #top-menu a[data-depth="0"] {
      font-size: 1.3rem;
      font-weight: 700;
      font-family: "Mulish-Regular";
      color: #224245;
      margin: 10px 0;
      position: relative;
      display: inline-block;
      padding-left: 50px; }
      .blk-menu-cont #top-menu a[data-depth="0"].active-0::before {
        transform: rotate(-90deg); }
      .blk-menu-cont #top-menu a[data-depth="0"]:after {
        content: "\e963";
        font-family: 'icomoon' !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        color: #0084C5;
        font-size: 25px;
        font-weight: normal; }
      .blk-menu-cont #top-menu a[data-depth="0"]:before {
        content: "\e907";
        font-family: 'icomoon' !important;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 17px;
        height: max-content;
        width: max-content;
        margin: auto;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: all ease-in 0.3s;
        transition: all ease-in 0.3s;
        transform: rotate(90deg);
        font-size: 1.1rem;
        color: #224245; }
        .blk-menu-cont #top-menu a[data-depth="0"]:before:hover {
          color: #2a6ab2; }
      .blk-menu-cont #top-menu a[data-depth="0"] + .sub-menu {
        position: static;
        background: transparent;
        box-shadow: none;
        top: initial !important;
        bottom: initial;
        margin-left: 25px; }
    .blk-menu-cont #top-menu a[data-depth="1"], .blk-menu-cont #top-menu a.see-all {
      font-size: 1rem;
      font-weight: 400;
      margin-bottom: 11px;
      display: inline-block;
      border-bottom: solid 1px rgba(0, 0, 0, 0.1);
      text-transform: none;
      color: #224245;
      display: inline-block;
      width: 100%;
      padding-left: 0; }
      .blk-menu-cont #top-menu a[data-depth="1"] + .collapse, .blk-menu-cont #top-menu a.see-all + .collapse {
        display: none; }
    .blk-menu-cont #top-menu [data-ref-ecomm="3"] > .dropdown-item:after {
      content: "\e93b"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="4"] > .dropdown-item:after {
      content: "\e90c"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="6"] > .dropdown-item:after {
      content: "\e911"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="7"] > .dropdown-item:after {
      content: "\e938"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="8"] > .dropdown-item:after {
      content: "\e918"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="13"] > .dropdown-item:after {
      content: "\e939"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="5"] > .dropdown-item:after {
      content: "\e93c"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="10"] > .dropdown-item:after {
      content: "\e93d"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="12"] > .dropdown-item:after {
      content: "\e912"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="11"] > .dropdown-item:after {
      content: "\e90e"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="14"] > .dropdown-item:after {
      content: "\e93a"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="15"] > .dropdown-item:after {
      content: "\e937"; }
    .blk-menu-cont #top-menu [data-ref-ecomm="16"] > .dropdown-item:after {
      content: "\e936";
      font-size: 16px; }
    .blk-menu-cont #top-menu [data-ref-ecomm="18"] > .dropdown-item:after {
      content: "\e966";
      font-size: 26px;
      padding: 0 4px; }
  .blk-menu-cont #search_widget {
    display: none; }

.js-close-menu {
  display: none;
  position: fixed;
  border: none;
  padding: 0;
  left: -100vw;
  width: 100vw;
  cursor: pointer;
  background-color: rgba(191, 191, 191, 0.6);
  transition: all .2s ease-in-out;
  bottom: 0;
  z-index: 0;
  height: calc(100vh - 70px); }
  @media screen and (min-width: 981px) {
    .js-close-menu {
      display: inline-block; } }

.activeMenuOpen .js-close-menu {
  left: 0; }

#footer {
  padding: 50px 20px 75px 20px;
  background-color: #FFFFFF; }
  #footer.isPanagoraInterne {
    background-color: #F3F2F7; }
  @media screen and (min-width: 981px) {
    #footer {
      padding: 40px 45px 20px 45px; } }
  @media screen and (min-width: 981px) {
    #footer .content-footer {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid rgba(179, 179, 178, 0.2);
      padding-bottom: 30px; } }
  #footer .content-footer .left-footer .row {
    margin: 0; }
  #footer .content-footer .left-footer .adress {
    color: #878787;
    font-size: 13px;
    line-height: 20px; }
    @media screen and (min-width: 981px) {
      #footer .content-footer .left-footer .adress {
        margin-bottom: 15px; } }
  #footer .content-footer .left-footer .url a {
    color: #878787;
    font-size: 13px;
    line-height: 20px; }
    #footer .content-footer .left-footer .url a:hover {
      color: #0084C5; }
  #footer .footer-bottom {
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgba(179, 179, 178, 0.2);
    padding: 30px 0 0 0; }
    @media screen and (min-width: 981px) {
      #footer .footer-bottom {
        flex-direction: row;
        justify-content: space-between;
        padding: 15px 0 6px; } }
    #footer .footer-bottom a {
      color: #878787 !important;
      font-size: 13px;
      line-height: 30px;
      transition: 0.2s ease-in-out; }
      #footer .footer-bottom a:hover {
        color: #0084C5 !important; }
      @media screen and (min-width: 981px) {
        #footer .footer-bottom a {
          line-height: 20px; } }
    #footer .footer-bottom .row {
      margin: 0; }
    @media screen and (min-width: 981px) {
      #footer .footer-bottom .menu-bottom {
        display: flex; } }
    @media screen and (min-width: 981px) {
      #footer .footer-bottom .menu-bottom ul {
        display: flex;
        align-items: center; } }
    #footer .footer-bottom .menu-bottom ul li {
      margin-right: 50px; }
  #footer #logo-footer img {
    margin-bottom: 25px; }
  #footer .footer-container {
    box-shadow: none; }
    @media screen and (min-width: 981px) {
      #footer .footer-container {
        box-shadow: none;
        margin: 0;
        padding: 0; } }
    #footer .footer-container a {
      color: #878787;
      font-size: 13px;
      line-height: 30px;
      transition: 0.2s ease-in-out; }
      #footer .footer-container a:hover {
        color: #0084C5; }
      @media screen and (min-width: 981px) {
        #footer .footer-container a {
          line-height: 20px; } }
    @media screen and (min-width: 981px) {
      #footer .footer-container .accordion {
        display: flex;
        align-items: baseline; } }
    #footer .footer-container .accordion h4 {
      color: #0084C5;
      font-size: 17px;
      font-weight: 700;
      line-height: 27px; }
      @media screen and (min-width: 981px) {
        #footer .footer-container .accordion h4 {
          margin-bottom: 34px; } }
    #footer .footer-container .accordion .icon {
      transition: transform 0.3s;
      width: 20px;
      text-align: right;
      color: #0084C5;
      font-size: 20px;
      transform: rotate(90deg); }
      @media screen and (min-width: 981px) {
        #footer .footer-container .accordion .icon {
          display: none; } }
    #footer .footer-container .accordion .accordion__item {
      display: flex;
      padding: 12px 0;
      border-top: solid #87878720 1px;
      margin: 0;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      border-bottom: 1px solid #878787; }
      #footer .footer-container .accordion .accordion__item:first-child {
        border-top: 1px solid #878787; }
      @media screen and (min-width: 981px) {
        #footer .footer-container .accordion .accordion__item {
          border: none;
          padding-top: 0;
          margin: 0 50px;
          flex-direction: column; }
          #footer .footer-container .accordion .accordion__item:first-child {
            border-top: none; } }
      #footer .footer-container .accordion .accordion__item .head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%; }
        #footer .footer-container .accordion .accordion__item .head i:before {
          font-size: 1.1rem;
          position: absolute;
          bottom: -7px;
          right: 3px; }
      #footer .footer-container .accordion .accordion__item ul.accordion__main-list {
        display: block;
        margin: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-in-out;
        width: 100%; }
        @media screen and (min-width: 981px) {
          #footer .footer-container .accordion .accordion__item ul.accordion__main-list {
            max-height: initial; } }
      #footer .footer-container .accordion .accordion__item.open .icon {
        transform: rotate(-90deg); }
      #footer .footer-container .accordion .accordion__item.open ul.accordion__main-list {
        transition: 0.3s;
        height: 100%;
        max-height: max-content; }

.bloc-connexion {
  position: fixed;
  right: 0;
  width: 100%;
  bottom: 0;
  background: #E6EFF9;
  z-index: 999;
  padding: 40px;
  border-radius: 20px;
  -webkit-transition: all ease-in 0.35s;
  transition: all ease-in 0.35s;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); }
  @media screen and (min-width: 981px) {
    .bloc-connexion {
      padding: 25px 70px 35px 25px;
      min-height: 467px; } }
  .bloc-connexion .close {
    right: 20px;
    top: 20px;
    position: absolute;
    color: #000000;
    opacity: 1;
    text-shadow: none;
    font-size: 20px;
    font-weight: bold; }
  .bloc-connexion h2 {
    font-size: 1.692em;
    padding-right: 40px;
    display: inline-block;
    width: 100%;
    color: #224245;
    margin-bottom: 25px; }
  .bloc-connexion ul {
    display: inline-block;
    width: 100%; }
    .bloc-connexion ul li {
      display: inline-block;
      width: 100%;
      margin-top: 15px; }
      .bloc-connexion ul li p {
        color: #224245;
        font-size: 13px; }
        @media screen and (min-width: 981px) {
          .bloc-connexion ul li p {
            font-size: 15px; } }
      .bloc-connexion ul li:first-child {
        padding-bottom: 10px; }
  .bloc-connexion .bouton {
    width: 100%;
    margin-top: 10px; }
    @media screen and (min-width: 981px) {
      .bloc-connexion .bouton {
        margin-top: 5px;
        font-size: .925em; } }
  .bloc-connexion .other-option {
    border-top: 1px solid #224245;
    margin-top: 15px;
    padding-top: 15px;
    text-align: center; }
    .bloc-connexion .other-option p {
      margin: 0 0 5px;
      color: #224245;
      font-size: 13px; }
      @media screen and (min-width: 981px) {
        .bloc-connexion .other-option p {
          font-size: 15px; } }
    .bloc-connexion .other-option a {
      position: relative;
      color: #224245;
      font-family: "Mulish-SemiBold"; }
      .bloc-connexion .other-option a:after {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: -2px;
        left: 0;
        background: #224245; }
      .bloc-connexion .other-option a:hover {
        color: #0084C5; }
        .bloc-connexion .other-option a:hover:after {
          background: #0084C5; }
  .bloc-connexion.hideBlk {
    bottom: -100vh; }
  @media screen and (min-width: 981px) {
    .bloc-connexion {
      max-width: 390px;
      border-bottom-left-radius: 20px;
      border-top-right-radius: 0;
      bottom: auto;
      top: 50%;
      transform: translateY(-50%);
      z-index: 998; }
      .bloc-connexion.hideBlk {
        right: -100%;
        bottom: auto; } }
  @media screen and (max-width: 360px) {
    .bloc-connexion {
      padding: 35px; } }

.btn-connexion {
  background: #E6EFF9;
  font-size: 0.938em;
  padding: 25px 35px;
  border-radius: 20px;
  -webkit-transition: all ease-in 0.35s;
  transition: all ease-in 0.35s;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: fixed;
  bottom: -100vh;
  width: 100%;
  z-index: 99;
  left: 0;
  border: none;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); }
  .btn-connexion i {
    transform: rotate(-90deg);
    margin-right: -15px;
    font-size: 0.688em; }
  .btn-connexion.showBlk {
    bottom: 0;
    color: #224245; }
  @media screen and (min-width: 981px) {
    .btn-connexion {
      transform: rotate(-90deg);
      left: auto;
      bottom: auto;
      right: -100%;
      top: calc(50% - 33px);
      width: auto;
      min-width: 472px; }
      .btn-connexion.showBlk {
        right: -205px;
        bottom: auto; } }

@media screen and (min-width: 755px) and (max-width: 1210px) {
  .btn-connexion {
    top: calc(55% - 33px); }
  .bloc-connexion {
    top: 55%; } }

.datatable {
  position: relative; }
  .datatable .dataTables_filter {
    position: absolute;
    top: 0;
    right: 0; }
    .datatable .dataTables_filter label {
      position: relative; }
      .datatable .dataTables_filter label:after {
        content: "\e90b";
        font-family: icomoon;
        font-size: 20px;
        position: absolute;
        top: 12px;
        right: 9px;
        color: #e5e5e5; }
  .datatable.product:after {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff; }
    @media screen and (max-width: 640px) {
      .datatable.product:after {
        background-color: transparent; } }
    @media only screen and (min-device-width: 753px) and (max-device-width: 1205px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
      .datatable.product:after {
        background-color: transparent; } }
  .datatable h2 {
    font-size: 1.69rem;
    color: #224245;
    margin-bottom: 35px; }
  .datatable .dataTables_length {
    display: none; }
  .datatable .dataTables_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    .datatable .dataTables_wrapper .dataTables_info {
      display: none; }
    .datatable .dataTables_wrapper .dataTables_paginate {
      width: 100%;
      text-align: center;
      margin-top: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .datatable .dataTables_wrapper .dataTables_paginate > span {
        display: flex;
        align-items: center; }
        .datatable .dataTables_wrapper .dataTables_paginate > span a {
          margin: 0 10px;
          font-size: 1.23rem;
          font-weight: 400;
          font-family: "Mulish-Regular";
          color: #B3B3B2;
          outline: none;
          cursor: pointer; }
      .datatable .dataTables_wrapper .dataTables_paginate .current {
        font-weight: 400;
        font-size: 1.23rem;
        font-family: "Mulish-Regular";
        color: #FFFFFF;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 500px;
        background-color: #0084C5; }
      .datatable .dataTables_wrapper .dataTables_paginate .previous, .datatable .dataTables_wrapper .dataTables_paginate .next {
        width: 40px;
        height: 40px;
        display: inline-block;
        position: relative;
        color: transparent;
        overflow: hidden;
        background-color: #FFFFFF;
        border-radius: 50%;
        padding: 18px;
        margin: 0 10px;
        font-family: "icomoon" !important;
        transition: .3s ease-in-out;
        cursor: pointer; }
        .datatable .dataTables_wrapper .dataTables_paginate .previous.disabled, .datatable .dataTables_wrapper .dataTables_paginate .next.disabled {
          display: none; }
          .datatable .dataTables_wrapper .dataTables_paginate .previous.disabled:hover, .datatable .dataTables_wrapper .dataTables_paginate .next.disabled:hover {
            background-color: #B3B3B2; }
        .datatable .dataTables_wrapper .dataTables_paginate .previous:hover, .datatable .dataTables_wrapper .dataTables_paginate .next:hover {
          background-color: #0084C5; }
          .datatable .dataTables_wrapper .dataTables_paginate .previous:hover:before, .datatable .dataTables_wrapper .dataTables_paginate .next:hover:before {
            color: #FFFFFF; }
        .datatable .dataTables_wrapper .dataTables_paginate .previous:before, .datatable .dataTables_wrapper .dataTables_paginate .next:before {
          content: "\e907";
          position: absolute;
          width: 13px;
          height: 15px;
          color: #224245;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          background-size: contain; }
      .datatable .dataTables_wrapper .dataTables_paginate .previous:before {
        transform: rotate(180deg); }
    .datatable .dataTables_wrapper label {
      font-size: 1rem;
      font-weight: 400;
      color: #224245;
      text-transform: uppercase;
      padding-bottom: 12px; }
      .datatable .dataTables_wrapper label select {
        margin: 0 15px;
        padding: 10px 15px;
        border: solid 1px #224245;
        background-color: #FFFFFF;
        outline: none; }
      .datatable .dataTables_wrapper label:focus-within:after {
        color: #224245; }
    .datatable .dataTables_wrapper input[type="search"] {
      padding: 10px 15px;
      background-color: #FFFFFF;
      margin-left: 10px;
      outline: none;
      border: 1px solid #e5e5e5;
      width: 18vw;
      transition: .3s ease-in-out; }
      .datatable .dataTables_wrapper input[type="search"]:focus {
        border-color: #224245; }
  .datatable .firstRow th {
    padding: 0 !important; }
    .datatable .firstRow th span {
      position: relative;
      top: 20px;
      text-transform: uppercase; }
  .datatable .firstRow:nth-child(6) {
    background: #F1F6F8; }
  .datatable th {
    font-weight: normal;
    font-size: 0.76rem;
    font-family: "Mulish-Regular";
    color: #224245;
    text-transform: uppercase;
    padding-bottom: 12px;
    padding-left: 10px;
    cursor: pointer;
    line-height: normal; }
  .datatable td {
    line-height: normal;
    font-size: 1rem;
    font-weight: 400;
    color: #224245;
    padding: 3px 10px; }
    .datatable td:last-child {
      padding-bottom: 3px; }
    .datatable td:nth-child(7) {
      text-align: center; }
  .datatable tr {
    vertical-align: baseline; }
  .datatable .even, .datatable .odd {
    border-bottom: 2px solid #e5e5e5; }
  .datatable thead {
    border-bottom: solid 2px #224245; }
  .datatable .cta-action {
    display: flex;
    align-items: center;
    justify-content: end; }
    .datatable .cta-action .finalise {
      background-color: #224245;
      color: #FFFFFF;
      padding: 10px 13px;
      font-size: 15px;
      border: solid 1px #224245;
      outline: none; }
      .datatable .cta-action .finalise:hover, .datatable .cta-action .finalise:focus {
        background-color: transparent;
        color: #224245; }
    .datatable .cta-action .delete-btn {
      background: none;
      border: none;
      outline: none;
      margin-left: 20px; }
      .datatable .cta-action .delete-btn i {
        color: #224245;
        font-size: 15px; }
      .datatable .cta-action .delete-btn:hover i, .datatable .cta-action .delete-btn:focus i {
        color: #0084C5; }
  .datatable select.unit-block {
    font-size: 1em;
    padding: 5px;
    width: 75px; }
  .datatable.product {
    background-color: #E6EFF9;
    padding: 0 15px;
    margin-bottom: 20px; }
    .datatable.product .dataTables_length, .datatable.product .dataTables_filter, .datatable.product .dataTables_paginate {
      display: none; }
    .datatable.product table thead tr {
      vertical-align: bottom; }
    .datatable.product table thead th {
      padding-top: 12px; }
      .datatable.product table thead th:nth-child(6), .datatable.product table thead th:nth-child(7), .datatable.product table thead th:nth-child(8), .datatable.product table thead th:nth-child(9), .datatable.product table thead th:nth-child(10) {
        text-transform: initial;
        background-color: #F1F6F8; }
      .datatable.product table thead th:last-child {
        text-align: right;
        padding-right: 35px; }
      .datatable.product table thead th:nth-child(6) {
        text-transform: uppercase; }
    .datatable.product table tbody tr {
      vertical-align: middle; }
      .datatable.product table tbody tr .select2-selection {
        border: none;
        outline: none;
        background-color: #FFFFFF;
        height: 35px;
        color: #224245;
        padding: 5px 0;
        font-size: 1em;
        font-weight: 400;
        font-family: "Mulish-Regular";
        border-radius: 0; }
        .datatable.product table tbody tr .select2-selection__rendered {
          line-height: 25px; }
        .datatable.product table tbody tr .select2-selection:focus {
          border: 1px solid; }
        .datatable.product table tbody tr .select2-selection__arrow b {
          display: none; }
        .datatable.product table tbody tr .select2-selection__arrow:after {
          content: "\e907";
          display: inline-block;
          width: 10px;
          height: 10px;
          font-family: icomoon !important;
          rotate: 90deg;
          position: absolute;
          top: 11px;
          right: 10px; }
    .datatable.product table tbody td:nth-child(6), .datatable.product table tbody td:nth-child(7), .datatable.product table tbody td:nth-child(8), .datatable.product table tbody td:nth-child(9), .datatable.product table tbody td:nth-child(10) {
      background-color: #F1F6F8; }
    .datatable.product table tbody td:nth-child(8) {
      width: 77px; }
    .datatable.product table button {
      background: none;
      outline: none;
      border: none;
      display: flex;
      align-items: center; }
      .datatable.product table button i {
        color: #224245;
        font-size: 15px; }
    .datatable.product table td:first-child {
      padding-right: 0; }
      .datatable.product table td:first-child .product-name {
        width: 100%;
        display: flex;
        align-items: center; }
        .datatable.product table td:first-child .product-name input {
          width: 100%;
          height: 35px;
          padding: 10px 12px; }
          .datatable.product table td:first-child .product-name input::placeholder {
            font-size: 0.769em; }
        .datatable.product table td:first-child .product-name button {
          display: flex;
          align-items: center; }
        .datatable.product table td:first-child .product-name > div {
          min-width: 250px;
          width: 100%;
          font-style: normal;
          font-weight: 400;
          font-size: 1em; }
    .datatable.product table tr:last-child .product-name > div {
      min-width: 250px;
      margin-left: 26px;
      padding: 0; }
    .datatable.product table td:nth-child(2) {
      padding-right: 0;
      padding-left: 0; }
      .datatable.product table td:nth-child(2) .btn-info {
        padding-right: 3px;
        padding-left: 3px; }
    .datatable.product table td:nth-child(3) {
      padding-left: 0; }
    .datatable.product table tbody td .net-amount {
      justify-content: end; }
    .datatable.product table tbody td .qtty-block .content-qtty {
      width: 50px; }
      .datatable.product table tbody td .qtty-block .content-qtty input {
        font-weight: 400;
        font-size: 1em;
        line-height: 20px;
        width: 100% !important;
        height: 35px;
        text-align: center;
        color: #224245; }
    .datatable.product table tbody td .qtty-block, .datatable.product table tbody td .net-amount {
      display: flex;
      align-items: center; }
      .datatable.product table tbody td .qtty-block input, .datatable.product table tbody td .net-amount input {
        width: 20px !important;
        border: none; }
    .datatable.product select {
      border: none;
      outline: none;
      background-color: #FFFFFF;
      height: 35px;
      color: #224245;
      padding: 5px 0;
      font-size: 1em;
      font-weight: 400;
      font-family: "Mulish-Regular"; }
    .datatable.product .white-block {
      background-color: #FFFFFF;
      color: #224245;
      padding: 9px 12px;
      font-size: 1.69rem;
      font-weight: 400;
      font-family: "Mulish-Regular";
      height: 35px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      position: relative; }
      .datatable.product .white-block .ui-autocomplete-input {
        min-width: 225px;
        border: none; }
      .datatable.product .white-block .spinner {
        width: 25px;
        height: 25px;
        top: 5px;
        right: 10px; }
    .datatable.product .thNetAmount {
      padding-right: 10px;
      display: inline-block; }
  .datatable .noPagination #dataTable_paginate {
    display: none; }
  .datatable #dataTable-failed-orders td {
    padding: 10px; }
  .datatable #dataTable-failed-orders .error-msg-link {
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .datatable #dataTable-failed-orders .errorMessageModal .conf-popup-body span {
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-all;
    font-size: 1em; }
  .datatable #dataTable-failed-orders .errorMessageModal .conf-popup-footer-content {
    justify-content: flex-end;
    gap: 20px; }
    .datatable #dataTable-failed-orders .errorMessageModal .conf-popup-footer-content.justify-content-between {
      justify-content: space-between; }
  .datatable #dataTable-failed-orders .orderFailActions .error-msg-link {
    display: inline; }
  @media screen and (min-width: 981px) {
    .datatable .product-search .hidden {
      display: none; }
    .datatable .product-search .white-block input {
      outline: none; }
    .datatable .btn-info {
      padding-right: 6px; } }

.ui-tooltip {
  width: 90px;
  min-width: unset; }

.btnDatatable {
  display: none; }

.tableLoader {
  display: none; }
  .tableLoader.active {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center; }

.totalStickyLine.sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 calc(5% + 15px); }

@media screen and (max-width: 980px) {
  #orderBehalf #dataTable_wrapper {
    overflow-x: auto;
    max-width: 93vw;
    display: inline-block; }
    #orderBehalf #dataTable_wrapper #dataTable {
      min-width: 1800px;
      margin-top: 30px; } }

.identifiants {
  background-color: #E6EFF9;
  padding: 25px 25px 25px;
  display: flex;
  justify-content: space-between;
  margin: 10px 0 30px; }
  .identifiants h2 {
    font-size: 1.69rem;
    color: #224245;
    margin-bottom: 5px; }
  .identifiants p {
    font-weight: 400;
    font-size: 1.23rem;
    font-family: "Mulish-Regular";
    color: #224245;
    line-height: normal; }
  .identifiants input[type="text"] {
    background-color: #FFFFFF;
    border: 1px solid #F3F2F7;
    padding: 18px 15px;
    font-size: 1rem;
    font-weight: 400;
    width: calc(100% - 145px);
    margin-right: 17px;
    outline: none;
    color: #B3B3B2;
    height: 48px; }
  .identifiants button.btn-verif {
    height: 48px;
    padding: 0 20px;
    background-color: #224245;
    color: #FFFFFF;
    border: solid 1px #224245;
    outline: none;
    font-size: 15px; }
    .identifiants button.btn-verif:hover {
      background-color: transparent;
      color: #224245; }
  @media screen and (min-width: 981px) {
    .identifiants {
      border-radius: 20px;
      position: relative; }
      .identifiants p {
        margin-bottom: 0; } }

.identifiants-details .deliveryMsg .messageDetails {
  font-size: 0.866em;
  line-height: 20px; }

.identifiants-details .title-detail {
  font-size: 0.77rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #224245;
  margin-bottom: 0; }

.identifiants-details .item {
  margin-bottom: 20px;
  position: relative; }
  .identifiants-details .item.deliveryMsg {
    grid-area: 3 / 2 / 4 / 5; }
  @media screen and (min-width: 981px) {
    .identifiants-details .item {
      margin-bottom: 0; } }

.identifiants-details .tool-tip {
  position: absolute;
  right: 50px;
  top: 14px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%; }
  .identifiants-details .tool-tip i {
    padding-left: 3px; }
  @media screen and (min-width: 981px) {
    .identifiants-details .tool-tip {
      right: -45px;
      top: 20px; } }

.identifiants-details .value-detail {
  font-weight: 700;
  font-size: 1.3rem;
  color: #224245;
  display: flex; }
  .identifiants-details .value-detail .tool-tip {
    position: unset;
    margin-left: 5px; }

.identifiants-details .left-details {
  width: 100%; }
  @media screen and (min-width: 981px) {
    .identifiants-details .left-details {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      width: 60%; } }
  .identifiants-details .left-details.wide {
    width: 100% !important;
    justify-content: flex-start; }
    .identifiants-details .left-details.wide .details {
      min-width: 30%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .identifiants-details .left-details.wide .details:nth-child(2) {
        width: 100%; }
        .identifiants-details .left-details.wide .details:nth-child(2) .tool-tip {
          right: 25%; }

.identifiants-details .right-details {
  width: 100%; }
  @media screen and (min-width: 981px) {
    .identifiants-details .right-details {
      width: 30%; } }
  .identifiants-details .right-details textarea {
    width: 100%;
    min-height: 64px;
    padding: 12px;
    border: none;
    outline: none; }

@media only screen and (min-device-width: 768px) and (max-device-width: 981px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .identifiants-details .left-details {
    width: 70% !important; }
    .identifiants-details .left-details .title-detail {
      font-size: 0.67rem; }
    .identifiants-details .left-details .value-detail {
      font-size: 1rem; }
  .identifiants-details .right-details {
    width: 25% !important; }
  .identifiants-details .tool-tip {
    right: -30px;
    top: 20px; } }

@media only screen and (min-device-width: 753px) and (max-device-width: 1205px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .identifiants-details .left-details .title-detail {
    font-size: 0.67rem; }
  .identifiants-details .left-details .value-detail {
    font-size: 1rem; }
  .identifiants-details .tool-tip {
    right: -31px;
    top: 20px; } }

.each-salesagent-bloc .identifiants-details .value-detail {
  display: flex; }
  .each-salesagent-bloc .identifiants-details .value-detail .tool-tip {
    position: unset;
    margin-left: 5px; }

@media screen and (min-width: 981px) {
  .stock-indication {
    display: flex;
    align-items: center;
    justify-content: space-between; } }

.stock-indication .left-indication {
  display: flex;
  align-items: center; }
  .stock-indication .left-indication .title-indication {
    font-size: 1rem;
    font-weight: 400;
    color: #224245; }
  .stock-indication .left-indication .items ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    margin-left: 25px; }
    .stock-indication .left-indication .items ul li {
      padding-left: 42px;
      position: relative; }
      .stock-indication .left-indication .items ul li::before {
        content: '';
        width: 12px;
        height: 12px;
        border-radius: 500px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 22px;
        margin: auto;
        background-color: #70D44B; }
      .stock-indication .left-indication .items ul li.out:before {
        background-color: #EA6852; }
      .stock-indication .left-indication .items ul li.not-available:before {
        background-color: #FECA67; }
      .stock-indication .left-indication .items ul li.sufficient:before {
        background-color: #70D44B; }
      .stock-indication .left-indication .items ul li.full:before {
        background-color: #4988AA; }
      .stock-indication .left-indication .items ul li.short:before {
        background-color: #a905c3; }
      .stock-indication .left-indication .items ul li.stock-pink:before {
        background-color: #FF00FF; }

.stock-indication .right-indication {
  display: flex;
  position: relative; }
  .stock-indication .right-indication button.btn-upload {
    background: none;
    outline: none;
    border: none; }
    .stock-indication .right-indication button.btn-upload i {
      margin-left: 15px;
      color: #0084C5; }
    .stock-indication .right-indication button.btn-upload .title-indication {
      font-size: 0.938em; }
  .stock-indication .right-indication .upload-command-form {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    width: calc(100vw - 40px);
    background-color: #FFFFFF;
    padding: 45px 22px 34px 22px;
    position: absolute;
    top: -40px;
    right: 0;
    z-index: 10;
    display: none; }
    @media screen and (min-width: 981px) {
      .stock-indication .right-indication .upload-command-form {
        max-width: 465px; } }
    .stock-indication .right-indication .upload-command-form.show {
      display: block; }
    .stock-indication .right-indication .upload-command-form #close-upload-command {
      background: none;
      border: none;
      position: absolute;
      top: 22px;
      right: 22px;
      outline: none; }
      .stock-indication .right-indication .upload-command-form #close-upload-command i {
        color: #224245;
        font-size: 15px; }
    .stock-indication .right-indication .upload-command-form p {
      color: #224245;
      font-size: 1rem;
      font-weight: 400;
      margin-bottom: 15px; }
    .stock-indication .right-indication .upload-command-form .browse-file {
      display: flex;
      align-items: center;
      justify-content: end;
      border: 1px dashed #B3B3B2;
      padding: 11px; }
      .stock-indication .right-indication .upload-command-form .browse-file input[type='file'] {
        display: none; }
      .stock-indication .right-indication .upload-command-form .browse-file .name-file {
        display: none;
        justify-content: space-between;
        left: 30px; }
        .stock-indication .right-indication .upload-command-form .browse-file .name-file.show {
          display: flex; }
        .stock-indication .right-indication .upload-command-form .browse-file .name-file .name {
          font-size: 1rem;
          font-weight: 400; }
        .stock-indication .right-indication .upload-command-form .browse-file .name-file button {
          background: none;
          border: none; }
          .stock-indication .right-indication .upload-command-form .browse-file .name-file button i {
            font-size: 20px; }
      .stock-indication .right-indication .upload-command-form .browse-file .browse label {
        background-color: #0084C5;
        margin-bottom: 0;
        color: #FFFFFF;
        cursor: pointer;
        height: 48px;
        padding: 0 20px;
        font-size: 1rem;
        font-weight: 600;
        border: solid 1px #0084C5;
        transition: none;
        display: flex;
        align-items: center; }
        .stock-indication .right-indication .upload-command-form .browse-file .browse label:hover {
          background-color: #FFFFFF;
          color: #0084C5; }
    .stock-indication .right-indication .upload-command-form button#upload-file {
      height: 48px;
      margin-top: 15px;
      margin-bottom: 26px;
      display: flex;
      align-items: center;
      background-color: #224245;
      border: solid 1px #224245;
      font-size: 1rem;
      font-weight: 600;
      color: #FFFFFF;
      padding: 0 20px; }
      .stock-indication .right-indication .upload-command-form button#upload-file:hover {
        background-color: #FFFFFF;
        color: #224245; }
    .stock-indication .right-indication .upload-command-form .modele {
      display: inline-block;
      width: 100%;
      align-items: center; }
      @media screen and (min-width: 981px) {
        .stock-indication .right-indication .upload-command-form .modele {
          display: flex;
          justify-content: space-between; }
          .stock-indication .right-indication .upload-command-form .modele.download-catalog-div {
            border-top: 1px solid #22424524;
            padding-top: 10px; } }
      .stock-indication .right-indication .upload-command-form .modele h3 {
        font-size: 1.3rem;
        font-weight: 700;
        font-family: "Mulish-Bold";
        color: #224245;
        margin-bottom: 10px; }
      .stock-indication .right-indication .upload-command-form .modele a {
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #FFFFFF;
        border: solid 2px #224245;
        font-size: 1rem;
        font-weight: 600;
        color: #224245;
        padding: 0 20px; }
        @media screen and (min-width: 981px) {
          .stock-indication .right-indication .upload-command-form .modele a {
            justify-content: flex-start; } }
        .stock-indication .right-indication .upload-command-form .modele a i {
          margin-left: 15px;
          color: #224245; }
      .stock-indication .right-indication .upload-command-form .modele .right-modele a:hover {
        border-color: transparent;
        color: #FFFFFF;
        background: #224245; }
        .stock-indication .right-indication .upload-command-form .modele .right-modele a:hover i {
          color: #FFFFFF; }
      .stock-indication .right-indication .upload-command-form .modele .right-modele a i:hover {
        border: none;
        color: #FFFFFF;
        background: #224245; }

/** Order confirmation **/
#order-confirmation {
  color: #224245; }
  #order-confirmation p {
    color: #224245; }
  #order-confirmation .card {
    border: none;
    box-shadow: none;
    background: none; }
  #order-confirmation .card-block {
    border-radius: 20px;
    background: #FFFFFF;
    padding: 25px; }
    #order-confirmation .card-block.noBgd {
      padding: 0;
      background: none; }
  #order-confirmation .page-order-confirmation h2 {
    display: none; }
  #order-confirmation .page-order-confirmation h3 {
    text-transform: none;
    font-size: 1.375em;
    font-weight: normal;
    font-family: "Mulish-Bold";
    margin: 35px 0 15px;
    color: #224245; }
  #order-confirmation #content-hook_order_confirmation h1 {
    display: flex;
    flex-direction: column; }
    #order-confirmation #content-hook_order_confirmation h1 span {
      display: inline-block;
      width: 100%;
      padding: 10px 0; }
    #order-confirmation #content-hook_order_confirmation h1 i {
      font-size: 30px;
      color: #41BBC9; }
  #order-confirmation #content-hook_order_confirmation ul {
    display: inline-block;
    width: 100%; }
    #order-confirmation #content-hook_order_confirmation ul li {
      display: inline-block;
      width: 100%;
      position: relative;
      padding: 0 0 0 20px;
      line-height: 1.4; }
      #order-confirmation #content-hook_order_confirmation ul li:before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        display: inline-block;
        background: #224245;
        position: absolute;
        left: 0;
        top: 6px; }
      #order-confirmation #content-hook_order_confirmation ul li a {
        color: #41BBC9;
        font-family: "Mulish-Bold"; }
  #order-confirmation #content-hook_order_confirmation p a {
    color: #41BBC9; }
  #order-confirmation #content-hook_order_confirmation .col-md-6 + .col-md-6 {
    position: relative;
    padding-top: 25px;
    margin-top: 0; }
    @media screen and (min-width: 981px) {
      #order-confirmation #content-hook_order_confirmation .col-md-6 + .col-md-6 {
        margin-top: 25px; } }
    #order-confirmation #content-hook_order_confirmation .col-md-6 + .col-md-6:before {
      content: "";
      position: absolute;
      top: 0;
      width: calc(100% - 30px);
      height: 1px;
      left: 15px;
      background: #224245;
      opacity: 0.2;
      display: none; }
      @media screen and (min-width: 981px) {
        #order-confirmation #content-hook_order_confirmation .col-md-6 + .col-md-6:before {
          display: inline-block; } }
  #order-confirmation #order-details {
    padding-left: 15px; }
    #order-confirmation #order-details > ul {
      background: #FFFFFF;
      padding: 20px;
      border-radius: 20px;
      display: flex;
      justify-content: space-between; }
  #order-confirmation #order-items {
    border: none; }
    #order-confirmation #order-items .col-sm-6 {
      margin-bottom: -2px; }
      @media screen and (min-width: 981px) {
        #order-confirmation #order-items .col-sm-6 {
          margin-bottom: unset;
          width: 50%; } }
  #order-confirmation .orderDetailConf {
    padding: 11px 15px 15px 15px;
    background: #FFFFFF;
    display: none;
    border-radius: 20px;
    margin-bottom: 25px; }
    @media screen and (min-width: 981px) {
      #order-confirmation .orderDetailConf {
        margin: 10px 0; } }
    #order-confirmation .orderDetailConf ul {
      display: flex;
      justify-content: space-between;
      margin: 0; }
      #order-confirmation .orderDetailConf ul li {
        padding-right: 20px; }
        #order-confirmation .orderDetailConf ul li:last-child {
          padding-right: 0; }
        #order-confirmation .orderDetailConf ul li span {
          display: inline-block;
          width: 100%;
          font-size: 0.65em;
          text-transform: uppercase;
          margin-bottom: 2px; }
        #order-confirmation .orderDetailConf ul li a {
          font-family: "Mulish-Bold"; }
  #order-confirmation .price-date > div:first-child, #order-confirmation .price-date > div:last-child {
    width: 50%; }
  @media screen and (min-width: 981px) {
    #order-confirmation #wrapper {
      padding: 35px 0 15px; }
    #order-confirmation #content-hook_order_confirmation .col-md-6 + .col-md-6 {
      padding-top: 0;
      margin-top: 0; }
      #order-confirmation #content-hook_order_confirmation .col-md-6 + .col-md-6:before {
        width: 1px;
        height: 100%;
        left: -25px; }
    #order-confirmation .page-footer {
      margin-top: 20px;
      margin-bottom: 35px; }
    #order-confirmation .panierlist {
      display: flex;
      justify-content: space-between;
      border-top: 2px solid #224245;
      padding: 10px 0; }
      #order-confirmation .panierlist .price-date .date {
        border-right: none; }
      #order-confirmation .panierlist .price-date .price {
        border-left: none; }
    #order-confirmation .produit-panier {
      background-color: #FCE3D6; } }
  #order-confirmation .confHS {
    padding: 25px 0;
    position: relative; }
    #order-confirmation .confHS .btn-vld {
      top: 0;
      display: flex; }
    #order-confirmation .confHS .btn-mld:after {
      top: 6px; }

.blkConfSummary {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 15px;
  margin-bottom: 20px;
  display: none; }
  .blkConfSummary > div {
    display: inline-block;
    width: 100%; }
  .blkConfSummary .cart-item-header {
    border-bottom: 2px solid #224245;
    font-size: 0.65em;
    text-transform: uppercase;
    display: none; }
    @media screen and (min-width: 981px) {
      .blkConfSummary .cart-item-header {
        display: inline-block; } }
  .blkConfSummary .order-line {
    font-size: 0.938em;
    border-bottom: 1px solid #2242456e;
    padding-bottom: 10px; }
    .blkConfSummary .order-line:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-top: 0 !important;
      display: flex; }
    @media screen and (min-width: 981px) {
      .blkConfSummary .order-line {
        border-bottom: none; }
        .blkConfSummary .order-line .details {
          font-family: "Mulish-Bold";
          width: unset; }
        .blkConfSummary .order-line .qty {
          width: unset; } }
    .blkConfSummary .order-line .details {
      font-family: "Mulish-Bold";
      width: 60%; }
    .blkConfSummary .order-line .qty {
      width: 40%; }
  .blkConfSummary .col-sm-6 {
    padding: 0; }
  .blkConfSummary .col-xs-4 {
    text-align: right; }
  .blkConfSummary .mobCol {
    display: flex;
    flex-direction: column;
    width: 66%; }
    .blkConfSummary .mobCol .col-xs-4 {
      width: 100%;
      text-align: right; }
  @media screen and (min-width: 981px) {
    .blkConfSummary .mobCol {
      display: inline; }
      .blkConfSummary .mobCol .col-xs-4 {
        width: 33.33%; } }
  @media screen and (max-width: 640px) {
    .blkConfSummary .mobCol {
      white-space: nowrap; }
    .blkConfSummary .qty .row {
      display: flex;
      justify-content: space-between;
      gap: 180px; } }

.blkSubTotal, .mobBlkSbTotal {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px; }
  @media screen and (min-width: 981px) {
    .blkSubTotal, .mobBlkSbTotal {
      margin-top: 10px; } }
  .blkSubTotal > table, .mobBlkSbTotal > table {
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 15px solid #FFFFFF;
    float: right;
    width: 100%;
    font-size: 0.725em;
    overflow: hidden; }
    .blkSubTotal > table td, .mobBlkSbTotal > table td {
      width: 50%;
      padding: 14px 10px;
      text-transform: uppercase;
      border-top: 1px solid #d3d9da;
      text-align: right; }
      .blkSubTotal > table td + td, .mobBlkSbTotal > table td + td {
        text-transform: capitalize; }
      .blkSubTotal > table td.subTotal, .mobBlkSbTotal > table td.subTotal {
        font-size: 1.275em;
        font-family: "Mulish-Bold"; }
    .blkSubTotal > table tr:first-child td, .mobBlkSbTotal > table tr:first-child td {
      border: none; }
      .blkSubTotal > table tr:first-child td + td, .mobBlkSbTotal > table tr:first-child td + td {
        font-size: 1.275em;
        font-family: "Mulish-Bold"; }
    .blkSubTotal > table .font-weight-bold, .mobBlkSbTotal > table .font-weight-bold {
      font-weight: normal; }
      .blkSubTotal > table .font-weight-bold td, .mobBlkSbTotal > table .font-weight-bold td {
        border-top: 2px solid #224245; }
  @media screen and (min-width: 981px) {
    .blkSubTotal > table, .mobBlkSbTotal > table {
      max-width: 360px; } }

@media screen and (max-width: 640px) {
  .blkSubTotal {
    display: none; } }

#disclaimer-warning .alert {
  font-size: 0.867em;
  margin: -30px 20px 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

@media screen and (max-width: 640px) {
  #disclaimer-warning .alert {
    margin: -30px 0 0; } }

.carousel {
  margin: 0;
  background-color: #FFFFFF;
  box-shadow: none; }
  .carousel figure {
    margin: 0; }

.carousel-inner .carousel-item .caption {
  position: relative; }

.carousel-inner .legend-slider {
  font-family: "Mulish-Regular";
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 2;
  text-align: center;
  text-transform: uppercase; }

.carousel-inner img {
  margin-bottom: 25px; }

.carousel-inner .content {
  margin-bottom: 35px;
  text-align: center;
  height: 190px; }

.carousel-inner .title-slider {
  font-size: 22px;
  line-height: 1.4; }

.carousel-inner p {
  font-size: 13px;
  font-weight: 400;
  padding: 0 30px; }

.carousel-inner a {
  font-size: 1em;
  font-family: "Mulish-Bold";
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: solid 1px #224245; }

.carousel-inner .legend-slider, .carousel-inner .title-slider, .carousel-inner p, .carousel-inner a {
  color: #224245; }

@media screen and (min-width: 981px) {
  .carousel-inner .legend-slider, .carousel-inner .title-slider, .carousel-inner p, .carousel-inner a {
    color: #FFFFFF; }
  .carousel-inner a {
    border-bottom: solid 1px #FFFFFF; }
  .carousel-inner .dark .legend-slider, .carousel-inner .dark .title-slider, .carousel-inner .dark p, .carousel-inner .dark a {
    color: #224245; }
  .carousel-inner .dark a {
    border-bottom: solid 1px #224245; } }

.carousel .carousel-control {
  top: -130 px;
  text-shadow: none; }
  .carousel .carousel-control .icon-prev, .carousel .carousel-control .icon-next {
    width: 40px;
    height: 40px;
    margin: 0;
    left: initial;
    right: initial;
    background-color: #FFFFFF;
    border-radius: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2); }
    .carousel .carousel-control .icon-prev i, .carousel .carousel-control .icon-next i {
      font-size: 12px;
      color: #224245; }
  .carousel .carousel-control .icon-prev {
    left: 15px; }
    .carousel .carousel-control .icon-prev i {
      margin-left: -2px;
      transform: rotate(180deg); }
  .carousel .carousel-control .icon-next {
    right: 15px; }
    .carousel .carousel-control .icon-next i {
      margin-right: -2px; }

@media screen and (min-width: 981px) {
  .carousel .carousel-inner {
    height: auto; }
    .carousel .carousel-inner img {
      margin-bottom: 0;
      height: auto; }
    .carousel .carousel-inner .legend-slider {
      text-align: left; }
    .carousel .carousel-inner .content {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      text-align: left;
      display: flex;
      align-items: center; }
      .carousel .carousel-inner .content p {
        max-width: 36ch;
        padding-left: 0;
        font-size: 15px;
        line-height: 1.5; } }

@media screen and (min-width: 981px) {
  .carousel {
    box-shadow: none;
    background: transparent; }
    .carousel .carousel-control .icon-prev,
    .carousel .carousel-control .icon-next {
      width: 48px;
      height: 48px; }
    .carousel .carousel-control .icon-prev {
      left: 40px; }
    .carousel .carousel-control .icon-next {
      right: 110px; } }

.catalogue {
  display: flex;
  background: #bbc1c3;
  position: relative;
  padding: 35px 0; }
  .catalogue-content {
    position: absolute;
    left: 0;
    max-width: 50%;
    z-index: 1;
    height: calc(100% - 70px);
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
    .catalogue-content p {
      color: #224245; }
    .catalogue-content .simple-link {
      display: flex;
      align-items: center; }
      .catalogue-content .simple-link:after {
        position: static;
        padding-left: 10px; }
  .catalogue h2 {
    margin-bottom: 22px;
    font-size: 1.692em;
    color: #224245; }

.product-nav::-webkit-scrollbar {
  display: none; }

.product-nav {
  background-color: #FFFFFF;
  position: fixed;
  top: 124px;
  left: 0;
  width: 100%;
  opacity: 0;
  overflow-x: scroll;
  z-index: 10; }
  .product-nav .mCSB_draggerContainer {
    display: none; }
  .product-nav:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .product-nav ul {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    margin: auto; }
    .product-nav ul a {
      display: flex;
      align-items: center;
      position: relative;
      margin: 0 25px;
      height: 50px;
      text-decoration: none; }
      .product-nav ul a:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 5px;
        background-color: #FFFFFF;
        border-radius: 5px 5px 0 0; }
      .product-nav ul a i {
        color: #B3B3B2;
        font-size: 25px; }
      .product-nav ul a span {
        margin-left: 8px;
        font-size: 10px;
        font-weight: 600;
        font-family: "Mulish-Regular";
        color: #B3B3B2;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: normal; }
      .product-nav ul a:hover span, .product-nav ul a:hover i {
        color: #0084C5; }
    .product-nav ul li.current i, .product-nav ul li.current span {
      color: #0084C5; }
    .product-nav ul li.current a:after {
      background-color: #0084C5; }

@media screen and (min-width: 981px) {
  .catalogue {
    padding: 70px 0; }
    .catalogue .container {
      padding-left: 7.5%;
      padding-right: 7.5%; }
    .catalogue .row {
      display: flex;
      align-items: center; }
    .catalogue-content {
      position: static; }
    .catalogue-img img {
      margin-left: -100px; }
    .catalogue h2 {
      font-family: "Mulish-Regular";
      font-weight: 600;
      font-size: 10px;
      letter-spacing: 1px;
      line-height: 2;
      text-transform: uppercase; }
    .catalogue p {
      font-size: 1.692em;
      font-family: "Mulish-Bold";
      display: inline-block;
      width: 100%;
      padding: 0 0 35px;
      line-height: normal; }
  .product-nav #mCSB_2_container {
    padding-right: 150px; }
  .product-nav #mCSB_2_scrollbar_horizontal {
    display: flex  !important;
    align-items: center;
    z-index: 99999;
    height: auto; }
    .product-nav #mCSB_2_scrollbar_horizontal:before {
      content: "";
      width: 170px;
      height: 50px;
      position: absolute;
      top: -50px;
      right: 0;
      background: url("../img/gradient-slider.png") no-repeat right center;
      display: block; }
    .product-nav #mCSB_2_scrollbar_horizontal.mCSB_scrollTools {
      opacity: 1; }
    .product-nav #mCSB_2_scrollbar_horizontal .mCSB_buttonLeft, .product-nav #mCSB_2_scrollbar_horizontal .mCSB_buttonRight {
      height: auto;
      top: -35px; }
      .product-nav #mCSB_2_scrollbar_horizontal .mCSB_buttonLeft:before, .product-nav #mCSB_2_scrollbar_horizontal .mCSB_buttonRight:before {
        display: inline-block;
        content: "\e907";
        font-family: 'icomoon';
        font-size: 14px; }
    .product-nav #mCSB_2_scrollbar_horizontal .mCSB_buttonLeft {
      left: auto;
      padding-right: 35px;
      border-right: 1px solid black;
      right: 60px;
      top: -37px; }
      .product-nav #mCSB_2_scrollbar_horizontal .mCSB_buttonLeft:before {
        transform: rotate(180deg); }
    .product-nav #mCSB_2_scrollbar_horizontal .mCSB_buttonRight {
      right: 15px; } }

/* Form Catalogue */
#module-pmlcatalog-form .hidden {
  display: none; }

#module-pmlcatalog-form form .frm-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1; }
  #module-pmlcatalog-form form .frm-loader.show {
    display: flex; }

#module-pmlcatalog-form .infoTxtPrix .container {
  width: 90%; }

#module-pmlcatalog-form #wrapper {
  padding: 0; }
  #module-pmlcatalog-form #wrapper > .container {
    width: 100%; }

#module-pmlcatalog-form #searchProduct {
  display: none; }

#module-pmlcatalog-form .btn {
  font-size: 15px;
  color: #FFFFFF;
  border: solid 1px #224245;
  display: flex;
  align-items: center;
  padding: 0 20px;
  cursor: pointer;
  width: max-content;
  background: #224245;
  height: 48px; }
  #module-pmlcatalog-form .btn:hover {
    background: #FFFFFF;
    color: #224245; }
  #module-pmlcatalog-form .btn.hidden {
    display: none; }
  #module-pmlcatalog-form .btn#resetSortOrder, #module-pmlcatalog-form .btn#resetAdvSearch {
    background: none;
    border: none;
    float: right;
    color: #224245; }
    #module-pmlcatalog-form .btn#resetSortOrder:after, #module-pmlcatalog-form .btn#resetAdvSearch:after {
      content: "\e961";
      font-family: 'icomoon' !important;
      display: inline-block;
      margin-left: 15px;
      color: #224245; }

#module-pmlcatalog-form section {
  margin-bottom: 30px; }
  #module-pmlcatalog-form section:last-child {
    margin-bottom: 0; }
  #module-pmlcatalog-form section .form-group {
    margin-bottom: 0; }

#module-pmlcatalog-form .blkIntro h1 {
  font-size: 1.475em;
  margin-bottom: 10px; }

#module-pmlcatalog-form .blkIntro h1, #module-pmlcatalog-form .blkIntro p {
  color: #224245; }

#module-pmlcatalog-form .block {
  display: inline-block;
  width: 100%;
  background: white;
  border-radius: 20px;
  padding: 24px; }
  #module-pmlcatalog-form .block h3 {
    color: #224245; }

#module-pmlcatalog-form .preBlock {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  color: #224245; }
  #module-pmlcatalog-form .preBlock h2 {
    font-size: 1.475em; }
  #module-pmlcatalog-form .preBlock .step {
    text-transform: uppercase;
    font-size: 10px;
    color: #224245;
    letter-spacing: 1px; }

#module-pmlcatalog-form input::placeholder {
  color: #224245; }

#module-pmlcatalog-form .formBtn {
  text-align: right;
  margin-top: 20px; }
  #module-pmlcatalog-form .formBtn .btn {
    display: inline-block;
    margin-left: 15px; }
    #module-pmlcatalog-form .formBtn .btn#cancelAllBtn {
      border: 1px solid #224245;
      color: #224245;
      background: transparent;
      padding: 15px 20px; }
    #module-pmlcatalog-form .formBtn .btn#previewBtn {
      padding: 15px 20px;
      background-color: transparent;
      color: #1D1D1B;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px; }
      #module-pmlcatalog-form .formBtn .btn#previewBtn:hover {
        background-color: #224245;
        color: #FFFFFF; }
      #module-pmlcatalog-form .formBtn .btn#previewBtn.disabled {
        pointer-events: none;
        opacity: .4; }
  #module-pmlcatalog-form .formBtn.preview {
    text-align: left;
    padding: 0; }

#module-pmlcatalog-form .ui-widget.ui-widget-content {
  padding-right: 175px !important; }
  @media screen and (max-width: 640px) {
    #module-pmlcatalog-form .ui-widget.ui-widget-content {
      padding-right: 0 !important;
      max-width: calc(100vw - 115px);
      max-height: 300px;
      overflow-y: auto; }
      #module-pmlcatalog-form .ui-widget.ui-widget-content .add-all-products {
        position: static; }
      #module-pmlcatalog-form .ui-widget.ui-widget-content .tabAuto-results th, #module-pmlcatalog-form .ui-widget.ui-widget-content .tabAuto-results td {
        display: inline-block;
        width: 100% !important; } }

@media screen and (min-width: 981px) {
  #module-pmlcatalog-form #wrapper {
    padding: 0 5% 30px 5%;
    overflow: hidden; } }

@media screen and (min-width: 1210px) {
  #module-pmlcatalog-form #wrapper {
    overflow: unset; } }

#sortBlock .block {
  text-align: right; }
  #sortBlock .block div {
    display: inline-block;
    padding-left: 25px; }
    #sortBlock .block div.btnCont {
      float: right; }
    @media screen and (min-width: 950px) and (max-width: 1325px) {
      #sortBlock .block div {
        padding-left: 15px; } }
    @media screen and (min-width: 980px) and (max-width: 1115px) {
      #sortBlock .block div.btnCont {
        margin-top: 15px; } }
  #sortBlock .block .form-txt {
    width: 35%;
    display: flex;
    float: left;
    text-align: left;
    padding-left: 0; }
    #sortBlock .block .form-txt div {
      padding-left: 0; }
    #sortBlock .block .form-txt .info-sort {
      border-radius: 50%;
      background: #F1F6F8;
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1px 0 0 8px;
      padding: 0; }
    #sortBlock .block .form-txt span {
      font-size: 11px; }

#sortBlock select {
  min-width: 250px; }

#sortBlock label {
  float: left;
  padding: 15px 20px 15px 0;
  margin: 0; }

#sortBlock input:read-only {
  padding: 15px 20px;
  border-radius: 30px;
  color: #224245;
  font-size: 13px;
  display: inline-block;
  height: 48px;
  appearance: none;
  border: none;
  background: #F1F6F8;
  float: left;
  width: auto; }
  #sortBlock input:read-only.hidden {
    display: none; }

@media screen and (min-width: 640px) and (max-width: 755px) {
  #sortBlock .block div.btnCont {
    margin-top: 15px; } }

#searchBlock input[type="text"] {
  padding: 15px 20px;
  border-radius: 30px;
  color: #224245;
  font-size: 13px;
  display: inline-block;
  height: 48px;
  appearance: none;
  border: none;
  background: url("../img/search.svg") no-repeat 98% center #F1F6F8; }

#sortBlock select, #sortBlock #categories_main_div, #searchBlock select, #searchBlock #categories_main_div {
  background: url("../img/select.svg") no-repeat 95% center #F1F6F8;
  padding: 15px 20px;
  border-radius: 30px;
  color: #224245;
  font-size: 13px;
  display: inline-block;
  height: 48px;
  appearance: none;
  border: none; }
  #sortBlock select.hidden, #sortBlock #categories_main_div.hidden, #searchBlock select.hidden, #searchBlock #categories_main_div.hidden {
    display: none; }
  #sortBlock select#adv_search_cat1, #sortBlock #categories_main_div#adv_search_cat1, #searchBlock select#adv_search_cat1, #searchBlock #categories_main_div#adv_search_cat1 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  #sortBlock select#adv_search_cat2, #sortBlock #categories_main_div#adv_search_cat2, #searchBlock select#adv_search_cat2, #searchBlock #categories_main_div#adv_search_cat2 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  #sortBlock select:disabled, #sortBlock #categories_main_div:disabled, #searchBlock select:disabled, #searchBlock #categories_main_div:disabled {
    color: rgba(34, 66, 69, 0.3);
    background: url("../img/select-disabled.svg") no-repeat 95% center #F1F6F8; }

#sortBlock .ms-options-wrap > button, #searchBlock .ms-options-wrap > button {
  background: url("../img/select.svg") no-repeat 95% center #F1F6F8;
  padding: 15px 20px;
  border-radius: 30px;
  color: #224245;
  font-size: 13px;
  display: inline-block;
  height: 48px;
  appearance: none;
  border: none; }
  #sortBlock .ms-options-wrap > button.hidden, #searchBlock .ms-options-wrap > button.hidden {
    display: none; }
  #sortBlock .ms-options-wrap > button#adv_search_cat1, #searchBlock .ms-options-wrap > button#adv_search_cat1 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  #sortBlock .ms-options-wrap > button#adv_search_cat2, #searchBlock .ms-options-wrap > button#adv_search_cat2 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  #sortBlock .ms-options-wrap > button:disabled, #searchBlock .ms-options-wrap > button:disabled {
    color: rgba(34, 66, 69, 0.3);
    background: url("../img/select-disabled.svg") no-repeat 95% center #F1F6F8; }
  #sortBlock .ms-options-wrap > button:after, #searchBlock .ms-options-wrap > button:after {
    display: none; }

#sortBlock .ms-options-wrap > .ms-options, #searchBlock .ms-options-wrap > .ms-options {
  width: calc(100vw - 77px);
  padding: 20px;
  max-width: 700px; }

#advancedSearchInp {
  padding-bottom: 0; }
  #advancedSearchInp.open {
    padding-bottom: 15px; }
  #advancedSearchInp .col-lg-4 .col-lg-6 {
    display: none; }

#searchType {
  float: right;
  padding: 14px 35px 14px 20px;
  position: relative; }
  #searchType:after {
    content: "\e907";
    font-family: 'icomoon' !important;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: max-content;
    width: max-content;
    margin: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    transform: rotate(90deg);
    font-size: 1.1rem;
    color: #224245; }
  #searchType.open:after {
    transform: rotate(-90deg); }

#advancedSearchBlock {
  padding-top: 15px;
  position: relative;
  display: none; }
  #advancedSearchBlock:before {
    content: "";
    height: 1px;
    background: #F1F6F8;
    display: inline-block;
    position: absolute;
    left: -10px;
    top: 0;
    width: calc(100% + 20px); }
  #advancedSearchBlock .row + .row {
    padding-top: 20px; }
  #advancedSearchBlock .firstRow .col-lg-4, #advancedSearchBlock .firstRow .col-lg-4 + div + div {
    padding-left: 0;
    padding-right: 0; }
    #advancedSearchBlock .firstRow .col-lg-4 .col-lg-6, #advancedSearchBlock .firstRow .col-lg-4 + div + div .col-lg-6 {
      padding-left: 0;
      padding-right: 0; }
  @media screen and (min-width: 981px) {
    #advancedSearchBlock .secondRow .col-lg-2 {
      float: right;
      width: auto; }
    #advancedSearchBlock .secondRow .col-lg-3 {
      float: right;
      display: flex;
      flex-direction: row-reverse; } }

#searchResults h3 {
  color: #224245;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #searchResults h3 .stopLegend {
    font-size: 0.765em;
    font-family: "Mulish-Regular";
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 40px; }
    #searchResults h3 .stopLegend:before {
      content: '';
      display: inline-block;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #EA6852;
      position: absolute;
      left: 10px; }

#searchResults .block-produit {
  display: inline-block;
  width: 100%;
  background: white;
  border-radius: 20px;
  padding: 24px;
  margin-top: 20px; }
  #searchResults .block-produit.bgd {
    background: #F1F6F8; }
  #searchResults .block-produit .heading {
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    font-size: 10px;
    letter-spacing: 1px; }

#searchResults .blkCheck {
  width: 100%; }

#searchResults .searchProds .mCSB_draggerRail {
  background-color: white; }

#searchResults #productCount, #searchResults #filteredSearchResults {
  text-transform: lowercase;
  letter-spacing: 0;
  font-size: 11px; }

#searchResults #catalogInfo {
  float: right;
  color: #0084C5; }

#searchResults #maximunProduct .conf-popup-footer .jsCloseConf {
  width: 138px;
  height: 48px;
  font-size: 1.3em;
  display: flex;
  align-items: center;
  justify-content: center; }

#searchResults #maximunProduct .conf-popup-footer-content {
  justify-content: center; }

#searchResultBtns .blkCheck, #productSelectedBtns .blkCheck {
  width: auto; }

#searchResultBtns .col-lg-7, #searchResultBtns .col-lg-8, #productSelectedBtns .col-lg-7, #productSelectedBtns .col-lg-8 {
  float: right;
  width: auto; }

#searchResultBtns .btn, #productSelectedBtns .btn {
  background: none;
  color: #224245;
  display: inline-flex;
  margin-right: 15px;
  border-width: 2px;
  font-size: 0.867em; }
  #searchResultBtns .btn:last-child, #productSelectedBtns .btn:last-child {
    margin-right: 0; }
  #searchResultBtns .btn:hover, #productSelectedBtns .btn:hover {
    background: #224245;
    color: white; }

.blkCheck {
  width: auto; }
  .blkCheck input[type="checkbox"], .blkCheck input[type="radio"] {
    display: none; }
  .blkCheck label {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
    margin: 0; }
    .blkCheck label:before {
      content: "";
      width: 24px;
      height: 24px;
      border-radius: 50%;
      border: 1px solid #224245;
      display: inline-block;
      margin-right: 10px;
      position: relative; }
  .blkCheck input:checked + label:after {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #224245;
    font-family: "icomoon";
    content: "\e916";
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: absolute;
    left: 0;
    font-size: 10px;
    line-height: normal; }
  .blkCheck + .col-lg-3 {
    width: auto;
    position: static; }
    .blkCheck + .col-lg-3 .removeSelectedProd {
      position: absolute;
      top: 12px;
      right: 18px;
      font-size: 18px; }

.eachProductRow {
  border-bottom: 1px solid rgba(34, 66, 69, 0.2);
  position: relative; }

.jsContentScroll {
  width: 100%;
  display: block;
  height: 420px;
  padding: 15px 0;
  margin: 15px 0; }
  .jsContentScroll.active {
    border-top: 2px solid #224245; }

.accorTitle, .accorSecTitle {
  display: flex;
  padding: 16px 15px;
  margin: 0 -15px;
  width: calc(100% + 30px);
  position: relative;
  cursor: pointer; }
  .accorTitle i, .accorSecTitle i {
    display: inline-block;
    margin-right: 10px; }
  .accorTitle h3, .accorSecTitle h3 {
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Mulish-Regular"; }
  .accorTitle:after, .accorSecTitle:after {
    content: "\e907";
    font-family: 'icomoon' !important;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22px;
    height: max-content;
    width: max-content;
    margin: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    transform: rotate(-90deg);
    font-size: 1.1rem;
    color: #224245; }
  .accorTitle.closeElem:after, .accorSecTitle.closeElem:after {
    transform: rotate(90deg); }

.accorTitle {
  background-color: white; }

#productSearchResult .isStoppedForSale {
  border-bottom: 2px solid #EA6852; }
  #productSearchResult .isStoppedForSale > div:before {
    display: none; }

#productSelected .accorTitle {
  background-color: #F1F6F8; }

.switchCont h2 {
  float: left; }

.switchCont > div {
  float: left;
  margin-left: 25px;
  display: flex;
  border-radius: 5px;
  background: white;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15); }

.switchCont input {
  display: none; }
  .switchCont input + label {
    color: #224245;
    border-radius: 5px;
    display: block;
    text-align: center;
    margin: 2px;
    padding: 4px 15px;
    cursor: pointer; }
  .switchCont input:checked + label {
    background: #0084C5;
    color: white; }

.isFestive, .isRecurrent, .notRecurrent {
  display: none; }
  .isFestive.show, .isRecurrent.show, .notRecurrent.show {
    display: inline-block;
    width: 100%; }

.date-small-text {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 11px; }

#generique-cover-wrapper {
  margin: 14px 0; }
  #generique-cover-wrapper .cover-upload .note {
    color: #232323;
    font-size: .875em;
    margin-bottom: 0.5rem; }

#searchCompletion h3 {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px; }

#searchCompletion input, #searchCompletion select {
  padding: 15px; }

#searchCompletion select {
  height: auto;
  background: url("../img/select.svg") no-repeat 95% center;
  appearance: none; }

#searchCompletion .browse-file {
  padding: 5px;
  position: relative; }
  #searchCompletion .browse-file .browse label {
    background: #0084C5;
    border-color: #0084C5; }
  #searchCompletion .browse-file input[type="file"] {
    position: absolute;
    opacity: 0;
    display: inline-block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

#searchCompletion #cover-wrapper {
  margin: 14px 0; }
  #searchCompletion #cover-wrapper .cover-upload .note {
    color: #232323;
    font-size: .875em;
    margin-bottom: 0.5rem; }

#searchCompletion > .row {
  display: flex; }
  #searchCompletion > .row .col-lg-6:nth-child(2) {
    flex-flow: column nowrap;
    justify-content: space-between;
    display: flex; }
    #searchCompletion > .row .col-lg-6:nth-child(2).generate {
      flex-direction: row;
      justify-content: end; }
    #searchCompletion > .row .col-lg-6:nth-child(2) .generique-delay-1d.show .date-small-text {
      margin-top: 40px; }

#searchCompletion .label, #searchCompletion label {
  text-align: left; }

#searchCompletion .ms-options-wrap > button {
  height: 47px; }

#searchCompletion .ms-options-wrap .ms-options {
  border: 1px solid #224245; }

#searchCompletion .isFestive .ms-options {
  width: 650px; }

#searchCompletion .catalog-settings-form > div {
  margin-bottom: 15px; }

#searchCompletion .catalog-settings-form .numberOfProduct {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  #searchCompletion .catalog-settings-form .numberOfProduct > label {
    margin-bottom: 0; }
  #searchCompletion .catalog-settings-form .numberOfProduct .radioDiv {
    margin-bottom: 0;
    gap: 10px; }
    #searchCompletion .catalog-settings-form .numberOfProduct .radioDiv > div {
      width: unset; }
    #searchCompletion .catalog-settings-form .numberOfProduct .radioDiv label {
      padding: 19px 39px;
      border: 1px solid #B3B3B2;
      border-radius: 20px;
      margin: 0; }
    #searchCompletion .catalog-settings-form .numberOfProduct .radioDiv input[type="radio"]:checked + label {
      background-color: #0084C5;
      border-color: #0084C5;
      color: #FFFFFF; }
    #searchCompletion .catalog-settings-form .numberOfProduct .radioDiv input[type="radio"] {
      display: none; }

#searchCompletion .catalog-settings-form .recomRetailPrice, #searchCompletion .catalog-settings-form .usageSuggestion {
  width: max-content; }
  #searchCompletion .catalog-settings-form .recomRetailPrice input, #searchCompletion .catalog-settings-form .usageSuggestion input {
    display: none; }
  #searchCompletion .catalog-settings-form .recomRetailPrice label, #searchCompletion .catalog-settings-form .usageSuggestion label {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer; }
    #searchCompletion .catalog-settings-form .recomRetailPrice label:before, #searchCompletion .catalog-settings-form .usageSuggestion label:before {
      content: "";
      width: 24px;
      height: 24px;
      border-radius: 50%;
      border: 1px solid #224245;
      display: inline-block;
      margin-right: 10px;
      position: relative; }
  #searchCompletion .catalog-settings-form .recomRetailPrice input:checked + label:after, #searchCompletion .catalog-settings-form .usageSuggestion input:checked + label:after {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #224245;
    font-family: "icomoon";
    content: "\e916";
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: absolute;
    left: 0;
    font-size: 10px;
    line-height: normal; }

@media screen and (max-width: 640px) {
  #searchCompletion {
    overflow: hidden; }
    #searchCompletion .isFestive .ms-options {
      width: 267px; } }

.blkDates {
  border-radius: 10px;
  margin: 0;
  padding: 25px 30px;
  border-radius: 10px;
  background-color: #F1F6F8; }
  .blkDates .label {
    font-size: 13px;
    text-align: left; }
  .blkDates .selectDays.festiveHidden ~ .selectDates {
    margin-top: 0; }
  .blkDates .selectDates {
    margin-top: 15px;
    display: flex;
    gap: 75px;
    justify-content: space-between;
    position: relative;
    align-items: flex-end; }
    .blkDates .selectDates label {
      text-align: left; }
    .blkDates .selectDates .form-group {
      width: 100%;
      position: relative; }
      .blkDates .selectDates .form-group label .icon-jours_de_livraison:before {
        display: inline-block;
        font-size: 20px;
        position: absolute;
        bottom: 15px;
        right: 10px; }
    .blkDates .selectDates:before {
      content: "\e906";
      top: 56%;
      left: calc(50% - 15px);
      position: absolute;
      font-family: 'icomoon';
      font-size: 14px;
      font-weight: 700; }
  .blkDates .errTxt {
    color: red;
    font-size: 11px; }

.dayBlock {
  padding: 10px 0 0;
  display: flex;
  gap: 10px; }
  .dayBlock label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 20px;
    border-radius: 10px;
    border: 1px solid #878787;
    cursor: pointer;
    line-height: normal; }
  .dayBlock input:checked + label {
    background: #0084C5;
    border-color: #0084C5;
    color: white; }

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.festiveHidden {
  display: none; }

#errNomCatalog.errTxt, #errCoverPhoto.errTxt {
  color: red;
  font-size: 11px; }

@media screen and (max-width: 1210px) {
  #module-pmlcatalog-form #sortBlock .block div.form-txt {
    width: 30%; }
  #module-pmlcatalog-form #sortBlock .block div.form-group:not(:has(.visually-hidden)) {
    float: left;
    padding-left: 10px; }
  #module-pmlcatalog-form #sortBlock .block div.btnCont {
    padding-left: 0; }
    #module-pmlcatalog-form #sortBlock .block div.btnCont #saveSortOrder {
      margin-left: 25px; }
    #module-pmlcatalog-form #sortBlock .block div.btnCont #resetSortOrder:not(:has(.hidden)) {
      padding: 0; }
  #module-pmlcatalog-form #advancedSearchInp #searchType {
    width: max-content; }
  #module-pmlcatalog-form #searchResultBtns .blkCheck, #module-pmlcatalog-form #productSelectedBtns .blkCheck {
    padding: 0; }
  #module-pmlcatalog-form #searchResultBtns .col-lg-7, #module-pmlcatalog-form #productSelectedBtns .col-lg-7 {
    padding: 0; }
  #module-pmlcatalog-form #searchResultBtns .col-lg-8, #module-pmlcatalog-form #productSelectedBtns .col-lg-8 {
    padding: 0; }
  #module-pmlcatalog-form .mCSB_scrollTools {
    right: -5px; }
  #module-pmlcatalog-form .dayBlock {
    display: grid;
    grid-template-columns: repeat(6, 1fr); }
  #module-pmlcatalog-form .blkDates {
    padding: 10px 30px; }
    #module-pmlcatalog-form .blkDates .selectDates {
      margin-top: 0; } }

@media screen and (max-width: 1210px) {
  #module-pmlcatalog-form #sortBlock .block div.form-txt {
    width: 30%; }
  #module-pmlcatalog-form #sortBlock .block div.form-group:not(:has(.visually-hidden)) {
    float: left;
    padding-left: 10px; }
  #module-pmlcatalog-form #sortBlock .block div.btnCont {
    padding-left: 0; }
    #module-pmlcatalog-form #sortBlock .block div.btnCont #saveSortOrder {
      margin-left: 25px; }
    #module-pmlcatalog-form #sortBlock .block div.btnCont #resetSortOrder:not(:has(.hidden)) {
      padding: 0; }
  #module-pmlcatalog-form #advancedSearchInp #searchType {
    width: max-content; }
  #module-pmlcatalog-form #searchResultBtns .blkCheck, #module-pmlcatalog-form #productSelectedBtns .blkCheck {
    padding: 0; }
  #module-pmlcatalog-form #searchResultBtns .col-lg-7, #module-pmlcatalog-form #productSelectedBtns .col-lg-7 {
    padding: 0; }
  #module-pmlcatalog-form #searchResultBtns .col-lg-8, #module-pmlcatalog-form #productSelectedBtns .col-lg-8 {
    padding: 0; }
  #module-pmlcatalog-form .mCSB_scrollTools {
    right: -5px; }
  #module-pmlcatalog-form .dayBlock {
    display: grid;
    grid-template-columns: repeat(6, 1fr); }
  #module-pmlcatalog-form .blkDates {
    padding: 10px 30px; }
    #module-pmlcatalog-form .blkDates .selectDates {
      margin-top: 0; }
  #advancedSearchInp, #advancedSearchBlock {
    width: calc(100% + 30px); } }

@media screen and (max-width: 981px) {
  #module-pmlcatalog-form .label, #module-pmlcatalog-form label {
    text-align: left; }
  #module-pmlcatalog-form #sortBlock .block {
    text-align: left; }
    #module-pmlcatalog-form #sortBlock .block div {
      margin-top: 15px;
      padding: 0; }
      #module-pmlcatalog-form #sortBlock .block div.form-group {
        float: left;
        width: 48%; }
      #module-pmlcatalog-form #sortBlock .block div.form-txt {
        width: 100%; }
      #module-pmlcatalog-form #sortBlock .block div:nth-child(2) {
        float: left; }
      #module-pmlcatalog-form #sortBlock .block div:nth-child(3) {
        float: right; }
        #module-pmlcatalog-form #sortBlock .block div:nth-child(3):not(:has(.visually-hidden)) {
          float: right; }
          #module-pmlcatalog-form #sortBlock .block div:nth-child(3):not(:has(.visually-hidden)) input {
            float: right; }
  #module-pmlcatalog-form #sortBlock .form-txt, #module-pmlcatalog-form #sortBlock .btnCont {
    width: 100%;
    margin-bottom: 15px; }
    #module-pmlcatalog-form #sortBlock .form-txt + .form-group, #module-pmlcatalog-form #sortBlock .btnCont + .form-group {
      padding-left: 0; }
  #module-pmlcatalog-form #sortBlock .btnCont {
    padding: 0;
    margin-top: 15px;
    margin-bottom: 0;
    display: flex;
    justify-content: flex-end; }
  #module-pmlcatalog-form #searchBlock #searchProduct, #module-pmlcatalog-form #searchBlock #advSearchBtn {
    margin-top: 15px; }
  #module-pmlcatalog-form #searchBlock #searchType {
    float: left;
    margin-top: 15px; }
  #module-pmlcatalog-form #searchBlock .firstRow > div {
    padding: 0;
    margin-bottom: 15px; }
  #module-pmlcatalog-form #searchBlock .firstRow #adv_search_cat1 {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0; }
  #module-pmlcatalog-form #searchBlock .firstRow #adv_search_cat2 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 30px; }
  #module-pmlcatalog-form #searchBlock #categories_main_div {
    width: 100%; }
  #module-pmlcatalog-form #searchBlock #advSearchBtn {
    float: right; }
  #module-pmlcatalog-form #searchCompletion > .row {
    flex-direction: column; }
    #module-pmlcatalog-form #searchCompletion > .row .col-lg-6 + .col-lg-6 {
      margin-top: 20px; }
  #searchResults div:last-child h3 {
    margin-top: 25px; }
  #productSelectedBtns #deleteSelectedProducts {
    margin-bottom: 10px; } }

@media screen and (max-width: 640px) {
  #module-pmlcatalog-form .blkDates {
    padding: 10px; }
    #module-pmlcatalog-form .blkDates .selectDates {
      display: block; }
      #module-pmlcatalog-form .blkDates .selectDates:before {
        visibility: hidden; }
  #module-pmlcatalog-form .dayBlock {
    grid-template-columns: repeat(4, 1fr); } }

@media screen and (min-width: 640px) and (max-width: 755px) {
  #module-pmlcatalog-form .btn#resetAdvSearch {
    float: unset; }
  #module-pmlcatalog-form .secondRow .col-lg-3 {
    display: flex;
    flex-direction: row-reverse;
    align-items: end; }
  #module-pmlcatalog-form #advancedSearchBlock .secondRow .row {
    display: flex; }
  #module-pmlcatalog-form #searchResultBtns .blkCheck, #module-pmlcatalog-form #productSelectedBtns .blkCheck {
    float: left; }
  #module-pmlcatalog-form #productSelectedBtns #deleteSelectedProducts {
    margin-bottom: 0; }
  #module-pmlcatalog-form .dayBlock {
    display: flex; }
  #module-pmlcatalog-form .ui-widget.ui-widget-content {
    width: 645px !important; } }

@media screen and (max-width: 640px) {
  #module-pmlcatalog-form #sortBlock .block div.form-group {
    width: 100%; }
    #module-pmlcatalog-form #sortBlock .block div.form-group:nth-child(2) {
      float: right; }
  #module-pmlcatalog-form #sortBlock label {
    padding: 15px 5px 15px 0; } }

/** Listing catalogue **/
#catalog-list {
  padding: 25px;
  border-radius: 20px;
  background: #F1F6F8;
  margin-bottom: 25px; }
  #catalog-list .heading {
    display: inline-block;
    width: 100%; }
    #catalog-list .heading h2 {
      font-size: 1.7rem;
      color: #224245;
      margin-top: 2px; }
  #catalog-list .blk-createCatalogue {
    float: left;
    margin-top: 10px; }
  #catalog-list .dataTables_wrapper.noPagination {
    margin-bottom: 0; }
  #catalog-list .datatable-table {
    width: 100%; }
    #catalog-list .datatable-table th:first-child {
      padding-left: 0; }
    #catalog-list .datatable-table td {
      width: 15%;
      padding: 10px 10px; }
      #catalog-list .datatable-table td:first-child {
        padding-left: 0; }
      #catalog-list .datatable-table td:nth-child(3) {
        width: 40%;
        white-space: normal; }
    #catalog-list .datatable-table .btnActions a {
      display: inline-block;
      margin-right: 20px; }
    #catalog-list .datatable-table .btnActions i {
      font-size: 20px; }
  @media screen and (min-width: 981px) {
    #catalog-list {
      margin-bottom: 0; }
      #catalog-list .heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px; }
      #catalog-list .blk-createCatalogue {
        float: right;
        margin-top: 0;
        margin-bottom: 0; } }
  @media screen and (min-width: 640px) and (max-width: 755px) {
    #catalog-list .heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px; }
    #catalog-list .blk-createCatalogue {
      float: right;
      margin-top: 0;
      margin-right: 0; } }

#catalogDivfestive, #catalogDivgenerique {
  overflow: hidden;
  height: 0; }
  #catalogDivfestive.show, #catalogDivgenerique.show {
    height: auto;
    overflow: visible; }

.jsCloseConf {
  cursor: pointer; }

#popupEditCat {
  transition: .3s ease-in-out; }
  #popupEditCat .selectDates:before {
    top: auto;
    bottom: 25px; }
  #popupEditCat .jsTypeGeneration {
    display: flex; }
    #popupEditCat .jsTypeGeneration .blkCheck {
      width: 50%; }
  #popupEditCat input, #popupEditCat select {
    padding: 15px; }
  #popupEditCat.show {
    opacity: 1;
    z-index: 999; }

#orderBehalf #agentCatalogue {
  margin-bottom: 30px; }

#orderBehalf .blkIntroDesk .blk-createCatalogue {
  margin: 0;
  background: #E6EFF9; }

#orderBehalf .datatable-table thead {
  border-bottom: 2px solid #224245; }

#orderBehalf .datatable-table tr {
  border-bottom: 2px solid #e5e5e5; }
  #orderBehalf .datatable-table tr:last-child {
    border-bottom: none; }

#nested_categories {
  display: none;
  background-color: #FFFFFF;
  padding: 20px;
  z-index: 1;
  position: relative;
  top: 35px;
  max-height: 385px;
  overflow: auto;
  border: 1px solid #224245;
  width: 550px;
  left: -20px; }
  #nested_categories.show {
    display: block; }
  #nested_categories ul.tree label {
    color: #224245;
    display: inline-block;
    font-size: .9375em; }
    #nested_categories ul.tree label.hover {
      color: #0084C5; }
  @media screen and (max-width: 640px) {
    #nested_categories {
      width: 300px;
      position: absolute;
      top: 50px;
      left: 0; } }
  @media screen and (min-width: 640px) and (max-width: 755px) {
    #nested_categories {
      position: absolute;
      top: 50px;
      left: 0;
      width: 670px; } }

#categories_main_div {
  cursor: pointer;
  position: relative; }
  #categories_main_div #categories_toggle {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 20px; }

#adv_search_stop_for_sale + .ms-options-wrap .ms-options, #adv_search_storage_type + .ms-options-wrap .ms-options {
  right: 0;
  left: unset; }

.ms-options-wrap > .ms-options > ul li {
  margin: 0 15px;
  margin: 0;
  display: inline-block;
  width: 100%; }
  .ms-options-wrap > .ms-options > ul li.selected label {
    background-color: unset; }

.ms-options-wrap > .ms-options > ul label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px 0;
  margin: 0;
  color: #232323;
  font-size: .875em; }
  .ms-options-wrap > .ms-options > ul label:hover {
    background-color: unset;
    border-color: transparent; }
  .ms-options-wrap > .ms-options > ul label > input {
    display: none; }
  .ms-options-wrap > .ms-options > ul label:before {
    content: "";
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #224245;
    display: inline-block;
    margin-right: 10px;
    position: relative; }
  .ms-options-wrap > .ms-options > ul label:has(input:checked):after {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #224245;
    font-family: "icomoon";
    content: "\e916";
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: absolute;
    left: 0;
    font-size: 10px;
    line-height: normal; }

#errProductsPerPage {
  position: absolute;
  bottom: -20px;
  right: 0;
  color: red;
  font-size: 11px; }

.title-desc-page {
  padding-top: 20px;
  margin-bottom: 20px; }
  .title-desc-page h1 {
    font-weight: 700;
    font-size: 1.69rem;
    color: #224245;
    margin: 20px 0 10px 0; }
  .title-desc-page p {
    font-size: 1rem;
    font-weight: 400;
    color: #224245;
    margin-bottom: 10px; }
  .title-desc-page .cart-back-btn {
    font-size: .75em;
    background: white;
    padding: 10px 15px;
    border-radius: 20px;
    color: #224245;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
    .title-desc-page .cart-back-btn:before {
      content: "\e907";
      font-family: 'icomoon';
      font-size: 1em;
      transform: rotate(180deg);
      margin-right: 10px;
      display: inline-block; }
    .title-desc-page .cart-back-btn:hover {
      color: #FFFFFF;
      background: #224245; }

.card-1 {
  width: 100%;
  padding: 27px 22px;
  background-color: #FFFFFF;
  border-radius: 20px;
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  position: relative; }
  .card-1:hover {
    border-color: 1px solid #0084C5; }
  .card-1 a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; }
  .card-1 .icon-container {
    width: 25%;
    margin: 10px; }
    .card-1 .icon-container i {
      font-size: 45px;
      color: #0084C5; }
  .card-1 .text-container {
    width: 75%; }
    .card-1 .text-container h3 {
      font-size: 1.15rem;
      color: #224245;
      margin-bottom: 3px; }
    .card-1 .text-container p {
      font-size: 1rem;
      font-weight: 400;
      color: #224245;
      margin-bottom: 3px; }
  @media screen and (min-width: 981px) {
    .card-1 {
      margin: 0; } }

.card-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 20px;
  height: 100%; }
  .card-2:hover {
    border: 1px solid #0084C5; }
  .card-2 span {
    font-size: 0.76rem;
    font-weight: 600;
    color: #575756;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center; }
  .card-2 i {
    font-size: 40px;
    color: #2A6AB2;
    margin-bottom: 10px; }

.label.label-oos {
  color: white; }

#new-products .card-product-connected, #category .card-product-connected, #best-sales .card-product-connected, #prices-drop .card-product-connected {
  min-height: unset; }

.card-product-connected {
  padding: 13px 17px;
  min-height: 340px; }
  .card-product-connected .container-label, .card-product-connected .container-etiquette {
    display: flex;
    align-items: center; }
  .card-product-connected .container-label-etiquette {
    display: flex;
    align-items: center; }
  .card-product-connected .container-etiquette .etiquette {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 3px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .card-product-connected .container-etiquette .etiquette img {
      width: 100%;
      max-height: 30px;
      max-width: 30px;
      margin-left: 0 !important; }
    .card-product-connected .container-etiquette .etiquette:first-child {
      margin-left: 0; }
    .card-product-connected .container-etiquette .etiquette:hover {
      border: 1px solid #36A9E1; }
    @media screen and (max-width: 450px) {
      .card-product-connected .container-etiquette .etiquette {
        width: 35px;
        height: 35px; } }
  .card-product-connected .label-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px; }
    .card-product-connected .label-product i {
      color: #DBAA66;
      font-size: 25px; }
    .card-product-connected .label-product .label {
      font-weight: 400;
      font-size: 0.76rem;
      font-family: "Mulish-Regular";
      padding: 5px 10px;
      border-radius: 20px;
      margin-left: 5px;
      background-color: #EA6852;
      white-space: nowrap; }
      .card-product-connected .label-product .label a {
        color: #FFFFFF; }
      .card-product-connected .label-product .label.label-oos {
        background-color: #AB0A3C; }
      .card-product-connected .label-product .label.label-low-stock {
        background: none;
        border: 1px solid #EA6852;
        color: #EA6852; }
  .card-product-connected .details-product {
    display: flex;
    align-items: center;
    margin-top: 15px;
    border-bottom: solid 1px #22424520;
    padding-bottom: 10px; }
    .card-product-connected .details-product .title-prod {
      font-size: 11px;
      font-weight: 400;
      line-height: 1.5; }
    .card-product-connected .details-product .detail-prod {
      font-size: 17px;
      font-weight: 700;
      line-height: 1.2;
      color: #224245; }
      .card-product-connected .details-product .detail-prod a {
        word-break: break-word;
        color: #224245;
        font-weight: 700; }
        .card-product-connected .details-product .detail-prod a:hover {
          color: #0084C5; }
    .card-product-connected .details-product .desc {
      width: 63%;
      overflow-wrap: break-word; }
    .card-product-connected .details-product .image-product {
      width: 100px;
      margin-left: auto;
      text-align: center;
      border: 1px solid transparent; }
      .card-product-connected .details-product .image-product > a {
        display: inline-block !important; }
      .card-product-connected .details-product .image-product .tag-new {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .card-product-connected .details-product .image-product .tag-new span {
          width: 100%;
          background-color: #DBAA66;
          color: #FFFFFF;
          text-align: center;
          font-size: 0.643em;
          font-family: "Mulish-Regular";
          padding: 4px 0; }
      .card-product-connected .details-product .image-product img {
        width: 95px;
        height: auto;
        margin-left: 0 !important; }
        @media screen and (min-width: 981px) {
          .card-product-connected .details-product .image-product img {
            width: 95px; } }
      .card-product-connected .details-product .image-product:hover {
        border: 1px solid #0084C5; }
    .card-product-connected .details-product .product-thumbnail {
      height: 100%;
      text-align: right; }
  .card-product-connected .price-buy-product {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 10px 0;
    position: relative;
    line-height: normal; }
    .card-product-connected .price-buy-product .price {
      flex: 1; }
      .card-product-connected .price-buy-product .price .weight .real-price .sales-unit-info .sales-unit-price {
        font-size: 11px; }
    .card-product-connected .price-buy-product form {
      display: flex;
      min-height: 50px; }
    .card-product-connected .price-buy-product .pricing.ctn .real-price {
      font-size: 15px;
      font-weight: 700;
      font-family: "Mulish-Regular"; }
    .card-product-connected .price-buy-product .pricing .prom {
      text-decoration-line: line-through;
      font-weight: 400;
      font-size: 11px;
      font-family: "Mulish-Regular";
      color: #224245;
      margin-bottom: 5px; }
    .card-product-connected .price-buy-product .pricing .real-price {
      font-size: 1.15rem;
      font-weight: 700;
      color: #224245; }
      .card-product-connected .price-buy-product .pricing .real-price .sales-unit-info {
        display: flex;
        align-items: center; }
      .card-product-connected .price-buy-product .pricing .real-price .sales-unit-price:last-child {
        font-size: 11px;
        color: #EA6852; }
      .card-product-connected .price-buy-product .pricing .real-price .sales-unit-price.not-promo {
        color: unset; }
      .card-product-connected .price-buy-product .pricing .real-price.dealPrice .order-unit-price {
        color: #EA6852;
        font-size: 15px; }
      .card-product-connected .price-buy-product .pricing .real-price.weightToolTip {
        display: flex;
        align-items: center; }
      .card-product-connected .price-buy-product .pricing .real-price.dealTooltips {
        display: flex;
        align-items: center; }
      .card-product-connected .price-buy-product .pricing .real-price .info-price {
        width: 20px;
        height: 20px;
        margin-left: 6px;
        background-color: #F1F6F8;
        border-radius: 50%;
        cursor: pointer;
        padding: 3px 0;
        display: flex;
        align-items: center;
        justify-content: center; }
        .card-product-connected .price-buy-product .pricing .real-price .info-price i {
          font-size: 14px;
          color: #224245; }
      .card-product-connected .price-buy-product .pricing .real-price span {
        font-weight: 400;
        font-size: 0.84rem;
        font-family: "Mulish-Regular";
        color: #224245;
        margin-left: 2px; }
    .card-product-connected .price-buy-product .pricing em {
      display: inline-block;
      margin: 10px 0; }
    .card-product-connected .price-buy-product .qtty label {
      color: #224245;
      font-weight: 400;
      font-size: 0.84rem;
      font-family: "Mulish-Regular";
      margin: 0 25px 0 0; }
    .card-product-connected .price-buy-product .qtty input {
      background-color: #F1F6F8;
      height: 50px;
      width: 70px;
      font-weight: 400;
      font-family: "Mulish-Regular";
      color: #224245;
      border: none;
      text-align: center; }
      .card-product-connected .price-buy-product .qtty input:focus-visible, .card-product-connected .price-buy-product .qtty input:focus {
        outline: none;
        box-shadow: inset 0 0 2px #000000;
        border-radius: 2px; }
    .card-product-connected .price-buy-product .buy-action {
      position: relative; }
      .card-product-connected .price-buy-product .buy-action span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-weight: 400;
        font-size: 0.76rem;
        font-family: "Mulish-Regular";
        color: #224245;
        font-style: italic; }
      .card-product-connected .price-buy-product .buy-action button, .card-product-connected .price-buy-product .buy-action .cart-button {
        width: 48px;
        height: 48px;
        background-color: #224245;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none; }
        .card-product-connected .price-buy-product .buy-action button:hover, .card-product-connected .price-buy-product .buy-action .cart-button:hover {
          background-color: #0084C5; }
        .card-product-connected .price-buy-product .buy-action button.disabled, .card-product-connected .price-buy-product .buy-action .cart-button.disabled {
          opacity: 0.2;
          cursor: not-allowed;
          pointer-events: none; }
        .card-product-connected .price-buy-product .buy-action button.disabled-pending, .card-product-connected .price-buy-product .buy-action .cart-button.disabled-pending {
          opacity: 0.2;
          cursor: not-allowed;
          pointer-events: none; }
        .card-product-connected .price-buy-product .buy-action button.notActive, .card-product-connected .price-buy-product .buy-action .cart-button.notActive {
          pointer-events: none; }
        .card-product-connected .price-buy-product .buy-action button .spinner, .card-product-connected .price-buy-product .buy-action .cart-button .spinner {
          width: 30px;
          height: 30px;
          display: none;
          border-width: 2px;
          border-color: rgba(255, 255, 255, 0.3);
          border-top-color: #fff;
          animation: spin 1s infinite linear;
          border-radius: 100%;
          border-style: solid;
          bottom: unset;
          right: unset; }
        .card-product-connected .price-buy-product .buy-action button.blockedLink .spinner, .card-product-connected .price-buy-product .buy-action .cart-button.blockedLink .spinner {
          display: inline-block; }
        .card-product-connected .price-buy-product .buy-action button.blockedLink .icon-cart, .card-product-connected .price-buy-product .buy-action .cart-button.blockedLink .icon-cart {
          display: none; }
      .card-product-connected .price-buy-product .buy-action i {
        color: #FFFFFF;
        font-size: 18px; }
    .card-product-connected .price-buy-product .pck-info {
      display: block;
      width: 100%;
      margin-top: 8px;
      font-weight: 400;
      font-size: 0.8rem;
      font-style: italic;
      text-align: right;
      color: #224245; }
      .card-product-connected .price-buy-product .pck-info:empty {
        margin: 0; }
    .card-product-connected .price-buy-product:has(a.disabled) .qtty input {
      opacity: 0.5;
      pointer-events: none; }
  .card-product-connected .qty-selector {
    display: none; }
  .card-product-connected.new-product .details-product {
    padding-bottom: 0; }
  .card-product-connected.new-product .image-product {
    border: 1px solid #DBAA66; }
  .card-product-connected.non-ordering {
    min-height: 275px; }

.card-product-deal {
  padding-bottom: 40px;
  position: relative; }
  .card-product-deal .deal-validity {
    background: #EA6852;
    font-size: 0.913em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    border-radius: 0 0 20px 20px;
    text-align: center;
    color: #FFFFFF; }

.card-product-disconnected {
  position: relative; }
  .card-product-disconnected .details-product {
    display: flex;
    padding: 20px 17px; }
    .card-product-disconnected .details-product .title-prod {
      font-size: 11px;
      font-weight: 400;
      line-height: 1.5;
      color: #224245; }
    .card-product-disconnected .details-product .detail-prod {
      font-size: 17px;
      font-weight: 700;
      line-height: 1.2;
      color: #224245; }
      .card-product-disconnected .details-product .detail-prod a {
        word-break: break-word;
        color: #224245 !important; }
        .card-product-disconnected .details-product .detail-prod a:hover {
          color: #0084C5 !important; }
  .card-product-disconnected .label-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 15px 15px;
    min-height: 65px;
    z-index: 1; }
    .card-product-disconnected .label-product i {
      color: #2A6AB2;
      font-size: 25px; }
    .card-product-disconnected .label-product .label {
      font-weight: 400;
      font-size: 0.76rem;
      font-family: "Mulish-Regular";
      color: #FFFFFF;
      padding: 5px 10px;
      border-radius: 20px;
      margin-left: 5px;
      background-color: #EA6852; }
  .card-product-disconnected .container-label-etiquette {
    display: flex;
    align-items: center; }
  .card-product-disconnected .container-etiquette {
    display: flex;
    align-items: center; }
    .card-product-disconnected .container-etiquette .etiquette {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #F1F6F8;
      margin-left: 5px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .card-product-disconnected .container-etiquette .etiquette:hover {
        border: 1px solid #36A9E1; }
      .card-product-disconnected .container-etiquette .etiquette a img {
        margin: 0 !important; }
  .card-product-disconnected .image-product {
    padding: 50px 17px 17px;
    width: 100%;
    height: 270px;
    background-color: #F1F6F8;
    border-radius: 20px;
    text-align: center; }
    .card-product-disconnected .image-product img {
      width: clamp(150px, 200px, 316px);
      height: auto;
      margin-left: 0; }
  .card-product-disconnected .product-thumbnail {
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    outline: none; }
  .card-product-disconnected.new-product .image-product {
    border: 1px solid #DBAA66;
    position: relative; }
    .card-product-disconnected.new-product .image-product .tag-new {
      padding: 5px 45px;
      position: absolute;
      bottom: 0;
      background: #DBAA66;
      color: #FFFFFF;
      left: 50%;
      transform: translateX(-50%); }
  @media screen and (min-width: 981px) {
    .card-product-disconnected .image-product {
      height: 260px;
      padding: 45px 15px 15px 15px;
      display: block; }
    .card-product-disconnected .details-product {
      padding: 20px 15px;
      min-height: 78px; }
      .card-product-disconnected .details-product .title-prod {
        font-size: 13px; }
      .card-product-disconnected .details-product .detail-prod {
        font-size: 15px; }
    .card-product-disconnected .deal-validity {
      font-size: 0.813em; } }

body .ui-tooltip {
  background: #F1F6F8;
  border-radius: 5px;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  border: none;
  opacity: 1;
  width: 220px; }
  body .ui-tooltip .ui-tooltip-content {
    padding: 8px;
    font-weight: 400;
    font-size: 0.76rem;
    font-family: "Mulish-Regular";
    color: #224245;
    display: inline-block;
    white-space: unset; }

.card-delivery {
  padding: 15px 18px;
  margin-top: 14px; }
  .card-delivery table {
    width: 100%; }
  .card-delivery .days {
    font-size: 1rem;
    font-weight: 400;
    color: #224245; }
  .card-delivery .ind {
    font-size: 0.938em;
    font-weight: 700;
    color: #224245;
    padding: 0 20px; }
  .card-delivery i {
    font-size: 25px;
    color: #DBAA66; }
    .card-delivery i.icon-veg {
      color: #70D44B; }
  .card-delivery tr {
    border-bottom: solid 1px #0000003b; }
    .card-delivery tr:last-child {
      border-bottom: none; }
    .card-delivery tr td {
      padding-bottom: 13px;
      padding-top: 13px; }
  .card-delivery .iconCont {
    text-align: center; }

.container-shop-overflow {
  width: 100%;
  overflow-x: scroll;
  z-index: 1; }

.container-shop-overflow::-webkit-scrollbar {
  display: none; }

.shopping-list-container {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  margin: auto; }

.card-custom {
  background-color: #FFFFFF;
  border-radius: 20px;
  color: #224245; }

.card-shop-dash {
  margin-right: 15px;
  width: 85vw; }
  .card-shop-dash:last-child {
    width: 91vw;
    margin-right: 0; }
  .card-shop-dash .header {
    font-size: 1.15rem;
    font-weight: 700;
    color: #224245;
    padding-bottom: 18px;
    border-bottom: solid 1px #0000003b; }
  .card-shop-dash .qtty-price {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: solid 1px #0000003b; }
    .card-shop-dash .qtty-price .label-shop {
      font-size: 0.76rem;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #224245; }
    .card-shop-dash .qtty-price .value-shop {
      font-size: 1.15rem;
      font-weight: 700;
      color: #224245; }
    .card-shop-dash .qtty-price .price {
      text-align: right; }
    .card-shop-dash .qtty-price .qtty {
      text-align: left; }
  .card-shop-dash .action-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 12px 0; }
    .card-shop-dash .action-detail button {
      height: 44px;
      background: none;
      border: none;
      outline: none;
      font-size: 1rem;
      font-weight: 600;
      color: #224245;
      display: flex;
      align-items: center; }
      .card-shop-dash .action-detail button i {
        font-size: 25px;
        margin-right: 10px; }
      .card-shop-dash .action-detail button.btn-command {
        background: #224245;
        color: #FFFFFF;
        padding: 0 20px; }

.sales-representative {
  margin-bottom: 20px;
  padding: 14px 18px; }
  .sales-representative .name {
    font-size: 1.15rem;
    font-weight: 700;
    color: #224245;
    margin-bottom: 12px; }
  .sales-representative .email, .sales-representative .phone {
    font-size: 1rem;
    font-weight: 400;
    color: #224245;
    margin-bottom: 7px; }

.card-product {
  margin-bottom: 10px; }
  .card-product .detail-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: solid 1px #2242451e; }
    .card-product .detail-product a {
      word-break: break-word;
      color: #224245; }
    .card-product .detail-product .name-product {
      font-size: 1.15rem;
      font-weight: 700;
      color: #224245; }
    .card-product .detail-product .img-product {
      width: 90px;
      margin-left: 15px; }
      .card-product .detail-product .img-product img {
        width: 100%;
        height: auto; }
  .card-product .price-qtte-remove-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    gap: 5px; }
    .card-product .price-qtte-remove-product .price-prod {
      width: 155px;
      text-align: left; }
      .card-product .price-qtte-remove-product .price-prod .product-line-total {
        font-family: "Mulish-Bold";
        font-size: 1.15em; }
      .card-product .price-qtte-remove-product .price-prod .price-first {
        font-size: 1.1rem;
        color: #224245;
        margin-bottom: 4px; }
      .card-product .price-qtte-remove-product .price-prod .price-by-weight, .card-product .price-qtte-remove-product .price-prod .price-by-ctn {
        font-weight: 400;
        font-size: 0.84rem;
        font-family: "Mulish-Regular";
        color: #224245; }
      .card-product .price-qtte-remove-product .price-prod .info-price {
        margin-left: 6px;
        background-color: #F1F6F8;
        border-radius: 50%;
        cursor: pointer;
        padding: 3px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .card-product .price-qtte-remove-product .qtte-prod {
      display: flex;
      align-items: center;
      padding-right: 15px; }
      .card-product .price-qtte-remove-product .qtte-prod .qtte-value {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #F1F6F8;
        font-size: 1.23rem;
        font-weight: 400;
        font-family: "Mulish-Regular";
        color: #224245;
        padding: 0 15px;
        height: 50px;
        margin-right: 10px; }
        .card-product .price-qtte-remove-product .qtte-prod .qtte-value .input-group {
          box-shadow: none; }
          .card-product .price-qtte-remove-product .qtte-prod .qtte-value .input-group input {
            border: none;
            background: none;
            padding-right: 0; }
    .card-product .price-qtte-remove-product .remove-prod button {
      background: none;
      border: none;
      outline: none; }
      .card-product .price-qtte-remove-product .remove-prod button i {
        font-size: 25px; }
    @media screen and (min-width: 981px) {
      .card-product .price-qtte-remove-product .price-prod {
        width: auto; }
      .card-product .price-qtte-remove-product .qtte-prod {
        padding-right: 0; }
        .card-product .price-qtte-remove-product .qtte-prod .qtte-value {
          padding: 0 25px; } }

.card-recap {
  margin-top: 3rem;
  margin-bottom: 24px;
  padding: 15px 28px 15px 28px; }
  .card-recap .name-product {
    border-bottom: solid 2px #224245;
    margin-bottom: 7px; }
  .card-recap .total-container {
    padding-top: 12px; }
  .card-recap .nbProd, .card-recap .subtotal, .card-recap .total-recap, .card-recap .taxes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px; }
  .card-recap:before {
    content: "";
    background: black;
    height: 3px; }

.cart-summary-line:after {
  display: none; }

#cart .container-pan .oos-order .alert {
  width: 100%;
  font-size: 0.867em; }

#cart .no-items {
  padding-left: 15px; }

#cart .pika-single {
  border: 0;
  background: #FFFFFF;
  overflow: hidden;
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  justify-content: center;
  width: calc(100% - 30px); }
  @media screen and (max-width: 981px) {
    #cart .pika-single {
      left: 15px !important; } }
  #cart .pika-single .pika-lendar {
    padding: 10px;
    background: #FFFFFF;
    margin: 0;
    width: 50%;
    display: inline-block; }
  #cart .pika-single .pika-table {
    background: #FFFFFF; }
    #cart .pika-single .pika-table th {
      color: #2A6AB2;
      font-weight: normal; }
    #cart .pika-single .pika-table .pika-day {
      font-weight: normal;
      border-radius: 0;
      text-align: center;
      background: none;
      box-shadow: none;
      color: #1A1A1A;
      opacity: 1; }
      #cart .pika-single .pika-table .pika-day:hover {
        cursor: pointer;
        background: #2A6AB2;
        color: #FFFFFF; }
    #cart .pika-single .pika-table .is-disabled .pika-day {
      color: #F3F2F7; }
      #cart .pika-single .pika-table .is-disabled .pika-day:hover {
        cursor: auto;
        background: none; }
    #cart .pika-single .pika-table .is-selected .pika-day {
      color: #FFFFFF;
      background: #224245; }
      #cart .pika-single .pika-table .is-selected .pika-day:hover {
        color: #FFFFFF; }
  #cart .pika-single .pika-title .pika-label {
    border: 0;
    color: #224245;
    font-weight: normal; }

#cart .mob-hidden {
  display: none;
  width: 100%; }
  #cart .mob-hidden > div {
    max-width: 360px; }

#cart .comander {
  display: none; }

#cart .cart-item-header {
  display: none; }

#cart .deskInfo {
  display: none; }

#cart .mobInfo {
  display: inline-block;
  width: 100%; }

#cart .confirm-label {
  letter-spacing: 1px; }

#cart .selectContainer {
  padding: 0;
  background: none; }
  #cart .selectContainer .inpTxt, #cart .selectContainer select {
    padding: 12px 15px;
    background: #FFFFFF;
    display: inline-block;
    width: 100%; }

#cart .page-footer {
  display: none; }

#cart .confimation-commande .resume-command {
  position: fixed;
  bottom: 57px;
  width: 100%;
  left: 0;
  margin-left: 0;
  z-index: 98; }

#cart .text-sm-center:not(.agentBtn) form {
  width: 100%; }

#cart .quick-access-bar {
  border-radius: 0; }
  #cart .quick-access-bar:before {
    content: "";
    background: #2242453a;
    height: 1px;
    width: calc(100% - 30px);
    left: 15px;
    position: absolute;
    top: 0; }

@media screen and (max-width: 980px) {
  #cart .confimation-commande {
    position: unset !important; }
  #cart .top {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
    #cart .top > div {
      text-align: left; }
  #cart #loadMultipleAddress {
    bottom: 250px; }
  #cart[data-scroll-direction="scroll-down"] #loadMultipleAddress {
    bottom: 190PX; }
  #cart .sales-unit-prod {
    display: none; } }

@media screen and (min-width: 981px) {
  #cart .no-items {
    padding-left: 0; }
  #cart .pika-single {
    max-width: 425px; }
  #cart .mob-hidden, #cart .comander {
    display: inline-block; }
  #cart .desk-hidden {
    display: none; }
  #cart .container-pan .card-recap {
    display: none; }
  #cart .container-pan:not(.panierAgent) .price-date > div {
    width: 40%; }
    #cart .container-pan:not(.panierAgent) .price-date > div:first-child {
      width: 60%; }
  #cart .confimation-commande {
    background-color: transparent;
    border-radius: unset;
    z-index: 2; }
    #cart .confimation-commande .message-confirm {
      display: none; }
    #cart .confimation-commande > .container {
      padding: 0; }
    #cart .confimation-commande .resume-command {
      position: unset; }
    #cart .confimation-commande.sticky {
      position: fixed;
      bottom: -4px;
      left: 0; }
      #cart .confimation-commande.sticky > .container {
        padding: 0 15px; }
      #cart .confimation-commande.sticky .resume-command {
        position: unset; }
  #cart .card-recap {
    width: 100%;
    float: right; }
  #cart .message-confirm {
    background: #F1F6F8; }
  #cart .message-confirm, #cart .addressSelect {
    padding: 20px;
    border-radius: 20px;
    width: 48%; }
    #cart .message-confirm .message, #cart .addressSelect .message {
      font-family: "Mulish-Bold";
      color: #224245; }
      #cart .message-confirm .message a, #cart .addressSelect .message a {
        text-decoration: underline #224245 !important; }
        #cart .message-confirm .message a:hover, #cart .addressSelect .message a:hover {
          color: #0084C5;
          text-decoration: underline #0084C5 !important; }
  #cart .addressSelect {
    padding-left: 0; }
  #cart .selectDiv {
    width: 100%; }
  #cart .selectContainer .inpTxt, #cart .selectContainer select {
    width: auto; }
  #cart .comander {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px; }
  #cart .cart-item-header {
    text-transform: uppercase;
    font-size: 0.76rem;
    display: flex;
    padding: 0 10px 10px 10px;
    background-color: #FFFFFF;
    border-radius: 20px 20px 0 0;
    padding: 1rem; }
    #cart .cart-item-header:before {
      content: "";
      position: absolute;
      top: 0;
      width: calc(100% - 30px);
      height: 1px;
      left: 15px;
      background: #224245;
      opacity: 0.2; }
    #cart .cart-item-header > div {
      width: 58%; }
      #cart .cart-item-header > div.name-product-title {
        width: 42%; }
      #cart .cart-item-header > div.cart-header-product {
        display: flex;
        gap: 25px; }
        #cart .cart-item-header > div.cart-header-product .product-qty-title {
          width: 67px; }
        #cart .cart-item-header > div.cart-header-product .product-unit-price-title {
          width: 120px;
          text-align: right; }
        #cart .cart-item-header > div.cart-header-product .product-line-total-title {
          width: 115px;
          text-align: right; }
        #cart .cart-item-header > div.cart-header-product .product-reference-title {
          width: 92px; }
    #cart .cart-item-header + .cart-item::after {
      content: " ";
      background: black;
      height: 3px;
      opacity: 1; }
  #cart .mobInfo {
    display: none; }
  #cart .deskInfo {
    display: inline-block;
    font-size: 1em;
    font-family: "Mulish-Bold"; }
  #cart .confirm-label {
    font-size: 0.76rem;
    font-weight: 600;
    color: #224245;
    text-transform: uppercase;
    margin-bottom: 10px; }
  #cart .resume-command {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-radius: 0;
    align-items: center;
    padding: 8px;
    background: #224245; }
    #cart .resume-command div {
      color: #FFFFFF; }
    #cart .resume-command .top, #cart .resume-command .action-cta {
      width: 50%; }
    #cart .resume-command .top {
      justify-content: flex-start; }
      #cart .resume-command .top > div {
        text-align: left;
        min-width: 180px;
        padding-right: 15px; }
        #cart .resume-command .top > div:first-child {
          padding-left: 10px; }
    #cart .resume-command .action-cta .text-sm-center {
      justify-content: flex-end; }
    #cart .resume-command .action-cta .agentBtn a {
      border: 1px solid #FFFFFF; }
    #cart .resume-command .action-cta #pay-with-payment-option-2 {
      background: #FFFFFF;
      color: #224245;
      height: 40px;
      border: 1px solid #FFFFFF; }
      #cart .resume-command .action-cta #pay-with-payment-option-2:hover {
        border: 1px solid #FFFFFF;
        background: #224245;
        color: #FFFFFF; }
  #cart .card-block {
    padding: 0; }
  #cart .page-footer {
    margin-top: 20px;
    margin-bottom: 35px; }
  #cart .text-sm-center:not(.agentBtn) form {
    width: auto; } }

.panierLoader {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100vh;
  width: 100vw;
  z-index: 99; }
  .panierLoader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.user-connected #footer {
  padding-bottom: 65px; }

@media screen and (min-width: 981px) {
  .user-connected #footer {
    padding-bottom: 0; } }

.quick-access-bar {
  position: fixed;
  background-color: #FFFFFF;
  bottom: 0;
  width: 100vw;
  left: 0;
  padding-top: 13px;
  border-radius: 20px 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99; }
  .quick-access-bar .item {
    width: 70px;
    padding-bottom: 10px;
    position: relative; }
    .quick-access-bar .item.current:before {
      background-color: #0084C5; }
    .quick-access-bar .item.current a, .quick-access-bar .item.current i {
      color: #0084C5; }
    .quick-access-bar .item:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 100%;
      height: 5px;
      background-color: #FFFFFF;
      border-radius: 5px 5px 0 0; }
    .quick-access-bar .item a {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-transform: uppercase;
      font-weight: 700;
      font-family: "Mulish-Regular";
      font-size: 0.53rem;
      color: #224245; }
      .quick-access-bar .item a i {
        margin-bottom: 3px;
        font-size: 20px;
        color: #224245; }
  @media screen and (min-width: 981px) {
    .quick-access-bar {
      display: none; } }

#authentication .page-header, #requestNewAccount .page-header, #password .page-header, #accountActivation .page-header {
  display: none; }

#authentication #main, #requestNewAccount #main, #password #main, #accountActivation #main {
  padding: 0; }

#authentication .btn-primary, #requestNewAccount .btn-primary, #password .btn-primary, #accountActivation .btn-primary {
  margin-bottom: 10px;
  border: 1px solid #224245;
  width: 100%;
  margin-left: 0; }

@media screen and (min-width: 981px) {
  #authentication .btnAuthLogin, #requestNewAccount .btnAuthLogin, #password .btnAuthLogin, #accountActivation .btnAuthLogin {
    margin-bottom: 35px; } }

#authentication .page-content#content, #requestNewAccount .page-content#content, #password .page-content#content, #accountActivation .page-content#content {
  width: 100%; }
  @media screen and (min-width: 981px) {
    #authentication .page-content#content, #requestNewAccount .page-content#content, #password .page-content#content, #accountActivation .page-content#content {
      width: 70%;
      margin: 25px auto; }
      #authentication .page-content#content .step, #requestNewAccount .page-content#content .step, #password .page-content#content .step, #accountActivation .page-content#content .step {
        padding: unset; }
      #authentication .page-content#content .deskAuthFlex, #requestNewAccount .page-content#content .deskAuthFlex, #password .page-content#content .deskAuthFlex, #accountActivation .page-content#content .deskAuthFlex {
        display: flex !important; }
        #authentication .page-content#content .deskAuthFlex .deskAuthText, #requestNewAccount .page-content#content .deskAuthFlex .deskAuthText, #password .page-content#content .deskAuthFlex .deskAuthText, #accountActivation .page-content#content .deskAuthFlex .deskAuthText {
          display: flex;
          justify-self: center;
          align-items: center; }
      #authentication .page-content#content hr, #authentication .page-content#content .no-account, #requestNewAccount .page-content#content hr, #requestNewAccount .page-content#content .no-account, #password .page-content#content hr, #password .page-content#content .no-account, #accountActivation .page-content#content hr, #accountActivation .page-content#content .no-account {
        display: none; } }

#authentication #wrapper > .container, #requestNewAccount #wrapper > .container, #password #wrapper > .container, #accountActivation #wrapper > .container {
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (min-width: 981px) {
    #authentication #wrapper > .container, #requestNewAccount #wrapper > .container, #password #wrapper > .container, #accountActivation #wrapper > .container {
      padding-left: 0;
      padding-right: 0; } }

#authentication .error-activation {
  display: none;
  margin-top: 15px;
  color: #000000;
  margin-bottom: 10px; }
  #authentication .error-activation span {
    display: inline-block;
    width: 100%; }

#authentication .danger-message {
  font-size: 1.154em;
  font-weight: 400;
  line-height: 1.3em; }
  #authentication .danger-message span {
    margin-bottom: 10px; }

#password .error-activation {
  display: none;
  margin-top: 15px;
  color: #000000;
  margin-bottom: 10px; }
  #password .error-activation span {
    display: inline-block;
    width: 100%; }

#password .danger-message {
  font-size: 1.154em;
  font-weight: 400;
  line-height: 1.3em; }
  #password .danger-message span {
    margin-bottom: 10px; }

.account-activation-form {
  background-color: #E6EFF9;
  margin-bottom: 40px; }
  .account-activation-form .step-status {
    margin: 17px 0; }
    .account-activation-form .step-status ul {
      display: flex;
      align-items: center;
      justify-content: center; }
      .account-activation-form .step-status ul li {
        margin: 0 2.5px;
        display: block;
        width: 20px;
        height: 3px;
        border-radius: 10px;
        background-color: #B3B3B2;
        transition: .3s ease-in-out; }
        .account-activation-form .step-status ul li.actif {
          background-color: #0084C5; }
          .account-activation-form .step-status ul li.actif.current {
            width: 50px; }
  .account-activation-form .step-1, .account-activation-form .step-2 {
    display: none; }
  .account-activation-form .step-1 .error-activation a {
    color: #224245;
    font-family: "Mulish-Regular";
    text-decoration: underline !important; }
    .account-activation-form .step-1 .error-activation a:hover {
      color: #0084C5; }
  .account-activation-form .step-3 h2 {
    margin-top: 35px;
    margin-bottom: 18px;
    font-size: 1.69rem;
    color: #224245; }
  .account-activation-form .step-3 .inputs-list {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .account-activation-form .step-3 .inputs-list .space {
      width: 5px; }
    .account-activation-form .step-3 .inputs-list input {
      width: 35px;
      height: 55px;
      max-height: none;
      max-width: none;
      min-height: auto;
      margin-bottom: 0px;
      padding: 0.2vw 0vw 0vw;
      border: 1px solid transparent;
      background-color: #F1F6F8;
      color: #224245;
      font-weight: 400;
      font-size: 1.2rem;
      text-align: center;
      border-radius: 4.80269px; }
    @media (min-width: 753px) and (max-width: 1205px) {
      .account-activation-form .step-3 .inputs-list {
        justify-content: center;
        gap: 15px; } }
  .account-activation-form .step-3 .no-code {
    margin-top: 15px;
    font-size: 1rem;
    font-weight: 400; }
  .account-activation-form .step-3 a {
    font-size: 1rem;
    font-weight: 600;
    text-decoration: underline;
    color: #224245; }
  .account-activation-form .step-3 p {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #224245; }
  .account-activation-form .step-3 label {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 400;
    color: #224245;
    text-align: center; }
  .account-activation-form .navigation-step {
    display: flex;
    flex-direction: column;
    margin-top: 40px; }
    .account-activation-form .navigation-step button {
      font-size: 1rem;
      font-weight: 600;
      height: 56px;
      border: 1px solid transparent;
      background-color: #FFFFFF;
      color: #224245;
      padding: 0 15px; }
      .account-activation-form .navigation-step button:hover {
        border: 1px solid #224245;
        background: #FFFFFF; }
      .account-activation-form .navigation-step button.primary-btn-step {
        background-color: #224245;
        color: #FFFFFF;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .account-activation-form .navigation-step button.primary-btn-step i {
          color: #FFFFFF;
          font-size: 15px; }
        .account-activation-form .navigation-step button.primary-btn-step:hover {
          border: 1px solid #224245;
          background: #FFFFFF;
          color: #224245; }
          .account-activation-form .navigation-step button.primary-btn-step:hover i {
            color: #224245; }
    .account-activation-form .navigation-step .secondary-quit-step {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      position: relative;
      font-weight: 700;
      font-size: 1rem;
      padding: 0 15px;
      border: 1px solid transparent;
      min-height: 56px; }
      .account-activation-form .navigation-step .secondary-quit-step:hover {
        border: 1px solid #224245;
        background: #FFFFFF; }
  .account-activation-form .step {
    background-color: #FFFFFF;
    padding: 23px 30px;
    border-radius: 40px;
    text-align: center; }
    .account-activation-form .step .codeInput input[type="text"] {
      height: 56px;
      background-color: #FFFFFF;
      padding: 18px 16px;
      border: 1px solid #B3B3B2;
      outline: none; }
      .account-activation-form .step .codeInput input[type="text"]:focus {
        border: 1px solid #0084C5; }
    .account-activation-form .step .codeInput .hidden {
      display: none; }
  .account-activation-form .welcome .deskAuthImg {
    display: none; }
  .account-activation-form .welcome h3 {
    font-size: 1.69rem;
    color: #224245;
    margin-top: 40px;
    margin-bottom: 8px; }
  .account-activation-form .welcome p {
    font-size: 1rem;
    font-weight: 400;
    color: #224245;
    text-align: center; }
  .account-activation-form .welcome .infos {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 30px;
    color: #224245; }
    .account-activation-form .welcome .infos p {
      text-align: left;
      margin-top: 5px; }
    .account-activation-form .welcome .infos ul {
      margin-left: 20px; }
    .account-activation-form .welcome .infos li {
      font-size: 1rem;
      font-weight: 400;
      color: #224245;
      list-style: disc;
      text-align: left; }
  .account-activation-form .step-login {
    display: none; }
  .account-activation-form .step-1 .deskAuthImg, .account-activation-form .step-2 .deskAuthImg, .account-activation-form .step-3 .deskAuthImg, .account-activation-form .step-4 .deskAuthImg {
    display: none; }
  .account-activation-form .step-1 img, .account-activation-form .step-2 img, .account-activation-form .step-3 img, .account-activation-form .step-4 img {
    width: 35%;
    margin-bottom: 30px; }
  .account-activation-form .step-1 h2, .account-activation-form .step-2 h2, .account-activation-form .step-3 h2, .account-activation-form .step-4 h2 {
    font-size: 1.69rem;
    color: #224245;
    margin-bottom: 65px; }
  .account-activation-form .step-2 .radioDiv {
    margin-bottom: 7px;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); }
    .account-activation-form .step-2 .radioDiv input[type='radio'] {
      display: none; }
      .account-activation-form .step-2 .radioDiv input[type='radio']:checked + label {
        background-color: #0084C5;
        color: #FFFFFF; }
    .account-activation-form .step-2 .radioDiv > div {
      width: 50%; }
      .account-activation-form .step-2 .radioDiv > div:first-child {
        margin-right: 2.5px; }
      .account-activation-form .step-2 .radioDiv > div:last-child {
        margin-left: 2.5px; }
      .account-activation-form .step-2 .radioDiv > div label {
        height: 40px;
        margin: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FFFFFF;
        border-radius: 3px;
        color: #224245;
        cursor: pointer;
        text-align: center;
        width: 100%; }
  .account-activation-form .activateAccPwd {
    display: flex;
    justify-content: center;
    align-items: center; }
    .account-activation-form .activateAccPwd h2 {
      margin-bottom: 20px; }
    .account-activation-form .activateAccPwd .createPwd input {
      padding: 18px 16px;
      background: unset; }
      .account-activation-form .activateAccPwd .createPwd input#confirmation.ErrorField, .account-activation-form .activateAccPwd .createPwd input#passwd.ErrorField, .account-activation-form .activateAccPwd .createPwd input#email.ErrorField {
        margin-bottom: 15px; }
      @media screen and (max-width: 1440px) {
        .account-activation-form .activateAccPwd .createPwd input#email.ErrorField {
          margin-bottom: 35px; } }
    .account-activation-form .activateAccPwd .deskAuthText__content {
      width: 100%; }
      @media only screen and (min-device-width: 753px) and (max-device-width: 1205px) and (orientation: portrait) {
        .account-activation-form .activateAccPwd .deskAuthText__content {
          min-width: 450px; }
          .account-activation-form .activateAccPwd .deskAuthText__content .form-group-input .form-group .createPwd {
            width: 100%; } }
    .account-activation-form .activateAccPwd .navigation-step {
      margin: 10px 0 6rem 0; }
  .account-activation-form .error-activation {
    display: none;
    margin-top: 5px;
    text-align: initial;
    color: #a94442;
    font-size: 13px;
    width: 100%; }
    .account-activation-form .error-activation span {
      display: inline-block;
      width: 100%; }
    .account-activation-form .error-activation a {
      color: #2A6AB2;
      font-size: 0.9em;
      margin-top: 10px;
      display: inline-block;
      position: relative; }
      .account-activation-form .error-activation a:hover {
        color: #224245; }
      .account-activation-form .error-activation a.custOnHold {
        margin: 0; }
  .account-activation-form .confirmationCodeDiv > a {
    position: relative; }
    .account-activation-form .confirmationCodeDiv > a:after {
      content: "";
      width: 100%;
      height: 2px;
      position: absolute;
      bottom: -2px;
      left: 0;
      background: #224245; }
    .account-activation-form .confirmationCodeDiv > a:hover {
      color: #0084C5; }
      .account-activation-form .confirmationCodeDiv > a:hover:after {
        background: #0084C5; }
  .account-activation-form .createPwd .ValidationErrors {
    position: absolute;
    left: 0;
    bottom: -5px;
    padding: 0 15px;
    text-align: left; }
  .account-activation-form .passwordRequirements {
    width: 100%;
    text-align: left;
    font-size: 0.733em; }
    .account-activation-form .passwordRequirements .invalid {
      color: #E84242; }
    .account-activation-form .passwordRequirements .valid {
      color: #27AE60; }
    .account-activation-form .passwordRequirements ul {
      margin-bottom: 0;
      list-style: disc;
      padding: 0 20px;
      line-height: 14px; }
      .account-activation-form .passwordRequirements ul li {
        list-style: disc; }
  .account-activation-form .passwordValidation {
    width: 100%;
    text-align: left;
    font-size: 1em;
    color: #E84242; }
  @media screen and (min-width: 981px) {
    .account-activation-form {
      width: 100%; }
      .account-activation-form .navigation-step {
        justify-content: space-between;
        display: flex; }
        .account-activation-form .navigation-step .primary-btn-step {
          margin-bottom: 10px; }
        .account-activation-form .navigation-step .secondary-quit-step {
          width: auto; }
      .account-activation-form .step-0, .account-activation-form .step-1, .account-activation-form .step-2, .account-activation-form .step-3, .account-activation-form .step-4 {
        overflow: hidden;
        width: 100%; }
        .account-activation-form .step-0 .deskAuthImg, .account-activation-form .step-1 .deskAuthImg, .account-activation-form .step-2 .deskAuthImg, .account-activation-form .step-3 .deskAuthImg, .account-activation-form .step-4 .deskAuthImg {
          display: unset;
          width: 50%;
          float: left;
          padding: 60px 60px; }
          .account-activation-form .step-0 .deskAuthImg img, .account-activation-form .step-1 .deskAuthImg img, .account-activation-form .step-2 .deskAuthImg img, .account-activation-form .step-3 .deskAuthImg img, .account-activation-form .step-4 .deskAuthImg img {
            width: 100%; }
        .account-activation-form .step-0 .mobAuthImg, .account-activation-form .step-1 .mobAuthImg, .account-activation-form .step-2 .mobAuthImg, .account-activation-form .step-3 .mobAuthImg, .account-activation-form .step-4 .mobAuthImg {
          display: none; }
        .account-activation-form .step-0 .deskAuthText, .account-activation-form .step-1 .deskAuthText, .account-activation-form .step-2 .deskAuthText, .account-activation-form .step-3 .deskAuthText, .account-activation-form .step-4 .deskAuthText {
          float: left;
          width: 50%;
          padding: 30px 60px; }
      .account-activation-form .code-verif .deskAuthText {
        display: flex;
        justify-content: center;
        align-items: center; }
      .account-activation-form .code-verif h2 {
        margin-bottom: 15px; }
      .account-activation-form .step-3 {
        display: flex; }
        .account-activation-form .step-3 .deskAuthImg {
          display: flex;
          padding-left: 70px; }
      .account-activation-form .confirmationCodeDiv, .account-activation-form .createPwd {
        width: 100%; }
      .account-activation-form .activateAccPwd .navigation-step {
        margin: 10px 0 1.2rem 0; }
      .account-activation-form .step {
        padding: unset; }
        .account-activation-form .step .codeInput .col-lg-6 {
          width: 100%; } }
  .account-activation-form .step .codeInput .col-lg-6 {
    text-align: left; }

.page-authentication #wrapper {
  background-color: #E6EFF9 !important; }

.page-authentication .page-content#content {
  background-color: #FFFFFF;
  padding: 25px 30px;
  border-radius: 40px;
  text-align: center;
  box-shadow: none; }
  @media screen and (min-width: 981px) {
    .page-authentication .page-content#content {
      width: 70vw;
      max-width: unset; } }

.page-authentication .form-login .deskAuthImg, .page-authentication .form-login .deskNoAcc {
  display: none; }

.page-authentication .form-login label {
  margin-bottom: 25px;
  display: none; }

.page-authentication .form-login img {
  margin: 50px auto 24px; }

.page-authentication .form-login h2 {
  font-size: 1.69rem;
  color: #224245;
  margin-bottom: 17px; }

.page-authentication .form-login .input-group-btn {
  display: none; }

.page-authentication .form-login input {
  height: 56px;
  background: #FFFFFF !important;
  padding: 18px 16px;
  display: block;
  width: 100%;
  font-size: 1rem;
  line-height: 1.25;
  color: #7a7a7a;
  border: 1px solid #B3B3B2;
  outline: none; }
  .page-authentication .form-login input:focus {
    border: 1px solid #0084C5; }

.page-authentication .form-login .forgot-password-form {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 15px; }
  @media screen and (min-width: 981px) {
    .page-authentication .form-login .forgot-password-form {
      margin: -10px 0 25px 0; } }
  .page-authentication .form-login .forgot-password-form a {
    font-weight: 700;
    font-size: 1rem;
    font-family: "Mulish-Regular";
    border: none;
    background-color: #FFFFFF;
    color: #224245;
    display: inline-block;
    text-align: left;
    text-decoration-line: underline; }

.page-authentication .form-login .btn-primary {
  font-size: 1rem;
  font-weight: 600;
  font-family: "Mulish-Regular";
  height: 56px;
  background-color: #224245;
  color: #FFFFFF;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 100%;
  box-shadow: none;
  text-transform: capitalize;
  margin-bottom: 10px; }

@media screen and (min-width: 981px) {
  .page-authentication .form-login {
    overflow: hidden;
    width: 100%; }
    .page-authentication .form-login .deskAuthImg {
      display: unset;
      width: 50%;
      float: left;
      padding: 60px 60px; }
      .page-authentication .form-login .deskAuthImg img {
        width: 100%; }
    .page-authentication .form-login .deskNoAcc {
      font-weight: 700;
      font-size: 1rem;
      font-family: "Mulish-Regular";
      border: none;
      background-color: #FFFFFF;
      color: #224245;
      display: inline-block;
      position: relative; }
    .page-authentication .form-login .mobAuthImg {
      display: none; }
    .page-authentication .form-login .deskAuthText {
      float: left;
      width: 50%;
      padding: 30px 60px; }
      .page-authentication .form-login .deskAuthText__content {
        width: 100%; }
    .page-authentication .form-login .col-md-6 {
      width: 100%;
      padding-left: 15px; }
    .page-authentication .form-login .form-footer {
      position: relative; }
    .page-authentication .form-login .forgot-password-form a {
      position: relative;
      top: 8px; }
    .page-authentication .form-login .btn-primary {
      margin: 0; }
      .page-authentication .form-login .btn-primary span {
        padding-right: 15px; }
      .page-authentication .form-login .btn-primary:hover {
        background: white;
        border: 1px solid #224245;
        color: #224245; }
  .page-authentication .no-account {
    float: left;
    width: 50%; }
    .page-authentication .no-account a {
      position: relative; } }

@media (min-width: 768px) and (max-width: 981px) {
  .page-authentication #login-form .form-group .col-md-6 {
    width: 100%; } }

#requestNewAccount .page-header {
  display: inline-block;
  margin-top: 20px; }

#requestNewAccount section > h3 {
  margin-bottom: 15px;
  margin-top: 30px; }

#requestNewAccount .new-account {
  background-color: #FFFFFF;
  padding: 23px 30px;
  border-radius: 40px;
  text-align: left;
  margin-bottom: 25px; }
  #requestNewAccount .new-account img {
    margin: 53px 0 27px; }
  #requestNewAccount .new-account p {
    display: none; }
  #requestNewAccount .new-account input[type='text'], #requestNewAccount .new-account select {
    height: 56px;
    padding: 18px 16px;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.25;
    background: #FFFFFF;
    color: #7a7a7a;
    border: 1px solid #B3B3B2;
    margin: 5px 0;
    outline: none; }
  #requestNewAccount .new-account .request-new-account-form {
    position: relative; }
    #requestNewAccount .new-account .request-new-account-form .phoneValidation .ValidationErrors {
      bottom: -20px; }
    #requestNewAccount .new-account .request-new-account-form .ValidationErrors {
      position: absolute; }
    #requestNewAccount .new-account .request-new-account-form .saleTypeGroup {
      margin-bottom: 20px; }
    #requestNewAccount .new-account .request-new-account-form > div > h2 {
      display: none; }
    #requestNewAccount .new-account .request-new-account-form .required-fields {
      position: absolute;
      top: 0;
      right: 0;
      font-size: .875em;
      display: block;
      text-align: center; }
  #requestNewAccount .new-account .new-account-img {
    display: none; }
  @media screen and (min-width: 981px) {
    #requestNewAccount .new-account {
      color: #224245;
      margin: 25px 0;
      padding: 23px 60px; }
      #requestNewAccount .new-account .request-new-account-form .required-fields {
        right: 0;
        top: 0;
        width: auto; } }

#requestNewAccount h2 {
  margin: 15px 0 35px 0;
  text-align: center;
  font-size: 1.69rem; }

#requestNewAccount .business-detail-h2 {
  margin: 20px 0 -10px 0; }

#requestNewAccount label.required, #requestNewAccount .fieldLabel {
  margin: 10px 15px 0 0; }

#requestNewAccount #no-vat-wrapper .ValidationErrors, #requestNewAccount #vat-wrapper .ValidationErrors {
  position: absolute;
  left: 0;
  bottom: -20px; }

#requestNewAccount #brn-wrapper, #requestNewAccount .no_vat_div, #requestNewAccount .vat_field_div, #requestNewAccount .customer_type_div {
  margin-bottom: 10px;
  text-align: initial; }
  #requestNewAccount #brn-wrapper .note, #requestNewAccount .no_vat_div .note, #requestNewAccount .vat_field_div .note, #requestNewAccount .customer_type_div .note {
    margin: 10px 15px 0 0; }
  #requestNewAccount #brn-wrapper .browse-file, #requestNewAccount .no_vat_div .browse-file, #requestNewAccount .vat_field_div .browse-file, #requestNewAccount .customer_type_div .browse-file {
    margin: 5px 0;
    position: relative;
    background-color: #FFFFFF; }
    #requestNewAccount #brn-wrapper .browse-file .document_format, #requestNewAccount .no_vat_div .browse-file .document_format, #requestNewAccount .vat_field_div .browse-file .document_format, #requestNewAccount .customer_type_div .browse-file .document_format {
      position: absolute;
      left: 11px;
      color: #17354899;
      font-size: 0.8em; }
    #requestNewAccount #brn-wrapper .browse-file .browse > input, #requestNewAccount .no_vat_div .browse-file .browse > input, #requestNewAccount .vat_field_div .browse-file .browse > input, #requestNewAccount .customer_type_div .browse-file .browse > input {
      display: block;
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      height: 100%;
      z-index: 997; }
    #requestNewAccount #brn-wrapper .browse-file .browse > label, #requestNewAccount .no_vat_div .browse-file .browse > label, #requestNewAccount .vat_field_div .browse-file .browse > label, #requestNewAccount .customer_type_div .browse-file .browse > label {
      background-color: #FFFFFF;
      color: #224245;
      border: 2px solid #224245; }
  #requestNewAccount #brn-wrapper .note-size, #requestNewAccount .no_vat_div .note-size, #requestNewAccount .vat_field_div .note-size, #requestNewAccount .customer_type_div .note-size {
    font-size: 0.733em;
    margin: 5px 0;
    color: #878787; }
  #requestNewAccount #brn-wrapper .ValidationErrors, #requestNewAccount .no_vat_div .ValidationErrors, #requestNewAccount .vat_field_div .ValidationErrors, #requestNewAccount .customer_type_div .ValidationErrors {
    position: absolute;
    left: 0;
    bottom: -25px; }

#requestNewAccount .businesslegaladdress-items > div {
  padding-left: 0;
  padding-right: 0; }

#requestNewAccount #productcategoryrequest-wrapper, #requestNewAccount #businessopeningtime-wrapper {
  text-align: initial;
  margin: 10px 0; }

#requestNewAccount .productCategory {
  position: relative; }
  #requestNewAccount .productCategory .ValidationErrors {
    left: 15px;
    bottom: 0;
    position: absolute; }

#requestNewAccount .customer_type_div {
  display: inline-block; }
  #requestNewAccount .customer_type_div h3 {
    margin-top: 20px; }
  #requestNewAccount .customer_type_div .title {
    padding: 0; }
  #requestNewAccount .customer_type_div .others_description {
    font-size: 0.933em;
    margin: 20px 0;
    padding: 0; }
  #requestNewAccount .customer_type_div .others_desc_input {
    padding: 0; }
  #requestNewAccount .customer_type_div .background_wrapper > div {
    padding: 0; }

#requestNewAccount .vat-certificate {
  padding: 0; }

#requestNewAccount #title {
  display: flex; }

#requestNewAccount #fixed_businessHoursWrapper {
  margin-bottom: 10px; }
  #requestNewAccount #fixed_businessHoursWrapper #fixed_businessHours {
    margin-bottom: 10px;
    display: flex;
    gap: 20px;
    flex-direction: column; }
    #requestNewAccount #fixed_businessHoursWrapper #fixed_businessHours span {
      white-space: nowrap; }
    #requestNewAccount #fixed_businessHoursWrapper #fixed_businessHours label {
      text-align: left; }
    @media screen and (max-width: 740px) {
      #requestNewAccount #fixed_businessHoursWrapper #fixed_businessHours {
        flex-direction: column;
        margin-bottom: 20px; } }
  #requestNewAccount #fixed_businessHoursWrapper .checkboxTime-body.active {
    border-bottom: 1px solid #B3B3B2;
    display: flex;
    gap: 30px; }
  #requestNewAccount #fixed_businessHoursWrapper .dummy {
    display: none; }
  #requestNewAccount #fixed_businessHoursWrapper .col-sm-6 {
    width: 100%; }
  @media screen and (min-width: 981px) {
    #requestNewAccount #fixed_businessHoursWrapper .col-sm-6 {
      display: flex;
      align-items: center; }
    #requestNewAccount #fixed_businessHoursWrapper .dummy {
      display: block; } }

#registercomplaint .container {
  padding: 0; }

#registercomplaint .page-header {
  display: inline-block;
  margin-top: 20px; }

#registercomplaint section > h3 {
  margin-bottom: 15px;
  margin-top: 30px; }

#registercomplaint .tooltipster-content {
  padding: 20px; }

#registercomplaint .new-complaint {
  background-color: #FFFFFF;
  padding: 23px 30px;
  border-radius: 40px;
  text-align: left;
  margin-bottom: 25px; }
  #registercomplaint .new-complaint .new-complaint-form {
    position: relative; }
  #registercomplaint .new-complaint img {
    margin: 53px 0 27px; }
  #registercomplaint .new-complaint .client_info h3, #registercomplaint .new-complaint .contact_info h3 {
    padding-left: 15px; }
  #registercomplaint .new-complaint .email_follow_up {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 10px 0; }
    #registercomplaint .new-complaint .email_follow_up h3 {
      padding-left: 0; }
    #registercomplaint .new-complaint .email_follow_up > div {
      display: flex;
      align-items: center;
      gap: 15px; }
      #registercomplaint .new-complaint .email_follow_up > div .fieldLabel {
        margin: 0; }
  #registercomplaint .new-complaint .mdv_issue > label {
    font-size: 1em; }
  #registercomplaint .new-complaint .mdv_issue .checkboxDiv {
    margin-left: 17px;
    margin-top: 20px; }
    #registercomplaint .new-complaint .mdv_issue .checkboxDiv .form-check-label {
      padding-left: 0;
      font-size: 0.933em; }
  #registercomplaint .new-complaint p {
    display: none; }
  #registercomplaint .new-complaint input[type='text'], #registercomplaint .new-complaint select, #registercomplaint .new-complaint input[type='number'], #registercomplaint .new-complaint .select2 {
    height: 48px;
    padding: 14px 16px;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.25;
    background: #FFFFFF;
    color: #7a7a7a;
    border: 1px solid #B3B3B2;
    margin: 5px 0;
    outline: none; }
    #registercomplaint .new-complaint input[type='text']#delivery_address, #registercomplaint .new-complaint select#delivery_address, #registercomplaint .new-complaint input[type='number']#delivery_address, #registercomplaint .new-complaint .select2#delivery_address {
      appearance: none; }
  #registercomplaint .new-complaint .select2-container--default .select2-selection--single {
    border: none; }
    #registercomplaint .new-complaint .select2-container--default .select2-selection--single::before {
      content: "\e907";
      font-family: 'icomoon' !important;
      display: inline-block;
      font-size: 11px;
      transform: rotate(90deg);
      font-weight: bolder;
      position: absolute;
      right: -4px;
      top: 8px; }
  #registercomplaint .new-complaint .select2-container--default .selection {
    position: absolute;
    top: 8px;
    width: 96%;
    left: 10px; }
  #registercomplaint .new-complaint .select2-container--default .select2-selection__arrow {
    display: none; }
  #registercomplaint .new-complaint .required-fields {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .875em;
    display: block;
    text-align: center; }
  #registercomplaint .new-complaint .new-account-img {
    display: none; }
  @media screen and (min-width: 981px) {
    #registercomplaint .new-complaint {
      color: #224245;
      margin: 25px 0;
      padding: 20px 60px 35px; }
      #registercomplaint .new-complaint .request-new-account-form .required-fields {
        right: 0;
        top: 0;
        width: auto; } }
  #registercomplaint .new-complaint #submitRequest {
    justify-content: center;
    margin-bottom: 0; }
  #registercomplaint .new-complaint .typeOfIssue, #registercomplaint .new-complaint .contact_info_title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px; }
    #registercomplaint .new-complaint .typeOfIssue .radioDiv, #registercomplaint .new-complaint .contact_info_title .radioDiv {
      gap: 20px; }
      #registercomplaint .new-complaint .typeOfIssue .radioDiv > div, #registercomplaint .new-complaint .contact_info_title .radioDiv > div {
        flex-direction: row-reverse;
        width: unset; }
      @media screen and (max-width: 981px) {
        #registercomplaint .new-complaint .typeOfIssue .radioDiv, #registercomplaint .new-complaint .contact_info_title .radioDiv {
          flex-direction: column; } }
  #registercomplaint .new-complaint #submitRequest:hover {
    background: #FFFFFF;
    color: #224245;
    border: 1px solid #224245; }
    #registercomplaint .new-complaint #submitRequest:hover:before {
      background: #FFFFFF; }
    #registercomplaint .new-complaint #submitRequest:hover span {
      color: #224245; }
    #registercomplaint .new-complaint #submitRequest:hover .icon-arrow {
      color: #224245;
      z-index: 1; }
      #registercomplaint .new-complaint #submitRequest:hover .icon-arrow:before {
        color: #224245; }
  #registercomplaint .new-complaint .icon-jours_de_livraison {
    display: inline-block;
    font-size: 20px;
    position: absolute;
    bottom: 22px;
    right: 30px;
    color: #0084C5; }
  #registercomplaint .new-complaint .addr_street_title {
    margin-top: 20px; }
  #registercomplaint .new-complaint #add_phone_button, #registercomplaint .new-complaint #reomve_phone_button {
    padding: 8px 0;
    background-color: transparent;
    border: none;
    font-size: 0.9em; }
    #registercomplaint .new-complaint #add_phone_button:after, #registercomplaint .new-complaint #reomve_phone_button:after {
      content: "\e923";
      font-family: icomoon;
      color: #0084C5;
      margin: 15px; }
  #registercomplaint .new-complaint #reomve_phone_button:after {
    content: "\e968";
    font-family: icomoon;
    color: #FE5151;
    margin: 15px;
    font-weight: 900; }
  #registercomplaint .new-complaint .add_multiple_num {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  #registercomplaint .new-complaint .radioDiv input {
    display: none; }
  #registercomplaint .new-complaint .radioDiv label {
    padding: 20px 40px;
    border: 1px solid #B3B3B2;
    border-radius: 20px;
    cursor: pointer;
    text-align: center;
    flex: 1;
    margin: 0; }
    #registercomplaint .new-complaint .radioDiv label:hover {
      border-color: #0084C5; }
  #registercomplaint .new-complaint .radioDiv input[type="radio"]:checked + label {
    background-color: #0084C5;
    border-color: #0084C5;
    color: #FFFFFF; }
  #registercomplaint .new-complaint .ValidationErrors {
    position: absolute;
    bottom: -15px;
    left: 15px; }
  #registercomplaint .new-complaint .browse-file .browse label {
    background-color: transparent;
    color: #224245; }
    #registercomplaint .new-complaint .browse-file .browse label:hover {
      background-color: #224245;
      color: #FFFFFF; }
    #registercomplaint .new-complaint .browse-file .browse label i {
      margin-left: 10px; }
  #registercomplaint .new-complaint .browse-file .name-file {
    left: 20px; }
    #registercomplaint .new-complaint .browse-file .name-file .name {
      width: 250px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  #registercomplaint .new-complaint #attachement-wrapper .note {
    color: #232323;
    font-size: 0.87em; }
  #registercomplaint .new-complaint .note-order {
    font-size: .875em;
    margin: 5px 0;
    color: #224245; }

#registercomplaint .pika-single.pika-split-time {
  min-width: 350px; }
  #registercomplaint .pika-single.pika-split-time .pika-select-time {
    border: none;
    margin-left: 20px; }

#registercomplaint h2 {
  margin: 15px 0 20px 0;
  font-size: 1.69rem; }

#registercomplaint .business-detail-h2 {
  margin: 20px 0 -10px 0; }

#registercomplaint label.required, #registercomplaint .fieldLabel {
  margin: 10px 15px 0 0; }

#registercomplaint #brn-wrapper, #registercomplaint .no_vat_div, #registercomplaint .vat_field_div {
  margin-bottom: 10px;
  text-align: initial; }
  #registercomplaint #brn-wrapper .note, #registercomplaint .no_vat_div .note, #registercomplaint .vat_field_div .note {
    margin: 10px 15px 0 0; }
  #registercomplaint #brn-wrapper .browse-file, #registercomplaint .no_vat_div .browse-file, #registercomplaint .vat_field_div .browse-file {
    margin: 5px 0;
    position: relative; }
    #registercomplaint #brn-wrapper .browse-file .browse > input, #registercomplaint .no_vat_div .browse-file .browse > input, #registercomplaint .vat_field_div .browse-file .browse > input {
      display: block;
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      height: 100%;
      z-index: 9999; }
  #registercomplaint #brn-wrapper .ValidationErrors, #registercomplaint .no_vat_div .ValidationErrors, #registercomplaint .vat_field_div .ValidationErrors {
    left: 0;
    bottom: -25px; }

#registercomplaint .businesslegaladdress-items > div {
  padding-left: 0;
  padding-right: 0; }

#registercomplaint #productcategoryrequest-wrapper, #registercomplaint #businessopeningtime-wrapper {
  text-align: initial;
  margin: 10px 0; }

#registercomplaint #title {
  display: flex; }

#registercomplaint .hidden {
  display: none; }

#registercomplaint .delivery_dates_display > li {
  margin: 7px 0; }

#registercomplaint .client-information, #registercomplaint .product-wrapper, #registercomplaint .service_product-wrapper {
  margin: 0 320px;
  padding: 0 20px 20px;
  background-color: #F1F6F8;
  border-radius: 20px; }
  #registercomplaint .client-information label, #registercomplaint .product-wrapper label, #registercomplaint .service_product-wrapper label {
    color: #878787; }
  #registercomplaint .client-information input[type='text'], #registercomplaint .client-information select, #registercomplaint .product-wrapper input[type='text'], #registercomplaint .product-wrapper select, #registercomplaint .service_product-wrapper input[type='text'], #registercomplaint .service_product-wrapper select {
    border: none;
    background: transparent;
    padding: 0;
    height: auto;
    color: #224245;
    margin: 0; }
    #registercomplaint .client-information input[type='text'].editable, #registercomplaint .client-information select.editable, #registercomplaint .product-wrapper input[type='text'].editable, #registercomplaint .product-wrapper select.editable, #registercomplaint .service_product-wrapper input[type='text'].editable, #registercomplaint .service_product-wrapper select.editable {
      border: 1px solid #B3B3B2;
      background: #FFFFFF;
      padding: 14px 16px;
      height: 48px;
      color: #7a7a7a;
      margin: 5px 0; }
  @media screen and (max-width: 980px) {
    #registercomplaint .client-information, #registercomplaint .product-wrapper, #registercomplaint .service_product-wrapper {
      margin: 0; } }

.btn-primary {
  font-size: 1rem;
  font-weight: 600;
  font-family: "Mulish-Regular";
  height: 56px;
  background-color: #224245;
  color: #FFFFFF;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  width: 100%;
  box-shadow: none;
  text-transform: none;
  margin-bottom: 40px; }

.forgot-pass img {
  margin: 50px auto 24px; }

.forgot-pass .send-renew-password-link {
  font-size: 1em;
  color: #224245;
  font-weight: normal;
  margin-bottom: 25px;
  line-height: 1.1; }

.forgot-pass .page-content.card#content {
  background-color: #FFFFFF;
  padding: 23px 30px !important;
  border-radius: 40px;
  text-align: center;
  margin-top: 25px;
  box-shadow: none; }

.forgot-pass .forgotten-password label {
  display: none; }

.forgot-pass .forgotten-password input {
  height: 56px !important;
  background-color: #FFFFFF !important;
  padding: 18px 16px;
  display: block;
  width: 100%;
  font-size: 1rem;
  line-height: 1.25;
  color: #7a7a7a;
  border: 1px solid #F3F2F7;
  margin-bottom: 1em;
  outline: none;
  margin-bottom: 20px; }
  .forgot-pass .forgotten-password input + .ValidationErrors {
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0; }

@media screen and (min-width: 981px) {
  .forgot-pass img {
    margin: 50px auto; } }

.page-password #content.card {
  background-color: #FFFFFF;
  border-radius: 40px;
  text-align: center;
  margin-top: 25px;
  box-shadow: none; }

#password .deskAuthImg {
  display: none; }

#password .renew-password .ValidationErrors {
  text-align: left;
  position: absolute;
  left: 0;
  bottom: 20px; }

@media screen and (min-width: 981px) {
  #password .deskAuthImg {
    display: unset;
    width: unset;
    padding: 60px 60px; }
    #password .deskAuthImg img {
      width: 100%; }
  #password .deskAuthText {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 60px; }
  #password .mobAuthImg {
    display: none; }
  #password .center-email-fields {
    display: inline-block;
    width: 100%; }
  #password .col-md-5 {
    width: 100%; }
  #password .btn-primary span {
    padding-right: 15px; }
  #password .btn-primary:hover {
    background: #FFFFFF;
    color: #224245; }
  #password .renew-password .center-email-fields button {
    justify-content: center; }
  #password .renew-password .email {
    max-width: 100%; } }

@media screen and (min-width: 981px) {
  .deskAuthImg img {
    min-width: 270px; }
  .deskAuthText {
    width: 50%; }
    .deskAuthText .deskAuthText__content {
      width: 100%; }
  .email {
    max-width: 260px; }
  .codeInput .email {
    max-width: unset; }
  .deskAuthImg {
    width: 100%; }
  .email-container .email {
    max-width: unset; } }

@media screen and (min-width: 981px) {
  .submit-login {
    width: auto;
    right: 0; }
    .submit-login span {
      margin-right: 10px; } }

/* creation compte */
.checkboxTime {
  float: left;
  width: 100%;
  margin-bottom: 10px; }
  .checkboxTime > div {
    display: inline-block;
    padding: 15px 0;
    border-bottom: 1px solid #B3B3B2;
    width: 100%; }
  .checkboxTime-head {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center; }
    .checkboxTime-head label {
      margin-bottom: 0;
      margin-left: 10px; }
  .checkboxTime-body {
    height: 0;
    overflow: hidden; }
    .checkboxTime-body.active {
      height: auto;
      padding: 15px 0;
      position: relative; }
      .checkboxTime-body.active .ValidationErrors {
        position: absolute;
        bottom: -15px;
        left: 0; }
    .checkboxTime-body h3 {
      font-family: "Mulish-Regular";
      font-size: 0.9em;
      font-weight: normal;
      display: inline-block;
      width: 100%;
      margin: 10px 0; }
    .checkboxTime-body .col-sm-6 {
      padding: 0;
      left: 0; }
      .checkboxTime-body .col-sm-6 div {
        display: flex;
        width: 100%; }
        .checkboxTime-body .col-sm-6 div label {
          margin: 0;
          color: #878787;
          width: auto;
          position: absolute;
          top: 45px;
          z-index: 3;
          padding-left: 20px;
          display: none; }
      .checkboxTime-body .col-sm-6 input {
        padding: 13px 20px 13px 13px;
        text-align: right;
        position: relative;
        z-index: 1; }
        .checkboxTime-body .col-sm-6 input:focus {
          z-index: 2; }
  @media screen and (min-width: 981px) {
    .checkboxTime {
      display: grid;
      grid-column-gap: 30px; }
      .checkboxTime .checkboxTime-body .col-sm-6 {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center; }
        .checkboxTime .checkboxTime-body .col-sm-6 .openCloseTime {
          display: flex;
          width: 100%; } }
  .checkboxTime #content.card-block {
    border: none; }

#tos-wrapper {
  padding: 0;
  margin-bottom: 10px; }
  #tos-wrapper #tos-container > label > a {
    color: #0084C5;
    text-decoration: underline !important; }
    #tos-wrapper #tos-container > label > a:hover {
      color: #36A9E1; }
  #tos-wrapper #tos-container .ValidationErrors {
    position: absolute;
    bottom: 11px;
    left: 0; }
  @media screen and (min-width: 981px) {
    #tos-wrapper {
      margin-bottom: 0; } }

@media screen and (min-width: 640px) and (max-width: 755px) {
  #requestNewAccount .btn-primary {
    float: right;
    width: 20%; }
  .checkboxTime-body .col-sm-6 .closingTime input {
    left: 0; }
  .account-activation-form .step .codeInput .col-lg-6 {
    width: 100%; }
  .account-activation-form .step.step-3 .confirmationCodeDiv {
    width: 100%; } }

#requestNewAccount.isTradeCustForm .new-account-stepper {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px; }
  #requestNewAccount.isTradeCustForm .new-account-stepper h2 {
    font-size: 1.6em;
    text-align: left;
    margin-bottom: 20px; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .dateActu {
    font-size: 1.066em;
    font-weight: 700; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .fieldLabelRadioCheck {
    font-weight: 300; }
  #requestNewAccount.isTradeCustForm .new-account-stepper input[type='text'], #requestNewAccount.isTradeCustForm .new-account-stepper select {
    height: 56px;
    padding: 18px 16px;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.25;
    background: #FFFFFF;
    color: #7a7a7a;
    border: 1px solid #B3B3B2;
    margin: 5px 0;
    outline: none; }
  #requestNewAccount.isTradeCustForm .new-account-stepper input[type='text'].prest_error, #requestNewAccount.isTradeCustForm .new-account-stepper select.prest_error, #requestNewAccount.isTradeCustForm .new-account-stepper .browse-file:has(.prest_error) {
    border: 1px solid #ab0a3d; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .browse-file .browse .ValidationErrors {
    bottom: -40px !important; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div > div {
    margin-bottom: 10px;
    padding: 0; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .switch {
    position: relative;
    display: flex;
    width: 100%;
    height: 24px;
    margin-bottom: 0;
    align-items: center; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 20px;
    bottom: 0;
    background-color: #BDBDBD;
    transition: .4s;
    border-radius: 24px;
    width: 45px; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: #FFFFFF;
    transition: .4s;
    border-radius: 50%; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div input:checked + .slider {
    background-color: #0084C5; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div input:checked + .slider:before {
    transform: translateX(22px); }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .vatChoiceTitle {
    font-size: 0.933em;
    margin-top: 16px; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .sign_digitally {
    margin-top: 20px; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div label {
    font-size: 0.933em; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .toggle_show_div > label {
    margin-bottom: 15px; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .toggle_show_div .info_declaration_check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 15px; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .toggle_show_div .date_signature {
    font-size: 0.933em; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .toggle_show_div .signature {
    text-align: right; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .toggle_show_div .signature .dotted-signature {
      width: 100%;
      height: 100px;
      border: 1px dotted #D1D7DA;
      background-color: #FFFFFF; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .digital_sign_declaration {
    font-size: 0.933em; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .digital_sign_declaration p {
      color: #224245; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .text_blue {
    color: #36A9E1; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .no_vat_div .btn_download {
    background-color: #FFFFFF;
    margin-bottom: 0;
    color: #224245;
    cursor: pointer;
    height: 48px;
    padding: 0 20px;
    font-size: 1rem;
    border: solid 2px #224245;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    font-weight: 600; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .vatChoiceTitle .organisation_field a {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    transition: .3s ease-in-out;
    border: solid 2px #224245;
    font-size: 1rem;
    color: #224245;
    padding: 0 20px;
    margin-top: 15px;
    margin-bottom: 10px; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .vatChoiceTitle .organisation_field a:hover {
      border-color: transparent;
      color: #FFFFFF;
      background: #224245; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #delivery_message, #requestNewAccount.isTradeCustForm .new-account-stepper #comments {
    margin: 5px 0; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .checkboxDiv label {
    position: relative;
    display: flex;
    align-items: center; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .checkboxDiv label:before {
      content: "";
      width: 24px;
      height: 24px;
      border-radius: 50%;
      border: 1px solid #224245;
      display: inline-block;
      margin-right: 10px;
      position: relative; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .checkboxDiv input {
    display: none; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .checkboxDiv input:checked + label:after {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: #224245;
      font-family: "icomoon";
      content: "\e916";
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      position: absolute;
      left: 0;
      font-size: 10px;
      line-height: normal; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #productcategoryrequest-wrapper .checkboxDiv {
    padding: 20px;
    border-radius: 12px;
    background-color: #EEF4FB; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #partyTypeChoice {
    display: block;
    margin-top: 20px;
    padding: 20px;
    background: #EEF4FB;
    border-radius: 12px; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #partyTypeChoice > div {
      flex-direction: column;
      align-items: flex-start; }
      #requestNewAccount.isTradeCustForm .new-account-stepper #partyTypeChoice > div .info-tooltip {
        margin: 0 0 25px 40px;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: flex-start; }
      #requestNewAccount.isTradeCustForm .new-account-stepper #partyTypeChoice > div label {
        background: transparent; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #partyTypeChoice label {
      position: relative; }
      #requestNewAccount.isTradeCustForm .new-account-stepper #partyTypeChoice label:before {
        content: "";
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 1px solid #224245;
        display: inline-block;
        margin-right: 10px;
        position: relative; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #partyTypeChoice input {
      display: none; }
      #requestNewAccount.isTradeCustForm .new-account-stepper #partyTypeChoice input:checked + label:after {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #224245;
        font-family: "icomoon";
        content: "\e916";
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        position: absolute;
        left: 0;
        font-size: 10px;
        line-height: normal; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #customerClassification, #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .radioDiv {
    display: block;
    margin-top: 20px;
    padding: 20px;
    background: #EEF4FB;
    border-radius: 12px; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #customerClassification > div, #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .radioDiv > div {
      flex-direction: column;
      align-items: flex-start; }
      #requestNewAccount.isTradeCustForm .new-account-stepper #customerClassification > div .info-tooltip, #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .radioDiv > div .info-tooltip {
        margin: 0 0 25px 40px;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: flex-start; }
      #requestNewAccount.isTradeCustForm .new-account-stepper #customerClassification > div label, #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .radioDiv > div label {
        background: transparent; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #customerClassification label, #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .radioDiv label {
      position: relative;
      display: flex;
      margin-bottom: 24px; }
      #requestNewAccount.isTradeCustForm .new-account-stepper #customerClassification label:before, #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .radioDiv label:before {
        content: "";
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #224245;
        display: inline-block;
        margin-right: 10px;
        position: relative; }
      #requestNewAccount.isTradeCustForm .new-account-stepper #customerClassification label > span, #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .radioDiv label > span {
        width: calc(100% - 30px);
        text-align: left; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #customerClassification input, #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .radioDiv input {
      display: none; }
      #requestNewAccount.isTradeCustForm .new-account-stepper #customerClassification input:checked + label:after, #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .radioDiv input:checked + label:after {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        font-family: "icomoon";
        content: "";
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        position: absolute;
        left: 0;
        font-size: 10px;
        line-height: normal;
        border: 5px solid #0084C5; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #VatRegistered label {
    position: relative;
    display: flex; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #VatRegistered label:before {
      content: "";
      width: 20px;
      height: 20px;
      border-radius: 50%;
      border: 1px solid #224245;
      display: inline-block;
      margin-right: 10px;
      position: relative; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #VatRegistered label > span {
      width: calc(100% - 30px);
      text-align: left; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #VatRegistered input {
    display: none; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #VatRegistered input:checked + label:after {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      font-family: "icomoon";
      content: "";
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFFFFF;
      position: absolute;
      left: 0;
      font-size: 10px;
      line-height: normal;
      border: 5px solid #0084C5; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .partyType-org {
    margin-top: 30px; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .info-tooltip {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .info-tooltip i {
      height: max-content;
      display: flex;
      background: #224245;
      padding: 3px 3px;
      border-radius: 20px;
      color: #FFFFFF; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .info-tooltip .tooltip-text {
      font-size: 0.8em;
      font-weight: 300; }
  #requestNewAccount.isTradeCustForm .new-account-stepper h3 {
    font-size: 1.067em;
    font-family: "Mulish-Regular";
    font-weight: 500; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #business_individual_div > div.background_wrapper, #requestNewAccount.isTradeCustForm .new-account-stepper #business_individual_div > div.background_wrapper, #requestNewAccount.isTradeCustForm .new-account-stepper .background_wrapper {
    padding: 20px;
    border-radius: 12px;
    background-color: #EEF4FB; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .vat_field_div.background_wrapper {
    display: inline-block;
    width: 100%; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .vat_field_div > div {
    padding: 0; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #customerClassification {
    padding: 20px;
    background-color: #EEF4FB; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #business_individual_div > div {
    padding: 0; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #business_individual_div .organisation_field {
    padding: 0; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check > div {
    display: flex;
    gap: 45px;
    padding: 0; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check > div .radioDiv {
      gap: 40px; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .radioDiv {
    display: flex;
    padding: 0;
    margin: 0;
    background: transparent; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .ValidationErrors {
    position: absolute;
    bottom: 5px; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #tos-container {
    display: flex;
    align-items: flex-start;
    gap: 15px; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #tos-container label.required {
      margin: 0;
      text-align: left; }
      #requestNewAccount.isTradeCustForm .new-account-stepper #tos-container label.required a {
        text-decoration: underline !important;
        color: #0084C5; }
  #requestNewAccount.isTradeCustForm .new-account-stepper #attachement-wrapper {
    padding: 0;
    margin: 5px 0; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #attachement-wrapper #placeholder {
      font-size: 0.8em;
      color: #17354899; }
    #requestNewAccount.isTradeCustForm .new-account-stepper #attachement-wrapper .input-group {
      background-color: #FFFFFF; }

#requestNewAccount.isTradeCustForm .stepper {
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
  justify-content: center;
  flex-direction: column;
  padding: 0 50px 0 0; }

#requestNewAccount.isTradeCustForm .step a {
  display: flex;
  align-items: center;
  gap: 10px; }

#requestNewAccount.isTradeCustForm .step .numbering {
  display: flex;
  width: 36px;
  height: 36px;
  background-color: #22424580;
  color: #FFFFFF;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  font-weight: bold;
  position: relative;
  align-items: center;
  justify-content: center; }
  #requestNewAccount.isTradeCustForm .step .numbering:before {
    display: inline-block;
    width: 1px;
    height: 30px;
    position: absolute;
    bottom: -30px;
    content: "";
    background-color: #22424580;
    left: 18px; }

#requestNewAccount.isTradeCustForm .step .description {
  color: #22424580;
  width: calc(100% - 46px); }

#requestNewAccount.isTradeCustForm .step:last-child .numbering:before {
  display: none; }

#requestNewAccount.isTradeCustForm .step.active .numbering, #requestNewAccount.isTradeCustForm .step.active.stepDone.current .numbering {
  background-color: #0084C5; }

#requestNewAccount.isTradeCustForm .step.active:before, #requestNewAccount.isTradeCustForm .step.active.stepDone.current:before {
  background-color: #0084C5; }

#requestNewAccount.isTradeCustForm .step.active .description, #requestNewAccount.isTradeCustForm .step.active.stepDone.current .description {
  color: #0084C5; }

#requestNewAccount.isTradeCustForm .step.stepDone .numbering {
  background-color: #224245; }

#requestNewAccount.isTradeCustForm .step.stepDone:before {
  background-color: #224245; }

#requestNewAccount.isTradeCustForm .step.stepDone .description {
  color: #224245; }

#requestNewAccount.isTradeCustForm .step-content .step-pane {
  display: none;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 40px 25%; }
  #requestNewAccount.isTradeCustForm .step-content .step-pane.active {
    display: block; }

#requestNewAccount.isTradeCustForm .stepper-buttons {
  text-align: center;
  display: flex;
  justify-content: space-between; }
  #requestNewAccount.isTradeCustForm .stepper-buttons button {
    padding: 6px 12px;
    margin: 0 5px; }
    #requestNewAccount.isTradeCustForm .stepper-buttons button#prevBtn {
      background-color: transparent; }
  #requestNewAccount.isTradeCustForm .stepper-buttons .btn-primary {
    width: 121px;
    height: 40px;
    justify-content: center;
    margin: 0; }
  #requestNewAccount.isTradeCustForm .stepper-buttons .btn {
    width: 121px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 15px 20px;
    background-color: transparent;
    color: #224245;
    border: 1px solid #224245; }

@media screen and (max-width: 981px) {
  #requestNewAccount.isTradeCustForm .new-account-stepper {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .new-account-form {
      padding: 0;
      width: 100%; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .stepper {
      width: 100%; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .productCategory .each-category label > span {
      width: calc(100% - 34px);
      text-align: left; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check .fieldLabel {
      margin-right: 0;
      text-align: left; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check > div {
      gap: 15px; }
      #requestNewAccount.isTradeCustForm .new-account-stepper .vat_reg_check > div .radioDiv {
        gap: 0; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .customer_type_div .browse-file .document_format {
      width: 40%; }
  #requestNewAccount.isTradeCustForm .step-content .step-pane {
    padding: 20px; } }

@media screen and (max-width: 640px) {
  #requestNewAccount.isTradeCustForm .new-account-stepper .new-account-form {
    width: 100%; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .stepper {
    width: 100%; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .stepper .step {
    display: none; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .stepper.mobile-open .step {
    display: block; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .stepper .step.active {
    display: block; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .stepper {
    background: #FFFFFF;
    border: none;
    border-radius: 12px; }
  #requestNewAccount.isTradeCustForm .new-account-stepper .stepper .step {
    padding: 10px;
    cursor: pointer; }
    #requestNewAccount.isTradeCustForm .new-account-stepper .stepper .step .numbering:before {
      display: none; } }

#requestNewAccount .new-account-stepper {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px; }
  #requestNewAccount .new-account-stepper h2 {
    font-size: 1.6em;
    text-align: left;
    margin-bottom: 20px; }
  #requestNewAccount .new-account-stepper .dateActu {
    font-size: 1.066em;
    font-weight: 700; }
  #requestNewAccount .new-account-stepper .fieldLabelRadioCheck {
    font-weight: 300; }
  #requestNewAccount .new-account-stepper input[type='text'], #requestNewAccount .new-account-stepper select {
    height: 56px;
    padding: 18px 16px;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.25;
    background: #FFFFFF;
    color: #7a7a7a;
    border: 1px solid #B3B3B2;
    margin: 5px 0;
    outline: none; }
    @media screen and (max-width: 640px) {
      #requestNewAccount .new-account-stepper input[type='text'], #requestNewAccount .new-account-stepper select {
        font-size: 16px; } }
  #requestNewAccount .new-account-stepper #no_vat_dec > div {
    margin-bottom: 10px; }
  #requestNewAccount .new-account-stepper #no_vat_dec .organisation_field a {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    transition: .3s ease-in-out;
    border: solid 2px #224245;
    font-size: 1rem;
    color: #224245;
    padding: 0 20px;
    margin-top: 15px;
    margin-bottom: 10px; }
    #requestNewAccount .new-account-stepper #no_vat_dec .organisation_field a:hover {
      border-color: transparent;
      color: #FFFFFF;
      background: #224245; }
  #requestNewAccount .new-account-stepper #delivery_message, #requestNewAccount .new-account-stepper #comments {
    margin: 5px 0; }
  #requestNewAccount .new-account-stepper .checkboxDiv label {
    position: relative;
    display: flex;
    align-items: center; }
    #requestNewAccount .new-account-stepper .checkboxDiv label:before {
      content: "";
      width: 24px;
      height: 24px;
      border-radius: 50%;
      border: 1px solid #224245;
      display: inline-block;
      margin-right: 10px;
      position: relative; }
  #requestNewAccount .new-account-stepper .checkboxDiv input {
    display: none; }
    #requestNewAccount .new-account-stepper .checkboxDiv input:checked + label:after {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: #224245;
      font-family: "icomoon";
      content: "\e916";
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      position: absolute;
      left: 0;
      font-size: 10px;
      line-height: normal; }
  #requestNewAccount .new-account-stepper #productcategoryrequest-wrapper .checkboxDiv {
    padding: 20px;
    border-radius: 12px;
    background-color: #EEF4FB; }
  #requestNewAccount .new-account-stepper #partyTypeChoice {
    display: block;
    margin-top: 20px;
    padding: 20px;
    background: #EEF4FB;
    border-radius: 12px; }
    #requestNewAccount .new-account-stepper #partyTypeChoice > div {
      flex-direction: column;
      align-items: flex-start; }
      #requestNewAccount .new-account-stepper #partyTypeChoice > div .info-tooltip {
        margin: 0 0 25px 40px;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: flex-start; }
      #requestNewAccount .new-account-stepper #partyTypeChoice > div label {
        background: transparent; }
    #requestNewAccount .new-account-stepper #partyTypeChoice label {
      position: relative; }
      #requestNewAccount .new-account-stepper #partyTypeChoice label:before {
        content: "";
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 1px solid #224245;
        display: inline-block;
        margin-right: 10px;
        position: relative; }
    #requestNewAccount .new-account-stepper #partyTypeChoice input {
      display: none; }
      #requestNewAccount .new-account-stepper #partyTypeChoice input:checked + label:after {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #224245;
        font-family: "icomoon";
        content: "\e916";
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        position: absolute;
        left: 0;
        font-size: 10px;
        line-height: normal; }
  #requestNewAccount .new-account-stepper .partyType-org {
    margin-top: 30px; }
  #requestNewAccount .new-account-stepper .info-tooltip {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px; }
    #requestNewAccount .new-account-stepper .info-tooltip i {
      height: max-content;
      display: flex;
      background: #224245;
      padding: 3px 3px;
      border-radius: 20px;
      color: #FFFFFF; }
    #requestNewAccount .new-account-stepper .info-tooltip .tooltip-text {
      font-size: 0.8em;
      font-weight: 300; }
  #requestNewAccount .new-account-stepper h3 {
    font-size: 1.067em;
    font-family: "Mulish-Regular";
    font-weight: 500; }
  #requestNewAccount .new-account-stepper #brn-wrapper-field, #requestNewAccount .new-account-stepper #vat-wrapper-field {
    padding: 20px;
    border-radius: 12px;
    background-color: #EEF4FB;
    margin: 0 15px; }
  #requestNewAccount .new-account-stepper input:-webkit-autofill,
  #requestNewAccount .new-account-stepper input:-webkit-autofill:hover,
  #requestNewAccount .new-account-stepper input:-webkit-autofill:focus,
  #requestNewAccount .new-account-stepper textarea:-webkit-autofill,
  #requestNewAccount .new-account-stepper textarea:-webkit-autofill:hover,
  #requestNewAccount .new-account-stepper textarea:-webkit-autofill:focus,
  #requestNewAccount .new-account-stepper select:-webkit-autofill,
  #requestNewAccount .new-account-stepper select:-webkit-autofill:hover,
  #requestNewAccount .new-account-stepper select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important; }
  @media screen and (min-width: 981px) {
    #requestNewAccount .new-account-stepper .checkboxTime {
      grid-template-columns: repeat(1, 1fr); }
      #requestNewAccount .new-account-stepper .checkboxTime > div:nth-child(2) {
        border-top: 1px solid #B3B3B2; }
      #requestNewAccount .new-account-stepper .checkboxTime > div:nth-child(6) {
        border-bottom: none; }
    #requestNewAccount .new-account-stepper #submitRequest {
      position: relative;
      width: 100%; } }

#requestNewAccount .stepper {
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
  justify-content: center;
  flex-direction: column;
  padding: 0 50px 0 0; }

#requestNewAccount .step {
  display: flex;
  align-items: center;
  gap: 10px; }
  #requestNewAccount .step .numbering {
    display: flex;
    width: 36px;
    height: 36px;
    background-color: #22424580;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-weight: bold;
    position: relative;
    align-items: center;
    justify-content: center; }
    #requestNewAccount .step .numbering:before {
      display: inline-block;
      width: 1px;
      height: 30px;
      position: absolute;
      bottom: -30px;
      content: "";
      background-color: #22424580;
      left: 18px; }
  #requestNewAccount .step .description {
    color: #22424580;
    width: calc(100% - 46px); }
  #requestNewAccount .step:last-child .numbering:before {
    display: none; }
  #requestNewAccount .step.active .numbering {
    background-color: #0084C5; }
  #requestNewAccount .step.active:before {
    background-color: #0084C5; }
  #requestNewAccount .step.active .description {
    color: #0084C5; }
  #requestNewAccount .step.stepDone .numbering {
    background-color: #224245; }
  #requestNewAccount .step.stepDone:before {
    background-color: #224245; }
  #requestNewAccount .step.stepDone .description {
    color: #224245; }
  #requestNewAccount .step.stepDone.step-has-error .numbering {
    background-color: #ab0a3d; }
  #requestNewAccount .step.stepDone.step-has-error:before {
    background-color: #ab0a3d; }
  #requestNewAccount .step.stepDone.step-has-error .description {
    color: #ab0a3d; }
  #requestNewAccount .step.step-has-error .numbering {
    background-color: #ab0a3d; }
  #requestNewAccount .step.step-has-error:before {
    background-color: #ab0a3d; }
  #requestNewAccount .step.step-has-error .description {
    color: #ab0a3d; }

#requestNewAccount .step-content .step-pane {
  display: none;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 40px 25%; }
  #requestNewAccount .step-content .step-pane.active {
    display: block; }

#requestNewAccount .stepper-buttons {
  text-align: center;
  display: flex;
  justify-content: space-between; }
  #requestNewAccount .stepper-buttons button {
    padding: 6px 12px;
    margin: 0 5px; }
    #requestNewAccount .stepper-buttons button#prevBtn {
      background-color: transparent; }
  #requestNewAccount .stepper-buttons .btn-primary {
    width: 121px;
    height: 40px;
    justify-content: center;
    margin: 0; }
  #requestNewAccount .stepper-buttons .btn {
    width: 121px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 15px 20px;
    background-color: transparent;
    color: #224245;
    border: 1px solid #224245; }

@media screen and (max-width: 981px) {
  #requestNewAccount .new-account-stepper {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #requestNewAccount .new-account-stepper .new-account-form {
      padding: 0;
      width: 100%; }
    #requestNewAccount .new-account-stepper .stepper {
      width: 100%; }
    #requestNewAccount .new-account-stepper #brn-wrapper-field, #requestNewAccount .new-account-stepper #vat-wrapper-field {
      width: calc(100% - 30px);
      padding: 10px; }
      #requestNewAccount .new-account-stepper #brn-wrapper-field > div, #requestNewAccount .new-account-stepper #vat-wrapper-field > div {
        padding: 0;
        width: 100%; }
    #requestNewAccount .new-account-stepper .productCategory .each-category label > span {
      width: calc(100% - 34px);
      text-align: left; }
  #requestNewAccount .step-content .step-pane {
    padding: 20px; } }

@media screen and (max-width: 640px) {
  #requestNewAccount .new-account-stepper .new-account-form {
    width: 100%; }
  #requestNewAccount .new-account-stepper .stepper {
    width: 100%; }
  #requestNewAccount .new-account-stepper .stepper .step {
    display: none; }
  #requestNewAccount .new-account-stepper .stepper.mobile-open .step {
    display: flex; }
    #requestNewAccount .new-account-stepper .stepper.mobile-open .step .numbering:before {
      display: block;
      height: 50px;
      bottom: -50px; }
    #requestNewAccount .new-account-stepper .stepper.mobile-open .step:last-child .numbering:before {
      display: none; }
  #requestNewAccount .new-account-stepper .stepper .step.active {
    display: flex; }
  #requestNewAccount .new-account-stepper .stepper {
    background: #FFFFFF;
    border: none;
    border-radius: 12px; }
  #requestNewAccount .new-account-stepper .stepper .step {
    padding: 10px;
    cursor: pointer; }
    #requestNewAccount .new-account-stepper .stepper .step .numbering:before {
      display: none; }
  #requestNewAccount .new-account-stepper .orderingInfo label {
    text-align: left; }
  #requestNewAccount .new-account-stepper .orderingInfo .radioDiv > div {
    align-items: center; }
  #requestNewAccount .new-account-stepper .vat-certificate h3 {
    margin: 30px 15px 0 15px; }
  #requestNewAccount .new-account-stepper #vat_reg_check .radioDiv > div {
    align-items: center; }
  #requestNewAccount .new-account-stepper #vat_field_div > div, #requestNewAccount .new-account-stepper #no_vat_dec > div {
    padding: 0; }
  #requestNewAccount .new-account-stepper .form-group .browse-file .browse label {
    max-width: 130px;
    padding: 0 5px; }
  #requestNewAccount .new-account-stepper .form-group .browse-file .name-file .name {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #requestNewAccount .new-account-stepper #vat-wrapper .browse-file .browse label {
    max-width: 160px;
    padding: 0 5px; }
  #requestNewAccount .new-account-stepper #vat-wrapper .browse-file .name-file .name {
    width: 80px; } }

.blk-gammes {
  background-color: #E6EFF9;
  padding: 30px 0; }
  .blk-gammes h2 {
    margin-bottom: 22px;
    font-size: 1.692em;
    color: #224245; }
  .blk-gammes ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px; }
    .blk-gammes ul li {
      width: 100%; }
  .blk-gammes .card-g {
    border-radius: 20px;
    overflow: hidden;
    position: relative; }
    .blk-gammes .card-g:before {
      content: "";
      background-color: black;
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      opacity: .35;
      z-index: 1; }
    .blk-gammes .card-g img {
      -webkit-transition: all ease-in 0.3s;
      transition: all ease-in 0.3s;
      width: 100%;
      height: auto; }
    .blk-gammes .card-g h3 {
      position: absolute;
      bottom: 20px;
      left: 20px;
      color: white !important;
      font-size: 1em;
      font-style: normal;
      font-family: "Mulish-Regular";
      font-weight: normal;
      z-index: 2; }
    .blk-gammes .card-g i {
      font-size: 20px;
      margin-bottom: 10px;
      position: absolute;
      top: 20px;
      left: 20px;
      color: white;
      z-index: 2; }
    .blk-gammes .card-g:hover img {
      transform: scale(1.1); }
  @media screen and (min-width: 981px) {
    .blk-gammes {
      padding: 70px 0; }
      .blk-gammes h2 {
        margin-bottom: 30px; }
      .blk-gammes ul {
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 20px; } }
  @media screen and (min-width: 640px) and (max-width: 981px) {
    .blk-gammes ul {
      grid-template-columns: repeat(3, 1fr); } }

.brands-list {
  background-color: #FFFFFF;
  padding: 30px 0;
  overflow: hidden; }
  .brands-list h2 {
    margin-bottom: 22px;
    font-size: 1.692em;
    color: #224245; }
  .brands-list .brands-list_item {
    display: flex;
    margin: 0 -8px 25px 0; }
  .brands-list .logo-item {
    padding: 0 8px;
    min-width: 50px;
    position: relative; }
    .brands-list .logo-item a {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #FFFFFF;
      border-radius: 20px; }
      .brands-list .logo-item a > span {
        background: #FFFFFF;
        display: flex;
        width: 88%;
        height: 80%;
        position: absolute;
        left: 6%;
        top: 10%;
        align-items: center;
        justify-content: center;
        font-family: "Mulish-Bold";
        font-size: 1.15em;
        color: #0084C5; }
      .brands-list .logo-item a:after {
        content: "";
        display: block;
        padding-bottom: 100%;
        width: 100%;
        position: relative; }
      .brands-list .logo-item a img {
        transition: all .3s ease-in-out; }
      .brands-list .logo-item a:hover {
        border: 2px solid #224245; }
        .brands-list .logo-item a:hover img {
          transform: scale(1.125); }
    .brands-list .logo-item img {
      position: absolute;
      width: 100%;
      height: auto;
      max-width: 120px; }
  .brands-list .simple-link {
    color: #224245;
    float: right; }
    .brands-list .simple-link:after {
      top: unset; }
    .brands-list .simple-link:hover {
      color: #0084C5; }
    @media (min-width: 753px) and (max-width: 1205px) {
      .brands-list .simple-link {
        margin-right: 5%; } }
  .brands-list .slick-slider .slick-arrow:before {
    color: #224245; }
  @media screen and (min-width: 981px) {
    .brands-list {
      padding: 70px 0; }
      .brands-list .brands-list_item {
        margin: 0 -10px 25px 0; }
      .brands-list .logo-item {
        padding: 0 10px;
        position: relative; }
      .brands-list img {
        min-width: 75%; }
      .brands-list .simple-link::after {
        right: unset;
        transform: translateX(15px); } }
  @media screen and (min-width: 980px) {
    .brands-list .logo-item img {
      max-width: 100px; } }
  @media (min-width: 980px) and (max-width: 1024px) {
    .brands-list .logo-item img {
      max-width: 250px; } }

/* Page brands */
.bloc_filter {
  display: inline-block;
  padding: 25px 15px;
  margin-bottom: 15px;
  width: 100%;
  position: relative; }
  .bloc_filter:after {
    content: '';
    width: calc(100% - 30px);
    left: 15px;
    bottom: 0;
    height: 1px;
    background-color: #2242456e;
    position: absolute; }
  .bloc_filter p {
    float: left;
    padding: 15px 0 0;
    width: 150px;
    color: #224245; }
  .bloc_filter .list-lexique {
    width: calc(100% - 310px); }
  .bloc_filter .bouton {
    float: right;
    width: auto;
    min-width: 160px; }
  .bloc_filter .btn-protab-mob {
    display: none; }
  @media screen and (max-width: 980px) {
    .bloc_filter {
      padding: 30px 0; }
      .bloc_filter:after {
        width: 100%;
        left: 0; }
      .bloc_filter .list-lexique {
        width: 100%; }
      .bloc_filter .hidden-mob {
        display: none; }
      .bloc_filter .btn-protab-mob {
        display: block; }
      .bloc_filter .btn-reset {
        margin-bottom: 25px;
        width: 100%; }
      .bloc_filter .activeBlk {
        position: relative; }
        .bloc_filter .activeBlk .pro-tab-head {
          display: inline-block;
          position: absolute;
          top: calc(100% - 2px);
          z-index: 2;
          left: 0;
          background: #FFFFFF;
          border: 2px solid #cccccc;
          border-top-width: 2px;
          border-top-width: 1px;
          padding: 10px; }
      .bloc_filter .btn-protab-mob button {
        border: 2px solid #cccccc;
        background: none;
        display: inline-block;
        width: 100%;
        padding: 15px;
        text-align: left;
        position: relative; }
        .bloc_filter .btn-protab-mob button:after {
          transition: all .3s ease-in-out;
          content: "\e907";
          font-family: icomoon !important;
          font-style: normal;
          font-weight: 400;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          color: #224245;
          transform: rotate(90deg);
          right: 20px;
          top: calc(50% - 8px);
          padding: 0 0 2px;
          position: absolute; }
        .bloc_filter .btn-protab-mob button.active:after {
          transform: rotate(270deg); }
      .bloc_filter .pro-tab-head {
        display: none;
        position: absolute; } }

.list-lexique {
  margin: 0;
  float: left; }
  .list-lexique li {
    display: inline-block; }
    .list-lexique li span, .list-lexique li a {
      display: flex;
      width: 48px;
      height: 48px;
      justify-content: center;
      align-items: center;
      font-family: "Mulish-Bold";
      font-size: 1.25em; }
    .list-lexique li span {
      color: #ccc; }
    .list-lexique li a {
      color: #878787;
      text-decoration: none;
      position: relative; }
      .list-lexique li a:after {
        position: absolute;
        bottom: 0;
        content: '';
        width: 0;
        height: 2px;
        background: #224245;
        left: 0;
        -webkit-transition: all ease-in 0.2s;
        transition: all ease-in 0.2s; }
      .list-lexique li a:hover {
        color: #224245; }
        .list-lexique li a:hover:after {
          width: 100%; }
    .list-lexique li.active a {
      color: #224245; }
      .list-lexique li.active a:after {
        width: 100%; }

.product-detail {
  --product-detail-spacing-h: 20px;
  --product-detail-spacing-v: 20px;
  --product-detail-gap: 10px;
  --product-detail-radius: 20px;
  --product-detail-col-spacing: 20px;
  --product-detail-general-gap: 20px;
  --product-detail-title-size: 15px;
  --product-detail-title-spacing-b: 8px;
  --product-detail-title-h4-size: 10px;
  --product-detail-desc-item-spacing: 18px;
  --product-detail-meta-gap: 30px;
  --product-detail-meta-title-spacing-b: 2px;
  --product-detail-meta-text-size: 13px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  gap: var(--product-detail-gap);
  width: 100vw;
  max-width: 700px;
  height: calc(100vh - 72px);
  margin-left: -15px;
  padding: var(--product-detail-spacing-v) var(--product-detail-spacing-h);
  background-color: #FFFFFF;
  border-top-left-radius: var(--product-detail-radius);
  border-top-right-radius: var(--product-detail-radius);
  box-shadow: 10px 4px 20px rgba(0, 0, 0, 0.25);
  overflow-y: auto; }
  .product-detail h3 {
    margin-bottom: var(--product-detail-title-spacing-b);
    color: #2A6AB2;
    font-size: var(--product-detail-title-size);
    line-height: 1.5; }
  .product-detail h4 {
    margin-bottom: var(--product-detail-title-spacing-b);
    font-family: "Mulish-Regular";
    font-size: var(--product-detail-title-h4-size);
    line-height: 1.1; }
  .product-detail-popup {
    --product-detail-container: 660px;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    height: 100%;
    z-index: 99; }
    .product-detail-popup.activeBlk {
      width: 100%; }
    .product-detail-popup .container {
      position: relative;
      width: unset; }
    .product-detail-popup .productLoader {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      background: #FFFFFF;
      min-width: 1410px;
      min-height: 325px;
      display: none;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      box-shadow: 10px 4px 20px rgba(0, 0, 0, 0.25); }
      .product-detail-popup .productLoader img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50px); }
    .product-detail-popup.activeLoader .productLoader {
      display: block; }
  .product-detail-btn {
    position: absolute;
    top: 20px;
    right: 34px;
    padding: 4px;
    background-color: transparent;
    border: none; }
    .product-detail-btn:focus, .product-detail-btn:hover {
      color: #0084C5; }
  .product-detail__col {
    padding-bottom: var(--product-detail-col-spacing); }
    .product-detail__col:not(:last-child) {
      border-bottom: 1px solid #B3B3B2; }
  .product-detail__general {
    display: grid;
    grid-template-columns: 120px auto;
    gap: var(--product-detail-general-gap); }
  .product-detail__thumbnail {
    position: relative; }
  .product-detail__type {
    position: absolute;
    top: 10px;
    left: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .product-detail__type span {
      padding-left: 4px;
      font-family: "Mulish-Regular";
      font-size: 10px; }
  .product-detail__image {
    width: clamp(100px, 100%, 218px);
    background-color: #E6EFF9; }
  .product-detail__desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch; }
    .product-detail__desc-item:not(:last-child) {
      margin-bottom: var(--product-detail-desc-item-spacing);
      padding-bottom: var(--product-detail-desc-item-spacing);
      border-bottom: 1px solid #B3B3B2; }
      .product-detail__desc-item:not(:last-child) .Pdv .price-detail-title {
        margin-bottom: 5px; }
  .product-detail__pricing {
    margin-bottom: 0; }
    .product-detail__pricing.ea {
      margin-bottom: 10px; }
    .product-detail__pricing--promo, .product-detail__pricing--unit, .product-detail__pricing--real-sm {
      font-size: 11px;
      line-height: 1.5; }
    .product-detail__pricing--real, .product-detail__pricing--real-sm {
      color: #EA6852; }
    .product-detail__pricing--promo {
      text-decoration: line-through; }
    .product-detail__pricing--real {
      font-size: 15px;
      line-height: 1.5; }
  .product-detail__meta {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: var(--product-detail-meta-gap);
    margin-bottom: 0; }
    .product-detail__meta h4 {
      margin-bottom: var(--product-detail-meta-title-spacing-b); }
    .product-detail__meta span {
      font-family: "Mulish-Regular";
      font-size: var(--product-detail-meta-text-size); }
    .product-detail__meta[data-variant="wrap-cols"] {
      --product-detail-meta-gap: 15px;
      flex-wrap: wrap; }
      .product-detail__meta[data-variant="wrap-cols"] .product-detail__meta-item {
        flex-basis: calc(50% - var(--product-detail-meta-gap)); }
        .product-detail__meta[data-variant="wrap-cols"] .product-detail__meta-item[data-variant="fluid"] {
          flex-basis: 100%; }
  .product-detail__sponsors {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 0; }
    .product-detail__sponsors-item {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px; }
      .product-detail__sponsors-item img {
        width: 100%; }
  @media (min-width: 981px) {
    .product-detail {
      --product-detail-spacing-h: 20px;
      --product-detail-spacing-v: 30px;
      --product-detail-general-gap: 10px;
      --product-detail-meta-gap: 10px;
      grid-template-columns: auto auto minmax(260px, 1fr);
      grid-template-rows: minmax(230px, 1fr);
      max-width: 1410px;
      height: unset;
      margin-left: unset; }
      .product-detail-popup {
        --product-detail-container: 1440px; }
        .product-detail-popup .container .product-detail {
          min-width: 1410px;
          min-height: 325px; }
      .product-detail__col {
        padding-right: var(--product-detail-col-spacing);
        padding-bottom: unset; }
        .product-detail__col:not(:last-child) {
          border-right: 1px solid #B3B3B2;
          border-bottom: unset; }
      .product-detail__general {
        grid-template-columns: 100px auto 40px; }
      .product-detail__thumbnail {
        display: grid;
        place-items: center;
        background-color: #E6EFF9; }
      .product-detail__meta[data-variant="wrap-cols"] {
        --product-detail-meta-gap: 10px; }
      .product-detail__sponsors {
        flex-direction: column; } }
  @media (min-width: 1400px) {
    .product-detail {
      --product-detail-gap: 30px;
      --product-detail-general-gap: 36px;
      --product-detail-spacing-h: 42px;
      --product-detail-meta-gap: 20px; }
      .product-detail__general {
        grid-template-columns: 218px auto 40px; }
      .product-detail__meta[data-variant="wrap-cols"] {
        --product-detail-meta-gap: 30px; } }

.danger-message {
  display: flex;
  flex-direction: column;
  background-color: unset; }
  .danger-message > div {
    display: flex;
    flex-direction: column; }

.separateur {
  height: 2px;
  background: #224245;
  margin: unset;
  margin: 0 1rem;
  display: flex;
  justify-content: center; }

@media screen and (min-width: 981px) {
  .filter-footer {
    display: none; } }

.filter-footer .btn-primary {
  font-size: 1rem;
  font-weight: 600;
  font-family: "Mulish-Regular";
  height: 56px !important;
  background-color: #224245;
  color: #FFFFFF;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  width: 100%;
  box-shadow: none;
  text-transform: capitalize;
  margin-bottom: 40px; }

.filter-footer .btn-secondary-pan {
  font-size: 1rem;
  font-family: "Mulish-Regular";
  font-weight: 600;
  height: 56px;
  background-color: transparent;
  color: #224245;
  padding: 0 20px;
  border: solid 1px #224245;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-shadow: none;
  text-transform: capitalize;
  margin-bottom: 40px; }

.selectDiv label {
  font-size: 0.76rem;
  font-weight: 600;
  color: #224245;
  text-transform: uppercase;
  margin-bottom: 10px; }

.selectDiv .selectContainer {
  padding: 0 12px;
  background-color: #FFFFFF; }

.selectDiv select {
  padding: 12px 0;
  width: 100%;
  background-color: #FFFFFF;
  font-size: 1rem;
  font-weight: 400;
  color: #224245;
  border: none;
  outline: none; }

.checkDiv label {
  font-size: 0.76rem;
  font-weight: 600;
  color: #224245;
  text-transform: uppercase;
  position: relative;
  padding-left: 50px;
  margin-bottom: 0; }
  .checkDiv label::before {
    content: "";
    width: 44px;
    height: 25px;
    background-color: #BDBDBD;
    border-radius: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    transition: .3s ease-in-out; }
  .checkDiv label::after {
    content: "";
    width: 22px;
    height: 22px;
    background-color: #FFFFFF;
    border-radius: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 2px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 22px;
    transition: .3s ease-in-out; }

.checkDiv input {
  display: none; }
  .checkDiv input:checked + label::before {
    background-color: #0084C5; }
  .checkDiv input:checked + label::after {
    left: 20px; }

.business-info {
  height: 56px; }

.radioDiv {
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 5px; }
  .radioDiv input[type='radio']:checked + label {
    color: #0084C5; }
  .radioDiv > div {
    width: 70px;
    display: flex; }
    .radioDiv > div label {
      height: 28px;
      margin: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #FFFFFF;
      border-radius: 3px;
      font-size: 1rem;
      font-weight: 400;
      color: #224245;
      cursor: pointer;
      text-align: center; }
      @media screen and (min-width: 981px) {
        .radioDiv > div label {
          height: 30px; } }

.browse-file {
  display: flex;
  align-items: center;
  justify-content: end;
  border: 1px dashed #B3B3B2;
  padding: 11px; }
  .browse-file input[type='file'] {
    display: none; }
  .browse-file .name-file {
    display: none;
    justify-content: space-between;
    max-width: calc(100% - 205px);
    position: absolute;
    left: 10px;
    align-items: center; }
    .browse-file .name-file.show {
      display: flex; }
    .browse-file .name-file .name {
      font-size: 1rem;
      font-weight: 400;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .browse-file .name-file span {
      background: none;
      border: none;
      z-index: 998;
      cursor: pointer;
      margin-left: 5px; }
      .browse-file .name-file span i {
        font-size: 20px; }
  .browse-file .browse label {
    background-color: #224245;
    margin-bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    height: 48px;
    padding: 0 20px;
    font-size: 1rem;
    border: solid 1px #224245;
    display: flex;
    align-items: center; }
    .browse-file .browse label:hover {
      background-color: #FFFFFF;
      color: #224245; }
    .browse-file .browse label i {
      margin-left: 10px; }

.price-date {
  display: flex;
  align-items: baseline;
  border-top: solid 1px #2242453a;
  border-bottom: solid 1px #2242453a;
  margin-bottom: 17px;
  /* Calender */ }
  .price-date > div {
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #2242453a; }
    .price-date > div:first-child {
      border-right: solid 1px #2242453a;
      width: 40%; }
      @media screen and (min-width: 981px) {
        .price-date > div:first-child {
          width: 40%;
          padding: 10px 20px;
          border-left: 1px solid #2242453a;
          border-bottom: unset; } }
    .price-date > div:last-child {
      padding-left: 15px;
      width: 60%; }
      @media screen and (min-width: 981px) {
        .price-date > div:last-child {
          width: 60%;
          border-right: 1px solid #2242453a;
          padding: 10px 20px 10px 8px;
          border-bottom: unset; } }
  .price-date i {
    font-size: 20px;
    display: block; }
  .price-date .label-panier {
    font-weight: 400;
    font-size: 0.76rem;
    font-family: "Mulish-Regular";
    color: #224245; }
    .price-date .label-panier span {
      color: #EA6852; }
  .price-date .value {
    font-size: 1.15rem;
    font-weight: 700;
    color: #224245; }
  .price-date .pika-single {
    position: absolute;
    left: 0;
    top: 291.281px;
    padding: 5px 70px; }

.section-livraison {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0; }
  .section-livraison .radioDiv label {
    padding: 0 20px; }
  .section-livraison .left-livr {
    display: flex;
    align-items: center;
    text-align: left; }
    .section-livraison .left-livr i {
      font-size: 25px;
      color: #0084C5; }
    .section-livraison .left-livr .label-livr {
      margin-left: 10px;
      line-height: normal; }
      .section-livraison .left-livr .label-livr div {
        font-size: 0.76rem;
        font-weight: 600;
        font-family: "Mulish-Regular";
        color: #224245;
        float: left;
        width: 100%; }
  .section-livraison .right-livr {
    display: flex;
    align-items: center; }
    .section-livraison .right-livr i {
      font-size: 20px;
      color: #224245;
      margin-left: 10px;
      margin-right: 10px; }

.confimation-commande {
  background-color: #F1F6F8;
  border-radius: 20px 20px 0 0;
  padding-top: 20px;
  width: calc(100% + 30px);
  margin-left: -15px;
  /* panier */ }
  .confimation-commande .resume-command {
    background-color: #FFFFFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 20px 20px 0 0;
    padding: 15px;
    margin-bottom: 5px; }
    .confimation-commande .resume-command .top {
      display: flex;
      align-items: baseline;
      justify-content: space-between; }
      @media screen and (min-width: 981px) {
        .confimation-commande .resume-command .top {
          width: 40%; } }
      .confimation-commande .resume-command .top > div {
        text-align: right;
        margin-bottom: 13px; }
        .confimation-commande .resume-command .top > div:first-child {
          text-align: left; }
        @media screen and (min-width: 981px) {
          .confimation-commande .resume-command .top > div {
            margin-bottom: 0; } }
    .confimation-commande .resume-command .action-cta button {
      justify-content: center;
      margin-bottom: 0; }
    .confimation-commande .resume-command .action-cta .checkout .hideBtn {
      display: none; }
    .confimation-commande .resume-command .label-command {
      font-weight: 400;
      font-size: 0.84rem;
      font-family: "Mulish-Regular";
      color: #224245; }
    .confimation-commande .resume-command .value-command {
      font-size: 1.15rem;
      font-weight: 700;
      color: #224245; }
    .confimation-commande .resume-command .text-sm-center {
      justify-content: flex-end;
      display: flex; }
      .confimation-commande .resume-command .text-sm-center.agentBtn {
        justify-content: space-between; }
    .confimation-commande .resume-command .text-sm-center > a, .confimation-commande .resume-command .text-sm-center > form {
      width: calc(50% - 7.5px);
      text-align: center;
      justify-content: center; }
    .confimation-commande .resume-command .text-sm-center > a {
      background: none;
      color: #224245;
      border: 1px solid #224245;
      text-transform: none;
      margin: 0; }
    .confimation-commande .resume-command .text-sm-center > button.disabled {
      height: 40px; }
  .confimation-commande .confirm-label {
    font-size: 0.76rem;
    font-weight: 600;
    font-family: "Mulish-Regular";
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #224245;
    margin-bottom: 12px; }
  .confimation-commande .message-confirm {
    padding: 0 15px; }
    .confimation-commande .message-confirm .message {
      font-size: 1.15rem;
      font-weight: 700;
      color: #224245;
      margin-bottom: 33px; }
  @media screen and (min-width: 981px) {
    .confimation-commande {
      width: 100%;
      margin-left: 0; } }

.produit-panier .cartDeskShow {
  display: none; }

.panierMixParent {
  margin-top: 0;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid rgba(34, 66, 69, 0.2); }
  .panierMixParent:last-child {
    border-bottom: none; }
  .panierMixParent .btn-vld {
    top: 10px; }
  .panierMixParent .btn-mld {
    bottom: -10px; }

@media screen and (min-width: 981px) {
  .cart-overview .panierlist {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: unset;
    gap: 20px;
    padding-bottom: 0;
    border-bottom: 1px solid #2242453a;
    margin-top: unset !important;
    padding: 10px 15px; }
    .cart-overview .panierlist:before {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: black;
      height: 2px;
      display: block; }
    .cart-overview .panierlist.activeBlk {
      border-color: transparent; }
      .cart-overview .panierlist.activeBlk + .produit-panier .btn-mld {
        position: relative;
        height: 30px; }
    .cart-overview .panierlist.panierlistNoAgent {
      justify-content: space-between; }
      .cart-overview .panierlist.panierlistNoAgent .price-date > div:last-child {
        border-right: none; }
      .cart-overview .panierlist.panierlistNoAgent .price-date {
        justify-content: space-around; }
      .cart-overview .panierlist.panierlistNoAgent .section-delivery-message .delivery-message {
        min-width: 300px; }
    .cart-overview .panierlist .date {
      max-width: 35%; }
    .cart-overview .panierlist .section-livraison {
      align-items: baseline;
      margin: 17px 0px; }
  .cart-overview input.order-reference {
    height: 40px; }
  .section-livraison {
    margin: 0;
    width: 175px; }
  .price-date {
    border: none;
    margin-bottom: 0 !important;
    margin-left: 0;
    padding: 0;
    width: 40%; }
  .section-order-reference .order-reference, .section-order-reference .delivery-message, .section-delivery-message .order-reference, .section-delivery-message .delivery-message {
    margin: 10px 0;
    min-width: 190px; }
  .section-delivery-message {
    position: relative; }
    .section-delivery-message .delivery-message {
      min-width: 260px;
      height: 40px;
      line-height: 15px;
      font-size: 11px; }
      .section-delivery-message .delivery-message::-webkit-scrollbar {
        display: none; }
    .section-delivery-message:after {
      display: inline-block;
      background-color: white;
      position: absolute;
      top: 54px;
      left: 0;
      height: 10px;
      width: 100%; }
  .right-livr {
    position: absolute;
    right: 0; }
  .duplicateWarehouse + .produit-panier .blk-product-details {
    background: #FCE3D6; }
  .produit-panier {
    display: inline-block;
    margin: 0;
    width: 100%; }
    .produit-panier .blk-product-details {
      background: #FFFFFF;
      border-radius: 20px;
      padding: 10px;
      margin-bottom: 55px; }
      .produit-panier .blk-product-details .product_cart-item {
        padding: 0 15px 20px 15px;
        background: white;
        border-radius: 20px 20px 20px 20px; }
    .produit-panier .cart-item {
      display: flex;
      width: 100%;
      justify-content: space-between;
      padding: 10px;
      margin: 0;
      position: relative;
      border-radius: unset;
      margin-bottom: 5px; }
      .produit-panier .cart-item:after {
        content: "";
        position: absolute;
        top: 0;
        width: calc(100% - 30px);
        height: 1px;
        left: 15px;
        background: #224245;
        opacity: 0.2; }
      .produit-panier .cart-item:first-child:after {
        display: none; }
      .produit-panier .cart-item > div {
        width: 58%; }
        .produit-panier .cart-item > div.detail-product {
          width: 42%; }
      .produit-panier .cart-item .detail-product {
        flex-direction: row-reverse;
        padding: 0;
        border: none;
        justify-content: flex-end; }
        .produit-panier .cart-item .detail-product .img-product {
          margin: 0 20px 0 0;
          width: 50px; }
        .produit-panier .cart-item .detail-product .name-product {
          font-weight: normal; }
      .produit-panier .cart-item .price-qtte-remove-product {
        justify-content: flex-end;
        flex-direction: row-reverse;
        gap: 25px; }
        .produit-panier .cart-item .price-qtte-remove-product .qtte-prod {
          width: 90px;
          justify-content: end; }
        .produit-panier .cart-item .price-qtte-remove-product .product-line-total, .produit-panier .cart-item .price-qtte-remove-product .price-prod {
          width: 115px;
          text-align: right; }
        .produit-panier .cart-item .price-qtte-remove-product .price-prod {
          white-space: nowrap;
          width: 130px; }
        .produit-panier .cart-item .price-qtte-remove-product .qtte-label {
          font-size: 1.15rem;
          line-height: normal; }
        .produit-panier .cart-item .price-qtte-remove-product .qtte-value {
          padding: 0 15px;
          width: auto; }
        .produit-panier .cart-item .price-qtte-remove-product .remove-prod {
          position: absolute;
          right: 25px;
          width: auto; }
        .produit-panier .cart-item .price-qtte-remove-product .info-price {
          float: right;
          margin: 0 0 0 5px;
          position: relative;
          top: 2px; }
        .produit-panier .cart-item .price-qtte-remove-product .product-discount .regular-price {
          margin-right: 0; }
      .produit-panier .cart-item .sales-unit-prod {
        width: 40px;
        text-align: center; }
    .produit-panier .duplicate_product .cart:after {
      background: unset; }
    .produit-panier .cartDeskShow {
      line-height: normal;
      display: inline-block;
      width: 100%; }
      .produit-panier .cartDeskShow br {
        display: none; }
    .produit-panier .cartMobShow {
      display: none; }
    .produit-panier .btn-vld {
      margin-top: 7px; }
    .produit-panier .btn-vld, .produit-panier .btn-mld {
      position: unset;
      float: right; }
  .card-product {
    margin-top: 20px; }
  .resume-command .text-sm-center {
    gap: 15px; }
    .resume-command .text-sm-center > a, .resume-command .text-sm-center > form {
      width: auto !important;
      float: left; }
    .resume-command .text-sm-center .btn {
      width: max-content !important; }
    .resume-command .text-sm-center a {
      height: 40px;
      border: 1px solid;
      background: #FFFFFF !important; }
      .resume-command .text-sm-center a:hover {
        background: none !important;
        color: #FFFFFF;
        border: 1px solid #FFFFFF; }
  .panierMixParent .cart-item-header:before {
    display: none !important; }
  .panierMixParent .section-livraison {
    float: left;
    padding: 15px 0; }
  .panierMixParent .btn-vld {
    width: auto;
    margin-top: 10px; }
  .panierMixParent .blk-product-details {
    float: left; }
  .panierMixParent .btn-mld {
    position: relative;
    bottom: -55px;
    max-height: 30px; } }

.reorder {
  border-radius: 20px;
  padding: 20px;
  color: #224245;
  margin: 0;
  box-shadow: none; }
  .reorder .ref {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: space-between;
    grid-gap: 15px; }
    .reorder .ref .ref1 {
      text-align: left;
      padding-bottom: 0;
      padding-left: 0; }
    .reorder .ref .label-reorder {
      display: inline-block;
      font-style: normal;
      font-weight: 400;
      font-size: 0.86em;
      margin-bottom: 5px; }
    .reorder .ref .value-reorder {
      font-style: normal;
      font-weight: 700;
      font-size: 1.15em; }
  .reorder .invoice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px; }
    .reorder .invoice .inv {
      background: #36A9E1;
      border-radius: 25px;
      color: white;
      display: inline-block;
      text-align: center;
      text-decoration: none;
      padding: 5px 15px 7px 15px;
      line-height: normal;
      font-size: 1em; }
    .reorder .invoice .on-hold {
      width: max-content; }
      .reorder .invoice .on-hold:hover {
        color: #FFFFFF; }
  .reorder .ReNw {
    color: #224245;
    font-size: 1em;
    outline: none; }
    .reorder .ReNw.disabled {
      opacity: 0.65;
      cursor: not-allowed; }
      .reorder .ReNw.disabled:hover {
        color: unset; }
    .reorder .ReNw:after {
      content: "\e922";
      font-family: 'icomoon';
      font-size: 1.25em;
      display: inline-block;
      margin-left: 15px;
      position: relative;
      top: 4px; }
    .reorder .ReNw:hover {
      color: #0084C5; }
  @media screen and (min-width: 981px) {
    .reorder .invoice {
      align-items: baseline; }
    .reorder .ref .value-reorder {
      font-size: 1em; } }

.total {
  width: 100%;
  box-shadow: 10px 4px 20px rgba(0, 0, 0, 0.55);
  background-color: #224245;
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin-top: 20px;
  color: #FFFFFF;
  font-size: 1.3em; }
  .total .total-1 {
    display: flex;
    width: auto;
    gap: 10px;
    color: #FFFFFF;
    padding: 12px 12px 12px 20px;
    justify-content: space-between;
    letter-spacing: 0.02em; }
    .total .total-1 .t-t-1 {
      font-size: 0.84rem;
      padding-right: 15px; }
    .total .total-1 .t-t-2 {
      font-size: 1.15rem;
      font-family: "open_sansbold"; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 981px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
      .total .total-1 {
        width: 65%;
        padding: 12px; } }
    @media only screen and (min-device-width: 753px) and (max-device-width: 1205px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
      .total .total-1 {
        width: 60%;
        padding: 12px; } }
  .total .total-2 {
    padding: 7px; }
    .total .total-2 .cnt-btn {
      float: right;
      background-color: #FFFFFF;
      padding: 15px;
      border: none;
      font-size: 13px;
      color: #224245;
      width: 100px;
      height: 52px; }
      .total .total-2 .cnt-btn:hover {
        background: #224245;
        color: #FFFFFF;
        border: 1px solid #FFFFFF; }

@media screen and (max-width: 980px) {
  #search_filters_wrapper.filter-container {
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100%;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: #00000069;
    left: 0; }
    #search_filters_wrapper.filter-container .container-filter {
      background-color: #FFFFFF;
      width: 85vw;
      height: 75vh;
      margin: auto;
      box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
      border-radius: 20px;
      overflow: hidden;
      position: relative; }
      #search_filters_wrapper.filter-container .container-filter #search_filters {
        background: none;
        height: calc(100vh - 305px);
        overflow: auto; }
        #search_filters_wrapper.filter-container .container-filter #search_filters .facet {
          padding: 0 18px;
          border: none !important;
          margin-bottom: 25px; }
          #search_filters_wrapper.filter-container .container-filter #search_filters .facet li {
            border: none !important;
            margin-left: 15px; }
            #search_filters_wrapper.filter-container .container-filter #search_filters .facet li input[type="checkbox"]:checked + span {
              background: #0084C5;
              border: none; }
              #search_filters_wrapper.filter-container .container-filter #search_filters .facet li input[type="checkbox"]:checked + span .checkbox-checked {
                display: inline-block; }
              #search_filters_wrapper.filter-container .container-filter #search_filters .facet li input[type="checkbox"]:checked + span i {
                color: #FFFFFF !important;
                font-size: 15px; }
            #search_filters_wrapper.filter-container .container-filter #search_filters .facet li input + span {
              width: 20px;
              height: 20px;
              border: solid 2px #224245;
              border-radius: 5px;
              position: relative; }
              #search_filters_wrapper.filter-container .container-filter #search_filters .facet li input + span .checkbox-checked {
                display: none;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                width: max-content;
                height: max-content;
                margin: auto; }
            #search_filters_wrapper.filter-container .container-filter #search_filters .facet li a {
              font-family: "Mulish-Regular";
              font-weight: 400;
              font-size: 1rem;
              color: #224245;
              opacity: .87; }
        #search_filters_wrapper.filter-container .container-filter #search_filters .facet-title {
          font-weight: 600;
          font-family: "Mulish-Regular";
          font-size: 1.15rem;
          color: #224245;
          text-transform: capitalize !important; }
    #search_filters_wrapper.filter-container .filter-footer {
      display: flex;
      align-items: center;
      background-color: #FFFFFF;
      padding: 15px 0;
      position: absolute;
      bottom: 0;
      width: 100%;
      box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1); }
      #search_filters_wrapper.filter-container .filter-footer button.btn-primary {
        display: none; }
      #search_filters_wrapper.filter-container .filter-footer button {
        height: 48px;
        margin: 0 15px;
        justify-content: center; }
    #search_filters_wrapper.filter-container .filter-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 20px;
      box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
      border-radius: 20px 20px 0px 0px; }
      #search_filters_wrapper.filter-container .filter-header h3 {
        font-weight: 400;
        font-size: 0.76rem;
        font-family: "Mulish-Regular";
        letter-spacing: 1px;
        color: #1A1A1A;
        text-transform: uppercase;
        margin: 0; }
      #search_filters_wrapper.filter-container .filter-header i {
        font-size: 17px; }
      #search_filters_wrapper.filter-container .filter-header button {
        border: none;
        background: none;
        box-shadow: none;
        margin: 0;
        padding: 0; } }

.slide-product {
  background-color: #D5BBE1;
  padding: 35px 15px 80px;
  position: relative;
  margin: 0 -15px; }
  .slide-product.news-best {
    padding-right: 0;
    background-color: #FECA67;
    padding-bottom: 60px; }
    .slide-product.news-best .new-product .image-product {
      border: none; }
      .slide-product.news-best .new-product .image-product .tag-new {
        display: none; }
    .slide-product.news-best .custom-slider {
      min-height: 330px;
      max-width: 100vw; }
    .slide-product.news-best .tabContainer {
      display: inline-block;
      width: 100%;
      position: relative; }
      .slide-product.news-best .tabContainer #best-sell.tabcontent.activeBlock.active {
        position: relative; }
      .slide-product.news-best .tabContainer .tabcontent {
        visibility: hidden; }
        .slide-product.news-best .tabContainer .tabcontent.activeBlock {
          visibility: visible;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          z-index: 1; }
    .slide-product.news-best .simple-link:after {
      right: 15px; }
  .slide-product h2 {
    margin-bottom: 15px;
    color: #224245;
    font-size: 1.693em; }
  .slide-product .tab {
    padding: 0 8px; }
  .slide-product .all-deals {
    position: absolute;
    bottom: 38px;
    right: 27px;
    display: flex;
    align-items: center;
    font-size: 0.76rem;
    font-weight: 600;
    color: #224245;
    text-transform: uppercase; }
    .slide-product .all-deals i {
      margin-left: 13px; }
  .slide-product .slick-track {
    float: left; }
  .slide-product .simple-link {
    float: right;
    position: relative;
    top: -25px; }
    .slide-product .simple-link:after {
      right: 0;
      top: 0; }
  @media screen and (min-width: 981px) {
    .slide-product {
      padding: 80px 0px 80px 15px;
      margin: 0; } }
  .slide-product.B-deals .card-custom {
    min-height: 331px; }

.news-best .tab button {
  background: none;
  border: none;
  outline: none;
  font-size: 1.693em;
  font-family: "Mulish-Regular";
  font-weight: 700;
  color: #224245;
  opacity: 0.5;
  margin-bottom: 30px;
  padding: 0; }
  .news-best .tab button:first-child {
    margin: 0 35px 30px 0; }
  .news-best .tab button.active {
    opacity: 1;
    position: relative; }
    .news-best .tab button.active:before {
      content: "";
      width: 100%;
      height: 4px;
      background-color: #224245;
      position: absolute;
      bottom: -10px;
      left: 0; }

.slick-slider {
  position: relative; }
  .slick-slider .slick-arrow {
    background: none;
    border: none;
    outline: none;
    position: absolute;
    bottom: -55px;
    width: 40px;
    height: 40px;
    color: transparent;
    overflow: hidden; }
    .slick-slider .slick-arrow.slick-next {
      left: 70px;
      bottom: -53px; }
    .slick-slider .slick-arrow.slick-prev {
      left: 10px;
      bottom: -53px; }
    .slick-slider .slick-arrow.slick-next:before {
      content: "\e959"; }
    .slick-slider .slick-arrow.slick-prev:before {
      content: "\e95a"; }
    .slick-slider .slick-arrow:before {
      font-family: 'icomoon' !important;
      speak: never;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      font-size: 14px;
      color: #224245; }
    @media screen and (min-width: 981px) {
      .slick-slider .slick-arrow {
        bottom: -53px; } }
    .slick-slider .slick-arrow:hover:before {
      border-radius: 50%;
      border: 2px solid #224245; }

#news-home-slide.custom-slider:not(.slick-initialized) {
  max-height: 360px; }

#news-home-slide .card-product-disconnected {
  min-height: 370px; }
  #news-home-slide .card-product-disconnected.new-product .image-product {
    border: none; }
    #news-home-slide .card-product-disconnected.new-product .image-product .tag-new {
      display: none; }

@media screen and (min-width: 981px) {
  #news-home-slide .card-product-disconnected {
    min-height: 356px; } }

.custom-slider {
  margin-bottom: 60px; }
  .custom-slider .containerRelative {
    display: inline-block; }
  .custom-slider.notSlick {
    padding-bottom: 0; }
    .custom-slider.notSlick > div {
      float: left;
      padding: 0 8px;
      width: 100%; }
  .custom-slider .slick-arrow.slick-next, .custom-slider .slick-arrow.slick-prev {
    bottom: -60px; }
    .custom-slider .slick-arrow.slick-next.slick-disabled, .custom-slider .slick-arrow.slick-prev.slick-disabled {
      opacity: 0.2;
      cursor: not-allowed; }
  .custom-slider .slick-slide {
    padding: 0 8px; }
  .custom-slider.B-deals {
    padding-bottom: 35px; }
  .custom-slider:not(.slick-initialized) {
    overflow: hidden;
    max-height: 325px; }
  @media screen and (min-width: 981px) {
    .custom-slider {
      display: inline-block;
      width: 100%; }
      .custom-slider-slide {
        width: calc(100% / 3);
        float: left;
        padding: 0 8px; }
      .custom-slider.notSlick > div {
        width: calc(100% / 3); } }

@media screen and (max-width: 980px) {
  .new-products-list .container-wide, .slide-product .container-wide {
    padding-left: 0; }
    .new-products-list .container-wide h2, .slide-product .container-wide h2 {
      padding: 0 23px; }
    .new-products-list .container-wide .tab, .slide-product .container-wide .tab {
      padding: 0 23px; } }

#best-sell .card-product-connected {
  min-height: 315px; }

#history {
  /* Mobile style orders */ }
  #history h1 {
    font-size: 1.466em; }
  #history #wrapper {
    background: #E6EFF9;
    padding: 30px 5% 30px 5%; }
    #history #wrapper .container {
      width: 100%; }
    #history #wrapper > .container {
      padding: 0; }
    #history #wrapper #main .page-header > .container {
      padding: 0; }
  #history #main {
    padding: 0; }
    #history #main .page-content h6 {
      font-size: 1.153em; }
  #history .view-details {
    color: #3F3035;
    font-size: 2rem;
    margin-left: 15px;
    position: relative;
    top: 2px; }
    #history .view-details:hover {
      color: #0084C5; }
  #history .pdf-details {
    color: #3F3035;
    font-size: 2.3rem; }
    #history .pdf-details:hover, #history .pdf-details:focus {
      text-decoration: none; }
  #history .order-again {
    color: #3F3035;
    font-size: 1.538em; }
    #history .order-again:hover {
      color: #0084C5; }
  #history .order-actions {
    display: flex;
    height: 80px;
    align-items: center; }
  #history #content {
    padding: 0;
    background: transparent; }
    #history #content .table-striped {
      font-size: 14px; }
      #history #content .table-striped th:nth-child(3), #history #content .table-striped td:nth-child(3) {
        max-width: 120px; }
      #history #content .table-striped th:first-child, #history #content .table-striped td:first-child {
        max-width: 135px; }
      #history #content .table-striped thead {
        border-bottom: 2px solid #224245; }
        #history #content .table-striped thead th {
          border: 0; }
        #history #content .table-striped thead tr th {
          font-size: 0.714em;
          letter-spacing: 1px;
          font-weight: 600; }
          #history #content .table-striped thead tr th:first-child {
            padding-left: 0; }
          #history #content .table-striped thead tr th:last-child {
            padding-right: 0; }
      #history #content .table-striped tbody td, #history #content .table-striped tbody th {
        vertical-align: inherit;
        color: #224245;
        font-size: 0.928em; }
        #history #content .table-striped tbody td > div, #history #content .table-striped tbody th > div {
          display: flex;
          align-items: center;
          align-content: center;
          justify-content: space-between; }
        #history #content .table-striped tbody td:first-child, #history #content .table-striped tbody th:first-child {
          padding-left: 0; }
        #history #content .table-striped tbody td:last-child, #history #content .table-striped tbody th:last-child {
          padding-right: 0; }
      #history #content .table-striped tbody tr:last-child {
        border-bottom: none; }
      #history #content .table-striped tr th {
        font-size: .867em;
        text-transform: uppercase;
        letter-spacing: .15em;
        font-weight: normal;
        background: transparent;
        vertical-align: middle; }
      #history #content .table-striped .price {
        font-size: 1.071em;
        font-weight: 600; }
      #history #content .table-striped .icon-warehouse {
        text-align: center; }
        #history #content .table-striped .icon-warehouse i {
          font-size: 16px; }
    #history #content .label-pill {
      position: relative;
      padding-left: 0;
      background: none !important;
      color: #224245;
      white-space: unset; }
      #history #content .label-pill span {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block; }
  #history .breadcrumbs-items .container {
    display: flex;
    align-items: flex-end; }
    #history .breadcrumbs-items .container .row:nth-of-type(1) {
      flex-grow: 1; }
    @media screen and (max-width: 767px) {
      #history .breadcrumbs-items .container .row {
        white-space: unset; } }
    @media screen and (max-width: 767px) {
      #history .breadcrumbs-items .container {
        flex-direction: column; } }
  #history .table-bordered td, #history .table-bordered th {
    border: none; }
  #history .table td, #history .table th {
    border-top: none; }
  #history .table tr {
    background-color: transparent;
    border-bottom: 1px solid #B3B3B2; }
  #history .table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent; }
  #history .orderItem {
    background: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px; }
    #history .orderItem .status {
      padding: 10px;
      text-align: center;
      color: white;
      font-size: 1.25em; }
    #history .orderItem .orderItemCont {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 12px;
      padding: 20px 0 10px;
      margin: 0 20px;
      border-bottom: 1px solid #2242456e;
      color: #224245; }
      #history .orderItem .orderItemCont dd {
        font-size: 1.37em; }
    #history .orderItem .orderItemAction {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px 20px 18px 20px; }
      #history .orderItem .orderItemAction a {
        font-size: 1.3em;
        display: flex;
        align-items: center; }
        #history .orderItem .orderItemAction a i {
          display: inline-block;
          margin-left: 8px; }
          #history .orderItem .orderItemAction a i:before {
            font-size: 1.3em; }
      #history .orderItem .orderItemAction div:first-child i {
        margin: 0 8px 0 0; }
      #history .orderItem .orderItemAction div:nth-child(2) {
        display: flex;
        gap: 10px; }
  #history h2 {
    margin: 20px 0; }
  #history .two-bs .leveler {
    padding-top: 2px;
    font-size: 1.083em;
    letter-spacing: normal; }

a.orderCancel {
  font-size: 1.538em;
  text-decoration: none; }
  a.orderCancel:hover {
    color: red; }

a.order-again {
  font-size: 1.538em;
  text-decoration: none; }
  a.order-again.failedOrders-reorder {
    width: 138px;
    height: 48px;
    padding: 15px;
    display: flex;
    justify-content: center;
    margin-right: 0;
    font-size: 0.913em;
    background: #224245;
    color: #FFFFFF;
    outline: none;
    text-align: center;
    border: 1px solid transparent;
    line-height: 1em;
    align-items: center; }
    a.order-again.failedOrders-reorder:hover {
      border: 1px solid #224245;
      background: white;
      color: #224245; }

.historyDetailsTbl {
  display: none;
  position: relative; }
  .historyDetailsTbl .dataTables_length {
    display: none; }
  .historyDetailsTbl .dataTables_filter {
    display: none; }
  .historyDetailsTbl .dataTables_info {
    display: none; }
  .historyDetailsTbl .dataTables_paginate {
    text-align: center;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    .historyDetailsTbl .dataTables_paginate > span {
      display: flex;
      align-items: center; }
      .historyDetailsTbl .dataTables_paginate > span a {
        margin: 0 10px;
        font-size: 1.23rem;
        font-weight: 400;
        font-family: "Mulish-Regular";
        color: #B3B3B2;
        outline: none;
        cursor: pointer; }
    .historyDetailsTbl .dataTables_paginate .current {
      font-weight: 400;
      font-size: 1.23rem;
      font-family: "Mulish-Regular";
      color: #FFFFFF;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 500px;
      background-color: #0084C5; }
    .historyDetailsTbl .dataTables_paginate .previous, .historyDetailsTbl .dataTables_paginate .next {
      width: 40px;
      height: 40px;
      display: inline-block;
      position: relative;
      color: transparent;
      overflow: hidden;
      background-color: #FFFFFF;
      border-radius: 50%;
      padding: 18px;
      margin: 0 10px;
      font-family: "icomoon" !important;
      transition: .3s ease-in-out;
      cursor: pointer; }
      .historyDetailsTbl .dataTables_paginate .previous.disabled, .historyDetailsTbl .dataTables_paginate .next.disabled {
        display: none; }
        .historyDetailsTbl .dataTables_paginate .previous.disabled:hover, .historyDetailsTbl .dataTables_paginate .next.disabled:hover {
          background-color: #B3B3B2; }
      .historyDetailsTbl .dataTables_paginate .previous:hover, .historyDetailsTbl .dataTables_paginate .next:hover {
        background-color: #0084C5; }
        .historyDetailsTbl .dataTables_paginate .previous:hover:before, .historyDetailsTbl .dataTables_paginate .next:hover:before {
          color: #FFFFFF; }
      .historyDetailsTbl .dataTables_paginate .previous:before, .historyDetailsTbl .dataTables_paginate .next:before {
        content: "\e907";
        position: absolute;
        width: 13px;
        height: 15px;
        color: #224245;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-size: contain; }
    .historyDetailsTbl .dataTables_paginate .previous:before {
      transform: rotate(180deg); }
  @media screen and (min-width: 800px) {
    .historyDetailsTbl {
      display: block;
      background: #FFFFFF;
      border-radius: 20px;
      padding: 6px 25px 0; } }

.blkDeskOrders {
  display: none; }
  @media screen and (min-width: 800px) {
    .blkDeskOrders {
      display: table; } }

@media screen and (min-width: 800px) {
  .blkMobOrders {
    display: none; } }

#order-detail main {
  overflow: hidden; }

#order-detail.page-order-detail {
  font-family: "Mulish-Regular";
  color: #224245; }
  #order-detail.page-order-detail table th {
    font-weight: normal; }
  #order-detail.page-order-detail .page-header {
    border: 0; }
  #order-detail.page-order-detail table th {
    color: #224245;
    text-transform: uppercase;
    font-size: 10px; }
  #order-detail.page-order-detail #order-history table {
    border: 0;
    width: 50%;
    margin: 0; }
    #order-detail.page-order-detail #order-history table th {
      border: 0; }
    #order-detail.page-order-detail #order-history table td {
      border: none;
      padding: 0; }
  #order-detail.page-order-detail #content #order-infos strong {
    font-family: "Mulish-SemiBold";
    font-weight: normal; }
  #order-detail.page-order-detail #content #order-infos .box {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #order-detail.page-order-detail #content #order-infos .box > div {
      width: 100%;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      align-content: center; }
    #order-detail.page-order-detail #content #order-infos .box.orderHidden {
      display: none; }
    #order-detail.page-order-detail #content #order-infos .box h2 {
      color: #224245;
      display: inline-block;
      font-family: "Mulish-Regular";
      text-transform: uppercase;
      letter-spacing: .15em;
      font-size: 1.3em;
      font-weight: normal; }
      #order-detail.page-order-detail #content #order-infos .box h2 span {
        font-weight: 700;
        text-transform: initial; }
    #order-detail.page-order-detail #content #order-infos .box ul li {
      margin-bottom: 10px; }
  #order-detail.page-order-detail #content #order-infos .col-xs-3 {
    padding: 10px; }
    #order-detail.page-order-detail #content #order-infos .col-xs-3 a {
      border: 1px solid #224245;
      background: #224245;
      color: #FFFFFF; }
      #order-detail.page-order-detail #content #order-infos .col-xs-3 a:hover {
        background: none;
        color: #224245; }
  #order-detail.page-order-detail #content .download-pdf {
    margin-top: 20px; }
  #order-detail.page-order-detail #content .box {
    box-shadow: none; }
  #order-detail.page-order-detail #content h3 {
    font-family: "Mulish-Regular";
    font-size: 24px;
    color: #224245;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 10px; }
  #order-detail.page-order-detail #content h4 {
    font-family: "Mulish-Regular";
    font-size: 10px;
    color: #224245;
    font-weight: 100;
    margin-bottom: 10px;
    text-transform: uppercase; }
  #order-detail.page-order-detail #content button.btn {
    font-family: "Mulish-Regular";
    border-radius: 0;
    background-color: #224245;
    border: 1px solid #224245;
    box-shadow: none;
    margin-bottom: 0; }
    #order-detail.page-order-detail #content button.btn:hover, #order-detail.page-order-detail #content button.btn:focus {
      color: #224245;
      background: #FFFFFF; }
  #order-detail.page-order-detail #content .order-message-form {
    background-color: #F1F6F8;
    padding: 70px 30px 50px; }
    #order-detail.page-order-detail #content .order-message-form header {
      margin-bottom: 30px; }
    #order-detail.page-order-detail #content .order-message-form form input, #order-detail.page-order-detail #content .order-message-form form select, #order-detail.page-order-detail #content .order-message-form form textarea {
      border-radius: 0;
      width: 100%;
      border: 2px solid #F3F2F7;
      padding: 13px; }
    #order-detail.page-order-detail #content .order-message-form form input, #order-detail.page-order-detail #content .order-message-form form select {
      height: 58px; }
    #order-detail.page-order-detail #content .order-message-form form .form-fields > div {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      #order-detail.page-order-detail #content .order-message-form form .form-fields > div > div {
        padding: 0;
        width: 100%; }
      #order-detail.page-order-detail #content .order-message-form form .form-fields > div:first-child {
        padding-right: 0;
        position: relative;
        width: 100%; }
        #order-detail.page-order-detail #content .order-message-form form .form-fields > div:first-child select {
          padding-right: 35px; }
        #order-detail.page-order-detail #content .order-message-form form .form-fields > div:first-child:after {
          content: "\e907";
          font-family: icomoon !important;
          font-style: normal;
          font-weight: 400;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          color: #B3B3B2;
          transform: rotate(90deg);
          right: 20px;
          bottom: 20px;
          padding: 0 0 2px;
          position: absolute;
          display: none; }
    #order-detail.page-order-detail #content .order-message-form form .form-fields .form-group {
      padding: 0; }
    #order-detail.page-order-detail #content .order-message-form form label {
      font-family: "Mulish-Regular";
      font-size: 16px;
      color: #224245;
      font-weight: normal;
      margin-bottom: 15px;
      text-align: left;
      padding: 0; }
    @media screen and (min-width: 640px) {
      #order-detail.page-order-detail #content .order-message-form {
        margin: 0 10px 1rem 10px; } }
  #order-detail.page-order-detail #content .message-section {
    width: 100%;
    float: right;
    margin-top: 20px; }
    @media screen and (min-width: 981px) {
      #order-detail.page-order-detail #content .message-section {
        width: 50%; } }
  #order-detail.page-order-detail #content section {
    flex-grow: 1;
    flex-basis: 0; }
    #order-detail.page-order-detail #content section.messages {
      padding: 70px 50px 50px 0; }
      @media screen and (max-width: 769px) {
        #order-detail.page-order-detail #content section.messages {
          padding-right: 0; } }
    #order-detail.page-order-detail #content section.order-message-form {
      padding: 70px 50px;
      background-color: white !important;
      border-radius: 20px;
      display: none; }
      @media screen and (max-width: 640px) {
        #order-detail.page-order-detail #content section.order-message-form {
          padding: 70px 30px 50px; } }
    #order-detail.page-order-detail #content section h3 {
      margin-bottom: 30px; }
  #order-detail.page-order-detail .order-message .order-message__header {
    display: flex;
    margin-bottom: 25px; }
    @media screen and (max-width: 769px) {
      #order-detail.page-order-detail .order-message .order-message__header p {
        margin-bottom: 4px; } }
  #order-detail.page-order-detail .order-message .message {
    flex-basis: calc(100% - 80px); }
  #order-detail.page-order-detail .order-message .message-initial {
    width: 50px;
    height: 50px;
    background: #F1F6F8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border-radius: 50%;
    font-size: 1.3em;
    font-family: "open_sansbold";
    color: #224245; }
  #order-detail.page-order-detail .order-message p {
    margin-bottom: 8px;
    display: flex;
    color: #224245;
    font-size: 15px;
    flex-direction: column; }
    #order-detail.page-order-detail .order-message p.message-header {
      margin-bottom: 18px;
      font-size: 1em; }
    #order-detail.page-order-detail .order-message p.message-body.unread {
      font-family: "open_sansbold"; }
    #order-detail.page-order-detail .order-message p.username, #order-detail.page-order-detail .order-message p.message-date {
      color: #1A1A1A;
      font-size: 0.9em; }

#order-detail footer.page-footer {
  text-align: left;
  margin-top: 10px;
  padding-top: 40px;
  display: inline-block;
  width: 100%; }

#order-history th, #order-products th {
  background-color: transparent !important; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent;
  border-top: 1px solid white; }

#order-infos .row .col-xs-3 a {
  padding: 15px 20px;
  border: 2px solid #224245;
  color: #224245;
  text-align: center;
  display: inline-block;
  font-size: 13px;
  text-decoration: none; }

@media screen and (min-width: 981px) {
  #order-detail .form-footer {
    width: 160px;
    float: right; }
    #order-detail .form-footer button {
      justify-content: center; }
  #order-detail.page-order-detail #content #order-infos .box > div {
    align-items: center;
    flex-direction: row; }
  #main {
    padding: 0; }
  .page-order-detail #content .box {
    background: none !important; }
  .order-message-form {
    background-color: white !important; } }

#product .infoTxtPrix {
  background: transparent; }

#product .product-cover-modal {
  padding: 50px; }

#product #wrapper {
  box-shadow: none;
  font-family: "Mulish-Regular";
  background: white; }
  #product #wrapper > .container {
    padding-left: 15px;
    padding-right: 15px; }

#product #main {
  padding: 0 5px; }
  #product #main > .row {
    position: relative;
    padding: 140px 0 0 0; }

#product .colTitle {
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: -5px;
  padding-right: 0; }

#product .product-prices .pricing {
  font-size: 0.938em; }
  #product .product-prices .pricing em {
    font-style: normal;
    display: inline-block; }
  #product .product-prices .pricing .price-content {
    display: flex; }
    #product .product-prices .pricing .price-content .tax-shipping-delivery-label {
      margin-bottom: 0;
      margin-left: 30px; }

#product .product-prices .info-price {
  width: 20px;
  height: 20px;
  margin-left: 6px;
  background-color: #F1F6F8;
  border-radius: 50%;
  cursor: pointer;
  padding: 3px 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  #product .product-prices .info-price div {
    display: none; }

#product h1 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #224245;
  text-transform: none;
  display: flex;
  align-items: center; }

#product .input-group.bootstrap-touchspin {
  box-shadow: none; }

#product .tabs .nav-tabs .nav-link.active {
  color: #224245; }

#product .product-images > li.thumb-container > .thumb.selected {
  border: 3px solid #224245;
  border-radius: 10px; }

#product .js-qv-product-cover {
  box-shadow: none;
  border-radius: 20px; }

#product .product-cover {
  max-width: 155px;
  border-radius: 20px;
  overflow: hidden;
  background: #F1F6F8;
  border: 1px solid #F1F6F8; }
  #product .product-cover img {
    background: #F1F6F8; }

#product .thumb-container {
  display: none !important; }

#product .tabs {
  box-shadow: none;
  margin-bottom: 15px;
  padding: 0; }
  #product .tabs .product-manufacturer {
    display: none; }
  #product .tabs .nav-tabs {
    display: flex;
    width: 100%;
    border: none; }
  #product .tabs .nav-item {
    margin: 0 10px; }
    #product .tabs .nav-item:first-child {
      margin-left: 0; }
  #product .tabs .nav-link {
    font-weight: normal;
    font-size: 1.1em;
    color: #0084C5 !important;
    padding: 0 0 20px;
    position: relative;
    border: none;
    background: none; }
    #product .tabs .nav-link:after {
      content: "";
      position: absolute;
      background-color: #0084C5;
      bottom: 0;
      left: 0;
      right: 0;
      width: 0;
      height: 5px;
      border-radius: 5px 5px 0 0;
      transition: all 0.25s ease-in; }
    #product .tabs .nav-link.active:after {
      width: 100%; }

#product .price-cont .cprod {
  display: inline-block;
  justify-content: space-between;
  width: 100%;
  margin: 15px 0 0 0;
  border-top: 1px solid #2242456e;
  padding: 18px 15px 0;
  align-items: center;
  gap: 10px; }
  #product .price-cont .cprod p {
    margin: 0;
    text-align: left;
    width: 50%;
    float: left; }
  #product .price-cont .cprod .cprod-deal {
    margin-bottom: 20px; }

#product .product-add-to-cart {
  background: #F1F6F8;
  border-radius: 20px;
  padding: 20px 20px 0;
  display: flex;
  flex-direction: column; }
  #product .product-add-to-cart .showDesk {
    display: none; }
  #product .product-add-to-cart .showMob {
    width: 100px; }
  #product .product-add-to-cart .addContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    #product .product-add-to-cart .addContainer.no-logged-hidden {
      display: none; }
  #product .product-add-to-cart .qty {
    align-items: center; }
    #product .product-add-to-cart .qty label {
      margin: 0; }
  #product .product-add-to-cart .pck-info {
    font-size: 10px;
    font-style: italic;
    color: #224245;
    text-align: right;
    padding-right: 10px; }
  #product .product-add-to-cart #quantity_wanted {
    border-color: white;
    margin: 0 8px 0 0; }

#product .product-price-details {
  background: #F1F6F8;
  padding: 20px;
  border-radius: 20px;
  margin-top: 12px; }
  #product .product-price-details h4 {
    font-size: 0.985em;
    font-family: 'Mulish-Regular';
    color: #224245; }
  #product .product-price-details .row {
    padding: 10px 20px 0 15px; }

#product .patc {
  display: flex;
  flex-direction: row; }

#product .qLabel, #product .switch-ML, #product .add {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 65px; }

#product .switch-ML, #product .add {
  margin-right: 0; }

#product .product-minimal-quantity {
  text-align: right;
  width: 100%;
  display: inline-block;
  color: #224245;
  padding: 0;
  font-style: italic; }

#product .switch-btn {
  display: none; }

#product .add-to-cart {
  font-size: 0;
  padding: 0;
  width: 56px;
  height: 56px;
  justify-content: center;
  margin-bottom: 0; }
  #product .add-to-cart .material-icons {
    display: none; }
  #product .add-to-cart:before {
    font-family: icomoon;
    content: "\e90a";
    color: #FFFFFF;
    font-size: 20px;
    margin-right: 0; }
  #product .add-to-cart:hover {
    color: #FFFFFF;
    background: #224245; }
    #product .add-to-cart:hover:before {
      color: #224245; }

#product #block-reassurance, #product .social-sharing, #product .product-features .h6, #product .product-reference {
  display: none; }

#product .gridInfo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
  margin-bottom: 10px; }
  #product .gridInfo dl {
    margin: 0; }
    #product .gridInfo dl:nth-child(5), #product .gridInfo dl:nth-child(6) {
      grid-column-start: 1;
      grid-column-end: 3; }
    #product .gridInfo dl .value {
      background: none;
      text-transform: lowercase; }
      #product .gridInfo dl .value:first-letter {
        text-transform: uppercase; }

#product .name {
  font-size: 0.833em;
  font-weight: normal;
  padding-bottom: 8px; }

#product .value, #product .product-description {
  font-size: 1.075em;
  background: #FFFFFF;
  line-height: normal; }

#product .real-price span {
  color: #224245; }

#product .regular-price {
  color: #224245;
  font-size: 0.867em; }

#product .product-discount .real-price {
  color: #EA6852;
  font-weight: 700;
  display: flex; }
  #product .product-discount .real-price span {
    color: #224245;
    font-weight: normal; }
  #product .product-discount .real-price .info-price {
    margin: 3px 0 0 10px;
    color: #224245; }

#product .product-discount .regular-price {
  text-decoration: none; }
  #product .product-discount .regular-price .line-through {
    text-decoration: line-through; }
  #product .product-discount .regular-price .tax-shipping-delivery-label {
    font-size: 0.916em; }

#product .product-discount .prom regular-price {
  margin: 0; }

#product p .label {
  font-size: 0.869em;
  color: #224245; }

#product p span {
  font-size: 1.15em;
  color: #224245; }

#product .blkOtherInfo {
  display: inline-block;
  width: 100%;
  padding: 0 15px; }

#product .tab-content .container-etiquette {
  border-bottom: 1px solid #2242456e;
  padding: 25px 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #product .tab-content .container-etiquette .second-col i {
    font-size: 1.6em;
    display: flex;
    align-items: center; }
  #product .tab-content .container-etiquette .second-col span {
    font-family: "Mulish-Regular";
    font-size: 0.435em;
    text-transform: uppercase;
    margin-left: 10px; }
  #product .tab-content .container-etiquette div {
    margin: 0; }
  #product .tab-content .container-etiquette .etiquette-content {
    display: flex; }
    #product .tab-content .container-etiquette .etiquette-content .etiquette:first-child {
      margin-left: 0; }
  #product .tab-content .container-etiquette .etiquette {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center; }
    #product .tab-content .container-etiquette .etiquette:hover {
      border: 1px solid #36A9E1; }

#product .colTitle {
  position: static; }

#product .product-manufacturer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  padding: 10px 15px;
  display: flex; }
  #product .product-manufacturer label {
    display: none; }
  #product .product-manufacturer .img-thumbnail {
    border: none;
    color: transparent; }
  #product .product-manufacturer img {
    max-width: 85px;
    width: 100%;
    height: auto; }
  #product .product-manufacturer a:not(.print-page) {
    color: #0084C5;
    display: flex;
    width: 100%;
    background: white;
    padding: 10px;
    margin-bottom: 15px;
    justify-content: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    min-height: 100px;
    overflow: hidden;
    align-items: center;
    text-align: center; }

#product .print-page {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  font-size: 0.815em;
  padding-right: 15px; }
  #product .print-page i {
    font-size: 18px;
    display: inline-block;
    padding-left: 10px;
    color: #0084C5; }

#product:not(.user-connected) #wrapper .product-add-to-cart {
  background: none;
  padding: 0; }

#product .blkOtherProducts {
  margin-top: 30px;
  background: #E6EFF9;
  padding: 35px 0 100px 0;
  width: 100vw;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
  float: left; }
  #product .blkOtherProducts h2 {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    font-size: 1.692em;
    padding: 0 10px; }
  #product .blkOtherProducts > .container-wide {
    padding-left: 0; }

#product #similar-products .slick-list {
  margin-left: 0; }

#product #similar-products .slick-track {
  margin: 0; }

#product #similar-products .slick-slide {
  padding: 0 10px; }

#product #similar-products .add-to-cart {
  width: 48px;
  height: 48px;
  outline: none;
  outline-offset: unset; }
  #product #similar-products .add-to-cart:hover {
    background-color: #FFFFFF;
    border: 1px solid #224245;
    color: #224245; }
    #product #similar-products .add-to-cart:hover i {
      color: #224245; }
  #product #similar-products .add-to-cart:before {
    display: none; }

#product #product-modal .modal-dialog {
  max-width: 830px; }

#product #product-modal .modal-content .js-close-modal {
  position: absolute;
  right: 25px;
  top: 30px;
  z-index: 1;
  background: none;
  border: none;
  cursor: pointer; }

#product #product-modal .modal-content .modal-body {
  margin: 0;
  display: inline-block; }

#product #product-modal figure {
  border-radius: 20px;
  overflow: hidden; }

#product .product-flags {
  left: 0;
  top: -15px;
  z-index: 1;
  width: 90vw;
  border-top: 1px solid #B3B3B2;
  padding-top: 15px; }
  #product .product-flags li {
    margin: 0 5px 0 0;
    position: static;
    width: auto;
    display: inline-block;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 0.76rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    white-space: nowrap; }
    #product .product-flags li.discount {
      background: #EA6852; }
    #product .product-flags li.new {
      background: #DBAA66; }

#product .prix-ht {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid rgba(34, 66, 69, 0.2);
  padding-bottom: 10px; }
  #product .prix-ht .product-price-details-min {
    width: 70%;
    color: #224245; }
    #product .prix-ht .product-price-details-min .price-detail-title {
      margin-bottom: 10px;
      color: #224245; }
    #product .prix-ht .product-price-details-min .info-price {
      width: 20px;
      height: 20px;
      margin-left: 6px;
      background-color: #FFFFFF;
      border-radius: 50%;
      cursor: pointer;
      padding: 3px 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      #product .prix-ht .product-price-details-min .info-price div {
        display: none; }
  #product .prix-ht .pricing.ea {
    display: flex;
    justify-content: space-between; }
  #product .prix-ht .vat-sec {
    width: 10%;
    text-align: right; }
    #product .prix-ht .vat-sec .price-detail-title {
      font-size: .725em; }
  #product .prix-ht .price-detail-title {
    font-size: .725em; }
  #product .prix-ht .prod-discount-divider {
    padding: 0;
    margin-bottom: 10px; }

#product .Pdv {
  display: flex;
  justify-content: space-between;
  padding: 10px 0 0 0;
  color: #224245; }
  #product .Pdv .price-detail-title {
    font-size: 0.725em; }
  #product .Pdv span {
    font-size: 0.985em; }

#product .add-to-cart .spinner {
  width: 30px;
  height: 30px;
  display: none;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid;
  bottom: unset;
  right: unset;
  margin-left: 10px; }

#product .add-to-cart.blockedLink:before {
  display: none; }

#product .add-to-cart.blockedLink .spinner {
  display: inline-block; }

@media screen and (min-width: 980px) {
  #product .product-cover-modal {
    padding: 80px; }
  #product .product-prices {
    position: unset; }
  #product .product-flags {
    left: 15px;
    top: 15px;
    width: initial;
    border-top: none;
    padding-top: 0; }
  #product #wrapper {
    max-width: 100%; }
    #product #wrapper > .container {
      padding-left: 0;
      padding-right: 0; }
    #product #wrapper .product-add-to-cart {
      padding: 15px 20px 0; }
      #product #wrapper .product-add-to-cart .patc {
        display: flex;
        align-items: center;
        height: 70px; }
        #product #wrapper .product-add-to-cart .patc .qty {
          width: 125px; }
        #product #wrapper .product-add-to-cart .patc .control-label, #product #wrapper .product-add-to-cart .patc .qty {
          margin-right: 20px;
          align-items: center; }
          #product #wrapper .product-add-to-cart .patc .control-label label, #product #wrapper .product-add-to-cart .patc .qty label {
            margin-left: 5px; }
        #product #wrapper .product-add-to-cart .patc .bLD, #product #wrapper .product-add-to-cart .patc .bSM {
          padding-bottom: 6px;
          cursor: pointer;
          color: #224245; }
        #product #wrapper .product-add-to-cart .patc .qty-selector, #product #wrapper .product-add-to-cart .patc .bSM {
          display: none; }
        #product #wrapper .product-add-to-cart .patc #qty-selector {
          margin: 6px 45px 13px 0;
          width: 100px;
          padding: 5px 10px; }
      #product #wrapper .product-add-to-cart .add {
        width: 175px;
        margin-top: 5px; }
  #product #content {
    max-width: unset;
    padding-right: 50px; }
    #product #content .images-container {
      min-height: 90vh; }
  #product #main > .row {
    padding-top: 0; }
  #product .product-cover {
    max-width: 100%;
    min-height: 450px; }
    #product .product-cover .layer {
      justify-content: flex-end;
      align-items: flex-end;
      padding: 30px; }
  #product .product-minimal-quantity {
    font-size: 0.875em; }
  #product .switch-btn {
    display: flex;
    width: max-content;
    align-items: center;
    cursor: pointer; }
    #product .switch-btn:before {
      font-family: 'icomoon';
      content: "\e950";
      font-size: 20px;
      color: #224245;
      display: flex;
      position: relative;
      top: -4px;
      margin-right: 5px;
      height: 36px;
      width: 36px;
      background: white;
      border-radius: 25px;
      align-items: center;
      justify-content: center; }
  #product .add-to-cart {
    margin-bottom: 10px;
    margin-left: 20px; }
    #product .add-to-cart:before {
      margin-left: 10px; }
    #product .add-to-cart:hover {
      background-color: #FFFFFF;
      border: 1px solid #224245;
      color: #224245; }
  #product .product-add-to-cart {
    padding: 20px 10px 10px 60px; }
    #product .product-add-to-cart .showDesk {
      display: inline; }
    #product .product-add-to-cart .showMob {
      display: none; }
  #product:not(.user-connected) .tab-content .container-etiquette {
    width: 100%; }
    #product:not(.user-connected) .tab-content .container-etiquette .etiquette {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center; }
      #product:not(.user-connected) .tab-content .container-etiquette .etiquette:hover {
        border: 1px solid #36A9E1; }
  #product .tab-content {
    width: 100%; }
    #product .tab-content .container-etiquette {
      width: 50%;
      float: right;
      clear: right; }
      #product .tab-content .container-etiquette div img {
        width: auto;
        height: 30px; }
      #product .tab-content .container-etiquette .etiquette {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 15px; }
        #product .tab-content .container-etiquette .etiquette:hover {
          border: 1px solid #36A9E1; }
  #product .value, #product .product-description {
    font-size: 1.1em; }
  #product .qLabel, #product .switch-ML, #product .add {
    margin-right: 15px; }
  #product .blkOtherInfo {
    display: inline; }
  #product .product-manufacturer {
    position: static;
    width: 160px;
    display: inline-block;
    padding: 0; }
    #product .product-manufacturer img {
      max-width: 100%;
      height: 100%; }
    #product .product-manufacturer a:not(.print-page) {
      max-height: 100px; }
  #product .add-to-cart {
    padding: 10px 15px;
    width: auto;
    font-size: 13px;
    height: 48px;
    font-weight: normal;
    display: flex;
    flex-direction: row-reverse; }
  #product .tabs {
    width: 50%;
    float: right;
    clear: right; }
  #product:not(.user-connected) .tabs {
    width: 100%; }
  #product #quantity_wanted, #product #qty-selector {
    font-family: "Mulish-Regular";
    outline: none !important;
    width: 100px;
    padding: 5px 13px;
    text-align: left;
    height: 48px;
    font-size: .875em; }
  #product #qty-selector {
    border-color: white;
    background: white; }
  #product .blkOtherProducts {
    padding-top: 70px; }
    #product .blkOtherProducts > .container-wide {
      padding-left: calc((100% - 990px) / 2); }
    #product .blkOtherProducts h2 {
      padding: 0; }
  #product .product-flags li {
    padding: 5px 10px; }
  #product .slick-slider .slick-arrow {
    bottom: -51px; }
  #product .colTitle .product-prices {
    display: flex;
    margin: 0; }
    #product .colTitle .product-prices .tax-shipping-delivery-label {
      margin-left: 10px; }
  #product .product-price-details {
    width: 50%;
    float: right; }
  #product .title-price .manufacturer-name {
    font-size: 0.786em;
    margin-bottom: 5px; }
  #product .title-price .h1 {
    max-width: 300px;
    margin-bottom: 30px; }
  #product .product-discount {
    display: flex;
    justify-content: space-between; }
  #product .prod-discount-divider {
    padding-left: 20px;
    margin: 0; }
    #product .prod-discount-divider:first-child {
      padding: 0; }
  #product .price-cont .cprod {
    display: flex;
    flex-direction: row;
    gap: 0;
    padding: 18px 0 0 0; }
    #product .price-cont .cprod .cprod-deal {
      margin-bottom: 0; }
    #product .price-cont .cprod p {
      width: unset; }
  #product .product-price-details-min {
    width: 50% !important; }
    #product .product-price-details-min .pricing.pack, #product .product-price-details-min .pricing.ctn {
      display: flex;
      justify-content: space-between; }
  #product #similar-products .slick-list {
    margin-left: -10px; } }

@media screen and (min-width: 1366px) {
  #product .blkOtherProducts > .container-wide {
    padding-left: calc((100% - 1200px) / 2); } }

@media screen and (min-width: 640px) and (max-width: 981px) {
  #product .product-manufacturer a:not(.print-page) {
    width: auto; }
  #product .price-cont .cprod {
    display: inline-block;
    width: 50%; }
  #product .blkOtherProducts > .container-wide {
    padding-left: 15px;
    padding-right: 15px; }
  #product .blkOtherProducts h2 {
    padding: 0 15px; }
  #product #similar-products .slick-list {
    margin-left: 0; } }

@media screen and (min-width: 640px) and (max-width: 755px) {
  #product #wrapper .container {
    width: unset; }
  #product .price-cont .cprod {
    width: 45%; }
  #product .product-cover {
    max-width: 100%; } }

#order-detail .orderDesk {
  display: inline-block; }
  #order-detail .orderDesk li {
    margin-bottom: 5px; }

#order-detail .orderHidden {
  display: inline-block; }

#order-detail .col-lg-6 {
  background: none; }

#order-detail .box {
  border-radius: 20px;
  overflow: hidden;
  padding: 20px; }

#order-detail .tableC {
  display: none; }

#order-detail #order-infos .col-xs-3 {
  padding: 10px;
  width: auto; }

#order-detail #delivery-address address {
  line-height: 23px; }

#order-detail #order-detail-statistics {
  padding: 20px; }
  #order-detail #order-detail-statistics.slick-slider {
    padding: 20px 20px 60px; }
    #order-detail #order-detail-statistics.slick-slider .slick-arrow {
      bottom: 10px; }
      #order-detail #order-detail-statistics.slick-slider .slick-arrow.slick-prev {
        bottom: 10px; }
      #order-detail #order-detail-statistics.slick-slider .slick-arrow.slick-next {
        bottom: 10px;
        left: unset;
        right: 10px; }
  #order-detail #order-detail-statistics .status-block p {
    color: #224245; }

@media screen and (min-width: 981px) {
  #order-detail .page-header {
    display: none; }
  #order-detail #order-infos .col-xs-9 strong {
    font-size: 22px; }
  #order-detail #order-infos .col-xs-3 {
    width: 25%; }
  #order-detail .box {
    padding: 0;
    border-radius: unset; }
  #order-detail .col-lg-6 {
    background: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    padding: 25px;
    max-width: calc(50% - 20px); }
    #order-detail .col-lg-6 .box address {
      font-size: 0.938em; }
  #order-detail .addresses {
    margin: 20px 0 30px;
    width: 100%;
    display: flex;
    justify-content: space-between; }
    #order-detail .addresses > div {
      background: white;
      border-radius: 25px;
      padding: 30px 25px; }
      #order-detail .addresses > div:first-child {
        margin-right: 25px; }
    #order-detail .addresses .clearfix {
      display: none; }
    #order-detail .addresses #order-detail-statistics {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      padding: 20px; }
      #order-detail .addresses #order-detail-statistics .title {
        font-size: 1.062em;
        font-weight: 700;
        margin-bottom: 30px; }
      #order-detail .addresses #order-detail-statistics p {
        font-size: 0.625em;
        font-weight: 600;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        color: #224245; }
        #order-detail .addresses #order-detail-statistics p span {
          font-size: 1.7em;
          font-weight: 700;
          text-transform: none; }
  #order-detail .orderHidden {
    display: none !important; }
  #order-detail #order-history {
    display: flex;
    width: 100%;
    gap: 15px;
    border-top: 1px solid #22424533;
    margin: 20px 0; }
    #order-detail #order-history h3 {
      display: none; }
  #order-detail .orderDesk {
    display: inline-block;
    width: 100%; }
    #order-detail .orderDesk ul {
      display: flex;
      padding-top: 15px; }
    #order-detail .orderDesk li {
      width: auto;
      padding: 0 10px;
      margin-right: 30px;
      margin-bottom: 0; }
      #order-detail .orderDesk li > span:first-child {
        display: inline-block;
        width: 100%;
        text-transform: uppercase;
        font-size: 10px; }
      #order-detail .orderDesk li .label-pill {
        position: relative;
        padding-left: 0;
        background: none !important;
        color: #224245;
        white-space: nowrap; }
        #order-detail .orderDesk li .label-pill span {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          display: inline-block; }
      #order-detail .orderDesk li strong {
        font-family: "Mulish-SemiBold";
        font-size: 1.063em; }
  #order-detail .tableC {
    display: none;
    width: 100%;
    max-width: 100%;
    margin: 15px 0; }
    #order-detail .tableC th {
      border-bottom: 2px solid #224245; }
      #order-detail .tableC th tbody {
        border-bottom: 1px solid #2242456e; }
    #order-detail .tableC td {
      padding: 20px 0;
      border-bottom: 1px solid #2242456e; }
  #order-detail #order-products {
    border: none; }
    #order-detail #order-products thead, #order-detail #order-products tr, #order-detail #order-products th, #order-detail #order-products td {
      border: none; }
    #order-detail #order-products th {
      border-bottom: 2px solid #224245;
      padding: 10px 0;
      font-size: 10px;
      text-align: right; }
      #order-detail #order-products th:first-child {
        text-align: left; }
    #order-detail #order-products tr {
      border-bottom: 1px solid #2242456e; }
      #order-detail #order-products tr:last-child {
        border: none; }
    #order-detail #order-products td {
      padding: 15px 0;
      text-align: right; }
      #order-detail #order-products td:first-child {
        text-align: left; } }

.page-order-detail #content #order-detail-tab-content .box {
  background: white !important;
  padding: 25px;
  border-radius: 25px;
  margin-top: 40px; }
  .page-order-detail #content #order-detail-tab-content .box.mobBlkSbTotal {
    padding: 0; }
  .page-order-detail #content #order-detail-tab-content .box.order-items.hidden-md-up .order-item .col-sm-7.qty .row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px; }

#order-detail-history-tabs {
  position: relative; }
  #order-detail-history-tabs ul {
    background: white;
    padding: 5px;
    border-radius: 30px;
    width: max-content; }
    #order-detail-history-tabs ul li:last-child {
      margin-right: 0; }
    #order-detail-history-tabs ul li:nth-child(4) {
      margin-right: 0; }
  #order-detail-history-tabs .nav-link {
    padding: 10px 40px;
    border-radius: 20px;
    font-size: 0.867em;
    font-weight: 400; }
    #order-detail-history-tabs .nav-link.disabled {
      background-color: transparent;
      color: #224245 !important;
      opacity: 0.3; }
    #order-detail-history-tabs .nav-link.active {
      background-color: #224245; }
      #order-detail-history-tabs .nav-link.active.order-failed {
        background: #E84242; }
  #order-detail-history-tabs .downloadPDF {
    position: absolute;
    right: 0;
    top: 15px; }
  @media screen and (max-width: 640px) {
    #order-detail-history-tabs ul {
      margin-bottom: 0; }
    #order-detail-history-tabs .mCustomScrollBox {
      border-radius: 30px; } }

/* Video Iframe */
.video-container {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 15px; }
  .video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

#cms h1 {
  font-size: 1.467em; }

#cms #content {
  padding: 25px;
  border-radius: 20px; }

#cms .user-guide .txt-head {
  display: flex;
  align-items: center;
  margin-bottom: 50px; }
  #cms .user-guide .txt-head p {
    font-family: "Mulish-Regular";
    font-size: 1em;
    width: 70%; }
  #cms .user-guide .txt-head a {
    width: 30%;
    min-width: 350px; }
    #cms .user-guide .txt-head a.upload-pdf {
      font-size: 1.071em;
      font-weight: 400;
      color: #7a7a7a;
      text-align: left;
      padding: 20px;
      border: 1px solid #224245;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      #cms .user-guide .txt-head a.upload-pdf:before {
        font-family: 'icomoon' !important;
        font-size: 2.4em;
        color: #224245;
        content: '\e92d';
        margin-right: 10px; }
    #cms .user-guide .txt-head a:hover {
      text-decoration: none; }
  #cms .user-guide .txt-head h3 {
    font-family: "Mulish-SemiBold";
    font-size: 1.15em;
    color: #224245;
    font-weight: normal;
    margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    #cms .user-guide .txt-head {
      flex-direction: column;
      align-items: initial; }
      #cms .user-guide .txt-head p {
        width: 100%; }
      #cms .user-guide .txt-head a {
        width: auto;
        max-width: 350px;
        margin-left: auto; } }

#cms .user-guide .video-list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column; }
  #cms .user-guide .video-list-item {
    margin-bottom: 50px; }
    #cms .user-guide .video-list-item h4 {
      font-weight: 700;
      color: #224245; }
  @media screen and (min-width: 981px) {
    #cms .user-guide .video-list {
      flex-direction: row;
      flex-wrap: wrap; }
      #cms .user-guide .video-list-item {
        flex: 0 0 calc(50% - 20px); }
        #cms .user-guide .video-list-item:nth-child(2n - 1) {
          margin-right: 30px; } }

#cms .page-content {
  padding: 45px 60px; }
  #cms .page-content p {
    font-size: 1em !important;
    line-height: 1.7em; }
  #cms .page-content h2, #cms .page-content h3, #cms .page-content h4, #cms .page-content h5, #cms .page-content h6 {
    color: #224245; }
  #cms .page-content h3, #cms .page-content h2 {
    font-size: 1.25em;
    margin: 40px 0 21px; }
    #cms .page-content h3:first-child, #cms .page-content h2:first-child {
      margin-top: 0; }

#contact {
  /** V **/ }
  #contact #content {
    border-radius: 20px; }
    #contact #content .form-footer {
      text-align: center;
      width: 12%;
      float: right; }
    #contact #content .input-group .input-group-btn .btn {
      padding: 9.5px;
      color: #FFFFFF; }
      #contact #content .input-group .input-group-btn .btn:hover {
        background: #FFFFFF;
        color: #224245 !important;
        border: 1px solid #224245;
        padding: 8.5px; }
      #contact #content .input-group .input-group-btn .btn:before {
        font-family: icomoon;
        content: "\e933";
        font-size: 13px; }
  #contact .contact-form {
    border-radius: 40px;
    margin-bottom: 40px; }
    #contact .contact-form label {
      color: #224245;
      margin: 10px 15px 0 0; }
    #contact .contact-form input, #contact .contact-form .form-control {
      outline: none;
      height: 56px;
      padding: 18px 16px;
      font-size: 1rem;
      line-height: 1.25;
      background: #FFFFFF;
      color: #7a7a7a;
      margin: 5px 0; }
      #contact .contact-form input:focus, #contact .contact-form .form-control:focus {
        border: 1px solid #0084C5; }
    #contact .contact-form input {
      height: 56px; }
    #contact .contact-form .form-control {
      height: unset; }
    #contact .contact-form .submit {
      text-align: right; }
      #contact .contact-form .submit .bouton {
        color: #fff;
        border: 1px solid #224245;
        background: #224245; }
        #contact .contact-form .submit .bouton:hover {
          color: #224245; }
          #contact .contact-form .submit .bouton:hover:before {
            background: #ffffff; }
    #contact .contact-form .selectDiv {
      border: 1px solid #B3B3B2;
      height: 54.25px;
      padding: 7px 10px;
      color: #224245; }
    #contact .contact-form .form-group--product .form-group:nth-child(4) .col-lg-6:nth-child(2) .required {
      margin-bottom: 12px; }
    #contact .contact-form .radioContainer label {
      display: flex;
      justify-content: flex-start; }
    #contact .contact-form .radioContainer .radioDiv {
      justify-content: flex-start; }
      #contact .contact-form .radioContainer .radioDiv > div {
        flex-direction: row;
        align-items: center; }
        #contact .contact-form .radioContainer .radioDiv > div input {
          margin-right: 5px;
          height: unset; }
        #contact .contact-form .radioContainer .radioDiv > div label {
          margin: 0; }
    #contact .contact-form .note {
      font-size: .875em;
      margin: 5px 0;
      color: #224245; }
    #contact .contact-form .alert-danger {
      border-radius: 20px;
      padding-bottom: 0; }
    #contact .contact-form .browse-file .name-file {
      justify-content: space-around; }
    #contact .contact-form .browse-file .remove-file-upload:hover {
      color: #0084C5; }
    #contact .contact-form .browse label {
      color: #FFFFFF !important; }
      #contact .contact-form .browse label:hover {
        color: #224245 !important; }
  #contact .browse-file {
    padding: 7px; }
  #contact .browse label {
    height: 40px; }
  @media screen and (min-width: 981px) {
    #contact #wrapper > .container {
      padding-left: 0;
      padding-right: 0; } }

.dateInformation {
  display: flex;
  width: 100%; }

.filter-container[data-variant="sticky"] {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  background-color: #E6EFF9;
  border-bottom: 1px solid #22424520;
  z-index: 9;
  margin-top: -61px;
  animation: animeSticky 0.5s forwards; }

@keyframes animeSticky {
  from {
    margin-top: -61px; }
  to {
    margin-top: 0; } }
  .filter-container[data-variant="sticky"] .container-filter {
    padding-left: 25px;
    padding-right: 25px; }
  .filter-container[data-variant="sticky"] #search_filters {
    margin-bottom: 0 !important; }
  .filter-container[data-variant="sticky"] .facet {
    padding: 4px 0 !important; }
  @media screen and (min-width: 981px) {
    .filter-container[data-variant="sticky"] .container-filter {
      margin-top: 6px; } }

.new-products-list {
  padding: 30px 0 30px;
  background: #224245; }
  .new-products-list h2 {
    margin-bottom: 40px;
    font-family: "Mulish-Bold";
    font-size: 1.693em;
    color: white; }
  .new-products-list .containerRelative {
    position: relative; }
    .new-products-list .containerRelative .simple-link {
      float: right;
      position: relative;
      top: -25px;
      margin-right: 4%; }
      .new-products-list .containerRelative .simple-link:after {
        top: 0;
        right: 15px; }
  .new-products-list .slick-slider .slick-arrow:before {
    color: white; }
  .new-products-list .slick-slider .slick-arrow:hover:before, .new-products-list .slick-slider .slick-arrow:active:before {
    border-color: white; }
  .new-products-list .simple-link {
    color: white; }
  @media screen and (min-width: 981px) {
    .new-products-list {
      padding: 85px 0; } }

.ssa-menu#ui-id-1, .ssa-menu#ui-id-2 {
  background-color: #e6eff9;
  width: 100% !important;
  left: 0 !important;
  position: fixed;
  top: 65px !important;
  height: calc(100vh - 65px);
  padding: 30px 95px;
  max-height: initial; }
  @media (max-width: 980px) {
    .ssa-menu#ui-id-1, .ssa-menu#ui-id-2 {
      padding: 50px 30px 30px; } }
  .ssa-menu#ui-id-1 .ui-menu-item.ssa-close-btn a, .ssa-menu#ui-id-2 .ui-menu-item.ssa-close-btn a {
    position: absolute;
    top: 9px;
    width: fit-content;
    right: 21px;
    left: initial; }
  .ssa-menu#ui-id-1 li, .ssa-menu#ui-id-2 li {
    background: none; }
    .ssa-menu#ui-id-1 li.ssa-autocomplete-header div, .ssa-menu#ui-id-2 li.ssa-autocomplete-header div {
      color: #3f3035;
      letter-spacing: 1px;
      text-transform: uppercase;
      border-top: none;
      font-weight: 400;
      padding-top: 32px;
      margin-top: 18px;
      margin-bottom: 12px;
      border-top: solid 1px #b3b3b2; }
    .ssa-menu#ui-id-1 li.ui-menu-item a, .ssa-menu#ui-id-2 li.ui-menu-item a {
      font-size: 15px; }
      .ssa-menu#ui-id-1 li.ui-menu-item a span.highlight, .ssa-menu#ui-id-2 li.ui-menu-item a span.highlight {
        font-weight: 700; }
  .ssa-menu#ui-id-1 > li, .ssa-menu#ui-id-2 > li {
    border: none !important; }
    .ssa-menu#ui-id-1 > li:nth-child(2) div, .ssa-menu#ui-id-2 > li:nth-child(2) div {
      margin-top: 0 !important;
      padding-top: 0 !important;
      border-top: none !important; }

#salesAgent .identifiants {
  background: #FFFFFF;
  flex-direction: column; }
  #salesAgent .identifiants.clientDashboard {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    #salesAgent .identifiants.clientDashboard + #formBlank {
      position: relative;
      margin-bottom: 0;
      top: 30px;
      z-index: 1; }
  #salesAgent .identifiants .warehouse-details {
    display: inline-block; }
    #salesAgent .identifiants .warehouse-details > div:nth-child(2) {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 10px; }
    #salesAgent .identifiants .warehouse-details .title-detail {
      margin-bottom: 15px;
      margin-top: 20px;
      display: flex;
      flex-direction: column; }
      #salesAgent .identifiants .warehouse-details .title-detail .item ul {
        display: flex;
        flex-direction: row;
        margin-bottom: 0;
        gap: 20px; }
        #salesAgent .identifiants .warehouse-details .title-detail .item ul li {
          font-size: 1.1em;
          text-transform: none;
          display: flex;
          align-items: center;
          gap: 10px;
          letter-spacing: normal; }
          #salesAgent .identifiants .warehouse-details .title-detail .item ul li:before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 50%; }
        #salesAgent .identifiants .warehouse-details .title-detail .item ul .warehouseAvailable:before {
          background-color: #0084C5; }
        #salesAgent .identifiants .warehouse-details .title-detail .item ul .warehousePending:before {
          background-color: #EA6852; }
        #salesAgent .identifiants .warehouse-details .title-detail .item ul .warehouseUnavailable:before {
          background-color: #B3B3B2; }
    #salesAgent .identifiants .warehouse-details .each-warehouse-bloc {
      padding: 10px 15px;
      background: transparent;
      border: 1px solid #878787;
      border-radius: 10px;
      color: #878787;
      margin-right: 10px;
      font-size: 0.714em; }
      #salesAgent .identifiants .warehouse-details .each-warehouse-bloc.warehouse-available {
        background: #0084C5;
        border: 1px solid #0084C5;
        color: #FFFFFF; }
      #salesAgent .identifiants .warehouse-details .each-warehouse-bloc.warehouse-pending {
        background: #EA6852;
        border: 1px solid #EA6852;
        color: #FFFFFF; }
    #salesAgent .identifiants .warehouse-details .btnOpenWarehouse {
      background: #FFFFFF;
      color: #224245;
      padding: 10px 15px;
      border: 1px solid #224245;
      width: auto;
      white-space: nowrap;
      display: inline-block;
      margin-top: 20px;
      margin-bottom: 20px; }
      #salesAgent .identifiants .warehouse-details .btnOpenWarehouse:hover {
        background: #224245;
        color: #FFFFFF; }

#salesAgent .dashboard-wrapper {
  background-color: #FFFFFF;
  position: relative;
  padding: 25px;
  margin-top: -15px;
  margin-bottom: 25px;
  border-radius: 20px; }
  #salesAgent .dashboard-wrapper .hideDetails, #salesAgent .dashboard-wrapper .showDetails {
    border: none;
    background: none;
    color: #224245;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1em;
    float: right;
    display: flex; }
    #salesAgent .dashboard-wrapper .hideDetails.hidden, #salesAgent .dashboard-wrapper .showDetails.hidden {
      display: none; }
    #salesAgent .dashboard-wrapper .hideDetails .icon-hide-view, #salesAgent .dashboard-wrapper .hideDetails .icon-view, #salesAgent .dashboard-wrapper .showDetails .icon-hide-view, #salesAgent .dashboard-wrapper .showDetails .icon-view {
      font-size: 1.8em; }
    #salesAgent .dashboard-wrapper .hideDetails:after, #salesAgent .dashboard-wrapper .showDetails:after {
      font-size: 20px;
      display: inline-block;
      margin-left: 15px;
      position: relative; }
    #salesAgent .dashboard-wrapper .hideDetails:hover, #salesAgent .dashboard-wrapper .showDetails:hover {
      color: #0084C5; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .identifiants {
    background: #F1F6F8;
    padding: 15px; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .identifiants #telesales {
      background: transparent; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .identifiants .warehouse-details > div:nth-child(2) {
      grid-template-columns: repeat(3, 1fr); }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #historyDataTable_wrapper {
    background: #FFFFFF; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #historyDataTable_wrapper #historyDataTable {
      background: #FFFFFF; }
      #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #historyDataTable_wrapper #historyDataTable .order-actions {
        display: flex;
        justify-content: space-evenly; }
        #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #historyDataTable_wrapper #historyDataTable .order-actions > div {
          min-width: 20px; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #dataTable-pendingOrders_wrapper {
    background: #FFFFFF; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #dataTable-pendingOrders_wrapper #dataTable-pendingOrders {
      background: #FFFFFF; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders .dataTables_wrapper {
    background: #FFFFFF; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders .dataTables_wrapper #dataTable-failed-orders {
      background: #FFFFFF;
      overflow: auto;
      display: block !important; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #dataTable-failed-orders_filter {
    display: none; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders .failedOrders-reorder {
    background: #224245;
    color: #FFFFFF;
    outline: none;
    height: 35px;
    width: 80px;
    text-align: center;
    padding: 10px;
    border: 1px solid transparent;
    margin-right: 10px;
    line-height: 1em;
    font-size: inherit;
    justify-content: center;
    align-items: center; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders .failedOrders-reorder:hover {
      border: 1px solid #224245;
      background: white;
      color: #224245; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders .error-msg-link {
    font-size: 17px; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders .error-msg-link:hover {
      color: #0084C5; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders .errorMessageModal .conf-popup-body span {
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-all;
    font-size: 1em; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders .errorMessageModal .conf-popup-footer-content {
    justify-content: flex-end;
    gap: 20px; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders .errorMessageModal .failedOrders-reorder {
    width: 138px;
    height: 48px;
    padding: 15px; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #toggleButton, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #toggleButton, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #toggleButton, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #toggleButton, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #toggleButton {
    display: none; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoHistory, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoPendingOrders, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoFailedOrders, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoHistory, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoPendingOrders, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoFailedOrders, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoHistory, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoPendingOrders, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoFailedOrders, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoHistory, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoPendingOrders, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoFailedOrders, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoHistory, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoPendingOrders, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoFailedOrders {
    background: transparent;
    border: 1px dashed #224245;
    padding: 45px;
    border-radius: 20px;
    text-align: center; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoHistory p, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoPendingOrders p, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoFailedOrders p, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoHistory p, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoPendingOrders p, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoFailedOrders p, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoHistory p, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoPendingOrders p, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoFailedOrders p, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoHistory p, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoPendingOrders p, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoFailedOrders p, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoHistory p, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoPendingOrders p, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoFailedOrders p {
      margin: 0;
      font-size: 1.083em; }
      #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoHistory p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoPendingOrders p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoFailedOrders p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoHistory p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoPendingOrders p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoFailedOrders p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoHistory p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoPendingOrders p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoFailedOrders p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoHistory p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoPendingOrders p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoFailedOrders p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoHistory p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoPendingOrders p.salesAgentEmpty, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoFailedOrders p.salesAgentEmpty {
        font-size: 1.25em;
        font-weight: 700; }
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoHistory #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoPendingOrders #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #salesAgentNoFailedOrders #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoHistory #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoPendingOrders #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #salesAgentNoFailedOrders #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoHistory #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoPendingOrders #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #salesAgentNoFailedOrders #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoHistory #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoPendingOrders #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #salesAgentNoFailedOrders #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoHistory #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoPendingOrders #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #salesAgentNoFailedOrders #dealsDataTable {
      background: #FFFFFF; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-deals #dealsDataTable_wrapper, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-pending-orders #dealsDataTable_wrapper, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders #dealsDataTable_wrapper, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-historique-de-commande #dealsDataTable_wrapper, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #dealsDataTable, #salesAgent .dashboard-wrapper .each-salesagent-bloc #clientDealsDivOverlay #dealsDataTable_wrapper {
    background: #FFFFFF; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .channelDev .channelContent {
    float: left;
    width: 75%; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .channelDev .tooltipChannel {
    margin-left: 0; }

#salesAgent .right-content form.quick-order-form {
  display: flex;
  flex-direction: column;
  gap: 10px; }

#salesAgent .right-content input[type="text"] {
  border: 1px solid #B3B3B2;
  width: 100%; }

#salesAgent .right-details textarea {
  border: 1px solid #B3B3B2; }

#salesAgent .blkIntroDesk .blk-head .blk-quickOrder {
  width: auto;
  display: none; }
  #salesAgent .blkIntroDesk .blk-head .blk-quickOrder a span {
    margin-right: 5px; }

#salesAgent #wrapper > .container, #salesAgent #notifications > .container {
  width: 100%; }

@media screen and (min-width: 981px) {
  #salesAgent #wrapper, #salesAgent #notifications {
    padding: 0 5% 30px 5%; }
  #salesAgent .identifiants {
    background: #FFFFFF;
    flex-direction: unset; }
  #salesAgent .right-content {
    width: 40%; }
    #salesAgent .right-content form.quick-order-form {
      flex-direction: unset;
      position: relative; }
  #salesAgent .infoTxtPrix .container {
    width: 100%;
    max-width: 90%; }
  #salesAgent #formBlank {
    display: none;
    margin-top: -30px; } }

#salesAgent .noPagination .dataTables_paginate {
  display: none; }

#salesAgent #clientNotExist {
  margin: -30px 20px 30px;
  border-radius: 0 0 20px 20px; }
  #salesAgent #clientNotExist p {
    margin: 0; }

#salesAgent #formBlank {
  display: none; }
  #salesAgent #formBlank .alert {
    font-size: 0.866em; }
  #salesAgent #formBlank p {
    margin: 0; }

#salesAgent .genericOrderListDataTable .actions {
  padding-left: 0;
  text-align: center; }

#salesAgent .genericOrderListDataTable .order-actions {
  display: flex;
  justify-content: space-evenly; }
  #salesAgent .genericOrderListDataTable .order-actions > div {
    min-width: 20px; }

@media screen and (min-width: 981px) {
  #salesAgent .identifiants-details {
    display: grid;
    grid-template-columns: 70% 100%; }
    #salesAgent .identifiants-details .left-details {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      align-items: flex-start;
      width: 100%; }
      #salesAgent .identifiants-details .left-details .details .item {
        margin-bottom: 20px; }
    #salesAgent .identifiants-details .warehouse-details {
      width: max-content; }
      #salesAgent .identifiants-details .warehouse-details > div:nth-child(2) {
        display: inline-block; }
      #salesAgent .identifiants-details .warehouse-details .title-detail {
        margin-top: 0;
        flex-direction: row;
        justify-content: space-between; }
      #salesAgent .identifiants-details .warehouse-details .each-warehouse-bloc:last-child {
        margin-right: 0; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .identifiants {
    padding: 25px; }
  #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders .dataTables_wrapper #dataTable-failed-orders {
    display: inline-table !important;
    overflow: hidden; } }
  @media only screen and (min-width: 981px) and (min-device-width: 753px) and (max-device-width: 1400px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    #salesAgent .dashboard-wrapper .each-salesagent-bloc .sa-failed-orders .dataTables_wrapper #dataTable-failed-orders {
      overflow-x: auto;
      display: block !important; } }

.each-salesagent-bloc h3 {
  color: #224245;
  font-size: 1.467em;
  margin: 35px 0 20px; }

.each-salesagent-bloc .dataTables_wrapper {
  padding: 20px 20px 5px 20px;
  background: #FFFFFF;
  border-radius: 20px;
  position: relative;
  margin-bottom: 75px; }
  .each-salesagent-bloc .dataTables_wrapper .dataTables_length, .each-salesagent-bloc .dataTables_wrapper .dataTables_filter, .each-salesagent-bloc .dataTables_wrapper .dataTables_info {
    display: none; }
  .each-salesagent-bloc .dataTables_wrapper #dataTable-failed-orders_filter {
    display: block; }
  .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate > span {
      display: flex;
      align-items: center; }
      .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate > span a {
        margin: 0 10px;
        font-size: 1.23rem;
        font-weight: 400;
        font-family: "Mulish-Regular";
        color: #B3B3B2;
        outline: none;
        cursor: pointer; }
    .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .current {
      font-weight: 400;
      font-size: 1.23rem;
      font-family: "Mulish-Regular";
      color: #FFFFFF;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 500px;
      background-color: #0084C5; }
    .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .previous, .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .next {
      width: 40px;
      height: 40px;
      display: inline-block;
      position: relative;
      color: transparent;
      overflow: hidden;
      background-color: #FFFFFF;
      border-radius: 50%;
      padding: 18px;
      margin: 0 10px;
      font-family: "icomoon" !important;
      transition: .3s ease-in-out;
      cursor: pointer; }
      .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .previous.disabled, .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .next.disabled {
        display: none; }
        .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .previous.disabled:hover, .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .next.disabled:hover {
          background-color: #B3B3B2; }
      .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .previous:hover, .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .next:hover {
        background-color: #0084C5; }
        .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .previous:hover:before, .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .next:hover:before {
          color: #FFFFFF; }
      .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .previous:before, .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .next:before {
        content: "\e907";
        position: absolute;
        width: 13px;
        height: 15px;
        color: #224245;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-size: contain; }
    .each-salesagent-bloc .dataTables_wrapper .dataTables_paginate .previous:before {
      transform: rotate(180deg); }

.each-salesagent-bloc .dataTables_paginate {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer; }

.each-salesagent-bloc .datatable-table {
  background: #FFFFFF;
  color: #224245;
  display: block;
  overflow: auto; }
  @media screen and (min-width: 981px) {
    .each-salesagent-bloc .datatable-table {
      display: inline-table; } }
  .each-salesagent-bloc .datatable-table thead {
    border-bottom: 2px solid #224245; }
  .each-salesagent-bloc .datatable-table th {
    font-weight: normal;
    font-size: 0.76rem;
    font-family: "Mulish-Regular";
    color: #224245;
    text-transform: uppercase;
    padding-bottom: 12px;
    padding-left: 10px;
    cursor: pointer;
    line-height: normal;
    white-space: nowrap; }
  .each-salesagent-bloc .datatable-table td {
    line-height: normal;
    font-size: 1rem;
    font-weight: 400;
    color: #224245;
    padding: 3px 10px;
    white-space: nowrap; }
    .each-salesagent-bloc .datatable-table td:nth-child(6) {
      width: 90px; }
    .each-salesagent-bloc .datatable-table td:nth-child(10) {
      width: 90px;
      text-align: right; }
  .each-salesagent-bloc .datatable-table#dataTable-failed-orders td {
    padding: 10px; }
    .each-salesagent-bloc .datatable-table#dataTable-failed-orders td:nth-child(4) {
      white-space: normal; }
    .each-salesagent-bloc .datatable-table#dataTable-failed-orders td:last-child > div {
      display: flex;
      align-items: center;
      gap: 5px; }
      .each-salesagent-bloc .datatable-table#dataTable-failed-orders td:last-child > div a.order-again {
        display: flex; }
      .each-salesagent-bloc .datatable-table#dataTable-failed-orders td:last-child > div a.error-msg-link {
        display: flex; }
  .each-salesagent-bloc .datatable-table#dataTable-failed-orders th:nth-child(10) {
    text-align: right;
    padding-right: 10px; }
  .each-salesagent-bloc .datatable-table .whs-icon li {
    width: 55px; }
    .each-salesagent-bloc .datatable-table .whs-icon li .icon-nml {
      margin-left: -5px;
      margin-right: 5px; }
    .each-salesagent-bloc .datatable-table .whs-icon li i.icon-dai {
      margin-left: 2px;
      margin-right: -2px; }
    .each-salesagent-bloc .datatable-table .whs-icon li i {
      width: 15px;
      display: inline-block; }
  .each-salesagent-bloc .datatable-table tr {
    border-bottom: 2px solid #e5e5e5; }
    .each-salesagent-bloc .datatable-table tr:last-child {
      border-bottom: none; }

.dataTable-view-all h3 {
  color: #224245;
  font-size: 1.467em;
  margin: 35px 0 20px; }

.dataTable-view-all .dataTables_wrapper {
  padding: 20px 20px 5px 20px;
  background: #FFFFFF;
  border-radius: 20px;
  position: relative;
  margin-bottom: 75px; }
  @media only screen and (min-device-width: 753px) and (max-device-width: 140px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .dataTable-view-all .dataTables_wrapper table {
      overflow-x: auto;
      display: block; } }
  .dataTable-view-all .dataTables_wrapper .dataTables_length {
    float: left;
    display: flex;
    align-items: center; }
    .dataTable-view-all .dataTables_wrapper .dataTables_length select {
      border: none;
      outline: none;
      background-color: #F1F6F8;
      height: 35px;
      color: #224245;
      padding: 5px 0;
      font-size: 1em;
      font-weight: 400;
      font-family: "Mulish-Regular";
      margin: 0 10px; }
  .dataTable-view-all .dataTables_wrapper .dataTables_filter {
    float: right;
    width: 100%; }
    .dataTable-view-all .dataTables_wrapper .dataTables_filter input {
      width: 100%;
      height: 40px;
      border: 1px solid #B3B3B2;
      padding: 10px 15px;
      outline: none; }
    .dataTable-view-all .dataTables_wrapper .dataTables_filter label {
      position: relative;
      width: 100%; }
      .dataTable-view-all .dataTables_wrapper .dataTables_filter label:before {
        content: "\e90b";
        font-family: 'icomoon';
        display: inline-block;
        font-size: 18px;
        position: absolute;
        right: 15px;
        top: 10px;
        color: #0084C5; }
  .dataTable-view-all .dataTables_wrapper #dataTable-failed-orders_filter {
    display: block; }
  .dataTable-view-all .dataTables_wrapper .dataTables_paginate {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .dataTable-view-all .dataTables_wrapper .dataTables_paginate > span {
      display: flex;
      align-items: center; }
      .dataTable-view-all .dataTables_wrapper .dataTables_paginate > span a {
        margin: 0 10px;
        font-size: 1.23rem;
        font-weight: 400;
        font-family: "Mulish-Regular";
        color: #B3B3B2;
        outline: none;
        cursor: pointer; }
    .dataTable-view-all .dataTables_wrapper .dataTables_paginate .current {
      font-weight: 400;
      font-size: 1.23rem;
      font-family: "Mulish-Regular";
      color: #FFFFFF;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 500px;
      background-color: #0084C5; }
    .dataTable-view-all .dataTables_wrapper .dataTables_paginate .previous, .dataTable-view-all .dataTables_wrapper .dataTables_paginate .next {
      width: 40px;
      height: 40px;
      display: inline-block;
      position: relative;
      color: transparent;
      overflow: hidden;
      background-color: #FFFFFF;
      border-radius: 50%;
      padding: 18px;
      margin: 0 10px;
      font-family: "icomoon" !important;
      transition: .3s ease-in-out;
      cursor: pointer; }
      .dataTable-view-all .dataTables_wrapper .dataTables_paginate .previous.disabled, .dataTable-view-all .dataTables_wrapper .dataTables_paginate .next.disabled {
        display: none; }
        .dataTable-view-all .dataTables_wrapper .dataTables_paginate .previous.disabled:hover, .dataTable-view-all .dataTables_wrapper .dataTables_paginate .next.disabled:hover {
          background-color: #B3B3B2; }
      .dataTable-view-all .dataTables_wrapper .dataTables_paginate .previous:hover, .dataTable-view-all .dataTables_wrapper .dataTables_paginate .next:hover {
        background-color: #0084C5; }
        .dataTable-view-all .dataTables_wrapper .dataTables_paginate .previous:hover:before, .dataTable-view-all .dataTables_wrapper .dataTables_paginate .next:hover:before {
          color: #FFFFFF; }
      .dataTable-view-all .dataTables_wrapper .dataTables_paginate .previous:before, .dataTable-view-all .dataTables_wrapper .dataTables_paginate .next:before {
        content: "\e907";
        position: absolute;
        width: 13px;
        height: 15px;
        color: #224245;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-size: contain; }
    .dataTable-view-all .dataTables_wrapper .dataTables_paginate .previous:before {
      transform: rotate(180deg); }

.dataTable-view-all .dataTables_paginate {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer; }

.dataTable-view-all .datatable-table {
  background: #FFFFFF;
  color: #224245;
  display: block;
  overflow: auto; }
  @media only screen and (min-device-width: 753px) and (max-device-width: 1400px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .dataTable-view-all .datatable-table#order-history {
      overflow-x: auto;
      display: inline-block; } }
  @media screen and (min-width: 1401px) {
    .dataTable-view-all .datatable-table#order-history {
      display: inline-table; } }
  @media only screen and (min-device-width: 753px) and (max-device-width: 1525px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .dataTable-view-all .datatable-table#pending-orders {
      overflow-x: auto;
      display: inline-block; } }
  @media screen and (min-width: 1526px) {
    .dataTable-view-all .datatable-table#pending-orders {
      display: inline-table; } }
  @media only screen and (min-device-width: 753px) and (max-device-width: 1410px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .dataTable-view-all .datatable-table#failed-orders {
      overflow-x: auto;
      display: inline-block; } }
  @media screen and (min-width: 1411px) {
    .dataTable-view-all .datatable-table#failed-orders {
      display: inline-table; } }
  .dataTable-view-all .datatable-table thead {
    border-bottom: 2px solid #224245; }
  .dataTable-view-all .datatable-table th {
    font-weight: normal;
    font-size: 0.76rem;
    font-family: "Mulish-Regular";
    color: #224245;
    text-transform: uppercase;
    padding-bottom: 12px;
    padding-left: 10px;
    cursor: pointer;
    line-height: normal;
    white-space: nowrap; }
  .dataTable-view-all .datatable-table td {
    line-height: normal;
    font-size: 1rem;
    font-weight: 400;
    color: #224245;
    padding: 3px 10px;
    white-space: nowrap; }
    .dataTable-view-all .datatable-table td:nth-child(5) {
      white-space: normal;
      min-width: 110px; }
    .dataTable-view-all .datatable-table td:nth-child(6) {
      width: 90px; }
    .dataTable-view-all .datatable-table td:nth-child(10) {
      width: 90px;
      text-align: left;
      white-space: normal; }
    .dataTable-view-all .datatable-table td .label-pill:has(em) {
      position: relative;
      display: inline-block;
      width: 100%; }
      .dataTable-view-all .datatable-table td .label-pill:has(em) > span {
        position: absolute;
        left: 0;
        top: 3px; }
      .dataTable-view-all .datatable-table td .label-pill:has(em) em {
        float: left;
        font-style: normal;
        padding-left: 15px; }
  .dataTable-view-all .datatable-table#dataTable-failed-orders td {
    padding: 10px; }
  .dataTable-view-all .datatable-table#dataTable-failed-orders th:nth-child(10) {
    text-align: right;
    padding-right: 10px; }
  .dataTable-view-all .datatable-table .whs-icon li {
    width: 55px; }
    .dataTable-view-all .datatable-table .whs-icon li .icon-nml {
      margin-left: -5px;
      margin-right: 5px; }
    .dataTable-view-all .datatable-table .whs-icon li i.icon-dai {
      margin-left: 2px;
      margin-right: -2px; }
    .dataTable-view-all .datatable-table .whs-icon li i {
      width: 15px;
      display: inline-block; }
  .dataTable-view-all .datatable-table tr {
    border-bottom: 2px solid #e5e5e5; }
    .dataTable-view-all .datatable-table tr:last-child {
      border-bottom: none; }

@media screen and (min-width: 981px) {
  .dataTable-view-all .dataTables_wrapper .dataTables_filter {
    width: unset; }
    .dataTable-view-all .dataTables_wrapper .dataTables_filter label {
      width: unset; }
      .dataTable-view-all .dataTables_wrapper .dataTables_filter label input {
        width: 385px; }
  .dataTable-view-all .dataTables_wrapper .dataTables_info {
    position: absolute;
    bottom: -50px;
    left: 0; } }

.cta-action {
  display: flex;
  justify-content: space-between; }
  .cta-action .finalise {
    background: #224245;
    color: #FFFFFF;
    outline: none;
    height: 35px;
    width: 80px;
    text-align: center;
    padding: 10px;
    border: 1px solid transparent;
    margin-right: 10px;
    line-height: 1em; }
    .cta-action .finalise:hover {
      border: 1px solid #224245;
      background: white;
      color: #224245; }
  .cta-action .delete-btn {
    outline: none;
    font-size: 18px;
    padding: 8px 0; }
    .cta-action .delete-btn:hover {
      color: #0084C5; }

@media only screen and (min-device-width: 753px) and (max-device-width: 1465px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .table-wrapper:has(.myOrders) .sa-historique-de-commande .dataTable-view-all .datatable-table {
    overflow-x: auto;
    display: inline-block; } }

@media only screen and (min-device-width: 753px) and (max-device-width: 1545px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .table-wrapper:has(.myOrders) .sa-pending-orders .dataTable-view-all .datatable-table {
    overflow-x: auto;
    display: inline-block; } }

@media only screen and (min-device-width: 753px) and (max-device-width: 1460px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .table-wrapper:has(.myOrders) .sa-failed-orders .dataTable-view-all .datatable-table {
    overflow-x: auto;
    display: inline-block; } }

.label-pill span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px; }

#dealsDataTable th:nth-child(6), #dealsDataTable th:nth-child(7), #dealsDataTable th:nth-child(8), #dealsDataTable th:nth-child(9) {
  text-align: right; }

#dealsDataTable th:nth-child(5) {
  text-align: left; }

#dealsDataTable th:first-child {
  padding-left: 0; }

#dealsDataTable th:nth-child(3):after, #dealsDataTable th:nth-child(4):after, #dealsDataTable th:nth-child(5):after {
  content: "\e955";
  font-family: icomoon;
  font-size: 0.76rem;
  color: #224245;
  margin-left: 10px; }

#dealsDataTable td:nth-child(6), #dealsDataTable td:nth-child(7), #dealsDataTable td:nth-child(8), #dealsDataTable td:nth-child(9) {
  text-align: right;
  padding-right: 0; }

#dealsDataTable td:nth-child(5) {
  text-align: left; }

#dealsDataTable td:first-child {
  padding-left: 0; }

#historyDataTable th:nth-child(2):after, #dataTable-pendingOrders th:nth-child(2):after {
  content: "\e955";
  font-family: icomoon;
  font-size: 0.76rem;
  color: #224245;
  margin-left: 10px; }

#dataTable-pendingOrders td:nth-child(7), #dataTable-pendingOrders td:nth-child(9) {
  text-align: center; }

#dataTable-pendingOrders th:nth-child(7) {
  text-align: center; }

#historyDataTable th:nth-child(5), #historyDataTable td:nth-child(5) {
  padding-right: 45px;
  text-align: right; }

#historyDataTable td:has(.label-pill > em) {
  white-space: normal; }

#historyDataTable .label-pill:has(em) {
  position: relative;
  display: inline-block;
  width: 100%; }
  #historyDataTable .label-pill:has(em) > span {
    position: absolute;
    left: 0;
    top: 3px; }
  #historyDataTable .label-pill:has(em) em {
    float: left;
    font-style: normal;
    padding-left: 15px; }

/* Hide filter on view all pages */
.dataTable-view-all input[type="search"] {
  margin-bottom: 20px; }

.dataTable-view-all.datatable-compact-view .dataTables_length {
  display: none !important; }

#mast .notif-mast .wrapper-content-header #notificationBellContainer i {
  margin: 0; }

#mast .notif-mast .wrapper-content-header .blk-right-cont > div.notification-layer {
  margin: 0; }

#mast .notif-mast .wrapper-content-header .blk-right-cont .notification-layer #mark-all-notifications-read i {
  color: #224245;
  font-size: 8px; }

#mast .notif-mast .wrapper-content-header a.notification-order-link {
  color: #0084C5;
  display: inline-block; }
  #mast .notif-mast .wrapper-content-header a.notification-order-link:hover {
    color: #224245 !important; }

#mast #notificationBellContainer {
  padding: 9px 11px;
  background: transparent;
  border: none;
  border-radius: 50%;
  border-radius: 50%; }
  #mast #notificationBellContainer i {
    margin: 0; }
  #mast #notificationBellContainer .notification-dot {
    position: absolute;
    top: 8px;
    right: 9px;
    width: 10px;
    height: 10px;
    background-color: #E84242;
    border-radius: 50%; }
  #mast #notificationBellContainer.open {
    background-color: #F1F6F8; }

#mast .notif-mast .wrapper-content-header .notification-card .close-notification i {
  font-size: 12px;
  color: #224245;
  margin: 0; }

@media screen and (min-width: 981px) {
  #mast #notificationBellContainer {
    order: 2;
    margin-right: 20px; } }

.notification-layer {
  position: absolute;
  top: 70px;
  right: 0;
  width: 400px;
  background-color: #F1F6F8;
  z-index: 1000;
  padding: 10px;
  display: block;
  padding: 15px 20px; }
  .notification-layer h2 {
    font-family: "Mulish-Bold";
    color: #224245; }
  .notification-layer .tab-container {
    height: calc(100vh - 135px); }
  .notification-layer .tabs {
    box-shadow: none;
    margin: 0;
    padding: 0;
    background: none; }
    .notification-layer .tabs .product-manufacturer {
      display: none; }
    .notification-layer .tabs .nav-tabs {
      display: flex;
      width: 100%;
      border: none; }
    .notification-layer .tabs .nav-item {
      margin: 0 10px; }
      .notification-layer .tabs .nav-item:first-child {
        margin-left: 0; }
    .notification-layer .tabs .nav-link {
      font-weight: normal;
      font-size: .733em;
      color: #0084C5 !important;
      padding: 0 0 10px;
      position: relative;
      border: none;
      background: none; }
      .notification-layer .tabs .nav-link:after {
        content: "";
        position: absolute;
        background-color: #0084C5;
        bottom: 0;
        left: 0;
        right: 0;
        width: 0;
        height: 5px;
        border-radius: 5px 5px 0 0;
        transition: all 0.25s ease-in; }
      .notification-layer .tabs .nav-link.active {
        border-bottom: none; }
        .notification-layer .tabs .nav-link.active:after {
          width: 100%; }
        .notification-layer .tabs .nav-link.active:hover, .notification-layer .tabs .nav-link.active:focus {
          background: none; }
      .notification-layer .tabs .nav-link:hover {
        border: none; }
  .notification-layer .notifNav {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-right: 20px; }
  .notification-layer #mark-all-notifications-read {
    background: none;
    border: none;
    font-size: 0.733em;
    color: #224245;
    padding: 0; }
    .notification-layer #mark-all-notifications-read i {
      margin-left: 10px;
      padding: 5px;
      border-radius: 50%;
      border: 1px solid; }
  .notification-layer + .notification-bell {
    background: #F1F6F8; }
  .notification-layer .mCSB_inside > .mCSB_container {
    margin-right: 20px; }
  @media screen and (max-width: 981px) {
    .notification-layer {
      width: 100%; } }

#generalTab, #ordersTab {
  margin-top: 10px; }

.notification-card {
  padding: 15px;
  background-color: #FFFFFF;
  border-radius: 20px;
  margin-bottom: 8px; }
  .notification-card .close-notification {
    background: none;
    border: none; }
  .notification-card .notification-date {
    font-size: 0.733em;
    color: #224245; }
  .notification-card .notification-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px; }
  .notification-card .notification-status {
    font-size: 0.667em;
    font-weight: 600;
    color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 12px; }
    .notification-card .notification-status.Registered {
      background-color: #0000FF; }
    .notification-card .notification-status.Submitted {
      background-color: #00FF00; }
    .notification-card .notification-status.Failed {
      background-color: #FF0000; }
    .notification-card .notification-status.Delivered {
      background-color: #01b887; }
    .notification-card .notification-status.Cancelled {
      background-color: #2C3E50; }
    .notification-card .notification-status.Invoiced {
      background-color: #3498D8; }
    .notification-card .notification-status.Refunded {
      background-color: #01b887; }
    .notification-card .notification-status.hold {
      background-color: #AB0A3C;
      padding: 6px 9px 6px 5px; }
      .notification-card .notification-status.hold:before {
        content: "\e969";
        font-family: 'icomoon' !important;
        font-size: 7px;
        color: #AB0A3C;
        padding: 5px;
        background-color: #FFFFFF;
        border-radius: 50%;
        margin-right: 5px; }
  .notification-card h5 {
    font-weight: 600;
    color: #224245;
    line-height: 20px; }
  .notification-card .notification-message {
    font-size: 0.867em; }
    .notification-card .notification-message > p {
      margin-bottom: 0;
      line-height: 20px;
      color: #224245; }
  .notification-card.mark-as-read {
    display: none; }

.minimal-purchase {
  margin-top: 20px;
  padding: 18px 20px;
  border-radius: 20px;
  border: none;
  background-color: #FDEECF;
  color: #F6A803;
  font-size: 0.867em; }

.alert {
  padding: 18px 20px;
  border-radius: 20px;
  border: none;
  text-align: left;
  font-size: 1em;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .alert.minimal-purchase {
    font-size: 0.867em; }
  .alert button {
    background-color: transparent;
    border: none; }
    .alert button i {
      font-size: 12px; }
  .alert-danger {
    background-color: #FDECEC;
    color: #E84242; }
    .alert-danger .error-link {
      color: #E84242; }
  .alert-warning {
    background-color: #FDEECF;
    color: #F6A803; }

#authentication .error-activation.danger-message {
  color: #a94442;
  font-size: 1em;
  margin-top: 0; }

.ps-alert-error .item {
  border: none;
  background-color: transparent; }
  .ps-alert-error .item button {
    background-color: transparent;
    border: none; }
  .ps-alert-error .item p {
    padding: 18px 20px;
    border-radius: 20px;
    border: none;
    text-align: left;
    font-size: 1em;
    background-color: #FDECEC;
    color: #E84242;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .ps-alert-error .item i {
    border: none;
    color: #224245;
    cursor: pointer; }

.ps-alert-success .item {
  border: none;
  background-color: transparent; }
  .ps-alert-success .item button {
    background-color: transparent;
    border: none; }
  .ps-alert-success .item p {
    padding: 18px 20px;
    border-radius: 20px;
    border: none;
    text-align: left;
    font-size: 1em;
    background-color: #F1FBED;
    color: #70D44B;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .ps-alert-success .item i {
    border: none;
    color: #224245;
    cursor: pointer; }

#registercomplaint .maintenance-affected, #requestNewAccount .maintenance-affected, #quickOrder .maintenance-affected, #cart .maintenance-affected {
  pointer-events: all;
  opacity: 1; }
  #registercomplaint .maintenance-affected .inline-maintenance-overlay, #requestNewAccount .maintenance-affected .inline-maintenance-overlay, #quickOrder .maintenance-affected .inline-maintenance-overlay, #cart .maintenance-affected .inline-maintenance-overlay {
    top: unset;
    background-color: #00000080;
    border-radius: 0; }
    #registercomplaint .maintenance-affected .inline-maintenance-overlay a, #requestNewAccount .maintenance-affected .inline-maintenance-overlay a, #quickOrder .maintenance-affected .inline-maintenance-overlay a, #cart .maintenance-affected .inline-maintenance-overlay a {
      opacity: 1;
      width: 121px;
      height: 40px;
      align-items: center;
      justify-content: center;
      margin: auto; }
    #registercomplaint .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message, #requestNewAccount .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message, #quickOrder .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message, #cart .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message {
      border: none;
      border-radius: 12px;
      padding: 50px;
      max-width: 35%;
      position: fixed; }
      #registercomplaint .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message h3, #requestNewAccount .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message h3, #quickOrder .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message h3, #cart .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message h3 {
        font-size: 1.8em;
        font-weight: 700;
        color: #224245; }
      #registercomplaint .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message p, #requestNewAccount .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message p, #quickOrder .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message p, #cart .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message p {
        font-size: 1em;
        margin-bottom: 30px;
        padding: 0 50px; }
      @media screen and (max-width: 980px) {
        #registercomplaint .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message, #requestNewAccount .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message, #quickOrder .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message, #cart .maintenance-affected .inline-maintenance-overlay .inline-maintenance-message {
          width: 80%;
          max-width: none; } }
    #registercomplaint .maintenance-affected .inline-maintenance-overlay .maintenance-icon .icon-maintenance, #requestNewAccount .maintenance-affected .inline-maintenance-overlay .maintenance-icon .icon-maintenance, #quickOrder .maintenance-affected .inline-maintenance-overlay .maintenance-icon .icon-maintenance, #cart .maintenance-affected .inline-maintenance-overlay .maintenance-icon .icon-maintenance {
      background: transparent;
      color: #36A9E1;
      font-size: 70px;
      padding: 0; }
    #registercomplaint .maintenance-affected .inline-maintenance-overlay .page-footer, #requestNewAccount .maintenance-affected .inline-maintenance-overlay .page-footer, #quickOrder .maintenance-affected .inline-maintenance-overlay .page-footer, #cart .maintenance-affected .inline-maintenance-overlay .page-footer {
      display: flex;
      justify-content: space-between;
      padding-top: 20px;
      border-top: 1px solid #00000033; }
      #registercomplaint .maintenance-affected .inline-maintenance-overlay .page-footer a, #requestNewAccount .maintenance-affected .inline-maintenance-overlay .page-footer a, #quickOrder .maintenance-affected .inline-maintenance-overlay .page-footer a, #cart .maintenance-affected .inline-maintenance-overlay .page-footer a {
        width: max-content;
        margin: 0; }
  #registercomplaint .maintenance-affected.adjustHeight .inline-maintenance-overlay, #requestNewAccount .maintenance-affected.adjustHeight .inline-maintenance-overlay, #quickOrder .maintenance-affected.adjustHeight .inline-maintenance-overlay, #cart .maintenance-affected.adjustHeight .inline-maintenance-overlay {
    height: calc(100% + 90px); }

#registercomplaint #wrapper.maintenance-affected, #requestNewAccount #wrapper.maintenance-affected, #quickOrder #wrapper.maintenance-affected, #cart #wrapper.maintenance-affected {
  padding: 0; }

#quickOrder .warehouse-funct {
  align-items: baseline; }
  #quickOrder .warehouse-funct .maintenance-affected {
    pointer-events: none;
    opacity: 0.6; }

#layout-error {
  margin: 0 auto;
  height: max-content;
  border-radius: 30px;
  box-shadow: none;
  padding: 80px;
  backdrop-filter: blur(300px);
  opacity: 0.8; }
  #layout-error h1 {
    font-family: "Mulish-Bold";
    color: #224245;
    margin-bottom: 0;
    padding-bottom: 0; }
  #layout-error #content {
    font-family: "Mulish-Regular";
    color: #224245; }

body:has(div#layout-error) {
  height: calc(100vh - 16px);
  display: flex;
  align-items: center;
  background-image: url("../img/maintenance-bgd.jpeg");
  background-size: cover; }

.bloc-connexion .other-option.maintenance-affected {
  display: none; }

#login-form .deskNoAcc.maintenance-affected {
  display: none; }

.card-product-connected .maintenance-affected .cart-button, .card-product-connected .maintenance-affected .add-to-cart, .product-add-to-cart .maintenance-affected .cart-button, .product-add-to-cart .maintenance-affected .add-to-cart, .wrapper-content-menu-left .maintenance-affected .cart-button, .wrapper-content-menu-left .maintenance-affected .add-to-cart, .blockcart .maintenance-affected .cart-button, .blockcart .maintenance-affected .add-to-cart, #order-infos .maintenance-affected .cart-button, #order-infos .maintenance-affected .add-to-cart {
  opacity: 0.2; }

.card-product-connected .maintenance-affected a, .product-add-to-cart .maintenance-affected a, .wrapper-content-menu-left .maintenance-affected a, .blockcart .maintenance-affected a, #order-infos .maintenance-affected a {
  opacity: 0.2; }

.card-product-connected .maintenance-affected .inline-maintenance-overlay, .product-add-to-cart .maintenance-affected .inline-maintenance-overlay, .wrapper-content-menu-left .maintenance-affected .inline-maintenance-overlay, .blockcart .maintenance-affected .inline-maintenance-overlay, #order-infos .maintenance-affected .inline-maintenance-overlay {
  display: none; }

#submitQuickOrder #submitRequest.maintenance-affected {
  opacity: .6;
  pointer-events: none; }

.maintenance-msg {
  padding: 20px 40px;
  font-size: 13px;
  background: #FEF6E6;
  color: #F6A803;
  position: fixed;
  z-index: 1000;
  width: 100%;
  left: 0;
  top: 0; }
  .maintenance-msg p {
    margin: 0;
    color: #F6A803; }

body:has(.maintenance-msg).user-connected #mast {
  top: 59px; }
  body:has(.maintenance-msg).user-connected #mast #main-menu {
    top: 130px; }
    body:has(.maintenance-msg).user-connected #mast #main-menu .scroll-menu {
      height: calc(100vh - 130px); }
  body:has(.maintenance-msg).user-connected #mast .js-close-menu {
    height: calc(100vh - 59px); }

body:has(.maintenance-msg).user-connected #header {
  margin-top: 60px; }

body:has(.maintenance-msg).user-connected .product-nav {
  top: 129px !important; }

body:has(.maintenance-msg).user-connected #search_filters_wrapper {
  top: 179px !important; }

@media screen and (max-width: 640px) {
  body:has(.maintenance-msg).user-connected #mast {
    top: 89px; }
    body:has(.maintenance-msg).user-connected #mast #main-menu {
      top: 160px; }
      body:has(.maintenance-msg).user-connected #mast #main-menu .scroll-menu {
        height: calc(100vh - 160px); }
  body:has(.maintenance-msg).user-connected .product-nav {
    top: 159px !important; }
  body:has(.maintenance-msg).user-connected .infoTxtPrix {
    padding-top: 40px; } }

body:has(.maintenance-msg) #mast {
  top: 59px; }
  body:has(.maintenance-msg) #mast #main-menu {
    top: 130px; }
    body:has(.maintenance-msg) #mast #main-menu .scroll-menu {
      height: calc(100vh - 130px); }
  body:has(.maintenance-msg) #mast .js-close-menu {
    height: calc(100vh - 59px); }

body:has(.maintenance-msg) #header {
  margin-top: 60px; }

body:has(.maintenance-msg) #search_filters_wrapper {
  top: 129px !important; }

body:has(.maintenance-msg) .tooltipster-content .tool {
  flex-direction: column; }

@media screen and (max-width: 640px) {
  body:has(.maintenance-msg) #mast {
    top: 89px; }
    body:has(.maintenance-msg) #mast #main-menu {
      top: 160px; }
      body:has(.maintenance-msg) #mast #main-menu .scroll-menu {
        height: calc(100vh - 160px); }
  body:has(.maintenance-msg) .infoTxtPrix {
    padding-top: 40px; }
  body:has(.maintenance-msg) #content-wrapper {
    padding-top: 30px; } }

.card-delivery.card-custom > div {
  display: flex;
  align-items: center; }
  .card-delivery.card-custom > div .tooltipChannel {
    width: 46px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent; }
    .card-delivery.card-custom > div .tooltipChannel .icon-info {
      color: #224245;
      font-size: 20px; }

.warehouse-funct {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px; }
  .warehouse-funct .tooltipChannel {
    width: 46px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent; }
    .warehouse-funct .tooltipChannel .icon-info {
      color: #224245;
      font-size: 20px; }

.tooltext {
  font-size: 0.813em;
  height: 100%;
  color: #224245;
  padding: 10px;
  text-align: center; }
  .tooltext p {
    margin-bottom: 0; }

body[data-scroll-direction="scroll-down"] .quick-access-bar, body[data-scroll-direction="scroll-down"]#quickOrder .totalStickyLine {
  bottom: -100vh; }

body[data-scroll-direction="scroll-down"]#cart .confimation-commande .resume-command {
  bottom: -5px; }

body[data-scroll-direction="scroll-up"] .quick-access-bar {
  bottom: 0; }

body[data-scroll-direction="scroll-up"]#cart .confimation-commande .resume-command {
  bottom: 57px; }

body[data-scroll-direction="scroll-up"]#quickOrder .totalStickyLine {
  bottom: 45px; }

@media screen and (max-width: 801px) {
  body#quickOrder .totalStickyLine {
    position: fixed;
    bottom: 45px;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.25s ease-in; }
    body#quickOrder .totalStickyLine .total {
      padding-bottom: 20px;
      display: inline-block;
      width: 100%;
      border-radius: 20px 20px 0 0; }
    body#quickOrder .totalStickyLine .total-1 {
      width: 100%;
      padding: 15px;
      display: grid;
      grid-template-columns: repeat(2, 1fr); }
      body#quickOrder .totalStickyLine .total-1 .t-t-1 {
        padding-right: 0; }
        body#quickOrder .totalStickyLine .total-1 .t-t-1:nth-child(3) {
          grid-column-start: 1; }
    body#quickOrder .totalStickyLine .total-2 {
      display: inline-block;
      padding: 0 15px 15px 15px;
      width: 100%; }
      body#quickOrder .totalStickyLine .total-2 .cnt-btn {
        width: 100%; }
  body#quickOrder .ui-autocomplete {
    left: 0 !important;
    width: 100vw !important;
    padding-right: 0 !important; }
  body#quickOrder .tabAuto-results button {
    position: static; } }

@media screen and (min-width: 981px) {
  body#quickOrder .totalStickyLine {
    bottom: 0 !important; } }

.blockedLink {
  pointer-events: none !important;
  cursor: not-allowed; }

.btn-disable {
  pointer-events: none !important;
  cursor: not-allowed;
  opacity: 0.2;
  cursor: not-allowed; }

@media screen and (max-width: 1210px) {
  .product-nav .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    z-index: -10; } }

@media screen and (max-width: 640px) {
  html:has(#help) {
    overflow: hidden;
    width: 100%; }
  body#help {
    height: 100%;
    position: fixed;
    width: 100%;
    /* prevent overscroll bounce*/
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /* iOS velocity scrolling */ } }

/*# sourceMappingURL=custom.css.map */