/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,26): run-time error CSS1039: Token not allowed after unary operator: '-body-bg-color'
(93,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(1539,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(1542,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(1545,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(1548,26): run-time error CSS1039: Token not allowed after unary operator: '-gender-bg-color'
(1551,15): run-time error CSS1039: Token not allowed after unary operator: '-gender-text-color'
(3844,26): run-time error CSS1039: Token not allowed after unary operator: '-footer-bg-color'
(3845,15): run-time error CSS1039: Token not allowed after unary operator: '-footer-text-color'
(3848,15): run-time error CSS1039: Token not allowed after unary operator: '-footer-text-color'
(3852,16): run-time error CSS1039: Token not allowed after unary operator: '-footer-text-color'
(4109,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-bg-color'
(4112,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-bg-color'
(4115,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-picture-color'
(4118,15): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-text-color'
(4121,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-arrow-down-color'
(4124,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-bg-active-color'
(4125,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-bg-active-color'
(4128,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-picture-active-color'
(4131,15): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-text-active-color'
(4135,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-arrow-down-active-color'
(4138,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-bg-hover-color'
(4139,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-bg-active-color'
(4143,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-picture-hover-color'
(4146,15): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-text-hover-color'
(4149,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-arrow-down-hover-color'
(4153,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-element-bg-color'
(4181,29): run-time error CSS1039: Token not allowed after unary operator: '-under_menu-border-bottom-color'
(4182,26): run-time error CSS1039: Token not allowed after unary operator: '-under_menu-bg-color'
(4185,15): run-time error CSS1039: Token not allowed after unary operator: '-under_menu-page-title-color'
(5484,26): run-time error CSS1039: Token not allowed after unary operator: '-gender-bg-color'
(5487,15): run-time error CSS1039: Token not allowed after unary operator: '-gender-text-color'
(5660,26): run-time error CSS1039: Token not allowed after unary operator: '-family-bg-color'
(5663,15): run-time error CSS1039: Token not allowed after unary operator: '-family-text-color'
(5668,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(5671,22): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(5674,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(5677,22): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(5717,26): run-time error CSS1039: Token not allowed after unary operator: '-service-header-bg-color'
(5718,15): run-time error CSS1039: Token not allowed after unary operator: '-service-header-text-color'
(5722,22): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-border-color'
(5723,26): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-bg-color'
(5724,15): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-text-color'
(5728,15): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-text-color'
(5732,20): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-text-color'
(5738,15): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-text-color'
(5742,15): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-from-text-color'
(5746,15): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-text-color'
(5750,22): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-selected-border-color'
(5754,26): run-time error CSS1039: Token not allowed after unary operator: '-service-header-bg-color'
(5755,15): run-time error CSS1039: Token not allowed after unary operator: '-service-header-text-color'
(5759,22): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-border-color'
(5760,26): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-bg-color'
(5761,15): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-text-color'
(5765,15): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-text-color'
(5769,20): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-text-color'
(5775,15): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-text-color'
(5779,15): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-from-text-color'
(5783,15): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-text-color'
(5787,22): run-time error CSS1039: Token not allowed after unary operator: '-service-cell-selected-border-color'
(6090,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(7143,22): run-time error CSS1039: Token not allowed after unary operator: '-cart-border-color'
(7144,26): run-time error CSS1039: Token not allowed after unary operator: '-cart-bg-color'
(7147,26): run-time error CSS1039: Token not allowed after unary operator: '-cart-header-bg-color'
(7148,15): run-time error CSS1039: Token not allowed after unary operator: '-cart-header-text-color'
(7151,26): run-time error CSS1039: Token not allowed after unary operator: '-cart-service-bg-color'
(7161,15): run-time error CSS1039: Token not allowed after unary operator: '-cart-service-text-color'
(7164,15): run-time error CSS1039: Token not allowed after unary operator: '-cart-service-text-color'
(7167,15): run-time error CSS1039: Token not allowed after unary operator: '-cart-service-text-color'
(7170,15): run-time error CSS1039: Token not allowed after unary operator: '-cart-service-text-color'
(7180,15): run-time error CSS1039: Token not allowed after unary operator: '-cart-service-text-color'
(7183,15): run-time error CSS1039: Token not allowed after unary operator: '-cart-service-text-color'
(7186,22): run-time error CSS1039: Token not allowed after unary operator: '-calendar-border-color'
(7187,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-bg-color'
(7190,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-header-bg-color'
(7191,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-header-text-color'
(7194,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-text-color'
(7197,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-text-color'
(7200,22): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-border-color'
(7201,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-bg-color'
(7204,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-text-color'
(7207,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-hover-selected-text-color'
(7208,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-hover-selected-bg-color'
(7211,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-hover-selected-text-color'
(7215,28): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-bg-color'
(7216,24): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-border-color'
(7219,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar-text-color'
(7223,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-hover-selected-bg-color'
(7224,22): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-border-color'
(7227,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-hover-selected-text-color'
(7230,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-text-color'
(7233,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-text-color'
(7234,22): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-border-color'
(7235,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-bg-color'
(7239,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-hover-selected-text-color'
(7240,22): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-border-color'
(7241,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-hover-selected-bg-color'
(7245,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar-text-color'
(7246,24): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-border-color'
(7247,28): run-time error CSS1039: Token not allowed after unary operator: '-calendar-cell-bg-color'
(7748,15): run-time error CSS1039: Token not allowed after unary operator: '-employee-header-text-color'
(7749,26): run-time error CSS1039: Token not allowed after unary operator: '-employee-header-bg-color'
(7750,20): run-time error CSS1039: Token not allowed after unary operator: '-employee-header-bg-color'
(7753,22): run-time error CSS1039: Token not allowed after unary operator: '-employee-header-text-color'
(7754,20): run-time error CSS1039: Token not allowed after unary operator: '-employee-header-text-color'
(7757,15): run-time error CSS1039: Token not allowed after unary operator: '-employee-header-bg-color'
(7760,22): run-time error CSS1039: Token not allowed after unary operator: '-employee-header-bg-color'
(7761,20): run-time error CSS1039: Token not allowed after unary operator: '-employee-header-bg-color'
(7764,15): run-time error CSS1039: Token not allowed after unary operator: '-employee-header-text-color'
(7767,26): run-time error CSS1039: Token not allowed after unary operator: '-employee-body-bg-color'
(7771,15): run-time error CSS1039: Token not allowed after unary operator: '-employee-picture-text-color'
(7772,26): run-time error CSS1039: Token not allowed after unary operator: '-employee-picture-border-color'
(7775,15): run-time error CSS1039: Token not allowed after unary operator: '-employee-picture-text-color'
(7776,26): run-time error CSS1039: Token not allowed after unary operator: '-employee-picture-border-color'
(7779,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(7782,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(7785,15): run-time error CSS1039: Token not allowed after unary operator: '-body-bg-color'
(7788,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(7791,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(7794,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(7803,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(7806,15): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
 */
@import "/Content/fonts/Montserrat.css";
@import "/Content/fonts/Aileron/Aileron.css";
@import "/Content/fonts/HelveticaNeue/HelveticaNeue.css";
@import "/Content/fonts/Roboto/Roboto.css";
@import "/Content/fonts/D-Din/DDin.css";
@import "/Content/fonts/MerryChristmasStar/MerryChristmasStar.css";
/** Color Picker */






/* ----------------------------------------------------------------------------------------------- */
/* GLOBAL */
/* ----------------------------------------------------------------------------------------------- */
.iko-logo {
  background-image: url('/Content/themes/base/img/Logo-Ikosoft-new.svg');
  background-repeat: no-repeat;
  width: 60px;
  height: 32px;
  margin-bottom: -12px;
  background-position-x: right;
  display: inline-block;
}
html {
  position: relative;
  min-height: 100%;
}
body.applyColorPicker {
  --body-bg-color: #F0F0F3;
  --body-text-color: #565677;
  --nav-element-bg-color: #000000;
  --nav-element-picture-color: var(--nav-element-text-color);
  --nav-element-text-color: #ffffff;
  --nav-element-arrow-down-color: var(--nav-element-bg-color);
  --nav-element-bg-active-color: #bfbfbf;
  --nav-element-picture-active-color: var(--nav-element-text-active-color);
  --nav-element-text-active-color: #ffffff;
  --nav-element-arrow-down-active-color: var(--nav-element-bg-active-color);
  --nav-element-bg-hover-color: #bbbbd3;
  --nav-element-picture-hover-color: var(--nav-element-text-hover-color);
  --nav-element-text-hover-color: #ffffff;
  --nav-element-arrow-down-hover-color: var(--nav-element-bg-hover-color);
  --under_menu-border-bottom-color: #505b5f;
  --under_menu-bg-color: #ffffff;
  --under_menu-page-title-color: #000000;
  --gender-bg-color: #ffffff;
  --gender-text-color: #000000;
  --family-bg-color: #ffffff;
  --family-text-color: #000000;
  --service-header-bg-color: #000000;
  --service-header-text-color: #ffffff;
  --service-cell-border-color: #ffffff;
  --service-cell-bg-color: #ffffff;
  --service-cell-text-color: #000000;
  --service-cell-from-text-color: #000000;
  --service-cell-selected-border-color: #000000;
  --cart-header-bg-color: #000000;
  --cart-header-text-color: #ffffff;
  --cart-bg-color: #ffffff;
  --cart-border-color: #000000;
  --cart-service-bg-color: #ffffff;
  --cart-service-text-color: #000000;
  --calendar-header-bg-color: #000000;
  --calendar-header-text-color: #ffffff;
  --calendar-bg-color: #ffffff;
  --calendar-border-color: #000000;
  --calendar-text-color: #000000;
  --calendar-cell-bg-color: #ffffff;
  --calendar-cell-border-color: #000000;
  --calendar-cell-hover-selected-bg-color: #000000;
  --calendar-cell-hover-selected-text-color: #ffffff;
  --employee-header-bg-color: #000000;
  --employee-header-text-color: #ffffff;
  --employee-body-bg-color: #ffffff;
  --employee-picture-border-color: #000000;
  --employee-picture-text-color: #ffffff;
  --footer-bg-color: #ffffff;
  --footer-text-color: #000000;
  --footer-a-color: var(--footer-text-color);
}
body {
  color: #565677;
  background-color: #F0F0F3;
  font-family: 'Aileron Thin';
  height: 100%;
  width: 100%;
  padding-bottom: 87px;
}
body.applyColorPicker {
  background-color: var(--body-bg-color);
  color: var(--body-text-color);
}
.iti-mobile .iti--container {
  top: 70px !important;
  bottom: 70px !important;
  z-index: 9999 !important;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
input[type=text],
textarea {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border-radius: 0 !important;
}
.caret {
  color: #ced1e0;
  border-top: 6px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  margin-left: 10px !important;
}
h1,
h2,
h3 {
  margin: 50px 0;
}
input[type=button]:hover,
input[type=button]:focus,
button:hover,
button:focus {
  outline: none;
}
label.required:after {
  content: "*";
  color: red;
  margin-left: 5px;
}
.no-padding {
  padding: 0 !important;
}
/* ----------------------------------------------------------------------------------------------- */
/* BOOTSTRAP */
/* ----------------------------------------------------------------------------------------------- */
.popover {
  z-index: 1001 !important;
  width: 200px;
  left: -77px;
  top: 40px !important;
  border-radius: 3px;
}
.popover h3 {
  margin: 10px 0 0 0;
  border: none;
  background: white;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
.popover p {
  padding: 0 0 0 25px;
  margin-bottom: 10px;
  text-align: left;
}
.popover p.localisation {
  background: url('/Content/themes/base/img/pin1.png') no-repeat left center transparent;
}
.popover p.phone {
  background: url('/Content/themes/base/img/phone.png') no-repeat left center transparent;
}
.popover p.email {
  background: url('/Content/themes/base/img/email.png') no-repeat left center transparent;
}
.dropdown-value {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
  text-align: left;
}
.container-fluid {
  padding-top: 117px;
  padding-bottom: 20px;
}
.container-fluid.menuDesactivated {
  padding-top: 0px;
}
.container-fluid,
.container {
  padding-left: 0;
  padding-right: 0;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
.form-control {
  border: 1px solid #cccccc;
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  padding: 8px 10px;
  height: auto;
  font-size: 16px;
  color: black;
}
.form-group label {
  color: #484c58;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: -1px;
}
.radio,
.checkbox {
  margin: 20px 0;
}
.radio label,
.checkbox label {
  padding-left: 0;
}
.btn:not(.dropdown-toggle),
.btn:not(.dropdown-toggle):hover,
.btn:not(.dropdown-toggle):focus {
  display: block;
  /*width: 100%;*/
  background: #384347;
  color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 11px 40px;
  margin: auto;
  font-size: 20px;
  outline: none;
  font-weight: normal;
}
#ui-datepicker-div {
  /*position: static !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -96px; 
    margin-top: -73px; */
}
/* ----------------------------------------------------------------------------------------------- */
/* CUSTOM INPUT */
/* ----------------------------------------------------------------------------------------------- */
/*input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}*/
#UserName {
  background: #ffffff url('/Content/themes/base/img/email.png') 97% 50% no-repeat;
}
/*Show password toogle*/
.password-show-toggle-container {
  display: flex;
  flex-direction: row;
}
.password-show-toggle-container .fa-eye-icon {
  cursor: pointer;
  margin-left: -25px;
  margin-top: 10px;
  font-size: initial;
}
/*Tooltip*/
.iko-tooltip {
  position: relative;
  display: inline-block;
}
.iko-tooltip .iko-tooltiptext {
  visibility: hidden;
  background-color: #505b5f;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 120px;
  bottom: 120%;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  z-index: 1;
}
.iko-tooltip .iko-tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #505b5f transparent transparent transparent;
}
.iko-tooltip:hover .iko-tooltiptext {
  visibility: visible;
}
::-ms-reveal {
  display: none;
}
/* ----------------------------------------------------------------------------------------------- */
/* CUSTOM CHECKBOX */
/* ----------------------------------------------------------------------------------------------- */
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) ~ label,
[type="checkbox"]:checked ~ label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) ~ label:before,
[type="checkbox"]:checked ~ label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  border: 1px solid #cccccc;
  background: #fff;
}
/*[type="checkbox"]:checked ~ label:before {
	background-color: #565678;
}*/
/* checked mark aspect */
[type="checkbox"]:not(:checked) ~ label:after,
[type="checkbox"]:checked ~ label:after {
  content: '✔';
  position: absolute;
  top: 1px;
  left: 2px;
  font-size: 11px;
  color: #384347;
  line-height: 1.75;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) ~ label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
[type="checkbox"]:checked ~ label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) ~ label:before,
[type="checkbox"]:disabled:checked ~ label:before {
  box-shadow: none;
  border-color: #cccccc;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked ~ label:after {
  color: #999;
}
[type="checkbox"]:disabled ~ label {
  color: #aaa;
}
/* accessibility */
/*[type="checkbox"]:checked:focus ~ label:before,
[type="checkbox"]:not(:checked):focus ~ label:before {
	border: 1px dotted blue;
}*/
/* ----------------------------------------------------------------------------------------------- */
/* LOGIN */
/* ----------------------------------------------------------------------------------------------- */
.body-content-login h1 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 100;
  letter-spacing: -1px;
  margin-bottom: 35px;
}
.body-content-login h3 {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 100;
  letter-spacing: -1px;
  margin-bottom: 35px;
}
.body-content-login .salon-name {
  color: #cd0438;
}
.body-content-login .under_menu {
  top: 0px;
}
/* ----------------------------------------------------------------------------------------------- */
/* INSCRIPTION */
/* ----------------------------------------------------------------------------------------------- */
#register {
  margin-top: 80px;
}
#register h2 {
  text-align: center;
}
#register #info-register {
  background: white;
  /*min-height: 580px;*/
}
#register #info-register > .row {
  height: 100%;
  min-height: 580px;
}
#register #info-register .block-right {
  border-left: 1px solid #cdcdcd;
  height: 100%;
  min-height: 580px;
}
#register #info-register .info-perso .verification-code-sent-msg,
#register #info-register .new-password-container .verification-code-sent-msg {
  font-size: 20px;
  font-weight: normal;
  color: #484c58;
  margin-top: 20px;
}
#register #info-register .info-perso .verification-code-sent-msg a,
#register #info-register .new-password-container .verification-code-sent-msg a {
  cursor: pointer;
  color: #337ab7;
}
#register #info-register .info-perso .verification-code-sent-msg a:hover,
#register #info-register .new-password-container .verification-code-sent-msg a:hover {
  text-decoration: underline;
}
#register #info-register .info-perso .input-enter-code-content,
#register #info-register .new-password-container .input-enter-code-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
}
#register #info-register .info-perso .input-enter-code-content .block-label,
#register #info-register .new-password-container .input-enter-code-content .block-label {
  text-align: left;
  margin-right: 20px;
  width: 50%;
}
#register #info-register .info-perso .input-enter-code-content .block-label label,
#register #info-register .new-password-container .input-enter-code-content .block-label label {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  line-height: 16px;
  color: #484c58;
  position: relative;
  top: -12px;
}
#register #info-register .info-perso .input-enter-code-content .block-label label.gender,
#register #info-register .new-password-container .input-enter-code-content .block-label label.gender {
  top: 8px;
}
#register #info-register .info-perso .input-enter-code-content .input-enter-code,
#register #info-register .new-password-container .input-enter-code-content .input-enter-code {
  width: 100%;
}
#register #info-register .info-perso .input-enter-code-content .input-enter-code .form-control,
#register #info-register .new-password-container .input-enter-code-content .input-enter-code .form-control {
  border-radius: 3px;
}
#register #info-register .info-perso .buttons-content,
#register #info-register .new-password-container .buttons-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 40px;
}
#register #info-register .info-perso .buttons-content .btn,
#register #info-register .new-password-container .buttons-content .btn {
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px 5px;
}
#register #info-register .info-perso .buttons-content .btn-default:hover,
#register #info-register .new-password-container .buttons-content .btn-default:hover {
  color: #384347;
  background: white;
  border-width: 1px;
  border-color: #384347;
}
#register #info-register .info-perso {
  padding: 20px 10px;
}
#register #info-register .info-perso h3 {
  font-size: 20px;
  text-align: left;
  padding-left: 30px;
}
#register #info-register .info-perso .block-label {
  text-align: left;
}
#register #info-register .info-perso .block-label label {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  line-height: 16px;
  color: #484c58;
  position: relative;
  top: -12px;
}
#register #info-register .info-perso .block-label label.gender {
  top: 8px;
}
#register #info-register .info-perso .hidden {
  display: none;
}
#register #info-register .info-perso .group-input {
  margin-top: 30px;
}
#register #info-register .info-perso .group-input .row {
  margin-bottom: 25px;
}
#register #info-register .info-perso .group-input .add {
  color: #384347;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 15px 5px 25px;
  text-transform: none;
  float: right;
  cursor: pointer;
  background: url('/Content/themes/base/img/plus@2x.png') no-repeat left center transparent;
  background-size: 18px;
}
#register #info-register .info-perso .group-input .add:hover {
  background: url('/Content/themes/base/img/plus-pink@2x.png') no-repeat left center transparent;
  background-size: 18px;
  color: #cd0438;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
#register #info-register .info-perso .iti {
  width: 100%;
}
#register #info-register .info-perso .intl-tel-input,
#register #info-register .info-perso .iti__country-list {
  font-size: 14px;
  position: relative;
  /*display: block;*/
}
#register #info-register .info-perso #phone {
  width: 200px;
}
#register #info-register .info-perso .genderContainer {
  display: inline;
}
#register #info-register .info-perso select {
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
}
#register #info-register .info-perso .col-md-4 {
  text-align: left;
}
#register #info-register .new-password-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#register #info-register .new-password-container .input-new-password-code-errors {
  text-align: center;
  font-size: 16px;
  color: red;
  margin-top: 20px;
}
#register #info-register .new-password-container .input-new-password-code-errors ul {
  padding: 0px;
}
#register #info-register .new-password-container .hidden {
  display: none;
}
#register #info-register .new-password-container .group-input {
  margin-top: 30px;
}
#register #info-register .new-password-container .group-input .row {
  margin-bottom: 25px;
}
#register #info-register .new-password-container .group-input .add {
  color: #384347;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 15px 5px 25px;
  text-transform: none;
  float: right;
  cursor: pointer;
  background: url('/Content/themes/base/img/plus@2x.png') no-repeat left center transparent;
  background-size: 18px;
}
#register #info-register .new-password-container .group-input .add:hover {
  background: url('/Content/themes/base/img/plus-pink@2x.png') no-repeat left center transparent;
  background-size: 18px;
  color: #cd0438;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
#register #info-register .new-password-container .intl-tel-input,
#register #info-register .new-password-container .iti__country-list {
  font-size: 14px;
  position: relative;
  /*display: block;*/
}
#register #info-register .new-password-container #phone {
  width: 200px;
}
#register #info-register .new-password-container .genderContainer {
  display: inline;
}
#register #info-register .new-password-container select {
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
}
#register #info-register .enter-new-password-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#register #info-register .enter-new-password-container .input-new-password-container {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  padding: 30px 20px;
}
#register #info-register .enter-new-password-container .input-new-password-container .enter-new-password-errors {
  text-align: center;
  font-size: 16px;
  color: red;
  margin-top: 20px;
}
#register #info-register .enter-new-password-container .input-new-password-container .enter-new-password-errors ul {
  padding: 0px;
}
#register #info-register .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 10px 0px;
}
#register #info-register .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input .block-label {
  text-align: right;
  margin-right: 20px;
}
#register #info-register .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input .block-label label {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  line-height: 16px;
  color: #484c58;
  position: relative;
  top: -12px;
}
#register #info-register .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input .block-label label.gender {
  top: 8px;
}
#register #info-register .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input .enter-new-password-input-password {
  width: 300px;
}
#register #info-register .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input .enter-new-password-input-password .form-control {
  border-radius: 3px;
}
#register #info-register .enter-new-password-container .input-new-password-container .enter-new-password-submit {
  margin-top: 20px;
}
#register #info-register .enter-new-password-container .input-new-password-container .enter-new-password-submit .btn {
  padding-top: 5px;
  padding-bottom: 5px;
}
#register #info-register .enter-new-password-container .input-new-password-container .enter-new-password-submit .btn-default:hover {
  color: #384347;
  background: white;
  border-width: 1px;
  border-color: #384347;
}
#register #info-register .register-terms-conditions {
  font-size: 1.6rem;
}
#register #info-register .register-terms-conditions a {
  text-decoration: underline;
  font-weight: bold;
}
#register .new-password-resendCode-container {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
  justify-content: center;
}
#register .new-password-resendCode-container .input-resend-code-content {
  display: flex;
  flex-direction: column;
  padding: 30px 20px;
  background-color: white;
}
#register .new-password-resendCode-container .input-resend-code-content .input-resend-code_errors {
  text-align: center;
  font-size: 16px;
  color: red;
  margin-top: 20px;
}
#register .new-password-resendCode-container .input-resend-code-content .input-resend-code_errors ul {
  padding: 0px;
}
#register .new-password-resendCode-container .input-resend-code-content .input-resend-code {
  display: flex;
  flex-direction: row;
}
#register .new-password-resendCode-container .input-resend-code-content .input-resend-code .block-label {
  text-align: right;
  margin-right: 20px;
  margin-top: 12px;
}
#register .new-password-resendCode-container .input-resend-code-content .input-resend-code .block-label label {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  line-height: 16px;
  color: #484c58;
  position: relative;
  top: -12px;
}
#register .new-password-resendCode-container .input-resend-code-content .new-password-resend-code-btnSubmit {
  margin-top: 20px;
}
#register .new-password-resendCode-container .input-resend-code-content .new-password-resend-code-btnSubmit .btn {
  padding-top: 5px;
  padding-bottom: 5px;
}
#register .new-password-resendCode-container .input-resend-code-content .new-password-resend-code-btnSubmit .btn-default:hover {
  color: #384347;
  background: white;
  border-width: 1px;
  border-color: #384347;
}
#register #choose-account {
  background-color: white;
  padding-top: 20px;
  padding-bottom: 20px;
}
#register #choose-account .block-label {
  text-align: left;
}
#register #choose-account .block-label label {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
}
#register #choose-account .block-label label.title {
  color: #27274D;
}
#register #choose-account .block-label label.value {
  color: #747490;
}
#register #choose-account .choice-item {
  background-color: white;
  margin-bottom: 20px;
  border-radius: 0 2px 2px 0;
  border: 1px solid #565677;
}
#register #choose-account .choice-item .row {
  font-size: 16px;
}
#register #choose-account .choice-item .choice-item-content {
  padding-top: 15px;
  padding-bottom: 15px;
}
#register #choose-account .choice-item .choice-item-content-title {
  padding: 5px;
  background-color: #565678;
  color: #fff;
  vertical-align: middle;
  font-size: 16px;
  margin-bottom: 15px;
  width: 100%;
  text-align: center;
}
#register #choose-account .input-group-addon {
  border: 0px;
}
#register #choose-account .btn-default:hover {
  color: #384347;
  background: white;
  border-width: 2px;
  border-color: #384347;
}
#register .no-left-padding {
  padding-left: 0;
}
#register .no-right-padding {
  padding-right: 0;
}
#register .text-center {
  text-align: center;
}
#register label.gender {
  text-align: center;
  padding-left: 15px;
  color: #6d7079;
}
#register .multipleAccount {
  text-align: center;
}
#register .multipleAccount a {
  margin: 5px;
}
.resendCode {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
  justify-content: center;
}
.resendCode .input-resend-code-content {
  display: flex;
  flex-direction: column;
  padding: 30px 20px;
  background-color: white;
}
.resendCode .input-resend-code-content .input-resend-code_errors {
  text-align: center;
  font-size: 16px;
  color: red;
  margin-top: 20px;
}
.resendCode .input-resend-code-content .input-resend-code_errors ul {
  padding: 0px;
}
.resendCode .input-resend-code-content .input-resend-code {
  display: flex;
  flex-direction: row;
}
.resendCode .input-resend-code-content .input-resend-code .block-label {
  text-align: right;
  margin-right: 20px;
  margin-top: 12px;
}
.resendCode .input-resend-code-content .input-resend-code .block-label label {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  line-height: 16px;
  color: #484c58;
  position: relative;
}
.resendCode .input-resend-code-content .new-password-resend-code-btnSubmit {
  margin-top: 20px;
}
.resendCode .input-resend-code-content .new-password-resend-code-btnSubmit .btn {
  padding-top: 5px;
  padding-bottom: 5px;
}
.resendCode .input-resend-code-content .new-password-resend-code-btnSubmit .btn-default:hover {
  color: #384347;
  background: white;
  border-width: 1px;
  border-color: #384347;
}
.resendCode .input-resend-code-content .intl-tel-input,
.resendCode .input-resend-code-content .iti__country-list {
  /*display: block;*/
}
/* ----------------------------------------------------------------------------------------------- */
/* ERROR */
/* ----------------------------------------------------------------------------------------------- */
/*.block-error {
    position: relative;
    .field-validation-error {
        position: none;
    }
}*/
.input-validation-error {
  border: 1px solid #d18f8f;
  -moz-box-shadow: 0px 0px 2px 0px #d18f8f;
  -webkit-box-shadow: 0px 0px 2px 0px #d18f8f;
  -o-box-shadow: 0px 0px 2px 0px #d18f8f;
  box-shadow: 0px 0px 2px 0px #d18f8f;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#d18f8f, Direction=NaN, Strength=2);
}
.login-errors,
.register_errors {
  color: #cd0438;
  font-size: 14px;
  text-align: center;
}
.field-validation-error,
.validation-summary-errors {
  color: #cd0438;
  font-size: 14px;
}
.field-validation-error {
  color: #b92219;
  border: 1px solid #d18f8f;
  border-top: none;
  width: 96%;
  margin: 0 2%;
  display: block;
  font-size: 12px;
  background: #ffd1d1;
  padding: 5px;
  height: auto;
}
.field-validation-error.error-pref {
  width: 88%;
  left: 6%;
  margin: 0 auto;
}
.validation-summary-errors ul {
  list-style: none;
  text-align: center;
}
.field-validation-valid {
  display: none;
}
.validation-summary-valid {
  display: none;
}
.toastr-error {
  background: #f83737;
}
#toast-container.toast-top-full-width > div {
  width: 96%;
}
.toast-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.toast-title span {
  margin-right: 20px;
}
/* ----------------------------------------------------------------------------------------------- */
/* DIVERS */
/* ----------------------------------------------------------------------------------------------- */
.placeholded,
.placeholded .btn,
::-webkit-input-placeholder,
:-ms-input-placeholder,
:placeholder-shown {
  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #c8d1d5 !important;
}
:-moz-placeholder,
::-moz-placeholder {
  /* Mozilla Firefox 4 to 18+ */
  color: #c8d1d5;
  opacity: 1;
}
.disable-overlay {
  background-color: black;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.container-submit {
  position: relative;
}
.container-submit span {
  display: inline-block;
}
.polygone {
  width: 40px;
  height: 40px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  z-index: 1;
  position: absolute;
  top: -20px;
}
.purple-light {
  background: #F4F5F9;
}
/* ----------------------------------------------------------------------------------------------- */
/* TOP NAV */
/* ----------------------------------------------------------------------------------------------- */
.navbar.topnav {
  min-height: 50px;
  margin-bottom: 0;
  border: 0;
}
.navbar-default.topnav {
  background-color: #fff;
  border: 0;
}
.topnav .navbar-brand {
  padding: 9px 15px;
}
.topnav form {
  display: inline-block;
}
#logoff,
#faq,
#email {
  color: #384347;
  font-size: 20px;
}
#logoff:hover,
#faq:hover,
#email:hover {
  color: white;
  background: #384347;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
/* ----------------------------------------------------------------------------------------------- */
/* HOME */
/* ----------------------------------------------------------------------------------------------- */
.intro-header {
  height: 331px;
  width: 100%;
  background-position-x: 50%;
  background-position-y: 0;
  background-repeat: no-repeat;
  background-image: url(/Content/themes/base/img/Banners/banner.png);
  background-size: cover;
  color: #fff;
}
.intro-header.male {
  background-image: url(/Content/themes/base/img/Banners/Men/banner.png);
}
.intro-header .appointment-box {
  height: 145px;
}
.intro-header .appointment-box .text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.intro-header .col-lg-12 {
  padding: 0;
}
.content-header {
  padding: 50px 0 10px 0;
}
.content-header-title {
  font-size: 34px;
  padding: 0;
  letter-spacing: -1px;
}
.content-header-title p {
  margin: 10px 0 10px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content-header-title h2 {
  margin: 0 0 34px 0;
  font-size: 34px;
  font-weight: normal;
}
.content-header-title.no-ellipsis p {
  white-space: initial;
  text-overflow: initial;
  overflow: initial;
}
.content-header-subtitle {
  font-size: 22px;
  padding: 0;
  letter-spacing: -1px;
}
.content-header-buttons {
  margin-top: 10px;
}
.content-header-buttons > span {
  margin: 10px 30px 0 30px;
  text-transform: uppercase;
  font-size: 22px;
}
.section-add-to-calendar {
  text-align: center;
}
.section-title {
  padding: 25px 0;
}
.content-body-title1 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin: 0;
  letter-spacing: -1px;
}
.content-body-title2 {
  font-size: 24px;
  text-align: center;
  margin: 13px 0 10px 0;
  line-height: 1;
  letter-spacing: -1px;
}
.btn-cancel {
  display: inline-block;
  padding-right: 30px !important;
  padding-left: 30px !important;
  font-size: 20px;
  font-weight: 100;
  text-align: center;
}
.btn-cancel span {
  background: url('/Content/themes/base/img/picto-cancel-white.png') 0 49% no-repeat;
  padding-left: 25px !important;
  background-size: 19px;
  font-weight: normal;
}
.btn-cancel:hover span {
  background: url('/Content/themes/base/img/picto-cancel.png') 0 50% no-repeat;
  background-size: 19px;
}
.btn-rdv {
  display: inline-block;
  padding-right: 30px !important;
  padding-left: 30px !important;
  font-size: 20px;
  font-weight: 100;
  text-align: center;
  cursor: pointer;
}
.btn-rdv i {
  font-size: 12px;
}
.btn-rdv span {
  background: url('/Content/themes/base/img/picto-bt-rdv.png') left center no-repeat;
  padding-left: 33px !important;
  font-weight: normal;
}
.btn-rdv:hover span {
  background: url('/Content/themes/base/img/picto-bt-rdv-hover.png') left center no-repeat;
}
.btn-back {
  display: inline-block;
  padding-right: 30px !important;
  padding-left: 30px !important;
  font-size: 20px;
  font-weight: 100;
  text-align: center;
}
.btn-back i {
  font-size: 12px;
}
/*================ Entête du contenu ==============*/
.content-header {
  /*padding: 60px;*/
  text-align: center;
}
.content-header.home {
  color: white;
  background-color: #7f7f9b;
  text-align: left;
}
.content-header.home .content-header-title {
  text-transform: none;
}
/*============== menu de titre simple =============*/
.extra-family-list .dropdown-toggle,
.extra-service-list .dropdown-toggle,
.extra-employee-list .dropdown-toggle,
.other-employee-list .dropdown-toggle {
  font-size: 20px;
}
.content-header .btn-group-list .dropdown-menu,
.extra-family-list .dropdown-menu {
  padding: 0;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 12px;
  border: none;
  box-shadow: none;
  margin: 0;
  background: url('/Content/themes/base/img/Polygone-2.png') no-repeat 10px 0 transparent;
}
.content-header .btn-group-list .dropdown-menu.first,
.extra-family-list .dropdown-menu.first {
  background: url('/Content/themes/base/img/Polygone.png') no-repeat 10px 0 transparent;
}
.content-header .btn-group-list .dropdown-menu li,
.extra-family-list .dropdown-menu li {
  background-color: #565678;
  border-top: 1px solid white;
  color: white;
}
.content-header .btn-group-list .dropdown-menu li:first-child,
.extra-family-list .dropdown-menu li:first-child {
  border: none;
}
.content-header .btn-group-list .dropdown-menu li.selected,
.extra-family-list .dropdown-menu li.selected {
  background: url('/Content/themes/base/img/Check.png') no-repeat 130px center #9da8ae;
}
.content-header .btn-group-list .dropdown-menu li a,
.extra-family-list .dropdown-menu li a {
  color: white;
  padding: 10px 10px;
  white-space: normal;
}
.content-header .btn-group-list .dropdown-menu li a:hover,
.extra-family-list .dropdown-menu li a:hover {
  color: white;
  background-color: #7a7aa1;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
/*======== menu de titre avec catégories ==========*/
.btn-group-category .dropdown-menu {
  padding: 0;
  border-radius: 0;
  margin-top: 10px;
}
.btn-group-category .dropdown-menu li {
  background-color: #ced1e0;
  color: white;
}
.btn-group-category .dropdown-menu li a {
  color: #565678;
  white-space: normal;
}
.btn-group-category .dropdown-menu li a:hover {
  color: white;
  background-color: #7a7aa1;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-group-category .dropdown-menu li.dropdown-item-category {
  color: #565678;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 10px 0 10px;
}
.btn-group-category .dropdown-menu li.dropdown-item-category > div {
  overflow: hidden;
}
.btn-group-category .dropdown-menu li.dropdown-item-category > div > span {
  position: relative;
  display: inline-block;
}
.btn-group-category .dropdown-menu li.dropdown-item-category > div > span:after {
  content: "";
  position: absolute;
  height: 2px;
  background-color: #565678;
  top: 50%;
  width: 9999px;
  left: 100%;
  margin-left: 15px;
}
/*============== bloc de rendez-vous ==============*/
.container-fluid .chooseGender-container {
  display: flex;
  flex-direction: column;
  font-family: 'Aileron Thin';
}
.container-fluid .chooseGender-container.hasMainTitle {
  margin-top: 80px;
}
.container-fluid .chooseGender-container .page-main-title {
  color: #000000;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  display: block;
}
.container-fluid .chooseGender-container .chooseGender-content {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  padding-bottom: 10px;
  overflow-x: hidden;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart {
  display: flex;
  justify-content: center;
  width: 35%;
  margin: 1rem;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome {
  display: flex;
  flex-direction: column;
  /*width: 350px;*/
  width: 370px;
  text-align: left;
  color: #000000;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .logo {
  /*height: 100px;*/
  height: 5.5vw;
  max-height: 100px;
  /*width: auto;*/
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 20px;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-message {
  text-transform: uppercase;
  /*font-size: 23px;*/
  font-size: 1.2vw;
  font-weight: bold;
  margin-bottom: 30px;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-text {
  /*font-size: 18px;*/
  font-size: 1vw;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-text span {
  font-weight: bold;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-text.hidden {
  display: none;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .page-main-title {
  color: #000000;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  display: none;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart {
  display: flex;
  justify-content: center;
  width: 30%;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 500px;
  justify-content: space-between;
  margin-top: 5px;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders .gender {
  /*width: 240px;*/
  width: 47%;
  /*min-width:240px;*/
  height: 33vw;
  max-height: 625px;
  padding: 5px;
  box-shadow: 1px 1px 4px #555;
  background-size: cover;
  background-position: center center;
  aspect-ratio: .38;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders .gender a .gender-picture {
  /*width: 230px;*/
  width: 100%;
  height: 30vw;
  max-height: 575px;
  background-repeat: no-repeat;
  background-size: cover;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders .gender .gender-name {
  color: #000000;
  text-align: center;
  font-weight: bold;
  font-size: 1.1vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 2.5vw;
  /* margin-top: 5px; */
  /* padding-top: 5px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart {
  width: 35%;
  padding-left: 1rem;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container {
  background-image: url("/Content/themes/base/img/Vouchers/ecarte-blur.png");
  width: 100%;
  max-width: 640px;
  height: 34.1vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  margin: 0;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 560px;
  margin: 0;
  padding: 0 1rem;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  color: white;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-header {
  font-size: 1.2vw;
  font-weight: bold;
  height: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-text {
  height: 18%;
  padding-left: 0;
  font-size: 0.73vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-text ul li {
  margin-bottom: 5px;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image {
  background-image: url("/Content/themes/base/img/Vouchers/ecarte_coiffure_recto-verso.png");
  width: 100%;
  height: 32%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-style: oblique;
  font-weight: bold;
  font-family: "Lobster", cursive;
  text-align: center;
  width: 10vw;
  height: auto;
  margin-top: 3vw;
  margin-left: 2.5vw;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container .header {
  font-size: 0.9vw;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container .price {
  font-size: 1.1vw;
  margin-bottom: 0.2vw;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container .price.isEsthetique {
  color: #f0cfd6;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container .image-text {
  font-style: normal;
  font-size: 0.4vw;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container .image-text.salon-name {
  margin-bottom: 0.3vw;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container .salon-location-container {
  font-style: normal;
  font-size: 0.4vw;
  margin-top: 0.2vw;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .btn-goVoucher-container {
  display: flex;
  justify-content: center;
  margin-top: 2.65vw;
  width: 100%;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .btn-goVoucher-container .btn-goVoucher {
  border: solid 2px #ffffff;
  border-radius: 28px;
  width: 19vw;
  max-width: 360px;
  height: 2.6vw;
  max-height: 50px;
  text-align: center;
  padding-top: 0.6vw;
  color: #ffffff;
  font-weight: bold;
  background-color: transparent;
  font-size: 1vw;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .btn-goVoucher-container .btn-goVoucher:hover {
  border-color: transparent;
  background-color: #00000050;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart:hover {
  cursor: pointer;
}
.container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart.hidden {
  visibility: hidden;
}
.container-fluid .chooseGender-container.applyColorPicker .page-main-title {
  color: var(--body-text-color);
}
.container-fluid .chooseGender-container.applyColorPicker .chooseGender-content .chooseGender-leftPart .welcome {
  color: var(--body-text-color);
}
.container-fluid .chooseGender-container.applyColorPicker .chooseGender-content .chooseGender-leftPart .welcome .page-main-title {
  color: var(--body-text-color);
}
.container-fluid .chooseGender-container.applyColorPicker .chooseGender-content .chooseGender-centerPart .genders .gender {
  background-color: var(--gender-bg-color);
}
.container-fluid .chooseGender-container.applyColorPicker .chooseGender-content .chooseGender-centerPart .genders .gender .gender-name {
  color: var(--gender-text-color);
}
.container-fluid .voucherCustom-page-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.container-fluid .voucherCustom-page-container.hasMainTitle {
  margin-top: 80px;
}
.container-fluid .voucherCustom-page-container .page-main-title {
  color: #000000;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 3rem;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content {
  display: flex;
  flex-direction: column;
  width: 1200px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview {
  display: flex;
  flex-direction: row;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview {
  width: 50%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container {
  display: flex;
  flex-direction: column;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content {
  width: 420px;
  height: 160px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 15px #555;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container {
  text-align: center;
  color: #000000;
  font-style: oblique;
  font-weight: bold;
  font-family: "Lobster", cursive;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .preview-header {
  font-size: 18px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .preview-price {
  font-size: 22px;
  height: 26px;
  margin-bottom: 10px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .preview-price.isEsthetique {
  color: #f0cfd6;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .preview-price.isArticleName {
  font-size: 2.5rem;
  height: 3.5rem;
  overflow: hidden;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .preview-price.isArticleName.long {
  font-size: 1.5rem;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .preview-text {
  font-style: normal;
  font-size: 8px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .preview-text.salon-name {
  margin-bottom: 10px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .salon-location-container {
  font-style: normal;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.christmas.black {
  color: #ffffff;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 {
  color: #db8484;
  font-style: normal;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-header {
  font-family: "Lobster", cursive;
  font-size: 2.2rem;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-price {
  font-family: 'Montserrat-Bold';
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-price.isArticleName.long {
  font-size: 1.4rem;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-text,
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .salon-location-container {
  font-family: 'Montserrat';
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024.red,
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024.blue,
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024.black,
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024.yellow {
  color: #ffffff;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024.purple {
  color: #db8484;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 {
  color: #cf3f40;
  font-style: normal;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-header {
  font-family: DDin-Condensed-Bold;
  font-size: 1.8rem;
  color: black;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price {
  font-family: 'DDin-Condensed-Bold';
  font-size: 3rem;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price.isArticleName {
  font-size: 2rem;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price.isArticleName.long {
  font-size: 1.4rem;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-text {
  font-family: 'DDin-Condensed-Regular';
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-text .from,
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-text .to {
  font-family: 'DDin-Condensed-Bold';
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .salon-location-container {
  font-family: 'DDin-Condensed-Regular';
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount {
  width: 50%;
  padding: 0px 90px;
  color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-title {
  font-size: 14px;
  margin-bottom: 20px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-header {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount {
  width: 60%;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .input-group .form-control {
  background-color: transparent;
  box-shadow: none;
  font-weight: bold;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .input-group input[type="number"] {
  padding: 6px 10px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .input-group .input-group-btn .btn {
  padding: 6px 10px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .input-group .input-group-btn ul li {
  padding: 5px 10px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .input-group .input-group-btn ul li:hover {
  cursor: pointer;
  background-color: #0000000D;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .field-validation-error {
  border: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 10px;
  font-weight: normal;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .amountRange {
  font-size: 14px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .offerService-container {
  background-color: #0000000D;
  padding: 14px 16px;
  font-size: 14px;
  width: 90%;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .offerService-container .title {
  margin-bottom: 4px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .offerService-container a {
  text-decoration: underline;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary {
  width: 50%;
  padding: 0px 90px;
  color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-text .summary-header {
  font-size: 14px;
  font-family: 'Aileron Black';
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-text .summary-articleName {
  font-size: 14px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-offerVoucher-container {
  background-color: #0000000D;
  padding: 14px 16px;
  font-size: 14px;
  width: 80%;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-offerVoucher-container .title {
  margin-bottom: 4px;
}
.container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-offerVoucher-container a {
  text-decoration: underline;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content {
  display: flex;
  flex-direction: column;
  width: 1200px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview {
  width: 50%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container {
  display: flex;
  flex-direction: column;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content {
  width: 420px;
  height: 160px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 15px #555;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container {
  text-align: center;
  color: #000000;
  font-style: oblique;
  font-weight: bold;
  font-family: "Lobster", cursive;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .preview-header {
  font-size: 18px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .preview-price {
  font-size: 22px;
  height: 26px;
  margin-bottom: 10px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .preview-price.isEsthetique {
  color: #f0cfd6;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .preview-price.isArticleName {
  font-size: 2.5rem;
  height: 3.5rem;
  overflow: hidden;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .preview-price.isArticleName.long {
  font-size: 1.5rem;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .preview-text {
  font-style: normal;
  font-size: 8px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .preview-text.salon-name {
  margin-bottom: 10px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .salon-location-container {
  font-style: normal;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.christmas.black {
  color: #ffffff;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 {
  color: #db8484;
  font-style: normal;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-header {
  font-family: "Lobster", cursive;
  font-size: 2.2rem;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-price {
  font-family: 'Montserrat-Bold';
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-price.isArticleName.long {
  font-size: 1.4rem;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-text,
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .salon-location-container {
  font-family: 'Montserrat';
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024.red,
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024.blue,
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024.black,
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024.yellow {
  color: #ffffff;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024.purple {
  color: #db8484;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 {
  color: #cf3f40;
  font-style: normal;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-header {
  font-family: DDin-Condensed-Bold;
  font-size: 1.8rem;
  color: black;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price {
  font-family: 'DDin-Condensed-Bold';
  font-size: 3rem;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price.isArticleName {
  font-size: 2rem;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price.isArticleName.long {
  font-size: 1.4rem;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-text {
  font-family: 'DDin-Condensed-Regular';
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-text .from,
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-text .to {
  font-family: 'DDin-Condensed-Bold';
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .salon-location-container {
  font-family: 'DDin-Condensed-Regular';
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .voucher-seeParticipantsLink {
  margin-top: 2rem;
  align-self: end;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .voucher-seeParticipantsLink a {
  text-decoration: underline;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style {
  width: 50%;
  padding: 0px 90px;
  color: #000000;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 1.5rem;
  height: 100%;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineEvent-container .defineEvent-header {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineEvent-container .defineEvent-events {
  width: 90%;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineEvent-container .defineEvent-events select {
  background-color: #f4f4f4;
  border: 1px solid #cccccc;
  font-weight: bold;
  text-align: left;
  padding: 8px 10px;
  width: 100%;
  height: 40px;
  border-radius: 0;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient {
  display: flex;
  flex-direction: column;
  color: #000000;
  font-size: 14px;
  width: 90%;
  margin-top: 0;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient.hidden {
  display: none;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient .recipients {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  justify-content: space-between;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient .recipients.disabled {
  opacity: 0.5;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient .recipients .recipient {
  border: none;
  width: 100%;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient .recipients .recipient .form-check {
  display: flex;
  flex-direction: row;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient .recipients .recipient .form-check input[type="radio"] {
  padding: 0;
  margin: 0;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient .recipients .recipient .form-check .form-check-label-container {
  padding-left: 20px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient .recipients .recipient .form-check .form-check-label-container .form-check-label {
  font-weight: normal;
  margin: 0;
  padding-left: 0;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient .recipients .recipient .form-check .form-check-label-container .voucher-seeParticipantsLink {
  align-self: end;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient .recipients .recipient .form-check .form-check-label-container .voucher-seeParticipantsLink a {
  text-decoration: underline;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineStyle-container .defineStyle-header {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineStyle-container .defineStyle-styles .row .col-lg-3 {
  margin: 3px;
  padding: 0;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineStyle-container .defineStyle-styles .row .col-lg-3 .defineStyle-style {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  width: 100%;
  height: 4rem;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineStyle-container .defineStyle-styles .row .col-lg-3 .defineStyle-style:hover {
  box-shadow: 1px 1px 3px #555;
  transform: translateY(-2px);
  cursor: pointer;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineStyle-container .defineStyle-styles .row .col-lg-3 .defineStyle-style.selected {
  box-shadow: 1px 1px 3px #555;
  transform: translateY(-2px);
  border: 2px solid #000000;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineStyle-container .defineStyle-styles .row .col-lg-3 .defineStyle-style img.style-picture {
  width: 100%;
  height: 100%;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineColor-container .defineColor-header {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineColor-container .defineColor-colors .row .col-lg-2 {
  margin: 3px;
  padding: 0;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineColor-container .defineColor-colors .row .col-lg-2 .defineColor-color {
  border-radius: 2px;
  width: 100%;
  height: 35px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineColor-container .defineColor-colors .row .col-lg-2 .defineColor-color:hover {
  box-shadow: 1px 1px 3px #555;
  transform: translateY(-2px);
  cursor: pointer;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineColor-container .defineColor-colors .row .col-lg-2 .defineColor-color.selected {
  box-shadow: 1px 1px 3px #555;
  transform: translateY(-2px);
  border: 2px solid #000000;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineColor-container.hidden {
  visibility: hidden;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  color: #000000;
  font-size: 14px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient .header {
  font-weight: bold;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient .recipients {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  justify-content: space-between;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient .recipients .recipient {
  border: 1px solid #707070;
  width: 49.6%;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient .recipients .recipient .recipient-header {
  font-weight: bold;
  margin-bottom: 6px;
  padding-left: 33px;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient .recipients .recipient .form-check {
  display: flex;
  flex-direction: row;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient .recipients .recipient .form-check input[type="radio"] {
  padding: 0;
  margin: 0;
}
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient .recipients .recipient .form-check .form-check-label {
  font-weight: normal;
  padding-left: 20px;
  margin: 0;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container {
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  align-items: center;
  margin-top: 3rem;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 1200px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: white;
  height: 100%;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container {
  display: flex;
  flex-direction: column;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel {
  display: grid;
  grid-template-columns: 10% 80% 10%;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-carousel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
  border-radius: 25px;
  width: 50px;
  height: 50px;
  background-color: #BFBFBF;
  cursor: pointer;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous .picture,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next .picture {
  width: 15px;
  height: 29px;
  background-color: #000000;
  background-repeat: no-repeat;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous .picture.previous,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next .picture.previous {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Previous' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 14.9 28.5' enable-background='new 0 0 14.9 28.5' xml:space='preserve'%3E%3Cpath d='M12.7,0c0.5,0,1,0.2,1.5,0.5c0.9,0.8,1,2.2,0.2,3.2L5.2,14.2l9.1,10.5c0.8,0.9,0.7,2.4-0.2,3.2c-0.9,0.8-2.4,0.7-3.2-0.2 l-10.4-12c-0.7-0.8-0.7-2.1,0-2.9L11,0.8C11.4,0.3,12,0,12.7,0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Previous' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 14.9 28.5' enable-background='new 0 0 14.9 28.5' xml:space='preserve'%3E%3Cpath d='M12.7,0c0.5,0,1,0.2,1.5,0.5c0.9,0.8,1,2.2,0.2,3.2L5.2,14.2l9.1,10.5c0.8,0.9,0.7,2.4-0.2,3.2c-0.9,0.8-2.4,0.7-3.2-0.2 l-10.4-12c-0.7-0.8-0.7-2.1,0-2.9L11,0.8C11.4,0.3,12,0,12.7,0z'/%3E%3C/svg%3E");
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous .picture.next,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next .picture.next {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Next' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='' y='' fill='' viewBox='0 0 14.9 28.5' enable-background='new 0 0 14.9 28.5' xml:space='preserve'%3E%3Cpath d='M2.2,28.5c-0.5,0-1-0.2-1.5-0.5c-0.9-0.8-1-2.2-0.2-3.2l9.1-10.5L0.6,3.7c-0.8-0.9-0.7-2.4,0.2-3.2C1.7-0.3,3.1-0.2,4,0.8 l10.4,12c0.7,0.8,0.7,2.1,0,2.9L4,27.7C3.5,28.2,2.9,28.5,2.2,28.5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Next' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='' y='' fill='' viewBox='0 0 14.9 28.5' enable-background='new 0 0 14.9 28.5' xml:space='preserve'%3E%3Cpath d='M2.2,28.5c-0.5,0-1-0.2-1.5-0.5c-0.9-0.8-1-2.2-0.2-3.2l9.1-10.5L0.6,3.7c-0.8-0.9-0.7-2.4,0.2-3.2C1.7-0.3,3.1-0.2,4,0.8 l10.4,12c0.7,0.8,0.7,2.1,0,2.9L4,27.7C3.5,28.2,2.9,28.5,2.2,28.5z'/%3E%3C/svg%3E");
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous:hover,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next:hover {
  background-color: white;
  border: 1px solid #BFBFBF;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous {
  padding: 10px 14px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
  padding: 10px 18px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content {
  width: 446px;
  height: 170px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  flex-direction: column;
  box-shadow: 1px 1px 15px #555;
  display: none;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto {
  justify-content: center;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container {
  text-align: center !important;
  font-family: 'Lobster', cursive;
  font-style: oblique;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-header {
  font-size: 18px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-price {
  font-size: 22px;
  height: 26px;
  margin-bottom: 10px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-price.isEsthetique {
  color: #f0cfd6;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-price.isArticleName.long {
  font-size: 1.5rem;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-text {
  font-style: normal;
  font-size: 8px !important;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-text.salon-name {
  margin-bottom: 10px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .salon-location-container {
  font-style: normal;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.christmas.black {
  color: #ffffff;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024 {
  color: #db8484;
  font-style: normal;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024 .preview-header {
  font-family: "Lobster", cursive;
  font-size: 2.2rem;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024 .preview-price {
  font-family: 'Montserrat-Bold';
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024 .preview-price.isArticleName.long {
  font-size: 1.4rem;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024 .preview-text,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024 .salon-location-container {
  font-family: 'Montserrat';
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024.red,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024.blue,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024.black,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024.yellow {
  color: #ffffff;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024.purple {
  color: #db8484;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 {
  color: #cf3f40;
  font-style: normal;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-header {
  font-family: DDin-Condensed-Bold;
  font-size: 1.8rem;
  color: black;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-price {
  font-family: 'DDin-Condensed-Bold';
  font-size: 3rem;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-price.isArticleName {
  font-size: 2rem;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-price.isArticleName.long {
  font-size: 1.4rem;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-text {
  font-family: 'DDin-Condensed-Regular';
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-text .from,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-text .to {
  font-family: 'DDin-Condensed-Bold';
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .salon-location-container {
  font-family: 'DDin-Condensed-Regular';
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container {
  margin-left: 140px;
  font-family: 'Lobster', cursive;
  font-style: oblique;
  text-align: left;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-header {
  margin-bottom: 2px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-message {
  height: 70px;
  font-size: 10px;
  overflow: hidden;
  margin-bottom: 3px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-text {
  font-size: 8px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-text.senderName {
  font-size: 12px;
  height: 17px;
  margin-top: 2px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .voucher-conditions {
  font-size: 9px;
  margin-top: 3px;
  width: 290px;
  height: auto;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024 {
  color: #db8484;
  font-style: normal;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024 .preview-header {
  font-family: "Lobster", cursive;
  font-size: 1.6rem;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024 .preview-message {
  font-family: 'Montserrat';
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024 .preview-text {
  font-family: "Lobster", cursive;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024 .preview-text.senderName {
  font-family: Montserrat-Bold;
  font-size: 10px;
  margin: 0;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024 .voucher-conditions {
  font-family: Montserrat-Bold;
  margin: 0;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024.red,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024.blue,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024.black,
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024.yellow {
  color: #ffffff;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024.purple {
  color: #db8484;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2025 {
  color: black;
  font-style: normal;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2025 .preview-header {
  font-family: 'DDin-Condensed-Bold';
  font-size: 1.6rem;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2025 .preview-message {
  font-family: 'DDin-Condensed-Regular';
  font-weight: normal;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2025 .preview-text {
  font-family: 'DDin-Condensed-Regular';
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2025 .preview-text.senderName {
  font-family: 'DDin-Condensed-Bold';
  font-size: 10px;
  margin: 0;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2025 .voucher-conditions {
  font-family: 'DDin-Condensed-Regular';
  margin: 0;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.active {
  display: flex;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content .preview-text-container {
  color: #000000;
  font-style: oblique;
  font-weight: bold;
  /*padding-top: 15px;*/
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel-indicators {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel-indicators .indicator-recto {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #BFBFBF;
  margin: 0px 10px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel-indicators .indicator-recto.active {
  background-color: #000000;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel-indicators .indicator-verso {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #BFBFBF;
  margin: 0px 10px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel-indicators .indicator-verso.active {
  background-color: #000000;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .preview-sendMethod {
  background-color: white;
  padding: 20px 35px;
  margin-top: 10px;
  font-size: 14px;
  display: block;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .preview-sendMethod .header {
  font-weight: bold;
  margin-bottom: 10px;
  color: #000000;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right {
  width: 50%;
  padding: 0 80px;
  font-size: 14px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .header {
  font-weight: bold;
  margin-bottom: 20px;
  color: #000000;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input {
  max-width: 370px;
  font-weight: bold;
  padding: 8px 10px;
  margin-bottom: 10px;
  border: 1px solid #707070;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input .form-control {
  background-color: transparent;
  font-size: 16px;
  color: black;
  height: auto;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input input[type="date"] {
  line-height: unset;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input textarea {
  overflow: hidden;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input .field-validation-error {
  border: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 10px;
  font-weight: normal;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input .date-error {
  font-size: 10px;
  font-weight: normal;
  color: #b92219;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input .date-error.hidden {
  display: none;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input.message .nbCharacters {
  font-size: 8px;
  font-weight: normal;
  font-style: italic;
  text-align: right;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .btn-emailPreview {
  border: solid 2px #000000;
  border-radius: 20px;
  width: 320px;
  height: 40px;
  padding: 5px 15px;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  margin-top: 20px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .btn-emailPreview .btn-emailPreview-icon {
  background-image: url('/Content/themes/base/img/Vouchers/pictogramme_oeuil.png');
  width: 26px;
  height: auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .btn-emailPreview .btn-emailPreview-text {
  text-align: center;
  color: #000000;
  font-weight: bold;
  width: 100%;
  padding-top: 2px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .btn-emailPreview:hover {
  border-color: #000000;
  background-color: #ffffff;
  color: #000000;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .preview-sendMethod {
  background-color: white;
  padding: 20px 35px;
  margin-top: 10px;
  font-size: 14px;
  display: none;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .preview-sendMethod .header {
  font-weight: bold;
  margin-bottom: 10px;
  color: #000000;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: auto;
  margin-top: 2rem;
  padding: 0 20px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-check {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-check .check-container .check-content {
  display: block;
  position: relative;
  margin: 0;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 33px;
  height: 33px;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-check .check-container .check-content input[type="checkbox"]:not(:checked),
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-check .check-container .check-content input[type="checkbox"]:checked {
  left: unset;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-check .check-container .check-content input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-check .check-container .check-content .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #eee;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-check .check-container .check-content input[type="checkbox"]:checked ~ .checkmark {
  background-color: #000000;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-check .check-container .check-content .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-check .check-container .check-content input[type="checkbox"]:checked ~ .checkmark:after {
  display: block;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-check .check-container .check-content .checkmark:after {
  left: 12px;
  top: 4px;
  width: 10px;
  height: 18px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-check .check-container .check-content:hover .checkmark {
  background-color: #ccc;
}
.container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-customerAgree .customerAgree-label {
  padding-left: 10px;
  font-size: 1.2rem;
}
.container-fluid .voucherCustom-page-container .buttons-navigation {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 1rem;
}
.container-fluid .voucherCustom-page-container .buttons-navigation a .btn-navigation {
  border: solid 2px #ffffff;
  border-radius: 28px;
  width: 360px;
  height: 50px;
  text-align: center;
  padding-top: 12px;
  color: #ffffff;
  font-weight: bold;
  background-color: #000000;
  cursor: pointer;
}
.container-fluid .voucherCustom-page-container .buttons-navigation a .btn-navigation:hover {
  border-color: #000000;
  background-color: #ffffff;
  color: #000000;
}
.container-fluid .voucherCustom-page-container .buttons-navigation .btn-finalize {
  border: solid 2px #ffffff;
  border-radius: 28px;
  width: 360px;
  height: 50px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  background-color: #000000;
  cursor: pointer;
}
.container-fluid .voucherCustom-page-container .buttons-navigation .btn-finalize:hover {
  border-color: #000000;
  background-color: #ffffff;
  color: #000000;
}
.container-fluid .voucherCustom-page-container .buttons-navigation .btn-finalize:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.appointment .btActions {
  margin-top: 50px;
}
.appointment #btBackFamily {
  margin: 10px;
}
.appointment #btBackFamily > span:after {
  content: "\e260";
}
.appointment #btnShowEmployees {
  margin: 10px;
}
.appointment #package {
  display: block;
}
.appointment .content-hour {
  border-bottom: 1px solid #bfbcbc;
}
.appointment .title-resume {
  background: url('/Content/themes/base/img/Checked-3.png') no-repeat left center transparent;
  width: 600px;
  margin: 0 auto 20px;
  text-align: left;
  padding-left: 70px;
}
.appointment-box {
  border: 2px solid #565678;
  padding: 10px;
  text-transform: uppercase;
  background-color: white;
  color: #565678;
  display: inline-block;
  width: 550px;
  position: relative;
}
.appointment-box.nextAppointment .appointment-box-date {
  background-color: #333333;
}
.appointment-box.nextAppointment .appointment-box-hour,
.appointment-box.nextAppointment .package-service-list {
  color: #333333;
}
.appointment-box img {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.appointment-box-detail {
  width: 710px;
}
.appointment-box-detail .box-hour .list-employee {
  margin-top: 15px;
}
.appointment-box-detail .box-hour .appointment-box-employee {
  margin: 0;
}
.appointment-box-detail .box-hour .appointment-box-employee .employee {
  font-size: 16px;
  text-transform: none;
}
.appointment-box-detail .box-hour .appointment-box-hour {
  font-size: 16px;
  font-weight: 700;
}
.appointment-box-detail .box-hour .appointment-box-info-small {
  width: 46px;
}
.appointment-box-detail .box-service p {
  margin-left: 0;
}
.appointment-box-detail .box-service .appointment-box-service {
  max-width: none;
}
.appointment-box-detail .box-service .appointment-box-service .service {
  font-size: 16px;
  display: block;
}
.appointment-box-detail .box-price {
  padding-right: 0;
}
.appointment-box-detail .box-price .appointment-box-info-price {
  color: #bfbcbc !important;
  font-size: 16px;
  margin: 0;
  display: inline-block;
}
.appointment-box-detail .box-price .appointment-box-info-amount {
  font-size: 22px;
  color: #cd0438;
  display: inline;
  vertical-align: top;
  margin: 0 0 0 10px;
  line-height: 25px;
  display: inline-block;
}
.appointment-box-categories {
  width: 25%;
}
.appointment-box-date {
  padding: 2px;
  background-color: #6d6d8b;
  display: inline-block;
  color: white;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
  font-size: 20px;
  word-wrap: break-word;
  hyphens: auto;
}
.appointment-box-date .appointment-box-day {
  display: inline;
}
.appointment-box-date .appointment-box-month {
  display: inline;
}
.appointment-box-info {
  display: inline-block;
  margin: 0;
  width: 100%;
}
.appointment-box-info p {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  float: left;
  margin: 0px;
}
.appointment-box-info p > span {
  display: block;
}
.appointment-box-info .appointment-box-info-small {
  color: #bfbcbc;
  font-size: 16px;
  width: 20%;
}
.appointment-box-info .appointment-box-service a {
  color: #cd0438;
  font-weight: normal;
  font-size: 12px;
  text-transform: none;
}
.appointment-box-info .appointment-box-service a:hover {
  text-decoration: none;
}
.appointment-box-info .appointment-box-service a .fa-plus {
  font-weight: normal;
  margin-right: 5px;
}
.appointment-box-info .package-service-list {
  width: 80%;
  text-align: left;
  float: left;
}
.appointment-box-info .package {
  font-size: 16px;
  display: block;
}
.appointment-box-info .service {
  font-weight: 700;
  font-size: 16px;
  display: block;
}
.appointment-box-info-big {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 18px;
}
.appointment-box-info-big.appointment-box-hour {
  font-size: 16px;
  font-weight: 700;
}
.appointment-box-info-big.appointment-box-employee {
  width: 110px;
}
.appointment-box-cancel {
  width: 100%;
  padding-top: 20px;
  padding-right: 10px;
  text-align: right;
}
.appointment-box-margin {
  margin-bottom: 10px;
}
.appointment-confirmation-title {
  padding: 5px;
  background-color: #565678;
  color: white;
  vertical-align: middle;
  font-size: 16px;
  margin-bottom: 15px;
}
.appointment-commentary {
  width: 100%;
  text-align: left;
}
.block-submit {
  text-align: center;
  padding-top: 20px;
}
.block-submit > span {
  margin: 0 20px;
}
.block-submit #btnModifyRDV {
  background: url('/Content/themes/base/img/Edit.png') no-repeat 40px center white;
  padding-left: 70px;
  padding-right: 50px;
  display: inline-block;
}
.block-submit #btnModifyRDV:hover {
  background: url('/Content/themes/base/img/Edit-hover.png') no-repeat 40px center #384347;
  color: white;
}
.block-submit .red {
  background: url('/Content/themes/base/img/Checked-2.png') no-repeat 45px center #cd0438;
  padding-left: 80px;
  padding-right: 60px;
  display: inline-block;
}
.block-submit .green {
  background: url('/Content/themes/base/img/Checked-2.png') no-repeat 45px center #18dd98;
  padding-left: 80px;
  padding-right: 60px;
  display: inline-block;
}
#btnShowEmployees.inactive {
  opacity: 0.3;
}
/*==================== contenu ====================*/
.content-body {
  margin-top: 20px;
}
.content-body header {
  text-align: center;
}
.content-body .col-center {
  border-bottom: 1px solid #bfbcbc;
  padding: 10px 0 50px 0;
}
/* ----------------------------------------------------------------------------------------------- */
/* RDV */
/* ----------------------------------------------------------------------------------------------- */
.appointment .btn-default {
  color: #565678;
  border-radius: 0;
}
.appointment .btn-group a {
  color: #565678;
  white-space: initial;
}
.appointment .btn-group a:hover {
  text-decoration: none;
  color: #565678;
}
.button-back-salon {
  margin-top: 15px;
}
#service-filter #rdv-service-list .btn {
  padding: 9px 15px 9px 9px;
  font-size: 20px;
}
#service-filter #rdv-service-list.placeholded .btn {
  background: #f1f1f1;
}
#service-filter #rdv-service-list .dropdown-menu {
  padding-top: 12px;
  width: 270px;
  background: url('/Content/themes/base/img/Polygone-3.png') no-repeat 10px 0 transparent;
}
#service-filter #rdv-service-list .dropdown-menu li a {
  padding: 6px 20px;
}
#service-filter .dropdown-menu {
  padding-top: 12px;
  border: none;
  box-shadow: none;
  margin: 0;
  background: url('/Content/themes/base/img/Polygone-2.png') no-repeat 10px 0 transparent;
}
#service-filter .dropdown-menu.first {
  background: url('/Content/themes/base/img/Polygone.png') no-repeat 10px 0 transparent;
}
#service-filter .placeholded .dropdown-toggle {
  color: #bfbcbc;
}
.rdv-family-value,
.rdv-package-value,
.rdv-service-value {
  background: #FFF;
  display: block;
  float: left;
  border: 1px solid #cccccc;
  border-right: 0;
  font-size: 20px;
}
.rdv-family-value {
  background: url('/Content/themes/base/img/hairdresser.png') no-repeat 10px center #ffffff;
}
.rdv-service-value {
  padding: 6px 20px 6px 10px;
}
.rdv-package-value {
  padding: 6px 20px 6px 10px;
}
#rdv-employee-list .btn {
  padding: 6px 12px;
  font-size: 20px;
  width: 100%;
}
#rdv-employee-list.placeholded .btn {
  background: #f1f1f1;
  color: #bfbcbc;
}
.rdv-modify-service {
  border: 1px solid #cccccc;
  border-left: 0;
  padding: 9px 20px 9px 20px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  float: left;
  background: #FFF;
}
.rdv-modify-service i {
  color: #384347;
  font-size: 20px;
}
.rdv-modify-service:hover {
  background: #384347;
}
.rdv-modify-service:hover i {
  color: #FFF;
}
#rdv-family-list.placeholded .btn {
  background: url('/Content/themes/base/img/hairdresser.png') no-repeat 10px center #f1f1f1;
}
#rdv-family-list .btn {
  font-size: 20px;
  padding: 9px 10px 9px 40px;
  background: url('/Content/themes/base/img/hairdresser.png') no-repeat 10px center white;
}
#rdv-family-list .dropdown-menu li.selected {
  background: url('/Content/themes/base/img/Checked.png') no-repeat 130px center #9da8ae;
}
/*#rdv-family-list.selected .dropdown-toggle, .rdv-family-btn {
    color: white !important;
    background-color: #8080a8 !important;
}*/
.btn-modify-service .btn {
  border-radius: 0 20px 20px 0;
  padding-right: 20px;
  margin-left: -5px !important;
}
#service-filter.inactive {
  opacity: 0.3;
}
#add-service-filter-overlay {
  background: #FFF;
  opacity: 0.7;
}
#add-service-filter-overlay.hidden {
  display: none;
}
/*=============== Ajouts de services ==============*/
.content-services {
  background-color: #ced1e0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  position: relative;
  height: 0;
}
#services {
  /*display: inline-block;*/
}
.first-service,
.extra-service {
  margin: 20px 0;
}
.first-service {
  text-align: left;
}
.extra-service .remove-service {
  background: url('/Content/themes/base/img/close.png') no-repeat center center transparent;
  float: right;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-bottom: 9px;
  position: relative;
  top: 9px;
}
.extra-service .remove-service:hover {
  opacity: 0.7;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#extra-service-group,
.add-service {
  text-align: left;
}
#extra-service-group .placeholded button,
#extra-service-group .placeholded input {
  color: #bfbcbc;
  Background: #f1f1f1;
}
#extra-service-group .placeholded.extra-family-list button {
  background: url('/Content/themes/base/img/hairdresser.png') no-repeat 10px center #f1f1f1;
  padding-left: 40px;
}
#extra-service-group .extra-family-list button {
  background: url('/Content/themes/base/img/hairdresser.png') no-repeat 10px center #ffffff;
  padding-left: 40px;
}
.add-service {
  background: url('/Content/themes/base/img/add-service.png') no-repeat left center transparent;
  height: 85px;
  /*width: 320px;*/
  margin-left: 40px;
  position: relative;
}
.add-service a {
  position: absolute;
  bottom: 0;
  left: 120px;
  font-size: 18px;
  color: #384347;
  padding: 2px 0 2px 30px;
  background: url('/Content/themes/base/img/plus-2.png') no-repeat left center transparent;
}
#btnShowService {
  margin-bottom: 20px;
}
#btnShowService.inactive {
  opacity: 0;
  /*font-size: 20px;*/
  padding: 10px 30px;
}
.content-services .first-service > div,
.content-services .extra-service > div {
  display: inline-block;
}
.service-arrow {
  color: white;
  float: left;
  margin-right: 10px;
}
.service-arrow > div {
  display: inline-block;
  vertical-align: middle;
}
.service-arrow > div:first-child {
  background-color: #505b5f;
  padding: 7px 20px;
  font-size: 18px;
}
.appointment .radius-button {
  display: inline-block;
  margin-top: 30px;
}
.appointment .content-header .radius-button > span:after,
.appointment .content-services .radius-button > span:after {
  font-family: "Glyphicons Halflings";
  content: "\e259";
  margin-left: 15px;
  font-size: 0.8em;
  display: inline;
}
/*#region -------------------------------------------------------------- ERRORS -------------------------------------------------------------------------- */
#error {
  text-align: center;
}
#error h1 {
  color: #565677;
  font-weight: bold;
}
#error h2 {
  color: #484c58;
}
#error img {
  margin-bottom: 20px;
}
#error #shape {
  background: white;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  display: inline-block;
}
#error #shape * {
  margin-top: 50px;
}
#error .btn {
  margin: 20px auto 0;
  width: auto;
  padding: 10px 40px;
  display: inline-block;
}
#error .btn:hover {
  background-image: none;
}
.container-error {
  display: flex;
  flex-direction: column;
  height: 85vh;
}
.container-error .top-banner {
  margin: 0;
  padding: 0;
}
.container-error .top-banner .desktop {
  display: block;
}
.container-error .top-banner .mobile {
  display: none;
}
.container-error .top-banner img {
  padding: 0;
  margin: 0;
  margin-bottom: 0 !important;
  width: 100%;
}
@media (max-width: 768px) {
  .container-error .top-banner .desktop {
    display: none;
  }
  .container-error .top-banner .mobile {
    display: block;
  }
}
.container-error .container-error-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
/*#endregion */
/*#region -------------------------------------------------------------- PROFIL -------------------------------------------------------------------------- */
#profil #info-profil {
  background: white;
  min-height: 580px;
  width: 100%;
}
#profil #info-profil .profil_content {
  margin-left: auto;
  margin-right: auto;
  float: none;
  height: 100%;
  min-height: 580px;
}
#profil #info-profil .profil_content .intl-tel-input,
#profil #info-profil .profil_content .iti__country-list {
  /*display: block;*/
}
#profil #info-profil .block-right {
  border-left: 1px solid #cdcdcd;
  height: 100%;
  min-height: 580px;
}
#profil #info-profil .nav {
  padding: 30px 0;
}
#profil #info-profil .nav li {
  padding: 0 15px;
}
#profil #info-profil .nav li a {
  font-size: 16px;
  text-transform: uppercase;
  text-align: left;
  color: #b5b2b2;
  padding: 10px 0 10px 30px;
}
#profil #info-profil .nav li a#info {
  background: url('/Content/themes/base/img/info.png?version=1753388744536') no-repeat center left transparent;
}
#profil #info-profil .nav li a#gift-cards {
  background: url('/Content/themes/base/img/gift-cards.png?version=1753388744536') no-repeat center left transparent;
}
#profil #info-profil .nav li a#password {
  background: url('/Content/themes/base/img/motdepasse.png?version=1753388744536') no-repeat center left transparent;
}
#profil #info-profil .nav li a#loyalty {
  background: url('/Content/themes/base/img/preference.png?version=1753388744536') no-repeat center left transparent;
}
#profil #info-profil .nav li a#sign-out {
  background: url('/Content/themes/base/img/signout.png?version=1753388744536') no-repeat center left transparent;
}
#profil #info-profil .nav li.active a,
#profil #info-profil .nav li:hover a {
  color: #565677;
}
#profil #info-profil .nav li.active a#label_1,
#profil #info-profil .nav li:hover a#label_1 {
  background: url('/Content/themes/base/img/info-active.png?version=1753388744536') no-repeat center left transparent;
}
#profil #info-profil .nav li.active a#label_2,
#profil #info-profil .nav li:hover a#label_2 {
  background: url('/Content/themes/base/img/motdepasse-active.png?version=1753388744536') no-repeat center left transparent;
}
#profil #info-profil .nav li.active a#label_3,
#profil #info-profil .nav li:hover a#label_3 {
  background: url('/Content/themes/base/img/preference-active.png?version=1753388744536') no-repeat center left transparent;
}
#profil #info-profil .nav li.active a#label_5,
#profil #info-profil .nav li:hover a#label_5 {
  background: url('/Content/themes/base/img/signout-active.png?version=1753388744536') no-repeat center left transparent;
}
#profil #info-profil .info-perso,
#profil #info-profil .mot-de-passe,
#profil #info-profil .preference,
#profil #info-profil .vouchers {
  padding: 10px 10px;
}
#profil #info-profil .info-perso .profile-vouchers-title,
#profil #info-profil .mot-de-passe .profile-vouchers-title,
#profil #info-profil .preference .profile-vouchers-title,
#profil #info-profil .vouchers .profile-vouchers-title,
#profil #info-profil .info-perso .profile-vouchers-faq-label,
#profil #info-profil .mot-de-passe .profile-vouchers-faq-label,
#profil #info-profil .preference .profile-vouchers-faq-label,
#profil #info-profil .vouchers .profile-vouchers-faq-label {
  font-size: 20px;
  text-align: left;
  padding-left: 30px;
}
#profil #info-profil .info-perso .profile-vouchers-title,
#profil #info-profil .mot-de-passe .profile-vouchers-title,
#profil #info-profil .preference .profile-vouchers-title,
#profil #info-profil .vouchers .profile-vouchers-title {
  margin-top: 50px;
}
#profil #info-profil .info-perso .profile-vouchers-faq-label,
#profil #info-profil .mot-de-passe .profile-vouchers-faq-label,
#profil #info-profil .preference .profile-vouchers-faq-label,
#profil #info-profil .vouchers .profile-vouchers-faq-label {
  margin-bottom: 50px;
}
#profil #info-profil .info-perso .profile-vouchers-faq-label a,
#profil #info-profil .mot-de-passe .profile-vouchers-faq-label a,
#profil #info-profil .preference .profile-vouchers-faq-label a,
#profil #info-profil .vouchers .profile-vouchers-faq-label a {
  text-decoration: underline;
}
#profil #info-profil .info-perso h3,
#profil #info-profil .mot-de-passe h3,
#profil #info-profil .preference h3,
#profil #info-profil .vouchers h3 {
  font-size: 20px;
  text-align: left;
  padding-left: 30px;
}
#profil #info-profil .info-perso .block-label,
#profil #info-profil .mot-de-passe .block-label,
#profil #info-profil .preference .block-label,
#profil #info-profil .vouchers .block-label {
  text-align: left;
}
#profil #info-profil .info-perso .block-label label,
#profil #info-profil .mot-de-passe .block-label label,
#profil #info-profil .preference .block-label label,
#profil #info-profil .vouchers .block-label label {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  line-height: 16px;
  position: relative;
  padding-top: 10px;
}
#profil #info-profil .info-perso .hidden,
#profil #info-profil .mot-de-passe .hidden,
#profil #info-profil .preference .hidden,
#profil #info-profil .vouchers .hidden {
  display: none;
}
#profil #info-profil .info-perso .group-input,
#profil #info-profil .mot-de-passe .group-input,
#profil #info-profil .preference .group-input,
#profil #info-profil .vouchers .group-input {
  margin-top: 30px;
}
#profil #info-profil .info-perso .group-input .row,
#profil #info-profil .mot-de-passe .group-input .row,
#profil #info-profil .preference .group-input .row,
#profil #info-profil .vouchers .group-input .row {
  margin-bottom: 25px;
}
#profil #info-profil .info-perso .group-input .add,
#profil #info-profil .mot-de-passe .group-input .add,
#profil #info-profil .preference .group-input .add,
#profil #info-profil .vouchers .group-input .add {
  color: #384347;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 15px 5px 25px;
  text-transform: none;
  float: right;
  cursor: pointer;
  background: url('/Content/themes/base/img/plus@2x.png') no-repeat left center transparent;
  background-size: 18px;
}
#profil #info-profil .info-perso .group-input .add:hover,
#profil #info-profil .mot-de-passe .group-input .add:hover,
#profil #info-profil .preference .group-input .add:hover,
#profil #info-profil .vouchers .group-input .add:hover {
  background: url('/Content/themes/base/img/plus-pink@2x.png') no-repeat left center transparent;
  background-size: 18px;
  color: #cd0438;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
#profil #info-profil .info-perso input[type=text],
#profil #info-profil .mot-de-passe input[type=text],
#profil #info-profil .preference input[type=text],
#profil #info-profil .vouchers input[type=text],
#profil #info-profil .info-perso input[type=tel],
#profil #info-profil .mot-de-passe input[type=tel],
#profil #info-profil .preference input[type=tel],
#profil #info-profil .vouchers input[type=tel] {
  width: 100%;
  color: #333;
}
#profil #info-profil .info-perso input[type=submit],
#profil #info-profil .mot-de-passe input[type=submit],
#profil #info-profil .preference input[type=submit],
#profil #info-profil .vouchers input[type=submit] {
  width: 70%;
  margin: auto;
}
#profil #info-profil .info-perso input[type=button]:hover,
#profil #info-profil .mot-de-passe input[type=button]:hover,
#profil #info-profil .preference input[type=button]:hover,
#profil #info-profil .vouchers input[type=button]:hover {
  color: #384347;
  background: white;
  border: 2px solid #384347;
}
#profil #info-profil .info-perso select,
#profil #info-profil .mot-de-passe select,
#profil #info-profil .preference select,
#profil #info-profil .vouchers select {
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
}
#profil #info-profil .info-perso .col-md-4,
#profil #info-profil .mot-de-passe .col-md-4,
#profil #info-profil .preference .col-md-4,
#profil #info-profil .vouchers .col-md-4 {
  text-align: left;
}
#profil #info-profil .info-perso .iti,
#profil #info-profil .mot-de-passe .iti,
#profil #info-profil .preference .iti,
#profil #info-profil .vouchers .iti {
  width: 100%;
}
#profil #info-profil .mot-de-passe input[type=password].valid {
  background: white;
}
#profil #info-profil .preference select {
  color: #333;
}
#profil #info-profil .preference .hour .block-label label {
  margin-left: 45px;
}
#profil #info-profil .preference #preferenceDays {
  text-align: left;
}
#profil #info-profil .preference #preferenceDays .count {
  font-size: 18px;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 15px;
  background: #cd0438;
  margin-right: 5px;
  color: white;
}
#profil #info-profil .vouchers {
  display: flex;
  flex-direction: column;
}
#profil #info-profil .vouchers .title {
  font-size: 2rem;
}
#profil #info-profil .vouchers .row {
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: left;
}
#profil #info-profil .vouchers .name,
#profil #info-profil .vouchers .purchase-date,
#profil #info-profil .vouchers .download {
  width: 22%;
  padding: 0.3rem;
}
#profil #info-profil .vouchers .value,
#profil #info-profil .vouchers .price {
  width: 17%;
  padding: 0.3rem;
}
/*#endregion */
/*#region -------------------------------------------------------------- MODAL -------------------------------------------------------------------------- */
.modal {
  padding-right: 0;
  text-align: center;
  z-index: 9999;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal .modal-dialog {
  max-width: 90%;
  margin-top: 50px;
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
}
.modal .modal-dialog .modal-content {
  border: 0;
  border-top: 5px solid #384347;
  box-shadow: none;
  background: url('/Content/themes/base/img/modal-texture.png') 0 0 repeat;
  min-height: 420px;
  /*overflow: hidden;*/
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 0;
  border: 0;
}
.modal .modal-dialog .modal-content .modal-header button.close {
  float: right;
  width: 37px;
  height: 37px;
  background: url('/Content/themes/base/img/modal-close.png') 0 0 no-repeat;
  position: relative;
  right: -62px;
  opacity: 1;
}
.modal .modal-dialog .modal-content .modal-header button.close span {
  display: none;
}
.modal .modal-dialog .modal-content .content-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: white;
  background-color: #505b5f;
  padding: 20px;
  border-top: 5px solid #384347;
}
.modal .modal-dialog .modal-content .content-title-container .content-title {
  font-size: 24px;
}
.modal .modal-dialog .modal-content .content-title-container .modal-close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid white;
  background: white;
}
.modal .modal-dialog .modal-content .content-title-container .modal-close-btn svg {
  color: #505b5f;
}
.modal .modal-dialog .modal-content .content-title-container .modal-close-btn:hover {
  cursor: pointer;
  background: #505b5f;
  border-color: #505b5f;
}
.modal .modal-dialog .modal-content .content-title-container .modal-close-btn:hover svg {
  color: white;
}
.modal .modal-dialog .modal-content .modal-body span.exclamation {
  font-size: 80px;
  width: 120px;
  height: 120px;
  line-height: 120px;
  margin: 20px auto;
  text-align: center;
  border-radius: 50%;
  display: block;
  vertical-align: middle;
  background: white;
  color: #cd0438;
}
.modal .modal-dialog .modal-content .modal-body span.exclamation:after {
  content: '\0021';
}
.modal .modal-dialog .modal-content .modal-body span.success {
  font-size: 80px;
  width: 120px;
  height: 120px;
  line-height: 120px;
  margin: 20px auto;
  text-align: center;
  border-radius: 50%;
  display: block;
  vertical-align: middle;
  background: white;
  color: #32CD32;
}
.modal .modal-dialog .modal-content .modal-body span.success:after {
  content: '\2714';
}
.modal .modal-dialog .modal-content .modal-body p {
  width: 75%;
  margin: 0 auto;
  text-align: center;
  font-size: 30px;
  line-height: 1.2;
  color: #565677;
}
.modal .modal-dialog .modal-content .modal-body .iti {
  width: 100%;
}
.modal .modal-dialog .modal-content .modal-body .intl-tel-input,
.modal .modal-dialog .modal-content .modal-body .iti__country-list {
  /*display: block;*/
}
.modal .modal-dialog .modal-content .modal-footer {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 0;
  border: 0;
  text-align: center;
}
.modal .modal-dialog .modal-content .modal-footer .btn-cancel,
.modal .modal-dialog .modal-content .modal-footer .btn-valid {
  width: 48%;
  background: #384347;
  border: 2px solid #384347;
  color: #fff;
  font-size: 18px;
  margin: 0;
}
.modal .modal-dialog .modal-content .modal-footer .btn-cancel:hover,
.modal .modal-dialog .modal-content .modal-footer .btn-valid:hover {
  color: #384347;
  background: white;
}
.modal#myModal-delete .modal-body p {
  background: url('/Content/themes/base/img/modal-eraser.png') no-repeat top;
}
/*#endregion */
/*#region -------------------------------------------------------------- BODY -------------------------------------------------------------------------- */
.container_authentificated {
  /*padding-bottom: 20px;*/
}
.container_authentificated.has_menu {
  padding-top: 55px;
}
/*#endregion */
/*#region -------------------------------------------------------------- LOADER -------------------------------------------------------------------------- */
#loader,
#loaderCustom,
#simpleLoader {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(255, 255, 255, 0.92);
}
#loader #loader-content,
#loaderCustom #loader-content,
#simpleLoader #loader-content {
  top: 30%;
  position: relative;
}
#loader #loader-content .text,
#loaderCustom #loader-content .text,
#simpleLoader #loader-content .text {
  width: 100%;
  font-size: 18px;
  text-align: center;
  color: #000000;
}
#timeSlotsLoader {
  display: none;
  position: fixed;
  bottom: 89px;
  width: 100%;
  height: auto;
  z-index: 0;
}
#timeSlotsLoader .loader-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 82px;
  background: rgba(0, 0, 0, 0.79);
}
#timeSlotsLoader .loader-content .btn-spinner {
  padding-top: 20px;
}
#timeSlotsLoader .loader-content .btn-spinner .sk-circle {
  margin: 0;
  /*margin: 20px auto;*/
  /*height: 100px;*/
  /*width: 100px;*/
}
/*#endregion */
/*#region -------------------------------------------------------------- FOOTER -------------------------------------------------------------------------- */
.footer {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  width: 100%;
  display: table-row;
  height: 88px;
  background-color: #ffffff;
  color: #333333;
}
.footer a {
  color: #333333;
}
.footer .footer-content {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.footer .footer-content .version,
.footer .footer-content .gtc {
  opacity: 0.7;
  text-transform: uppercase;
  font-size: 1rem;
}
.footer .footer-content .footer-left {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 30%;
  height: 100%;
}
.footer .footer-content .footer-left .salon_information.name {
  text-align: left;
}
.footer .footer-content .footer-left .salon_information.arrowed-link .arrow-icon,
.footer .footer-content .footer-left .salon_information.home-link .arrow-icon,
.footer .footer-content .footer-left .salon_information.arrowed-link .salon-name-homeIcon-link,
.footer .footer-content .footer-left .salon_information.home-link .salon-name-homeIcon-link {
  display: none;
}
.footer .footer-content .footer-left .legalInformation .desktop {
  font-size: 14px;
}
.footer .footer-content .footer-left .legalInformation .mobile {
  display: none;
}
.footer .footer-content .footer-left .legalInformation .legalInformationLine {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100%);
}
.footer .footer-content .footer-left .legalInformation .legalInformationsModalLink:hover {
  cursor: pointer;
  text-decoration: underline;
}
.footer .footer-content .footer-center {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  width: 40%;
  height: 100%;
}
.footer .footer-content .footer-center .salon_information.phone {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.footer .footer-content .footer-center .salon_information.phone i {
  display: none;
}
.footer .footer-content .footer-center .salon_information.phone span {
  display: inline-block;
}
.footer .footer-content .salon_information {
  font-size: 12px;
}
.footer .footer-content .salon_information.name {
  /*padding: 2px 5px 5px 0px;*/
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.footer .footer-content .salon_information.name.arrowed-link {
  padding-bottom: 6px;
}
.footer .footer-content .salon_information.name.arrowed-link a {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  stroke: #333333;
}
.footer .footer-content .salon_information.name.arrowed-link a .arrow-icon {
  position: relative;
  top: -1px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  vertical-align: middle;
}
.footer .footer-content .salon_information.name.arrowed-link a .arrow-icon-circle {
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}
.footer .footer-content .salon_information.name.arrowed-link a:hover .arrow-icon {
  transform: translate3d(5px, 0, 0);
}
.footer .footer-content .salon_information.name.arrowed-link a:hover .arrow-icon-circle {
  stroke-dashoffset: 0;
}
.footer .footer-content .salon_information.name.home-link a {
  cursor: pointer;
  text-decoration: none;
  /*display: inline-block;*/
  height: auto;
  text-align: center;
}
.footer .footer-content .salon_information.name.home-link a .salon-name-homeIcon-link {
  font-size: 18px;
}
.footer .footer-content .salon_information.phone {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.footer .footer-content .salon_information.phone i {
  display: none;
}
.footer .footer-content .salon_information.adress {
  font-size: 11px !important;
}
.footer .footer-content .salon_information.adress .street,
.footer .footer-content .salon_information.adress .city {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.footer .footer-content .footer-right {
  display: flex;
  flex-direction: column;
  text-align: right;
  width: 30%;
  height: 100%;
  justify-content: space-evenly;
}
.footer .footer-content .footer-right #footer-right-mobile {
  flex-direction: column;
  text-align: right;
  display: none;
}
.footer .footer-content .copyright {
  padding-bottom: 5px;
}
.footer .footer-content .link:hover {
  text-decoration: underline;
}
.footer.applyColorPicker {
  background-color: var(--footer-bg-color);
  color: var(--footer-text-color);
}
.footer.applyColorPicker a {
  color: var(--footer-text-color);
}
.footer.applyColorPicker .footer-content .footer-center .salon_information.arrowed-link a,
.footer.applyColorPicker .footer-content .footer-center .salon_information.home-link a {
  stroke: var(--footer-text-color);
}
.download-app-banner-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 2rem;
  height: clamp(180px, 20vh, 210px);
  background-color: #6396e5;
  color: #fff;
  font-family: 'Montserrat', sans-serif !important;
  z-index: 10000;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.download-app-banner-container .close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #fff;
  color: #6396e5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}
.download-app-banner-container h1 {
  color: #fff;
  font-size: 2rem;
  text-align: center;
  font-weight: 600;
  margin: 0;
}
.download-app-banner-container p {
  color: #fff;
  margin: 1rem 0;
  font-size: 1.6rem;
  text-align: center;
}
.download-app-banner-container .download-app-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6396e5;
  background-color: #fff;
  gap: 1rem;
  border-radius: 10px;
  padding: 0.5rem 1rem;
}
.download-app-banner-container .download-app-btn .store-icon {
  width: 16px;
  height: 20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background: #6396e5;
}
.download-app-banner-container .download-app-btn .store-icon.googleplay {
  -webkit-mask-image: url(/Content/images/download-app/android-icon.svg);
}
.download-app-banner-container .download-app-btn .store-icon.applestore {
  -webkit-mask-image: url(/Content/images/download-app/ios-icon.svg);
}
.download-app-banner-container .download-app-btn .store-name {
  font-size: 1.6rem;
}
.download-app-banner-container.close {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateX(100%);
  transform: translateY(100%);
  -webkit-transition: transform 800ms;
  -moz-transition: transform 800ms;
  -o-transition: transform 800ms;
  transition: transform 800ms;
  opacity: 1;
}
.online-store-title {
  font-weight: bold;
}
.online-store-link {
  width: 250px;
  height: 40px;
}
.online-store-link svg .online-store-link-text {
  fill: #333333;
}
.online-store-link svg .online-store-link-contour {
  fill: #ffffff;
  stroke: #333333;
}
.online-store-link svg:hover .online-store-link-text {
  fill: #bfbfbf;
  -webkit-transition: fill 0.2s ease-in;
  -moz-transition: fill 0.2s ease-in;
  -ms-transition: fill 0.2s ease-in;
  -o-transition: fill 0.2s ease-in;
  transition: fill 0.2s ease-in;
}
.online-store-link svg:hover .online-store-link-contour {
  stroke: #bfbfbf;
  -webkit-transition: stroke 0.2s ease-in;
  -moz-transition: stroke 0.2s ease-in;
  -ms-transition: stroke 0.2s ease-in;
  -o-transition: stroke 0.2s ease-in;
  transition: stroke 0.2s ease-in;
}
/*#endregion */
/*#region -------------------------------------------------------------- MENU NAVIGATION -------------------------------------------------------------------------- */
.collapse {
  display: block;
}
.navmain {
  position: fixed;
  z-index: 1200;
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #505B5F;
}
.navmain.desactivated {
  display: none;
}
.navmain a:hover {
  text-decoration: none;
}
.navmain .logo {
  display: none;
  background-color: white;
  border-bottom: solid;
  border-color: #505b5f;
  width: 20%;
}
.navmain .logo .picture {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.navmain .logo a {
  width: 100%;
  height: 100%;
}
.navmain .logo a .picture {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.navmain .nav-elements {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.navmain .nav-elements .nav-element {
  width: 100%;
  height: 117px;
  cursor: pointer;
}
.navmain .nav-elements .nav-element .count {
  width: 21px;
  height: 21px;
  text-align: center;
  background-color: red;
  color: white;
  position: relative;
  z-index: 1;
  border-radius: 25px;
  font-size: 16px;
  font-weight: bold;
  top: 26px;
  left: -11px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -21px;
}
.navmain .nav-elements .nav-element .nav-picture {
  height: 30px;
  width: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 38px;
  background-repeat: no-repeat;
  background: #ffffff;
}
.navmain .nav-elements .nav-element .nav-picture.services {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='BT_x5F_Home' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 30 30' enable-background='new 0 0 29 25.5' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M24.2,12.5c-0.6,0-1,0.4-1,1v10h-2.9v-8h-7.8v8H5.8v-10c0-0.6-0.4-1-1-1s-1,0.4-1,1v12h10.7v-8h3.8v8h6.9 v-12C25.2,12.9,24.8,12.5,24.2,12.5z'/%3E%3Cpath d='M28.3,9.2l-13-8.9c-0.5-0.4-1.2-0.4-1.7,0l-13,8.9C0,9.7-0.2,10.6,0.3,11.3s1.4,0.9,2.1,0.4l12.2-8.4 l12.1,8.4c0.3,0.2,0.6,0.3,0.8,0.3c0.5,0,0.9-0.2,1.2-0.7C29.2,10.6,29,9.7,28.3,9.2z'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='BT_x5F_Home' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M24.2,12.5c-0.6,0-1,0.4-1,1v10h-2.9v-8h-7.8v8H5.8v-10c0-0.6-0.4-1-1-1s-1,0.4-1,1v12h10.7v-8h3.8v8h6.9 v-12C25.2,12.9,24.8,12.5,24.2,12.5z'/%3E%3Cpath d='M28.3,9.2l-13-8.9c-0.5-0.4-1.2-0.4-1.7,0l-13,8.9C0,9.7-0.2,10.6,0.3,11.3s1.4,0.9,2.1,0.4l12.2-8.4 l12.1,8.4c0.3,0.2,0.6,0.3,0.8,0.3c0.5,0,0.9-0.2,1.2-0.7C29.2,10.6,29,9.7,28.3,9.2z'/%3E%3C/g%3E%3C/svg%3E");
}
.navmain .nav-elements .nav-element .nav-picture.cart {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='BT_x5F_Panier' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' height='30' width='30' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'%3E%3Cpath d='M30,11.7c0-0.8-0.7-1.5-1.5-1.5h-12V1.5C16.5,0.7,15.9,0,15,0s-1.5,0.7-1.5,1.5v8.7h-12 c-0.8,0-1.5,0.7-1.5,1.5c0,0.6,0.3,1.1,0.8,1.3l2.7,10.9c0.1,0.4,0.5,0.8,1,0.8h21c0.5,0,0.9-0.3,1-0.8L29.2,13 C29.7,12.8,30,12.3,30,11.7z M3.8,16.7h22.4l-0.5,2H4.3L3.8,16.7z M26.7,14.7c-0.1,0-0.1,0-0.2,0h-23c-0.1,0-0.1,0-0.2,0l-0.4-1.5 h10.7c0.2,0.6,0.8,1,1.4,1s1.2-0.4,1.4-1h10.7L26.7,14.7z M5.3,22.7l-0.5-2h20.4l-0.5,2H5.3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='BT_x5F_Panier' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' height='30' width='30' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'%3E%3Cpath d='M30,11.7c0-0.8-0.7-1.5-1.5-1.5h-12V1.5C16.5,0.7,15.9,0,15,0s-1.5,0.7-1.5,1.5v8.7h-12 c-0.8,0-1.5,0.7-1.5,1.5c0,0.6,0.3,1.1,0.8,1.3l2.7,10.9c0.1,0.4,0.5,0.8,1,0.8h21c0.5,0,0.9-0.3,1-0.8L29.2,13 C29.7,12.8,30,12.3,30,11.7z M3.8,16.7h22.4l-0.5,2H4.3L3.8,16.7z M26.7,14.7c-0.1,0-0.1,0-0.2,0h-23c-0.1,0-0.1,0-0.2,0l-0.4-1.5 h10.7c0.2,0.6,0.8,1,1.4,1s1.2-0.4,1.4-1h10.7L26.7,14.7z M5.3,22.7l-0.5-2h20.4l-0.5,2H5.3z'/%3E%3C/svg%3E");
}
.navmain .nav-elements .nav-element .nav-picture.booking {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='BT_x5F_Mes_x5F_RDV' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M21,14c-3.9,0-7,3.1-7,7s3.1,7,7,7s7-3.1,7-7S24.8,14,21,14z M21,26c-2.8,0-5-2.2-5-5c0-2.8,2.2-5,5-5 s5,2.2,5,5C26,23.7,23.7,26,21,26z'/%3E%3Cpath d='M24.1,21.6L22,20.4v-2.7c0-0.6-0.4-1-1-1s-1,0.4-1,1v3.9l3,1.8c0.2,0.1,0.3,0.1,0.5,0.1 c0.3,0,0.7-0.2,0.9-0.5C24.7,22.5,24.5,21.9,24.1,21.6z'/%3E%3Cpath d='M7.8,10c0-0.4-0.3-0.8-0.8-0.8H4c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0.4,0,0.8-0.3,0.8-0.8 V10z'/%3E%3Cpath d='M13,9.2h-3c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0.4,0,0.8-0.3,0.8-0.8v-1 C13.7,9.6,13.4,9.2,13,9.2z'/%3E%3Cpath d='M19.7,11v-1c0-0.4-0.3-0.8-0.8-0.8h-3c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3 C19.4,11.7,19.7,11.4,19.7,11z'/%3E%3Cpath d='M7.8,14c0-0.4-0.3-0.8-0.8-0.8H4c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0.4,0,0.8-0.3,0.8-0.8 V14z'/%3E%3Cpath d='M13,13.2h-3c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0.4,0,0.8-0.3,0.8-0.8v-1 C13.7,13.6,13.4,13.2,13,13.2z'/%3E%3Cpath d='M7,17.2H4c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0.4,0,0.8-0.3,0.8-0.8v-1 C7.8,17.6,7.4,17.2,7,17.2z'/%3E%3Cpath d='M5.5,6c0.5,0,1-0.4,1-1V1c0-0.5-0.4-1-1-1s-1,0.4-1,1v4C4.5,5.5,5,6,5.5,6z'/%3E%3Cpath d='M17.5,6c0.5,0,1-0.4,1-1V1c0-0.5-0.4-1-1-1s-1,0.4-1,1v4C16.5,5.5,16.9,6,17.5,6z'/%3E%3Cpath d='M13,21H2V8h19v5c0.7,0,1.4,0.1,2,0.3V7V4c0-0.5-0.4-1-1-1h-2.5v2c0,1.1-0.9,2-2,2s-2-0.9-2-2V3h-8v2 c0,1.1-0.9,2-2,2s-2-0.9-2-2V3H1C0.4,3,0,3.4,0,4v3v15c0,0.5,0.4,1,1,1h12.2C13.1,22.3,13,21.7,13,21C13,21,13,21,13,21z'/%3E%3Cpath d='M16,13.2c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.1,0,0.3,0.1,0.4c1-1,2.3-1.8,3.7-2.1c0,0,0,0-0.1,0H16z'/%3E%3Cpath d='M13,17.2h-3c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0,0,0.1,0,0.1,0c0.1-0.7,0.3-1.4,0.6-2 C13.6,17.4,13.3,17.2,13,17.2z'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='BT_x5F_Mes_x5F_RDV' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M21,14c-3.9,0-7,3.1-7,7s3.1,7,7,7s7-3.1,7-7S24.8,14,21,14z M21,26c-2.8,0-5-2.2-5-5c0-2.8,2.2-5,5-5 s5,2.2,5,5C26,23.7,23.7,26,21,26z'/%3E%3Cpath d='M24.1,21.6L22,20.4v-2.7c0-0.6-0.4-1-1-1s-1,0.4-1,1v3.9l3,1.8c0.2,0.1,0.3,0.1,0.5,0.1 c0.3,0,0.7-0.2,0.9-0.5C24.7,22.5,24.5,21.9,24.1,21.6z'/%3E%3Cpath d='M7.8,10c0-0.4-0.3-0.8-0.8-0.8H4c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0.4,0,0.8-0.3,0.8-0.8 V10z'/%3E%3Cpath d='M13,9.2h-3c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0.4,0,0.8-0.3,0.8-0.8v-1 C13.7,9.6,13.4,9.2,13,9.2z'/%3E%3Cpath d='M19.7,11v-1c0-0.4-0.3-0.8-0.8-0.8h-3c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3 C19.4,11.7,19.7,11.4,19.7,11z'/%3E%3Cpath d='M7.8,14c0-0.4-0.3-0.8-0.8-0.8H4c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0.4,0,0.8-0.3,0.8-0.8 V14z'/%3E%3Cpath d='M13,13.2h-3c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0.4,0,0.8-0.3,0.8-0.8v-1 C13.7,13.6,13.4,13.2,13,13.2z'/%3E%3Cpath d='M7,17.2H4c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0.4,0,0.8-0.3,0.8-0.8v-1 C7.8,17.6,7.4,17.2,7,17.2z'/%3E%3Cpath d='M5.5,6c0.5,0,1-0.4,1-1V1c0-0.5-0.4-1-1-1s-1,0.4-1,1v4C4.5,5.5,5,6,5.5,6z'/%3E%3Cpath d='M17.5,6c0.5,0,1-0.4,1-1V1c0-0.5-0.4-1-1-1s-1,0.4-1,1v4C16.5,5.5,16.9,6,17.5,6z'/%3E%3Cpath d='M13,21H2V8h19v5c0.7,0,1.4,0.1,2,0.3V7V4c0-0.5-0.4-1-1-1h-2.5v2c0,1.1-0.9,2-2,2s-2-0.9-2-2V3h-8v2 c0,1.1-0.9,2-2,2s-2-0.9-2-2V3H1C0.4,3,0,3.4,0,4v3v15c0,0.5,0.4,1,1,1h12.2C13.1,22.3,13,21.7,13,21C13,21,13,21,13,21z'/%3E%3Cpath d='M16,13.2c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.1,0,0.3,0.1,0.4c1-1,2.3-1.8,3.7-2.1c0,0,0,0-0.1,0H16z'/%3E%3Cpath d='M13,17.2h-3c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8h3c0,0,0.1,0,0.1,0c0.1-0.7,0.3-1.4,0.6-2 C13.6,17.4,13.3,17.2,13,17.2z'/%3E%3C/g%3E%3C/svg%3E");
}
.navmain .nav-elements .nav-element .nav-picture.profile {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='BT_x5F_Profil' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M20.7,17.8l-4.7-0.9c-0.3-0.1-0.7,0.1-0.9,0.3l-1.2,1.3c-0.9,1-2.7,1-3.6,0l-1.2-1.3 c-0.2-0.3-0.6-0.4-0.9-0.3l-4.7,0.9C1.4,18.1-0.1,20,0,22l0.1,5c0,0.5,0.5,1,1,1H23c0.5,0,1-0.4,1-1l0.1-5 C24.2,20,22.7,18.1,20.7,17.8z M22,26H2.1L2,21.9c0-1.1,0.7-2,1.8-2.2L7.9,19l0.8,0.9c0.8,0.9,2,1.5,3.3,1.5s2.5-0.5,3.3-1.5 l0.8-0.9l4.2,0.8c1.1,0.2,1.8,1.1,1.8,2.2L22,26z'/%3E%3Cpath d='M6.4,10.6c0.1,1.5,0.9,2.8,1.9,3.7l1.6,1.3c0.6,0.5,1.4,0.8,2.2,0.8c0.8,0,1.5-0.3,2.2-0.8l1.6-1.3 c1.1-0.9,1.8-2.2,1.9-3.7l0.5-4.1c0,0,0,0,0,0c0.2-1.8-0.6-3.6-2-4.7l-0.9-0.7c-1.9-1.5-4.5-1.5-6.4,0L7.9,1.8 c-1.4,1.1-2.2,2.9-2,4.8L6.4,10.6z M9.1,3.4L10,2.7C10.6,2.2,11.3,2,12,2c0.7,0,1.4,0.2,2,0.7L15,3.4c0.9,0.7,1.4,1.8,1.3,2.9 l-0.5,4.1c-0.1,0.9-0.5,1.8-1.2,2.3L13,14.1c-0.5,0.4-1.3,0.4-1.8,0l-1.6-1.3c-0.7-0.6-1.1-1.4-1.2-2.4L7.8,6.4 C7.7,5.2,8.2,4.1,9.1,3.4z'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='BT_x5F_Profil' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M20.7,17.8l-4.7-0.9c-0.3-0.1-0.7,0.1-0.9,0.3l-1.2,1.3c-0.9,1-2.7,1-3.6,0l-1.2-1.3 c-0.2-0.3-0.6-0.4-0.9-0.3l-4.7,0.9C1.4,18.1-0.1,20,0,22l0.1,5c0,0.5,0.5,1,1,1H23c0.5,0,1-0.4,1-1l0.1-5 C24.2,20,22.7,18.1,20.7,17.8z M22,26H2.1L2,21.9c0-1.1,0.7-2,1.8-2.2L7.9,19l0.8,0.9c0.8,0.9,2,1.5,3.3,1.5s2.5-0.5,3.3-1.5 l0.8-0.9l4.2,0.8c1.1,0.2,1.8,1.1,1.8,2.2L22,26z'/%3E%3Cpath d='M6.4,10.6c0.1,1.5,0.9,2.8,1.9,3.7l1.6,1.3c0.6,0.5,1.4,0.8,2.2,0.8c0.8,0,1.5-0.3,2.2-0.8l1.6-1.3 c1.1-0.9,1.8-2.2,1.9-3.7l0.5-4.1c0,0,0,0,0,0c0.2-1.8-0.6-3.6-2-4.7l-0.9-0.7c-1.9-1.5-4.5-1.5-6.4,0L7.9,1.8 c-1.4,1.1-2.2,2.9-2,4.8L6.4,10.6z M9.1,3.4L10,2.7C10.6,2.2,11.3,2,12,2c0.7,0,1.4,0.2,2,0.7L15,3.4c0.9,0.7,1.4,1.8,1.3,2.9 l-0.5,4.1c-0.1,0.9-0.5,1.8-1.2,2.3L13,14.1c-0.5,0.4-1.3,0.4-1.8,0l-1.6-1.3c-0.7-0.6-1.1-1.4-1.2-2.4L7.8,6.4 C7.7,5.2,8.2,4.1,9.1,3.4z'/%3E%3C/g%3E%3C/svg%3E");
}
.navmain .nav-elements .nav-element .nav-text {
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
}
.navmain .nav-elements .nav-element .nav-arrow-down {
  display: none;
  width: 28px;
  height: 14px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
  background: #ffffff;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='' y='' fill='' viewBox='0 0 28 14' style='enable-background:new 0 0 28 14;' xml:space='preserve'%3E%3Cpolygon points='14,14 0,0 28,0 '/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='' y='' fill='' viewBox='0 0 28 14' style='enable-background:new 0 0 28 14;' xml:space='preserve'%3E%3Cpolygon points='14,14 0,0 28,0 '/%3E%3C/svg%3E%0A");
}
.navmain .nav-elements .nav-element.active {
  background-color: #6d6d8b;
}
.navmain .nav-elements .nav-element.active .nav-arrow-down {
  display: block;
  background: #6d6d8b;
}
.navmain .nav-elements .nav-element:hover {
  background-color: #bbbbd3;
}
.navmain .nav-elements .nav-element:hover .nav-arrow-down {
  display: block;
  background: #bbbbd3;
}
.navmain.hasLogo .logo {
  display: block;
}
.navmain.hasLogo .nav-elements {
  width: 80%;
}
.navmain.applyColorPicker .logo {
  background-color: var(--nav-element-bg-color);
}
.navmain.applyColorPicker .nav-elements .nav-element {
  background-color: var(--nav-element-bg-color);
}
.navmain.applyColorPicker .nav-elements .nav-element .nav-picture {
  background: var(--nav-element-picture-color);
}
.navmain.applyColorPicker .nav-elements .nav-element .nav-text {
  color: var(--nav-element-text-color) /*!important*/;
}
.navmain.applyColorPicker .nav-elements .nav-element .nav-arrow-down {
  background: var(--nav-element-arrow-down-color);
}
.navmain.applyColorPicker .nav-elements .nav-element.active {
  background-color: var(--nav-element-bg-active-color) !important;
  border: 1px solid var(--nav-element-bg-active-color);
}
.navmain.applyColorPicker .nav-elements .nav-element.active .nav-picture {
  background: var(--nav-element-picture-active-color);
}
.navmain.applyColorPicker .nav-elements .nav-element.active .nav-text {
  color: var(--nav-element-text-active-color);
}
.navmain.applyColorPicker .nav-elements .nav-element.active .nav-arrow-down {
  display: block;
  background: var(--nav-element-arrow-down-active-color);
}
.navmain.applyColorPicker .nav-elements .nav-element:hover {
  background-color: var(--nav-element-bg-hover-color) !important;
  border: 1px solid var(--nav-element-bg-active-color);
  opacity: 1;
}
.navmain.applyColorPicker .nav-elements .nav-element:hover .nav-picture {
  background: var(--nav-element-picture-hover-color);
}
.navmain.applyColorPicker .nav-elements .nav-element:hover .nav-text {
  color: var(--nav-element-text-hover-color);
}
.navmain.applyColorPicker .nav-elements .nav-element:hover .nav-arrow-down {
  background: var(--nav-element-arrow-down-hover-color);
}
@media (min-width: 769px) {
  .navmain.applyColorPicker .logo {
    border-bottom: var(--nav-element-bg-color);
  }
}
.under_menu {
  position: fixed;
  top: 117px;
  width: 100%;
  z-index: 1100;
  height: 55px;
  border-bottom: solid #505b5f;
  background-color: #fff1f1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.under_menu.hidden {
  display: none;
}
.under_menu.menu-desactivated {
  top: 0;
}
.under_menu .page-title {
  text-transform: uppercase;
  color: #333333;
  font-weight: bold;
  font-size: 18px;
}
.under_menu.applyColorPicker {
  border-bottom: solid var(--under_menu-border-bottom-color);
  background-color: var(--under_menu-bg-color);
}
.under_menu.applyColorPicker .page-title {
  color: var(--under_menu-page-title-color);
}
/*#endregion */
/*#region -------------------------------------------------------------- BUTTONS -------------------------------------------------------------------------- */
.radius-button {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 10px 30px;
  font-size: 20px;
  text-decoration: none !important;
}
.radius-button.home {
  background-color: #384347;
  border: 2px solid #384347;
  color: white;
}
.radius-button.home:hover {
  background: white;
  color: #384347;
}
.radius-button.white {
  background-color: white;
  border: 2px solid #384347;
  color: #384347;
}
.radius-button.white:hover {
  background: #384347;
  color: white;
}
.radius-button.blue {
  background-color: #384347;
  border: 2px solid #384347;
  color: white;
}
.radius-button.blue:hover {
  background: white;
  color: #384347;
}
.radius-button.red {
  background-color: #cd0438;
  border: 2px solid #cd0438;
  color: white;
  -moz-box-shadow: 0px 3px 0px 0px #cd0438;
  -webkit-box-shadow: 0px 3px 0px 0px #cd0438;
  -o-box-shadow: 0px 3px 0px 0px #cd0438;
  box-shadow: 0px 3px 0px 0px #cd0438;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#cd0438, Direction=180, Strength=0);
}
.radius-button.red:hover {
  color: #cd0438;
  background: url('/Content/themes/base/img/Checked-2-hover.png') no-repeat 45px center white;
  border: 2px solid #cd0438;
}
.radius-button.green {
  background-color: #18dd98;
  border: 2px solid #18dd98;
  color: white;
  -moz-box-shadow: 0px 3px 0px 0px #18dd98;
  -webkit-box-shadow: 0px 3px 0px 0px #18dd98;
  -o-box-shadow: 0px 3px 0px 0px #18dd98;
  box-shadow: 0px 3px 0px 0px #18dd98;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#18dd98, Direction=180, Strength=0);
}
.radius-button.green:hover {
  color: #18dd98;
  background: url('/Content/themes/base/img/Checked-4-hover.png') no-repeat 45px center white;
  border: 2px solid #18dd98;
}
.link {
  cursor: pointer;
}
a {
  color: #505b5f;
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
.btDefault {
  background-color: #333333;
  border-color: #333333;
  color: white;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 31px;
  font-weight: 700;
  border-radius: 20px;
  border-width: 2px;
  border-style: solid;
  position: relative;
}
.btDefault .picture_previous {
  width: 14px;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Picto_x5F_Previous%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20fill%3D%22white%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%2014.9%2028.5%22%20enable-background%3D%22new%200%200%2014.9%2028.5%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M12.7%2C0c0.5%2C0%2C1%2C0.2%2C1.5%2C0.5c0.9%2C0.8%2C1%2C2.2%2C0.2%2C3.2L5.2%2C14.2l9.1%2C10.5c0.8%2C0.9%2C0.7%2C2.4-0.2%2C3.2c-0.9%2C0.8-2.4%2C0.7-3.2-0.2%0A%09l-10.4-12c-0.7-0.8-0.7-2.1%2C0-2.9L11%2C0.8C11.4%2C0.3%2C12%2C0%2C12.7%2C0z%22/%3E%0A%3C/svg%3E");
}
.btDefault .picture_next {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Picto_x5F_Next%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20fill%3D%22white%22%20viewBox%3D%220%200%2014.9%2028.5%22%20enable-background%3D%22new%200%200%2014.9%2028.5%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M2.2%2C28.5c-0.5%2C0-1-0.2-1.5-0.5c-0.9-0.8-1-2.2-0.2-3.2l9.1-10.5L0.6%2C3.7c-0.8-0.9-0.7-2.4%2C0.2-3.2C1.7-0.3%2C3.1-0.2%2C4%2C0.8%0A%09l10.4%2C12c0.7%2C0.8%2C0.7%2C2.1%2C0%2C2.9L4%2C27.7C3.5%2C28.2%2C2.9%2C28.5%2C2.2%2C28.5z%22/%3E%0A%3C/svg%3E");
  width: 14px;
}
.btDefault:hover {
  background-color: white;
  color: #333333;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btDefault:hover .picture_previous {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Picto_x5F_Previous%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20fill%3D%22%23333333%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%2014.9%2028.5%22%20enable-background%3D%22new%200%200%2014.9%2028.5%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M12.7%2C0c0.5%2C0%2C1%2C0.2%2C1.5%2C0.5c0.9%2C0.8%2C1%2C2.2%2C0.2%2C3.2L5.2%2C14.2l9.1%2C10.5c0.8%2C0.9%2C0.7%2C2.4-0.2%2C3.2c-0.9%2C0.8-2.4%2C0.7-3.2-0.2%0A%09l-10.4-12c-0.7-0.8-0.7-2.1%2C0-2.9L11%2C0.8C11.4%2C0.3%2C12%2C0%2C12.7%2C0z%22/%3E%0A%3C/svg%3E");
}
.btDefault:hover .picture_next {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Picto_x5F_Next%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20fill%3D%22%23333333%22%20viewBox%3D%220%200%2014.9%2028.5%22%20enable-background%3D%22new%200%200%2014.9%2028.5%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M2.2%2C28.5c-0.5%2C0-1-0.2-1.5-0.5c-0.9-0.8-1-2.2-0.2-3.2l9.1-10.5L0.6%2C3.7c-0.8-0.9-0.7-2.4%2C0.2-3.2C1.7-0.3%2C3.1-0.2%2C4%2C0.8%0A%09l10.4%2C12c0.7%2C0.8%2C0.7%2C2.1%2C0%2C2.9L4%2C27.7C3.5%2C28.2%2C2.9%2C28.5%2C2.2%2C28.5z%22/%3E%0A%3C/svg%3E");
}
.btDefault .text {
  display: inline-block;
}
.btDefault .picture {
  height: 23px;
  width: 25px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: 16px;
}
.btBack {
  position: fixed;
  left: 20px;
  margin-top: 8px;
  padding-left: 5px;
  padding-bottom: 2px;
  width: 270px;
}
.btBack .text {
  padding-top: 5px;
  white-space: normal;
  text-align: center;
  float: right;
  margin-left: 60px;
  width: 177px;
  height: 62px;
}
.btBack .picture.picture_button {
  left: 32px;
}
.btBack .picture.picture_previous {
  left: 3px;
  width: 16px;
  height: 31px;
}
.btNext {
  display: block;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
  height: 68px;
  white-space: normal;
  text-align: center;
  width: 270px;
}
.btNext .text {
  padding-top: 5px;
  white-space: normal;
  text-align: center;
  margin-right: 60px;
  height: 62px;
}
.btNext .picture.picture_button {
  height: 31px;
  right: 32px;
}
.btNext .picture.picture_next {
  width: 16px;
  height: 31px;
  right: 3px;
}
.btModal {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 35px;
  margin-right: 35px;
  padding-top: 3px;
}
.btCenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.button_next_step {
  width: 100%;
  position: relative;
  bottom: 0px;
  margin-bottom: 88px;
  z-index: 0;
  padding-bottom: 7px;
}
.button_next_step .buttons {
  width: 560px;
  margin-left: auto;
  margin-right: auto;
}
.button_next_step.choosePackageOrService {
  background-color: rgba(240, 240, 243, 0.5);
  position: fixed;
  padding-top: 10px;
}
.button_next_step .btBack {
  padding-top: 0px;
  display: inline-block;
  max-width: 300px;
  height: 68px;
  margin-right: 15px;
  position: relative;
  left: 0px;
  margin-top: 0px;
}
.button_next_step .btBack.alone {
  left: 141px;
}
.button_next_step .btBack .picture_button {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22BT_x5F_Carte_x5F_Services%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%0A%09%20fill%3D%22white%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2022.8%22%20enable-background%3D%22new%200%200%2028%2022.8%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M7.4%2C14.7c2.3%2C0%2C4.9%2C0.6%2C6.6%2C1.8l0%2C0c1.7-1.2%2C4.3-1.8%2C6.6-1.8c0.6%2C0%2C1.2%2C0%2C1.8%2C0.1l2.1%2C0.3V0.7l-2.1-0.3%0A%09%09c-0.5-0.1-1.1-0.1-1.8-0.1c-2.3%2C0-4.9%2C0.6-6.6%2C1.8c-1.7-1.2-4.3-1.8-6.6-1.8c-0.6%2C0-1.2%2C0-1.8%2C0.1l-2%2C0.3v14.4l2.1-0.3%0A%09%09C6.2%2C14.7%2C6.8%2C14.7%2C7.4%2C14.7z%20M20.6%2C2.3c0.5%2C0%2C1%2C0%2C1.4%2C0.1l0.4%2C0.1v10.4c-0.6-0.1-1.2-0.1-1.8-0.1c-2%2C0-3.9%2C0.4-5.6%2C1.1v-10%0A%09%09c0.1%2C0%2C0.1%2C0%2C0.2-0.1C16.4%2C2.8%2C18.6%2C2.3%2C20.6%2C2.3z%20M5.6%2C2.4H6c0.4-0.1%2C0.9-0.1%2C1.4-0.1c2%2C0%2C4.2%2C0.6%2C5.5%2C1.4c0%2C0%2C0.1%2C0%2C0.2%2C0.1v10%0A%09%09c-1.7-0.7-3.7-1.1-5.6-1.1c-0.6%2C0-1.2%2C0-1.8%2C0.1L5.6%2C2.4L5.6%2C2.4z%22/%3E%0A%09%3Cpath%20d%3D%22M4.7%2C18.1l1.1-0.2c4.4-0.6%2C7.6%2C1.6%2C7.7%2C1.6h0.1h0.1c0.1%2C0.1%2C0.3%2C0.1%2C0.4%2C0.1l0%2C0l0%2C0c0.1%2C0%2C0.3%2C0%2C0.4-0.1%0A%09%09h0.1h0.1c0%2C0%2C3.2-2.2%2C7.6-1.6l1.2%2C0.2c0.5%2C0.1%2C1.1-0.2%2C1.2-0.8c0.1-0.5-0.2-1.1-0.8-1.2l-1.3-0.3c-4.1-0.6-7.3%2C0.9-8.5%2C1.6%0A%09%09c-1.2-0.7-4.4-2.2-8.6-1.6L4.3%2C16c-0.5%2C0.1-0.9%2C0.6-0.8%2C1.2C3.6%2C17.9%2C4.1%2C18.2%2C4.7%2C18.1z%22/%3E%0A%09%3Cpath%20d%3D%22M27%2C0h-0.6c-0.6%2C0-1%2C0.4-1%2C1c0%2C0.4%2C0.2%2C0.8%2C0.6%2C0.9v17.3h-8.2c-0.2%2C0-0.3%2C0-0.5%2C0.1l-2%2C1.1l-0.4%2C0.2%0A%09%09c-0.6%2C0.3-1.2%2C0.3-1.8%2C0l-2.5-1.3c-0.1-0.1-0.3-0.1-0.5-0.1H2V1.9C2.4%2C1.8%2C2.6%2C1.4%2C2.6%2C1c0-0.6-0.4-1-1-1H1C0.4%2C0%2C0%2C0.4%2C0%2C1v19.2%0A%09%09c0%2C0.6%2C0.4%2C1%2C1%2C1h8.9l1.9%2C1l0.4%2C0.2c0.6%2C0.3%2C1.2%2C0.4%2C1.8%2C0.4s1.2-0.1%2C1.8-0.4l2.3-1.2H27c0.6%2C0%2C1-0.4%2C1-1V1C28%2C0.4%2C27.6%2C0%2C27%2C0z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");
  height: 35px;
  width: 32px;
  background-position-y: 3px;
}
.button_next_step .btBack:hover .picture_button {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22BT_x5F_Carte_x5F_Services%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%0A%09%20fill%3D%22%23333333%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2022.8%22%20enable-background%3D%22new%200%200%2028%2022.8%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M7.4%2C14.7c2.3%2C0%2C4.9%2C0.6%2C6.6%2C1.8l0%2C0c1.7-1.2%2C4.3-1.8%2C6.6-1.8c0.6%2C0%2C1.2%2C0%2C1.8%2C0.1l2.1%2C0.3V0.7l-2.1-0.3%0A%09%09c-0.5-0.1-1.1-0.1-1.8-0.1c-2.3%2C0-4.9%2C0.6-6.6%2C1.8c-1.7-1.2-4.3-1.8-6.6-1.8c-0.6%2C0-1.2%2C0-1.8%2C0.1l-2%2C0.3v14.4l2.1-0.3%0A%09%09C6.2%2C14.7%2C6.8%2C14.7%2C7.4%2C14.7z%20M20.6%2C2.3c0.5%2C0%2C1%2C0%2C1.4%2C0.1l0.4%2C0.1v10.4c-0.6-0.1-1.2-0.1-1.8-0.1c-2%2C0-3.9%2C0.4-5.6%2C1.1v-10%0A%09%09c0.1%2C0%2C0.1%2C0%2C0.2-0.1C16.4%2C2.8%2C18.6%2C2.3%2C20.6%2C2.3z%20M5.6%2C2.4H6c0.4-0.1%2C0.9-0.1%2C1.4-0.1c2%2C0%2C4.2%2C0.6%2C5.5%2C1.4c0%2C0%2C0.1%2C0%2C0.2%2C0.1v10%0A%09%09c-1.7-0.7-3.7-1.1-5.6-1.1c-0.6%2C0-1.2%2C0-1.8%2C0.1L5.6%2C2.4L5.6%2C2.4z%22/%3E%0A%09%3Cpath%20d%3D%22M4.7%2C18.1l1.1-0.2c4.4-0.6%2C7.6%2C1.6%2C7.7%2C1.6h0.1h0.1c0.1%2C0.1%2C0.3%2C0.1%2C0.4%2C0.1l0%2C0l0%2C0c0.1%2C0%2C0.3%2C0%2C0.4-0.1%0A%09%09h0.1h0.1c0%2C0%2C3.2-2.2%2C7.6-1.6l1.2%2C0.2c0.5%2C0.1%2C1.1-0.2%2C1.2-0.8c0.1-0.5-0.2-1.1-0.8-1.2l-1.3-0.3c-4.1-0.6-7.3%2C0.9-8.5%2C1.6%0A%09%09c-1.2-0.7-4.4-2.2-8.6-1.6L4.3%2C16c-0.5%2C0.1-0.9%2C0.6-0.8%2C1.2C3.6%2C17.9%2C4.1%2C18.2%2C4.7%2C18.1z%22/%3E%0A%09%3Cpath%20d%3D%22M27%2C0h-0.6c-0.6%2C0-1%2C0.4-1%2C1c0%2C0.4%2C0.2%2C0.8%2C0.6%2C0.9v17.3h-8.2c-0.2%2C0-0.3%2C0-0.5%2C0.1l-2%2C1.1l-0.4%2C0.2%0A%09%09c-0.6%2C0.3-1.2%2C0.3-1.8%2C0l-2.5-1.3c-0.1-0.1-0.3-0.1-0.5-0.1H2V1.9C2.4%2C1.8%2C2.6%2C1.4%2C2.6%2C1c0-0.6-0.4-1-1-1H1C0.4%2C0%2C0%2C0.4%2C0%2C1v19.2%0A%09%09c0%2C0.6%2C0.4%2C1%2C1%2C1h8.9l1.9%2C1l0.4%2C0.2c0.6%2C0.3%2C1.2%2C0.4%2C1.8%2C0.4s1.2-0.1%2C1.8-0.4l2.3-1.2H27c0.6%2C0%2C1-0.4%2C1-1V1C28%2C0.4%2C27.6%2C0%2C27%2C0z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");
}
.button_next_step .btNext {
  display: inline-block;
  float: right;
  padding-top: 0px;
}
.button_next_step .btNext .picture_button {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22white%22%20viewBox%3D%220%200%201000%201000%22%20enable-background%3D%22new%200%200%201000%201000%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cmetadata%3E%20%3C/metadata%3E%0A%3Cg%3E%3Cpath%20d%3D%22M500%2C10C229.8%2C10%2C10%2C229.8%2C10%2C500c0%2C270.2%2C219.8%2C490%2C490%2C490c270.2%2C0%2C490-219.8%2C490-490C990%2C229.8%2C770.2%2C10%2C500%2C10L500%2C10z%20M500%2C906.3C276%2C906.3%2C93.7%2C724%2C93.7%2C500C93.7%2C276%2C276%2C93.7%2C500%2C93.7C724%2C93.7%2C906.3%2C276%2C906.3%2C500C906.3%2C724%2C724%2C906.3%2C500%2C906.3L500%2C906.3z%20M325.3%2C500c-19.4%2C0-35.1%2C15.6-35.1%2C35s15.7%2C35%2C35.1%2C35h210c19.4%2C0%2C35-15.6%2C35-35V255.1c0-19.4-15.6-35.1-35-35.1c-19.4%2C0-35%2C15.7-35%2C35.1V500L325.3%2C500L325.3%2C500z%22/%3E%3C/g%3E%0A%3C/svg%3E");
  width: 33px;
}
.button_next_step .btNext .text {
  width: 163px;
}
.button_next_step .btNext .picture_next {
  float: right;
}
.button_next_step .btNext:hover .picture_button {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23333333%22%20viewBox%3D%220%200%201000%201000%22%20enable-background%3D%22new%200%200%201000%201000%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cmetadata%3E%20%3C/metadata%3E%0A%3Cg%3E%3Cpath%20d%3D%22M500%2C10C229.8%2C10%2C10%2C229.8%2C10%2C500c0%2C270.2%2C219.8%2C490%2C490%2C490c270.2%2C0%2C490-219.8%2C490-490C990%2C229.8%2C770.2%2C10%2C500%2C10L500%2C10z%20M500%2C906.3C276%2C906.3%2C93.7%2C724%2C93.7%2C500C93.7%2C276%2C276%2C93.7%2C500%2C93.7C724%2C93.7%2C906.3%2C276%2C906.3%2C500C906.3%2C724%2C724%2C906.3%2C500%2C906.3L500%2C906.3z%20M325.3%2C500c-19.4%2C0-35.1%2C15.6-35.1%2C35s15.7%2C35%2C35.1%2C35h210c19.4%2C0%2C35-15.6%2C35-35V255.1c0-19.4-15.6-35.1-35-35.1c-19.4%2C0-35%2C15.7-35%2C35.1V500L325.3%2C500L325.3%2C500z%22/%3E%3C/g%3E%0A%3C/svg%3E");
}
.button_next_step .buttonsFromNomad {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.button_next_step .buttonsFromNomad .btNomadIgnorePayment {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #394347;
  border: 2px solid #C9D202;
  border-radius: 30px;
}
.button_next_step .buttonsFromNomad .btNomadIgnorePayment .picture_button {
  position: absolute;
  left: 5px;
  background-image: url("/Content/themes/base/images/NomadIcon.svg");
}
.button_next_step .buttonsFromNomad .btNomadIgnorePayment .text {
  width: auto;
  position: absolute;
  margin-right: 0;
  left: 46px;
}
.button_next_step .buttonsFromNomad .btNomadIgnorePayment:hover {
  border-color: #C9D202;
  background-color: #ffffff;
}
.button_next_step .buttonsFromNomad .btNomadIgnorePayment:hover .picture_button {
  background-image: url("/Content/themes/base/images/NomadIcon.svg");
}
.button_next_step .buttonsFromNomad .btNomadIgnorePayment:hover .text {
  /*color: #C9D202;*/
  color: #394347;
}
.bt_modify .picture {
  display: none;
  height: 20px;
  width: 16px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Picto_x5F_Undo%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20fill%3D%22%236d 6d 8b%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%2017.7%2021.5%22%20enable-background%3D%22new%200%200%2017.7%2021.5%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M14.7%2C4.5c-1.9-1.9-4.4-2.9-7.1-2.9c-0.9%2C0-1.9%2C0.1-2.7%2C0.4c0-0.9-0.6-1.7-1.5-1.9C2.3-0.2%2C1.2%2C0.5%2C1%2C1.5L0.1%2C5.4%0A%09c0%2C0%2C0%2C0%2C0%2C0c0%2C0.1%2C0%2C0.1%2C0%2C0.2c0%2C0.1%2C0%2C0.1%2C0%2C0.2C0%2C5.9%2C0%2C6%2C0%2C6.1c0%2C0.1%2C0%2C0.1%2C0%2C0.2c0%2C0.1%2C0%2C0.1%2C0.1%2C0.2c0%2C0.1%2C0%2C0.1%2C0.1%2C0.2%0A%09c0%2C0.1%2C0.1%2C0.1%2C0.1%2C0.2c0%2C0.1%2C0.1%2C0.1%2C0.1%2C0.2c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1c0%2C0.1%2C0.1%2C0.1%2C0.1%2C0.2c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1%0A%09c0.1%2C0%2C0.1%2C0.1%2C0.2%2C0.1C0.9%2C7.6%2C1%2C7.6%2C1%2C7.6c0.1%2C0%2C0.1%2C0.1%2C0.2%2C0.1c0.1%2C0%2C0.1%2C0.1%2C0.2%2C0.1c0%2C0%2C0.1%2C0%2C0.1%2C0l3.9%2C0.9%0A%09c0.2%2C0%2C0.3%2C0.1%2C0.5%2C0.1c0.9%2C0%2C1.7-0.6%2C1.9-1.5C8%2C6.7%2C7.8%2C6%2C7.4%2C5.6c0.1%2C0%2C0.1%2C0%2C0.2%2C0c1.6%2C0%2C3.1%2C0.6%2C4.2%2C1.8c2.3%2C2.3%2C2.3%2C6.1%2C0%2C8.5%0A%09c-2.3%2C2.3-6.1%2C2.3-8.5%2C0c-0.8-0.8-2-0.8-2.8%2C0c-0.8%2C0.8-0.8%2C2%2C0%2C2.8c1.9%2C1.9%2C4.5%2C2.9%2C7.1%2C2.9c2.6%2C0%2C5.1-1%2C7.1-2.9%0A%09C18.6%2C14.7%2C18.6%2C8.4%2C14.7%2C4.5z%22/%3E%0A%3C/svg%3E");
}
.btDeleteAppointment {
  display: inline-block;
}
.btWhite {
  font-size: 16px;
  text-transform: none;
  background-color: white;
  color: #6d6d8b;
  border-color: #6d6d8b;
  border-width: 2px;
  border-style: solid;
}
#btValidateCart {
  width: 319px;
}
#btValidateCart .picture_button {
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22BT_x5F_Mes_x5F_RDV%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20fill%3D%22white%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20enable-background%3D%22new%200%200%2028%2028%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M21%2C14c-3.9%2C0-7%2C3.1-7%2C7s3.1%2C7%2C7%2C7s7-3.1%2C7-7S24.8%2C14%2C21%2C14z%20M21%2C26c-2.8%2C0-5-2.2-5-5c0-2.8%2C2.2-5%2C5-5%0A%09%09s5%2C2.2%2C5%2C5C26%2C23.7%2C23.7%2C26%2C21%2C26z%22/%3E%0A%09%3Cpath%20d%3D%22M24.1%2C21.6L22%2C20.4v-2.7c0-0.6-0.4-1-1-1s-1%2C0.4-1%2C1v3.9l3%2C1.8c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1%0A%09%09c0.3%2C0%2C0.7-0.2%2C0.9-0.5C24.7%2C22.5%2C24.5%2C21.9%2C24.1%2C21.6z%22/%3E%0A%09%3Cpath%20d%3D%22M7.8%2C10c0-0.4-0.3-0.8-0.8-0.8H4c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0.4%2C0%2C0.8-0.3%2C0.8-0.8%0A%09%09V10z%22/%3E%0A%09%3Cpath%20d%3D%22M13%2C9.2h-3c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0.4%2C0%2C0.8-0.3%2C0.8-0.8v-1%0A%09%09C13.7%2C9.6%2C13.4%2C9.2%2C13%2C9.2z%22/%3E%0A%09%3Cpath%20d%3D%22M19.7%2C11v-1c0-0.4-0.3-0.8-0.8-0.8h-3c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3%0A%09%09C19.4%2C11.7%2C19.7%2C11.4%2C19.7%2C11z%22/%3E%0A%09%3Cpath%20d%3D%22M7.8%2C14c0-0.4-0.3-0.8-0.8-0.8H4c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0.4%2C0%2C0.8-0.3%2C0.8-0.8%0A%09%09V14z%22/%3E%0A%09%3Cpath%20d%3D%22M13%2C13.2h-3c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0.4%2C0%2C0.8-0.3%2C0.8-0.8v-1%0A%09%09C13.7%2C13.6%2C13.4%2C13.2%2C13%2C13.2z%22/%3E%0A%09%3Cpath%20d%3D%22M7%2C17.2H4c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0.4%2C0%2C0.8-0.3%2C0.8-0.8v-1%0A%09%09C7.8%2C17.6%2C7.4%2C17.2%2C7%2C17.2z%22/%3E%0A%09%3Cpath%20d%3D%22M5.5%2C6c0.5%2C0%2C1-0.4%2C1-1V1c0-0.5-0.4-1-1-1s-1%2C0.4-1%2C1v4C4.5%2C5.5%2C5%2C6%2C5.5%2C6z%22/%3E%0A%09%3Cpath%20d%3D%22M17.5%2C6c0.5%2C0%2C1-0.4%2C1-1V1c0-0.5-0.4-1-1-1s-1%2C0.4-1%2C1v4C16.5%2C5.5%2C16.9%2C6%2C17.5%2C6z%22/%3E%0A%09%3Cpath%20d%3D%22M13%2C21H2V8h19v5c0.7%2C0%2C1.4%2C0.1%2C2%2C0.3V7V4c0-0.5-0.4-1-1-1h-2.5v2c0%2C1.1-0.9%2C2-2%2C2s-2-0.9-2-2V3h-8v2%0A%09%09c0%2C1.1-0.9%2C2-2%2C2s-2-0.9-2-2V3H1C0.4%2C3%2C0%2C3.4%2C0%2C4v3v15c0%2C0.5%2C0.4%2C1%2C1%2C1h12.2C13.1%2C22.3%2C13%2C21.7%2C13%2C21C13%2C21%2C13%2C21%2C13%2C21z%22/%3E%0A%09%3Cpath%20d%3D%22M16%2C13.2c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.1%2C0%2C0.3%2C0.1%2C0.4c1-1%2C2.3-1.8%2C3.7-2.1c0%2C0%2C0%2C0-0.1%2C0H16z%22/%3E%0A%09%3Cpath%20d%3D%22M13%2C17.2h-3c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0%2C0%2C0.1%2C0%2C0.1%2C0c0.1-0.7%2C0.3-1.4%2C0.6-2%0A%09%09C13.6%2C17.4%2C13.3%2C17.2%2C13%2C17.2z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");
}
#btValidateCart:hover .picture_button {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22BT_x5F_Mes_x5F_RDV%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill%3D%22%23333333%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M21%2C14c-3.9%2C0-7%2C3.1-7%2C7s3.1%2C7%2C7%2C7s7-3.1%2C7-7S24.8%2C14%2C21%2C14z%20M21%2C26c-2.8%2C0-5-2.2-5-5c0-2.8%2C2.2-5%2C5-5%0A%09%09s5%2C2.2%2C5%2C5C26%2C23.7%2C23.7%2C26%2C21%2C26z%22%2F%3E%0A%09%3Cpath%20d%3D%22M24.1%2C21.6L22%2C20.4v-2.7c0-0.6-0.4-1-1-1s-1%2C0.4-1%2C1v3.9l3%2C1.8c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1%0A%09%09c0.3%2C0%2C0.7-0.2%2C0.9-0.5C24.7%2C22.5%2C24.5%2C21.9%2C24.1%2C21.6z%22%2F%3E%0A%09%3Cpath%20d%3D%22M7.8%2C10c0-0.4-0.3-0.8-0.8-0.8H4c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0.4%2C0%2C0.8-0.3%2C0.8-0.8%0A%09%09V10z%22%2F%3E%0A%09%3Cpath%20d%3D%22M13%2C9.2h-3c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0.4%2C0%2C0.8-0.3%2C0.8-0.8v-1%0A%09%09C13.7%2C9.6%2C13.4%2C9.2%2C13%2C9.2z%22%2F%3E%0A%09%3Cpath%20d%3D%22M19.7%2C11v-1c0-0.4-0.3-0.8-0.8-0.8h-3c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3%0A%09%09C19.4%2C11.7%2C19.7%2C11.4%2C19.7%2C11z%22%2F%3E%0A%09%3Cpath%20d%3D%22M7.8%2C14c0-0.4-0.3-0.8-0.8-0.8H4c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0.4%2C0%2C0.8-0.3%2C0.8-0.8%0A%09%09V14z%22%2F%3E%0A%09%3Cpath%20d%3D%22M13%2C13.2h-3c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0.4%2C0%2C0.8-0.3%2C0.8-0.8v-1%0A%09%09C13.7%2C13.6%2C13.4%2C13.2%2C13%2C13.2z%22%2F%3E%0A%09%3Cpath%20d%3D%22M7%2C17.2H4c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0.4%2C0%2C0.8-0.3%2C0.8-0.8v-1%0A%09%09C7.8%2C17.6%2C7.4%2C17.2%2C7%2C17.2z%22%2F%3E%0A%09%3Cpath%20d%3D%22M5.5%2C6c0.5%2C0%2C1-0.4%2C1-1V1c0-0.5-0.4-1-1-1s-1%2C0.4-1%2C1v4C4.5%2C5.5%2C5%2C6%2C5.5%2C6z%22%2F%3E%0A%09%3Cpath%20d%3D%22M17.5%2C6c0.5%2C0%2C1-0.4%2C1-1V1c0-0.5-0.4-1-1-1s-1%2C0.4-1%2C1v4C16.5%2C5.5%2C16.9%2C6%2C17.5%2C6z%22%2F%3E%0A%09%3Cpath%20d%3D%22M13%2C21H2V8h19v5c0.7%2C0%2C1.4%2C0.1%2C2%2C0.3V7V4c0-0.5-0.4-1-1-1h-2.5v2c0%2C1.1-0.9%2C2-2%2C2s-2-0.9-2-2V3h-8v2%0A%09%09c0%2C1.1-0.9%2C2-2%2C2s-2-0.9-2-2V3H1C0.4%2C3%2C0%2C3.4%2C0%2C4v3v15c0%2C0.5%2C0.4%2C1%2C1%2C1h12.2C13.1%2C22.3%2C13%2C21.7%2C13%2C21C13%2C21%2C13%2C21%2C13%2C21z%22%2F%3E%0A%09%3Cpath%20d%3D%22M16%2C13.2c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.1%2C0%2C0.3%2C0.1%2C0.4c1-1%2C2.3-1.8%2C3.7-2.1c0%2C0%2C0%2C0-0.1%2C0H16z%22%2F%3E%0A%09%3Cpath%20d%3D%22M13%2C17.2h-3c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1c0%2C0.4%2C0.3%2C0.8%2C0.8%2C0.8h3c0%2C0%2C0.1%2C0%2C0.1%2C0c0.1-0.7%2C0.3-1.4%2C0.6-2%0A%09%09C13.6%2C17.4%2C13.3%2C17.2%2C13%2C17.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
#btValidateCart .text {
  margin-left: 10px;
}
#bt_recovery {
  padding-right: 30px !important;
  padding-left: 30px !important;
  font-size: 17px;
  padding-top: 2px;
  height: 31px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#backToLogin {
  float: left;
  margin-left: 10px;
}
#buttons_top {
  width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
#btGoToSalonSite {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 450px;
  margin-top: 10px;
  margin-bottom: 5px;
  height: auto;
  font-size: 20px;
  text-align: center;
  padding: 11px 40px;
  text-transform: none;
}
#btGoToSalonSite .picture {
  position: initial;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22BT_x5F_Retour_x5F_Salon%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%0A%09%20fill%3D%22%23FFFFFF%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024.5%2027.7%22%20enable-background%3D%22new%200%200%2024.5%2027.7%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M14.8%2C27.7c-0.2%2C0-0.4-0.1-0.6-0.2c-0.2-0.2-0.4-0.5-0.4-0.8V1c0-0.3%2C0.1-0.6%2C0.4-0.8C14.5%2C0%2C14.8%2C0%2C15.1%2C0%0A%09l8.6%2C1.9c0.5%2C0.1%2C0.8%2C0.5%2C0.8%2C1v21.8c0%2C0.5-0.3%2C0.9-0.8%2C1l-8.6%2C1.9C15%2C27.6%2C14.9%2C27.7%2C14.8%2C27.7z%20M15.8%2C2.2v23.2l6.6-1.5V3.7%0A%09L15.8%2C2.2z%22/%3E%0A%3Cpath%20d%3D%22M19.3%2C14.3h-2.1c-0.3%2C0-0.5-0.2-0.5-0.5s0.2-0.5%2C0.5-0.5h2.1c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5S19.6%2C14.3%2C19.3%2C14.3z%22/%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M11.8%2C23.7H9.8v-5l-1%2C1c-0.3%2C0.3-0.6%2C0.5-1%2C0.6v5.4h4.1c0.6%2C0%2C1-0.4%2C1-1S12.4%2C23.7%2C11.8%2C23.7z%22/%3E%0A%09%3Cpath%20d%3D%22M8.8%2C8.1l1%2C1V3.9h2.1c0.6%2C0%2C1-0.4%2C1-1s-0.4-1-1-1H7.8v5.6C8.2%2C7.6%2C8.5%2C7.8%2C8.8%2C8.1z%22/%3E%0A%3C/g%3E%0A%3Cpath%20d%3D%22M12.5%2C14.4c0.1-0.2%2C0.1-0.3%2C0.1-0.5c0-0.2%2C0-0.4-0.1-0.5c-0.1-0.2-0.2-0.3-0.3-0.5L8.1%2C8.8%0A%09c-0.4-0.4-1-0.5-1.5-0.3C6.1%2C8.7%2C5.7%2C9.2%2C5.7%2C9.8v2.7H1.4c-0.8%2C0-1.4%2C0.6-1.4%2C1.4s0.6%2C1.4%2C1.4%2C1.4h4.3V18c0%2C0.6%2C0.3%2C1.1%2C0.9%2C1.3%0A%09c0.2%2C0.1%2C0.4%2C0.1%2C0.5%2C0.1c0.4%2C0%2C0.7-0.1%2C1-0.4l4.1-4.1C12.3%2C14.8%2C12.4%2C14.6%2C12.5%2C14.4z%22/%3E%0A%3C/svg%3E%0A");
}
#btGetCalendar {
  display: inline-block;
}
.small {
  font-size: 14px;
  /*margin-top: -5px;*/
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  padding-bottom: 6px;
  text-transform: none;
}
.button_next_step .btNext.btPayment {
  display: block !important;
  float: initial !important;
  margin-left: auto;
  margin-right: auto;
}
.button_next_step .btNext.btPayment .picture_button {
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22white%22%0A%09%20viewBox%3D%220%200%2026.4%2020.3%22%20style%3D%22enable-background%3Anew%200%200%2026.4%2020.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M22.6%2C5.4c-0.2-0.7-0.8-1.1-1.5-0.9l-1%2C0.2c-0.7%2C0.2-1.1%2C0.8-0.9%2C1.5l0.2%2C0.7c0.1%2C0.6%2C0.7%2C1%2C1.2%2C1c0.1%2C0%2C0.2%2C0%2C0.3%2C0l1-0.2%0A%09%09c0%2C0%2C0%2C0%2C0%2C0c0.7-0.2%2C1.1-0.8%2C0.9-1.5L22.6%2C5.4z%22%2F%3E%0A%09%3Cpath%20d%3D%22M26.4%2C10.1l-2-8.8c-0.2-0.9-1.2-1.5-2.1-1.3L7.6%2C3.4C7.2%2C3.5%2C6.8%2C3.8%2C6.6%2C4.2S6.2%2C5.1%2C6.3%2C5.5L6.4%2C6%0A%09%09c-1.2%2C0.1-2.3%2C0.7-3%2C1.7L0.1%2C12c-0.2%2C0.3-0.2%2C0.8%2C0.1%2C1c0.1%2C0.1%2C0.3%2C0.2%2C0.4%2C0.2c0.2%2C0%2C0.5-0.1%2C0.6-0.3l3.3-4.4%0A%09%09c0.5-0.6%2C1.2-1%2C2-1.1l0.2%2C0l1%2C4.1L7%2C12c-0.3%2C0.2-0.4%2C0.7-0.2%2C1c0.2%2C0.3%2C0.7%2C0.4%2C1%2C0.2l4.4-2.8L14%2C9.8c0.4-0.1%2C0.8%2C0%2C1%2C0.4%0A%09%09c0.2%2C0.3%2C0.1%2C0.8-0.3%2C1l-3.1%2C2.1c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.3l-0.8%2C1.7c-0.7%2C1.4-1.9%2C2.3-3.4%2C2.6l-4.5%2C0.9c-0.4%2C0.1-0.7%2C0.5-0.6%2C0.9%0A%09%09c0.1%2C0.4%2C0.4%2C0.6%2C0.7%2C0.6c0.1%2C0%2C0.1%2C0%2C0.2%2C0l4.5-0.9c1-0.2%2C1.8-0.6%2C2.6-1.2c0.4%2C0.2%2C0.7%2C0.3%2C1.2%2C0.3c0%2C0%2C0%2C0%2C0.1%2C0%0A%09%09c0.5%2C0%2C0.9-0.1%2C1.3-0.4c0.4%2C0.2%2C0.8%2C0.4%2C1.2%2C0.4c0%2C0%2C0%2C0%2C0.1%2C0c1%2C0%2C1.9-0.6%2C2.3-1.6c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0.1c0%2C0%2C0%2C0%2C0.1%2C0%0A%09%09c1.1%2C0%2C2.1-0.8%2C2.4-1.9l0.4-1.7l5.4-1.2C26%2C12%2C26.6%2C11.1%2C26.4%2C10.1z%20M11.2%2C17C11.2%2C17%2C11.2%2C17%2C11.2%2C17c0.1-0.1%2C0.2-0.2%2C0.2-0.4%0A%09%09c0%2C0.1%2C0.1%2C0.2%2C0.1%2C0.3C11.4%2C16.9%2C11.3%2C17%2C11.2%2C17z%20M13.8%2C17c-0.3%2C0-0.6-0.2-0.8-0.4c-0.2-0.2-0.2-0.6-0.2-0.9l0.2-0.7l1.3-0.3%0A%09%09c0%2C0.5%2C0.2%2C0.9%2C0.5%2C1.3c0%2C0%2C0%2C0%2C0%2C0l0%2C0.2C14.7%2C16.7%2C14.3%2C17%2C13.8%2C17z%20M17.8%2C14.8c-0.1%2C0.5-0.5%2C0.7-1%2C0.7c-0.3%2C0-0.6-0.2-0.8-0.4%0A%09%09c-0.2-0.2-0.2-0.5-0.2-0.8l2.2-0.5L17.8%2C14.8z%20M24.7%2C10.8l-10.3%2C2.4l1.1-0.7c0.9-0.6%2C1.3-1.9%2C0.8-2.9c-0.5-1.1-1.7-1.6-2.8-1.1%0A%09%09l-1.9%2C0.7c-0.1%2C0-0.1%2C0-0.2%2C0.1l-2.4%2C1.6L7.8%2C5.2c0-0.1%2C0-0.2%2C0-0.2c0%2C0%2C0.1-0.1%2C0.2-0.1l14.6-3.4c0.1%2C0%2C0.3%2C0.1%2C0.3%2C0.2l2%2C8.8%0A%09%09C24.9%2C10.6%2C24.9%2C10.7%2C24.7%2C10.8z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.button_next_step .btNext.btPayment:hover .picture_button {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23333333%22%0A%09%20viewBox%3D%220%200%2026.4%2020.3%22%20style%3D%22enable-background%3Anew%200%200%2026.4%2020.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M22.6%2C5.4c-0.2-0.7-0.8-1.1-1.5-0.9l-1%2C0.2c-0.7%2C0.2-1.1%2C0.8-0.9%2C1.5l0.2%2C0.7c0.1%2C0.6%2C0.7%2C1%2C1.2%2C1c0.1%2C0%2C0.2%2C0%2C0.3%2C0l1-0.2%0A%09%09c0%2C0%2C0%2C0%2C0%2C0c0.7-0.2%2C1.1-0.8%2C0.9-1.5L22.6%2C5.4z%22%2F%3E%0A%09%3Cpath%20d%3D%22M26.4%2C10.1l-2-8.8c-0.2-0.9-1.2-1.5-2.1-1.3L7.6%2C3.4C7.2%2C3.5%2C6.8%2C3.8%2C6.6%2C4.2S6.2%2C5.1%2C6.3%2C5.5L6.4%2C6%0A%09%09c-1.2%2C0.1-2.3%2C0.7-3%2C1.7L0.1%2C12c-0.2%2C0.3-0.2%2C0.8%2C0.1%2C1c0.1%2C0.1%2C0.3%2C0.2%2C0.4%2C0.2c0.2%2C0%2C0.5-0.1%2C0.6-0.3l3.3-4.4%0A%09%09c0.5-0.6%2C1.2-1%2C2-1.1l0.2%2C0l1%2C4.1L7%2C12c-0.3%2C0.2-0.4%2C0.7-0.2%2C1c0.2%2C0.3%2C0.7%2C0.4%2C1%2C0.2l4.4-2.8L14%2C9.8c0.4-0.1%2C0.8%2C0%2C1%2C0.4%0A%09%09c0.2%2C0.3%2C0.1%2C0.8-0.3%2C1l-3.1%2C2.1c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.3l-0.8%2C1.7c-0.7%2C1.4-1.9%2C2.3-3.4%2C2.6l-4.5%2C0.9c-0.4%2C0.1-0.7%2C0.5-0.6%2C0.9%0A%09%09c0.1%2C0.4%2C0.4%2C0.6%2C0.7%2C0.6c0.1%2C0%2C0.1%2C0%2C0.2%2C0l4.5-0.9c1-0.2%2C1.8-0.6%2C2.6-1.2c0.4%2C0.2%2C0.7%2C0.3%2C1.2%2C0.3c0%2C0%2C0%2C0%2C0.1%2C0%0A%09%09c0.5%2C0%2C0.9-0.1%2C1.3-0.4c0.4%2C0.2%2C0.8%2C0.4%2C1.2%2C0.4c0%2C0%2C0%2C0%2C0.1%2C0c1%2C0%2C1.9-0.6%2C2.3-1.6c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0.1c0%2C0%2C0%2C0%2C0.1%2C0%0A%09%09c1.1%2C0%2C2.1-0.8%2C2.4-1.9l0.4-1.7l5.4-1.2C26%2C12%2C26.6%2C11.1%2C26.4%2C10.1z%20M11.2%2C17C11.2%2C17%2C11.2%2C17%2C11.2%2C17c0.1-0.1%2C0.2-0.2%2C0.2-0.4%0A%09%09c0%2C0.1%2C0.1%2C0.2%2C0.1%2C0.3C11.4%2C16.9%2C11.3%2C17%2C11.2%2C17z%20M13.8%2C17c-0.3%2C0-0.6-0.2-0.8-0.4c-0.2-0.2-0.2-0.6-0.2-0.9l0.2-0.7l1.3-0.3%0A%09%09c0%2C0.5%2C0.2%2C0.9%2C0.5%2C1.3c0%2C0%2C0%2C0%2C0%2C0l0%2C0.2C14.7%2C16.7%2C14.3%2C17%2C13.8%2C17z%20M17.8%2C14.8c-0.1%2C0.5-0.5%2C0.7-1%2C0.7c-0.3%2C0-0.6-0.2-0.8-0.4%0A%09%09c-0.2-0.2-0.2-0.5-0.2-0.8l2.2-0.5L17.8%2C14.8z%20M24.7%2C10.8l-10.3%2C2.4l1.1-0.7c0.9-0.6%2C1.3-1.9%2C0.8-2.9c-0.5-1.1-1.7-1.6-2.8-1.1%0A%09%09l-1.9%2C0.7c-0.1%2C0-0.1%2C0-0.2%2C0.1l-2.4%2C1.6L7.8%2C5.2c0-0.1%2C0-0.2%2C0-0.2c0%2C0%2C0.1-0.1%2C0.2-0.1l14.6-3.4c0.1%2C0%2C0.3%2C0.1%2C0.3%2C0.2l2%2C8.8%0A%09%09C24.9%2C10.6%2C24.9%2C10.7%2C24.7%2C10.8z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.button_next_step .btNext.btPayment .text {
  float: left;
  margin-left: 10px;
}
.button_next_step .btNext.btSetup {
  display: block !important;
  float: initial !important;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
}
.button_next_step .btNext.btSetup .picture_button {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22white%22%0A%09%20viewBox%3D%220%200%2026.4%2020.3%22%20style%3D%22enable-background%3Anew%200%200%2026.4%2020.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M22.6%2C5.4c-0.2-0.7-0.8-1.1-1.5-0.9l-1%2C0.2c-0.7%2C0.2-1.1%2C0.8-0.9%2C1.5l0.2%2C0.7c0.1%2C0.6%2C0.7%2C1%2C1.2%2C1c0.1%2C0%2C0.2%2C0%2C0.3%2C0l1-0.2%0A%09%09c0%2C0%2C0%2C0%2C0%2C0c0.7-0.2%2C1.1-0.8%2C0.9-1.5L22.6%2C5.4z%22%2F%3E%0A%09%3Cpath%20d%3D%22M26.4%2C10.1l-2-8.8c-0.2-0.9-1.2-1.5-2.1-1.3L7.6%2C3.4C7.2%2C3.5%2C6.8%2C3.8%2C6.6%2C4.2S6.2%2C5.1%2C6.3%2C5.5L6.4%2C6%0A%09%09c-1.2%2C0.1-2.3%2C0.7-3%2C1.7L0.1%2C12c-0.2%2C0.3-0.2%2C0.8%2C0.1%2C1c0.1%2C0.1%2C0.3%2C0.2%2C0.4%2C0.2c0.2%2C0%2C0.5-0.1%2C0.6-0.3l3.3-4.4%0A%09%09c0.5-0.6%2C1.2-1%2C2-1.1l0.2%2C0l1%2C4.1L7%2C12c-0.3%2C0.2-0.4%2C0.7-0.2%2C1c0.2%2C0.3%2C0.7%2C0.4%2C1%2C0.2l4.4-2.8L14%2C9.8c0.4-0.1%2C0.8%2C0%2C1%2C0.4%0A%09%09c0.2%2C0.3%2C0.1%2C0.8-0.3%2C1l-3.1%2C2.1c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.3l-0.8%2C1.7c-0.7%2C1.4-1.9%2C2.3-3.4%2C2.6l-4.5%2C0.9c-0.4%2C0.1-0.7%2C0.5-0.6%2C0.9%0A%09%09c0.1%2C0.4%2C0.4%2C0.6%2C0.7%2C0.6c0.1%2C0%2C0.1%2C0%2C0.2%2C0l4.5-0.9c1-0.2%2C1.8-0.6%2C2.6-1.2c0.4%2C0.2%2C0.7%2C0.3%2C1.2%2C0.3c0%2C0%2C0%2C0%2C0.1%2C0%0A%09%09c0.5%2C0%2C0.9-0.1%2C1.3-0.4c0.4%2C0.2%2C0.8%2C0.4%2C1.2%2C0.4c0%2C0%2C0%2C0%2C0.1%2C0c1%2C0%2C1.9-0.6%2C2.3-1.6c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0.1c0%2C0%2C0%2C0%2C0.1%2C0%0A%09%09c1.1%2C0%2C2.1-0.8%2C2.4-1.9l0.4-1.7l5.4-1.2C26%2C12%2C26.6%2C11.1%2C26.4%2C10.1z%20M11.2%2C17C11.2%2C17%2C11.2%2C17%2C11.2%2C17c0.1-0.1%2C0.2-0.2%2C0.2-0.4%0A%09%09c0%2C0.1%2C0.1%2C0.2%2C0.1%2C0.3C11.4%2C16.9%2C11.3%2C17%2C11.2%2C17z%20M13.8%2C17c-0.3%2C0-0.6-0.2-0.8-0.4c-0.2-0.2-0.2-0.6-0.2-0.9l0.2-0.7l1.3-0.3%0A%09%09c0%2C0.5%2C0.2%2C0.9%2C0.5%2C1.3c0%2C0%2C0%2C0%2C0%2C0l0%2C0.2C14.7%2C16.7%2C14.3%2C17%2C13.8%2C17z%20M17.8%2C14.8c-0.1%2C0.5-0.5%2C0.7-1%2C0.7c-0.3%2C0-0.6-0.2-0.8-0.4%0A%09%09c-0.2-0.2-0.2-0.5-0.2-0.8l2.2-0.5L17.8%2C14.8z%20M24.7%2C10.8l-10.3%2C2.4l1.1-0.7c0.9-0.6%2C1.3-1.9%2C0.8-2.9c-0.5-1.1-1.7-1.6-2.8-1.1%0A%09%09l-1.9%2C0.7c-0.1%2C0-0.1%2C0-0.2%2C0.1l-2.4%2C1.6L7.8%2C5.2c0-0.1%2C0-0.2%2C0-0.2c0%2C0%2C0.1-0.1%2C0.2-0.1l14.6-3.4c0.1%2C0%2C0.3%2C0.1%2C0.3%2C0.2l2%2C8.8%0A%09%09C24.9%2C10.6%2C24.9%2C10.7%2C24.7%2C10.8z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.button_next_step .btNext.btSetup:hover .picture_button {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23333333%22%0A%09%20viewBox%3D%220%200%2026.4%2020.3%22%20style%3D%22enable-background%3Anew%200%200%2026.4%2020.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M22.6%2C5.4c-0.2-0.7-0.8-1.1-1.5-0.9l-1%2C0.2c-0.7%2C0.2-1.1%2C0.8-0.9%2C1.5l0.2%2C0.7c0.1%2C0.6%2C0.7%2C1%2C1.2%2C1c0.1%2C0%2C0.2%2C0%2C0.3%2C0l1-0.2%0A%09%09c0%2C0%2C0%2C0%2C0%2C0c0.7-0.2%2C1.1-0.8%2C0.9-1.5L22.6%2C5.4z%22%2F%3E%0A%09%3Cpath%20d%3D%22M26.4%2C10.1l-2-8.8c-0.2-0.9-1.2-1.5-2.1-1.3L7.6%2C3.4C7.2%2C3.5%2C6.8%2C3.8%2C6.6%2C4.2S6.2%2C5.1%2C6.3%2C5.5L6.4%2C6%0A%09%09c-1.2%2C0.1-2.3%2C0.7-3%2C1.7L0.1%2C12c-0.2%2C0.3-0.2%2C0.8%2C0.1%2C1c0.1%2C0.1%2C0.3%2C0.2%2C0.4%2C0.2c0.2%2C0%2C0.5-0.1%2C0.6-0.3l3.3-4.4%0A%09%09c0.5-0.6%2C1.2-1%2C2-1.1l0.2%2C0l1%2C4.1L7%2C12c-0.3%2C0.2-0.4%2C0.7-0.2%2C1c0.2%2C0.3%2C0.7%2C0.4%2C1%2C0.2l4.4-2.8L14%2C9.8c0.4-0.1%2C0.8%2C0%2C1%2C0.4%0A%09%09c0.2%2C0.3%2C0.1%2C0.8-0.3%2C1l-3.1%2C2.1c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.3l-0.8%2C1.7c-0.7%2C1.4-1.9%2C2.3-3.4%2C2.6l-4.5%2C0.9c-0.4%2C0.1-0.7%2C0.5-0.6%2C0.9%0A%09%09c0.1%2C0.4%2C0.4%2C0.6%2C0.7%2C0.6c0.1%2C0%2C0.1%2C0%2C0.2%2C0l4.5-0.9c1-0.2%2C1.8-0.6%2C2.6-1.2c0.4%2C0.2%2C0.7%2C0.3%2C1.2%2C0.3c0%2C0%2C0%2C0%2C0.1%2C0%0A%09%09c0.5%2C0%2C0.9-0.1%2C1.3-0.4c0.4%2C0.2%2C0.8%2C0.4%2C1.2%2C0.4c0%2C0%2C0%2C0%2C0.1%2C0c1%2C0%2C1.9-0.6%2C2.3-1.6c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0.1c0%2C0%2C0%2C0%2C0.1%2C0%0A%09%09c1.1%2C0%2C2.1-0.8%2C2.4-1.9l0.4-1.7l5.4-1.2C26%2C12%2C26.6%2C11.1%2C26.4%2C10.1z%20M11.2%2C17C11.2%2C17%2C11.2%2C17%2C11.2%2C17c0.1-0.1%2C0.2-0.2%2C0.2-0.4%0A%09%09c0%2C0.1%2C0.1%2C0.2%2C0.1%2C0.3C11.4%2C16.9%2C11.3%2C17%2C11.2%2C17z%20M13.8%2C17c-0.3%2C0-0.6-0.2-0.8-0.4c-0.2-0.2-0.2-0.6-0.2-0.9l0.2-0.7l1.3-0.3%0A%09%09c0%2C0.5%2C0.2%2C0.9%2C0.5%2C1.3c0%2C0%2C0%2C0%2C0%2C0l0%2C0.2C14.7%2C16.7%2C14.3%2C17%2C13.8%2C17z%20M17.8%2C14.8c-0.1%2C0.5-0.5%2C0.7-1%2C0.7c-0.3%2C0-0.6-0.2-0.8-0.4%0A%09%09c-0.2-0.2-0.2-0.5-0.2-0.8l2.2-0.5L17.8%2C14.8z%20M24.7%2C10.8l-10.3%2C2.4l1.1-0.7c0.9-0.6%2C1.3-1.9%2C0.8-2.9c-0.5-1.1-1.7-1.6-2.8-1.1%0A%09%09l-1.9%2C0.7c-0.1%2C0-0.1%2C0-0.2%2C0.1l-2.4%2C1.6L7.8%2C5.2c0-0.1%2C0-0.2%2C0-0.2c0%2C0%2C0.1-0.1%2C0.2-0.1l14.6-3.4c0.1%2C0%2C0.3%2C0.1%2C0.3%2C0.2l2%2C8.8%0A%09%09C24.9%2C10.6%2C24.9%2C10.7%2C24.7%2C10.8z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.button_next_step .btNext.btSetup .text {
  float: left;
}
.appointmentRequirementsModal .modal-dialog .modal-content {
  text-align: left;
  padding: 15px;
}
.appointmentRequirementsModal .modal-dialog .modal-content .content-title {
  font-size: 26px;
  margin-bottom: 30px;
}
.appointmentRequirementsModal .modal-dialog .modal-content .modal-body {
  padding: 0;
  margin-bottom: 20px;
}
.appointmentRequirementsModal .modal-dialog .modal-content .modal-body p {
  font-size: 18px;
  text-align: left;
  width: 100%;
}
.legalInformationsModal .modal-dialog .modal-content {
  padding: 15px;
}
.legalInformationsModal .modal-dialog .modal-content .content-title {
  font-size: 26px;
  margin-bottom: 30px;
  text-align: center;
}
.legalInformationsModal .modal-dialog .modal-content .modal-body {
  padding: 0;
  margin-bottom: 20px;
}
.legalInformationsModal .modal-dialog .modal-content .modal-body p {
  font-size: 18px;
  text-align: left;
  width: 100%;
  margin-bottom: 8px;
}
.legalInformationsModal .modal-dialog .modal-content .modal-body .salon-legal-informations-subtitle {
  text-align: center;
  font-size: 20px;
  margin-bottom: 6px;
}
.legalInformationsModal .modal-dialog .modal-content .modal-body .salon-legal-informations p {
  font-size: 18px;
  text-align: left;
  width: 100%;
  margin-bottom: 8px;
}
/*#endregion*/
/*#region -------------------------------------------------------------- ACCOUNT -------------------------------------------------------------------------- */
#introLogin,
#introBooking {
  color: white;
  font-size: 30px;
  font-weight: bold;
  padding-top: 95px;
  padding-left: 15%;
}
#introLogin.guinotOrMaryCohr,
#introBooking.guinotOrMaryCohr {
  padding-left: unset;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.login-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-container .x2-login-form {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.login-container .x2-login-form form {
  width: 60%;
}
.login-container .x2-login-form form .form-control {
  padding: 4px 6px;
}
.login-container .external-login-container {
  padding: 1rem 0;
}
.login-container .external-login-container .header {
  display: grid;
  grid-template-columns: 3fr 6fr 3fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
}
.login-container .external-login-container .header .header-line hr {
  margin: 0;
  border-top: 3px solid #eeeeee;
}
.login-container .external-login-container .header .header-title {
  margin: 0 0.5rem;
  font-size: 1.7rem;
  text-align: center;
}
.login-container .external-login-container .social-login-list {
  display: flex;
  justify-content: center;
}
.login-container .external-login-container .social-login-list .login-provider {
  margin: 0 1rem;
  padding: 0;
  border: none;
  width: 50px;
  height: 50px;
  background-color: transparent;
}
.login-container .external-login-container .social-login-list .login-provider.google {
  background-image: url(/Content/images/external-login/google_logo.svg);
}
.login-container .external-login-container .social-login-list .login-provider.facebook {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/Content/images/external-login/facebook_logo_primary.png);
}
#login {
  margin-top: -150px;
  padding-bottom: 20px;
}
#login #LogOrCreateAccount {
  display: inline-block;
  border: 2px;
  border-style: solid;
  border-color: #505b5f;
  padding: 0px;
  margin-top: 15px;
  background-color: white;
  min-width: 100%;
}
#login #LogOrCreateAccount .title {
  border-bottom: 2px solid #505b5f;
  font-size: 28px;
  font-weight: bold;
  color: #505b5f;
  padding-bottom: 10px;
}
#login #LogOrCreateAccount .instruction {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  color: #505b5f;
}
#login #LogOrCreateAccount .login_buttons {
  border: 2px;
  border-style: solid;
  text-transform: none;
  border-radius: 30px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.3rem 1rem;
  height: auto;
  width: 70%;
  display: block;
  display: flex;
  justify-content: center;
  align-content: center;
}
#login #LogOrCreateAccount .login_buttons.bt-small {
  width: auto !important;
}
#login #LogOrCreateAccount #loginForm {
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
  border-right-color: #505b5f;
  border-right-width: 2px;
  border-right-style: solid;
}
#login #LogOrCreateAccount #loginForm .bottom-butons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
#login #LogOrCreateAccount #loginForm .bottom-butons .btDefault {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#login #LogOrCreateAccount #loginForm .bottom-butons .btnForgotPassword {
  cursor: pointer;
  align-self: end;
  /*font-size: @loginButtonsFontSize - 3rem;*/
  font-size: 1.5rem;
  color: #337ab7;
}
#login #LogOrCreateAccount #loginForm .bottom-butons .btnForgotPassword:hover {
  text-decoration: underline;
}
#login #LogOrCreateAccount #loginForm .form-group {
  position: relative;
  margin-bottom: 1rem;
}
#login #LogOrCreateAccount #loginForm .form-group .field-validation-error {
  top: unset;
  bottom: -28px;
}
#login #LogOrCreateAccount #loginForm .form-group label {
  line-height: 40px;
  margin-bottom: 0px;
}
#login #LogOrCreateAccount #loginForm .form-group input.valid {
  color: #333;
}
#login #LogOrCreateAccount #createAccount {
  margin-top: 10px;
  margin-bottom: 10px;
  float: right;
}
#login #LogOrCreateAccount #createAccount .registerOrEnterCode {
  margin-top: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#login #LogOrCreateAccount #createAccount .registerOrEnterCode #linkRegister .login-buttons-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#login #LogOrCreateAccount #createAccount .registerOrEnterCode #linkRegister .picture {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 22%;
  background-position: left;
  height: 27px;
  position: initial;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill%3D%22white%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2015.2%2028.4%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M15.2%2C2.3c-0.1-0.2-0.3-0.4-0.5-0.6L11%2C0.1c-0.2-0.1-0.5-0.1-0.8%2C0C10%2C0.2%2C9.8%2C0.3%2C9.7%2C0.6L8.1%2C4.2L0.7%2C20.7%0A%09c0%2C0.1%2C0%2C0.1%2C0%2C0.2c0%2C0%2C0%2C0.1%2C0%2C0.1L0%2C27.3c0%2C0.4%2C0.2%2C0.8%2C0.6%2C1c0.1%2C0.1%2C0.3%2C0.1%2C0.4%2C0.1c0.3%2C0%2C0.5-0.1%2C0.7-0.3L6%2C23.4%0A%09c0.1-0.1%2C0.1-0.2%2C0.2-0.2c0%2C0%2C0%2C0%2C0%2C0l7.3-16.4c0%2C0%2C0%2C0%2C0%2C0L15.2%2C3C15.3%2C2.8%2C15.3%2C2.5%2C15.2%2C2.3z%20M11.1%2C2.3l1.8%2C0.8L12.1%2C5l-0.9-0.4%0A%09l-0.9-0.4L11.1%2C2.3z%20M2.5%2C22.6l0.4%2C0.2l0.8%2C0.3l-1.3%2C1.4L2.5%2C22.6z%20M4.8%2C21.4l-1.8-0.8L9.5%2C6l0.9%2C0.4l0.9%2C0.4L4.8%2C21.4z%22%2F%3E%0A%3C%2Fsvg%3E");
}
#login #LogOrCreateAccount #createAccount .registerOrEnterCode #linkRegister .text {
  width: 78%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#login #LogOrCreateAccount #createAccount .registerOrEnterCode #linkRegister:hover .picture {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill%3D%22%23333333%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2015.2%2028.4%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M15.2%2C2.3c-0.1-0.2-0.3-0.4-0.5-0.6L11%2C0.1c-0.2-0.1-0.5-0.1-0.8%2C0C10%2C0.2%2C9.8%2C0.3%2C9.7%2C0.6L8.1%2C4.2L0.7%2C20.7%0A%09c0%2C0.1%2C0%2C0.1%2C0%2C0.2c0%2C0%2C0%2C0.1%2C0%2C0.1L0%2C27.3c0%2C0.4%2C0.2%2C0.8%2C0.6%2C1c0.1%2C0.1%2C0.3%2C0.1%2C0.4%2C0.1c0.3%2C0%2C0.5-0.1%2C0.7-0.3L6%2C23.4%0A%09c0.1-0.1%2C0.1-0.2%2C0.2-0.2c0%2C0%2C0%2C0%2C0%2C0l7.3-16.4c0%2C0%2C0%2C0%2C0%2C0L15.2%2C3C15.3%2C2.8%2C15.3%2C2.5%2C15.2%2C2.3z%20M11.1%2C2.3l1.8%2C0.8L12.1%2C5l-0.9-0.4%0A%09l-0.9-0.4L11.1%2C2.3z%20M2.5%2C22.6l0.4%2C0.2l0.8%2C0.3l-1.3%2C1.4L2.5%2C22.6z%20M4.8%2C21.4l-1.8-0.8L9.5%2C6l0.9%2C0.4l0.9%2C0.4L4.8%2C21.4z%22%2F%3E%0A%3C%2Fsvg%3E");
}
#login #LogOrCreateAccount #createAccount .registerOrEnterCode .not-registered {
  color: #cd0438;
  display: inline-block;
}
#login #loginSocial {
  text-align: center;
  font-size: 24px;
  margin-top: 30px;
}
#login #loginSocial .networks {
  margin-top: 15px;
  display: inline-block;
}
#login #loginSocial .networks .network {
  width: 233px;
  height: 60px;
  display: inline-block;
  background-color: white;
  position: relative;
  border-radius: 30px;
  color: #505b5f;
  margin-left: 30px;
}
#login #loginSocial .networks .network .picture {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 10px;
  top: 7px;
}
#login #loginSocial .networks .network .text {
  position: absolute;
  top: 16px;
  text-transform: capitalize;
}
#login #loginSocial .networks .network.facebook .picture {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2050%2050%22%20style%3D%22enable-background%3Anew%200%200%2050%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%233B5698%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M32.5%2C15.6h-3.8c-1.1%2C0-1.9%2C0.8-1.9%2C1.9v3.8h5.6v5.6h-5.6V40h-5.6V26.9h-3.7v-5.6h3.7v-4.7c0-3.6%2C3-6.6%2C6.6-6.6%0A%09h4.7V15.6z%22%2F%3E%0A%3C%2Fsvg%3E");
}
#login #loginSocial .networks .network.facebook .text {
  left: 81px;
}
#login #loginSocial .networks .network.google .picture {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2050%2050%22%20style%3D%22enable-background%3Anew%200%200%2050%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FBBB00%3B%7D%0A%09.st1%7Bfill%3A%23518EF8%3B%7D%0A%09.st2%7Bfill%3A%2328B446%3B%7D%0A%09.st3%7Bfill%3A%23F14336%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M11.1%2C30.2l-1.7%2C6.5L3%2C36.8C1.1%2C33.3%2C0%2C29.3%2C0%2C25c0-4.1%2C1-8.1%2C2.8-11.5h0l5.7%2C1l2.5%2C5.6%0A%09%09c-0.5%2C1.5-0.8%2C3.1-0.8%2C4.8C10.1%2C26.8%2C10.5%2C28.6%2C11.1%2C30.2z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M49.6%2C20.3c0.3%2C1.5%2C0.4%2C3.1%2C0.4%2C4.7c0%2C1.8-0.2%2C3.5-0.5%2C5.2C48.2%2C36%2C45.1%2C41%2C40.7%2C44.5l0%2C0l-7.1-0.4l-1-6.3%0A%09%09c2.9-1.7%2C5.2-4.4%2C6.4-7.6H25.5v-9.9h13.6L49.6%2C20.3L49.6%2C20.3z%22%2F%3E%0A%09%3Cpath%20class%3D%22st2%22%20d%3D%22M40.6%2C44.5L40.6%2C44.5C36.4%2C47.9%2C30.9%2C50%2C25%2C50c-9.5%2C0-17.8-5.3-22-13.2l8.1-6.6c2.1%2C5.6%2C7.5%2C9.6%2C13.9%2C9.6%0A%09%09c2.7%2C0%2C5.3-0.7%2C7.5-2L40.6%2C44.5z%22%2F%3E%0A%09%3Cpath%20class%3D%22st3%22%20d%3D%22M41%2C5.8l-8.1%2C6.6c-2.3-1.4-5-2.2-7.9-2.2c-6.5%2C0-12.1%2C4.2-14.1%2C10l-8.1-6.7h0C7%2C5.5%2C15.3%2C0%2C25%2C0%0A%09%09C31.1%2C0%2C36.6%2C2.2%2C41%2C5.8z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
#login #loginSocial .networks .network.google .text {
  left: 91px;
}
#forgot {
  margin-top: 80px;
}
#forgot h2 {
  text-align: center;
}
#forgot .content {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
#forgot .content #forgot-password {
  border-color: #384347;
  background: white;
  padding: 30px 20px;
  border-width: 2px;
  border-style: solid;
  margin: 30px auto;
}
#forgot .content #forgot-password p {
  text-align: center;
}
#forgot .content #forgot-password .enter_email_and_phone_errors {
  color: red;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
#forgot .content #forgot-password #inputs_email_phone {
  text-align: right;
}
#forgot .content #forgot-password #inputs_email_phone input {
  width: 242px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}
#forgot .content #forgot-password #inputs_email_phone input:hover {
  background-color: white;
  color: black;
}
#forgot .content #forgot-password #inputs_email_phone .email_container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 242px;
}
#forgot .content #forgot-password #inputs_email_phone #email {
  background-image: url('/Content/themes/base/img/email-2.png');
  background-repeat: no-repeat;
  background-position-x: 9px;
  background-position-y: center;
  background-size: 19px;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-right: 6px;
  padding-left: 52px;
}
#forgot .content #forgot-password #inputs_email_phone #phone_container {
  margin-top: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 242px;
}
#registerForm {
  padding-top: 25px;
}
#sendCode.red-background {
  background-color: #cd0438;
}
#sendCode.green-background {
  background-color: #18dd98;
}
/*#endregion*/
.vouchers {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 46px;
  margin-bottom: 96px;
}
.voucher {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Fond-Cheque-Cadeau' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 700 216' style='enable-background:new 0 0 700 216;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23505b5f;%7D%0A%3C/style%3E%3Crect id='White' class='st0' width='700' height='216'/%3E%3Cg id='Color'%3E%3Cpolygon class='st1' points='394,0 0,0 0,216 304,216 '/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  border-color: #505b5f;
  border-style: solid;
  border-width: 1px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 40px;
  width: 50%;
  display: flex;
  flex-direction: column;
}
.voucher:hover {
  box-shadow: 1px 1px 15px #555555;
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.voucher .voucher-name {
  background-color: white;
  display: inline-block;
  width: 100%;
  min-height: 20px;
  max-height: 40px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
}
.voucher .content {
  display: flex;
  flex-direction: row;
  padding-top: 10px;
  margin-bottom: 15px;
  height: 190px;
}
.voucher .content .left {
  flex-basis: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.voucher .content .left .left-content {
  display: flex;
  flex-direction: column;
  padding-top: 60px;
}
.voucher .content .left .left-content .circle_price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50px;
  font-size: 20px;
  font-weight: bold;
  height: 70px;
  text-align: center;
  width: 234px;
}
.voucher .content .left .left-content .circle_price .price {
  color: #cea646;
  font-size: 28px;
  font-weight: bold;
  line-height: 31px;
  text-align: center;
}
.voucher .content .left .left-content .validity {
  color: white;
  font-size: 14px;
  margin-top: 22px;
}
.voucher .content .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-basis: 50%;
}
.voucher .content .right .right-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.voucher .content .right .right-content .circle_value {
  background-color: #cea646;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 115px;
  width: 180px;
  height: 180px;
}
.voucher .content .right .right-content .circle_value .text {
  color: white;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-top: -20px;
}
.voucher .content .right .right-content .circle_value .value {
  color: white;
  font-size: 50px;
  font-weight: bold;
  line-height: 47px;
  text-align: center;
}
.voucher .content .right .right-content .box_action_delete {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
  border-radius: 16px;
  background-color: #000000;
  cursor: pointer;
}
.voucher .content .right .right-content .box_action_delete .delete_picture {
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background: white;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 19 20' enable-background='new 0 0 19 20' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M18.8,0.4C18.6,0.1,18.3,0,18,0H1C0.7,0,0.4,0.1,0.2,0.4C0,0.6,0,0.9,0,1.2l3,18C3.1,19.6,3.5,20,4,20h11 c0.5,0,0.9-0.4,1-0.8l3-18C19,0.9,18.9,0.6,18.8,0.4z M14.2,18H4.8L2.5,3.8h14L14.2,18z'/%3E%3Cpath d='M12.7,6.8c-0.4-0.4-1-0.4-1.4,0L9.5,8.6L7.7,6.8c-0.4-0.4-1-0.4-1.4,0c-0.4,0.4-0.4,1,0,1.4L8.1,10l-1.8,1.8 c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l1.8-1.8l1.8,1.8c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L10.9,10l1.8-1.8C13.1,7.8,13.1,7.2,12.7,6.8z'/%3E%3C/g%3E%3C/svg%3E");
}
.voucher .content .right .right-content .box_action_delete:hover {
  opacity: 0.75;
  transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
}
.voucher .content .right .right-content .box_action_delete:hover .delete_picture {
  opacity: 0.75;
  transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
}
.voucher .content .right .right-content .box_action_delete:active,
.voucher .content .right .right-content .box_action_delete:focus {
  opacity: 0.5;
}
.voucher .content .right .right-content .box_action_delete:active .delete_picture,
.voucher .content .right .right-content .box_action_delete:focus .delete_picture {
  opacity: 0.5;
}
.voucher .content .right .right-content .actions {
  background-color: #505b5f;
  border-radius: 30px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  line-height: 40px;
  overflow: hidden;
  margin-top: -34px;
  text-align: center;
  text-overflow: ellipsis;
  width: 210px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
}
.voucher .content .right .right-content .actions .addToCart,
.voucher .content .right .right-content .actions .quantity,
.voucher .content .right .right-content .actions .removeFromCart {
  display: inline-block;
  height: 23px;
  font-size: 28px;
  line-height: 18px;
  width: 24px;
}
.voucher .content .right .right-content .actions .addToCart.hidden-element,
.voucher .content .right .right-content .actions .quantity.hidden-element,
.voucher .content .right .right-content .actions .removeFromCart.hidden-element {
  visibility: hidden;
}
.voucher .content .right .right-content .actions .addToCart:hover,
.voucher .content .right .right-content .actions .removeFromCart:hover {
  text-shadow: 1px 1px 10px white;
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.voucher .content .right .right-content .actions .removeFromCart {
  cursor: pointer;
}
.voucher .content .right .right-content .actions .quantity {
  margin-left: auto;
  margin-right: auto;
}
.voucher .content .right .right-content .actions .addToCart {
  cursor: pointer;
}
.voucher .conditions {
  background-color: white;
  display: inline-block;
  width: 100%;
  cursor: pointer;
}
.voucher .conditions .title {
  text-align: center;
  line-height: 30px;
}
.voucher .conditions .title:hover {
  font-weight: bold;
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.voucher .conditions .text {
  padding-left: 10px;
  padding-right: 10px;
}
.voucher.small {
  width: 100%;
  margin-bottom: 0px;
}
.voucher.small .voucher-name {
  font-size: 16px;
  line-height: normal;
}
.voucher.small .content {
  height: 110px;
  padding-top: 0px;
  margin-bottom: 0px;
}
.voucher.small .content .left .left-content {
  padding-top: 30px;
}
.voucher.small .content .left .left-content .circle_price {
  font-size: 13px;
  height: 45px;
  padding-top: 3px;
}
.voucher.small .content .left .left-content .circle_price .price {
  font-size: 22px;
}
.voucher.small .content .right .right-content .circle_value {
  height: 86px;
  width: 86px;
}
.voucher.small .content .right .right-content .circle_value .text {
  font-size: 13px;
  line-height: normal;
  margin-top: 0px;
}
.voucher.small .content .right .right-content .circle_value .value {
  font-size: 22px;
  line-height: normal;
}
@media (max-width: 1500px) {
  .voucher {
    width: 70%;
  }
}
@media (max-width: 1200px) {
  .voucher {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .voucher .voucher-name {
    font-size: 14px;
  }
  .voucher .content {
    height: 114px;
  }
  .voucher .content .left .left-content {
    padding-top: 20px;
  }
  .voucher .content .left .left-content .circle_price {
    font-size: 13px;
    height: 45px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 210px;
  }
  .voucher .content .left .left-content .circle_price .price {
    font-size: 27px;
  }
  .voucher .content .left .left-content .validity {
    font-size: 11px;
    margin-top: 7px;
    text-align: center;
  }
  .voucher .content .right .right-content .circle_value {
    width: 86px;
    height: 86px;
  }
  .voucher .content .right .right-content .circle_value .text {
    font-size: 14px;
    margin-top: 10px;
  }
  .voucher .content .right .right-content .circle_value .value {
    font-size: 17px;
    margin-top: -15px;
  }
  .voucher .content .right .right-content .actions {
    margin-top: -25px;
    width: 122px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .voucher.small .content .left .left-content {
    padding-top: 15px;
  }
  .voucher.small .content .right .right-content .circle_value .text {
    margin-top: 0px;
  }
  .voucher.small .content .right .right-content .circle_value .value {
    margin-top: 0px;
  }
}
@media (max-width: 425px) {
  .voucher .content {
    height: 100px;
    padding-top: 5px;
  }
  .voucher .content .left .left-content .circle_price {
    width: 120px;
  }
}
@media (max-width: 375px) {
  .voucher .content {
    height: 90px;
  }
  .voucher .content .left .left-content {
    padding-top: 10px;
  }
  .voucher .content .left .left-content .circle_price {
    font-size: 13px;
    width: 100px;
  }
}
@media (max-width: 320px) {
  .voucher {
    background-image: none;
    background-color: white;
  }
  .voucher .content .left .left-content .validity {
    color: #cea646;
  }
}
/*#region -------------------------------------------------------------- SERVICES -------------------------------------------------------------------------- */
.appointment {
  width: 100%;
  text-align: center;
  float: none;
  margin-left: auto;
  margin-right: auto;
  /*#region -------------------------------------------------------------- FAMILIES PICTURES -------------------------------------------------------------------------- */
  /*#endregion*/
  /*#region -------------------------------------------------------------- CHOOSE FAMILY-------------------------------------------------------------------------- */
  /*#endregion*/
  /*#region -------------------------------------------------------------- CHOOSE PACKAGE OR SERVICES-------------------------------------------------------------------------- */
  /*#endregion*/
}
.appointment .appointment-title,
.appointment .family-name {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.appointment .appointment-title {
  color: #333333;
  padding-top: 15px;
  padding-bottom: 15px;
}
.appointment .family-name {
  color: white;
}
.appointment .family_default {
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-color: transparent;
}
.appointment .voucherDiv {
  display: flex;
  flex-direction: column;
  background: white;
  margin-right: auto;
  float: none;
  display: inline-block;
  background-color: transparent;
}
.appointment .voucherDiv .chooseGenderVouchers {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: white;
  box-shadow: 1px 1px 4px #555555;
  width: 100%;
  height: 100%;
}
.appointment .voucherDiv .chooseGenderVouchers .picture {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(/Content/themes/base/img/Vouchers/voucher-banner-coiffeur.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 10vw;
  width: 33.8vw;
}
.appointment .voucherDiv .chooseGenderVouchers .picture .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  gap: 1.2rem;
  color: #000000;
}
.appointment .voucherDiv .chooseGenderVouchers .picture .text .text1 {
  font-size: 2rem;
}
.appointment .voucherDiv .chooseGenderVouchers .picture .text .text2 {
  font-weight: bold;
  font-size: 2.7rem;
}
.appointment .voucherDiv .chooseGenderVouchers .picture .text .text3 {
  font-weight: bold;
  font-size: 1.8rem;
}
.appointment .voucherDiv .chooseGenderVouchers .picture.isEsthetique {
  background-image: url(/Content/themes/base/img/Vouchers/voucher-banner-esthetique.png);
}
.appointment .voucherDiv .chooseGenderVouchers:hover {
  box-shadow: 1px 1px 15px #555555;
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.appointment .chooseGender .gender {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  border: 0px;
  box-shadow: 1px 1px 4px #555555;
  background-color: white;
  height: 650px;
  width: 240px;
  padding: 5px;
}
.appointment .chooseGender .gender:hover {
  box-shadow: 1px 1px 15px #555555;
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.appointment .chooseGender .gender .picture {
  display: block;
  height: 600px;
  width: 230px;
  background-repeat: no-repeat;
  background-size: cover;
}
.appointment .chooseGender .gender .text {
  color: #333333;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 35px;
  margin-top: 5px;
  padding-top: 5px;
}
.appointment .chooseGender .gender.male .gender-picture {
  background-image: url('/Content/themes/base/img/Others/genderMale.jpg');
}
.appointment .chooseGender .gender.female .gender-picture {
  background-image: url('/Content/themes/base/img/Others/generFemale.jpg');
}
.appointment .chooseGender .title {
  padding-bottom: 10px;
  padding-top: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #333333;
}
.appointment .chooseGender.applyColorPicker .gender {
  background-color: var(--gender-bg-color);
}
.appointment .chooseGender.applyColorPicker .gender .text {
  color: var(--gender-text-color);
}
.appointment .appointment-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.appointment .appointment-content #menu_left .welcome {
  display: flex;
  flex-direction: column;
  width: auto;
  text-align: left;
  color: #000000;
}
.appointment .appointment-content #menu_left .welcome .welcome-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.appointment .appointment-content #menu_left .welcome .welcome-container .logo {
  height: 5.5vw;
  max-height: 100px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 20px;
}
.appointment .appointment-content #menu_left .welcome .welcome-container .welcome-message {
  text-transform: uppercase;
  font-size: 1.2vw;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
.appointment .appointment-content #menu_left .welcome .welcome-container .welcome-text {
  font-size: 1vw;
  text-align: center;
}
.appointment .appointment-content #menu_left .welcome .welcome-container .welcome-text span {
  font-weight: bold;
}
.appointment .appointment-content #menu_left .welcome .welcome-container .welcome-text.hidden {
  display: none;
}
.appointment .appointment-content #appointment-center-container {
  display: flex;
  flex-direction: column;
  background: white;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  float: none;
  width: 750px;
  display: inline-block;
  background-color: transparent;
}
.appointment .appointment-content #appointment-center-container .content-header-title {
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.appointment .appointment-content #appointment-center-container .vouchers {
  display: flex;
  flex-direction: column;
  /*position: relative;*/
  width: 100%;
  height: 200px;
  margin-bottom: 20px;
  padding: 0px;
  background-color: white;
  box-shadow: 1px 1px 4px #555555;
}
.appointment .appointment-content #appointment-center-container .vouchers .picture {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-image: url(/Content/themes/base/img/Vouchers/voucher-banner-coiffeur.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.appointment .appointment-content #appointment-center-container .vouchers .picture .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  gap: 1.2rem;
  color: #000000;
}
.appointment .appointment-content #appointment-center-container .vouchers .picture .text .text1 {
  font-size: 2rem;
}
.appointment .appointment-content #appointment-center-container .vouchers .picture .text .text2 {
  font-weight: bold;
  font-size: 2.7rem;
}
.appointment .appointment-content #appointment-center-container .vouchers .picture .text .text3 {
  font-weight: bold;
  font-size: 1.8rem;
}
.appointment .appointment-content #appointment-center-container .vouchers .picture.isEsthetique {
  background-image: url(/Content/themes/base/img/Vouchers/voucher-banner-esthetique.png);
}
.appointment .appointment-content #appointment-center-container .vouchers:hover {
  box-shadow: 1px 1px 15px #555555;
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.appointment .appointment-content #appointment-center-container .appointment-families {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.appointment .appointment-content #appointment-center-container .appointment-families .appointment-family {
  cursor: pointer;
  text-align: center;
  margin-bottom: 20px;
  border: 0px;
  display: inline-block;
  float: left;
  width: 210px;
  height: 250px;
  box-shadow: 1px 1px 4px #555555;
}
.appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content {
  cursor: pointer;
  height: auto;
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
.appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content .family-picture {
  width: 200px;
  height: 200px;
  display: block;
  background-size: cover;
}
.appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content .family-name {
  height: 45px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.appointment .appointment-content #appointment-center-container .appointment-families .appointment-family a:hover {
  text-decoration: none;
}
.appointment .appointment-content #appointment-center-container .appointment-families .appointment-family:hover {
  box-shadow: 1px 1px 15px #555555;
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.appointment .appointment-content #appointment-center-container .appointment-families.applyColorPicker .appointment-family .appointment-family-content {
  background-color: var(--family-bg-color);
}
.appointment .appointment-content #appointment-center-container .appointment-families.applyColorPicker .appointment-family .appointment-family-content .family-name {
  color: var(--family-text-color);
}
.appointment .appointment-content.applyColorPicker #menu_left .home,
.appointment .appointment-content.applyColorPicker #menu_left .title,
.appointment .appointment-content.applyColorPicker #menu_left .sweetwait-title {
  color: var(--body-text-color);
}
.appointment .appointment-content.applyColorPicker #menu_left .btDefault {
  border-color: var(--body-text-color);
}
.appointment .appointment-content.applyColorPicker #appointment-center-container .sweetwait-title {
  color: var(--body-text-color);
}
.appointment .appointment-content.applyColorPicker #appointment-center-container .btDefault {
  border-color: var(--body-text-color);
}
.appointment .family_name_mobile {
  display: none;
}
.appointment #goToCart {
  display: inline;
  float: right;
}
.appointment #appointment_packages_services,
.appointment #appointment-center-container {
  width: 100%;
  padding-bottom: 93px;
}
.appointment #appointment_packages_services #appointment_packages_services_content,
.appointment #appointment-center-container #appointment_packages_services_content {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.appointment #appointment_packages_services #appointment_packages_services_content .family_default,
.appointment #appointment-center-container #appointment_packages_services_content .family_default {
  display: none;
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices #packages .package_box .box_content .package_services ul li .package_service_container,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices #packages .package_box .box_content .package_services ul li .package_service_container {
  text-align: left;
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices #packages .package_box .box_content .package_services ul li .package_service_container .package_service_name,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices #packages .package_box .box_content .package_services ul li .package_service_container .package_service_name {
  font-size: 16px;
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .sub-title,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .sub-title {
  background-color: var(--service-header-bg-color);
  color: var(--service-header-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box {
  border-color: var(--service-cell-border-color);
  background-color: var(--service-cell-bg-color);
  color: var(--service-cell-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box .box_content,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box .box_content {
  color: var(--service-cell-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box .box_details .box_details_time .time_picture,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box .box_details .box_details_time .time_picture {
  background: var(--service-cell-text-color);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Horloge' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve' %3E%3Cg fill='%236d6d8b' %3E%3Cpath d='M9.5,0C4.3,0,0,4.3,0,9.5C0,14.7,4.3,19,9.5,19c5.2,0,9.5-4.3,9.5-9.5C19,4.3,14.7,0,9.5,0z M9.5,17C5.4,17,2,13.6,2,9.5 S5.4,2,9.5,2S17,5.4,17,9.5S13.6,17,9.5,17z'/%3E%3Cpath d='M13.5,10.1l-3-1.3V4.2c0-0.6-0.4-1-1-1s-1,0.4-1,1v6l4.2,1.8c0.1,0.1,0.3,0.1,0.4,0.1c0.4,0,0.8-0.2,0.9-0.6 C14.2,10.9,14,10.3,13.5,10.1z'/%3E%3C/g%3E%3Cscript type='text/ecmascript' href='https://www.w3.org/TR/SVGParamPrimer/param.js' /%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Horloge' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve' %3E%3Cg fill='%236d6d8b' %3E%3Cpath d='M9.5,0C4.3,0,0,4.3,0,9.5C0,14.7,4.3,19,9.5,19c5.2,0,9.5-4.3,9.5-9.5C19,4.3,14.7,0,9.5,0z M9.5,17C5.4,17,2,13.6,2,9.5 S5.4,2,9.5,2S17,5.4,17,9.5S13.6,17,9.5,17z'/%3E%3Cpath d='M13.5,10.1l-3-1.3V4.2c0-0.6-0.4-1-1-1s-1,0.4-1,1v6l4.2,1.8c0.1,0.1,0.3,0.1,0.4,0.1c0.4,0,0.8-0.2,0.9-0.6 C14.2,10.9,14,10.3,13.5,10.1z'/%3E%3C/g%3E%3Cscript type='text/ecmascript' href='https://www.w3.org/TR/SVGParamPrimer/param.js' /%3E%3C/svg%3E");
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box .box_details .box_details_time .time_text,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box .box_details .box_details_time .time_text {
  color: var(--service-cell-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box .box_details .box_details_price,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box .box_details .box_details_price {
  color: var(--service-cell-from-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box .box_details .box_details_price .price,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box .box_details .box_details_price .price {
  color: var(--service-cell-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box.inCart,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #services .service_box.inCart {
  border-color: var(--service-cell-selected-border-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .sub-title,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .sub-title {
  background-color: var(--service-header-bg-color);
  color: var(--service-header-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box {
  border-color: var(--service-cell-border-color);
  background-color: var(--service-cell-bg-color);
  color: var(--service-cell-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box .box_content,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box .box_content {
  color: var(--service-cell-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box .box_details .box_details_time .time_picture,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box .box_details .box_details_time .time_picture {
  background: var(--service-cell-text-color);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Horloge' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve' %3E%3Cg fill='%236d6d8b' %3E%3Cpath d='M9.5,0C4.3,0,0,4.3,0,9.5C0,14.7,4.3,19,9.5,19c5.2,0,9.5-4.3,9.5-9.5C19,4.3,14.7,0,9.5,0z M9.5,17C5.4,17,2,13.6,2,9.5 S5.4,2,9.5,2S17,5.4,17,9.5S13.6,17,9.5,17z'/%3E%3Cpath d='M13.5,10.1l-3-1.3V4.2c0-0.6-0.4-1-1-1s-1,0.4-1,1v6l4.2,1.8c0.1,0.1,0.3,0.1,0.4,0.1c0.4,0,0.8-0.2,0.9-0.6 C14.2,10.9,14,10.3,13.5,10.1z'/%3E%3C/g%3E%3Cscript type='text/ecmascript' href='https://www.w3.org/TR/SVGParamPrimer/param.js' /%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Horloge' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve' %3E%3Cg fill='%236d6d8b' %3E%3Cpath d='M9.5,0C4.3,0,0,4.3,0,9.5C0,14.7,4.3,19,9.5,19c5.2,0,9.5-4.3,9.5-9.5C19,4.3,14.7,0,9.5,0z M9.5,17C5.4,17,2,13.6,2,9.5 S5.4,2,9.5,2S17,5.4,17,9.5S13.6,17,9.5,17z'/%3E%3Cpath d='M13.5,10.1l-3-1.3V4.2c0-0.6-0.4-1-1-1s-1,0.4-1,1v6l4.2,1.8c0.1,0.1,0.3,0.1,0.4,0.1c0.4,0,0.8-0.2,0.9-0.6 C14.2,10.9,14,10.3,13.5,10.1z'/%3E%3C/g%3E%3Cscript type='text/ecmascript' href='https://www.w3.org/TR/SVGParamPrimer/param.js' /%3E%3C/svg%3E");
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box .box_details .box_details_time .time_text,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box .box_details .box_details_time .time_text {
  color: var(--service-cell-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box .box_details .box_details_price,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box .box_details .box_details_price {
  color: var(--service-cell-from-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box .box_details .box_details_price .price,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box .box_details .box_details_price .price {
  color: var(--service-cell-text-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box.inCart,
.appointment #appointment-center-container #appointment_packages_services_content .packagesAndServices.applyColorPicker #packages .package_box.inCart {
  border-color: var(--service-cell-selected-border-color);
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .sub-title,
.appointment #appointment-center-container #appointment_packages_services_content #services .sub-title {
  background-color: #333333;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box,
.appointment #appointment-center-container #appointment_packages_services_content #services .service_box {
  font-weight: bold;
  background-color: white;
  color: #6d6d8b;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box.inCart,
.appointment #appointment-center-container #appointment_packages_services_content #services .service_box.inCart {
  background-color: transparent;
  border-style: solid;
  border-width: 3px;
  border-color: white;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box .box_details,
.appointment #appointment-center-container #appointment_packages_services_content #services .service_box .box_details {
  color: #333333;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box .package_names,
.appointment #appointment-center-container #appointment_packages_services_content #services .service_box .package_names {
  margin-top: 5px;
  display: flex;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box .box_details_time .time_picture,
.appointment #appointment-center-container #appointment_packages_services_content #services .service_box .box_details_time .time_picture {
  background: #333333;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Horloge' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve' %3E%3Cg fill='%236d6d8b' %3E%3Cpath d='M9.5,0C4.3,0,0,4.3,0,9.5C0,14.7,4.3,19,9.5,19c5.2,0,9.5-4.3,9.5-9.5C19,4.3,14.7,0,9.5,0z M9.5,17C5.4,17,2,13.6,2,9.5 S5.4,2,9.5,2S17,5.4,17,9.5S13.6,17,9.5,17z'/%3E%3Cpath d='M13.5,10.1l-3-1.3V4.2c0-0.6-0.4-1-1-1s-1,0.4-1,1v6l4.2,1.8c0.1,0.1,0.3,0.1,0.4,0.1c0.4,0,0.8-0.2,0.9-0.6 C14.2,10.9,14,10.3,13.5,10.1z'/%3E%3C/g%3E%3Cscript type='text/ecmascript' href='https://www.w3.org/TR/SVGParamPrimer/param.js' /%3E%3C/svg%3E");
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box .box_details_time .time_text,
.appointment #appointment-center-container #appointment_packages_services_content #services .service_box .box_details_time .time_text {
  color: #333333;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box .box_details_price,
.appointment #appointment-center-container #appointment_packages_services_content #services .service_box .box_details_price {
  color: #333333;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box .box_details_price .price,
.appointment #appointment-center-container #appointment_packages_services_content #services .service_box .box_details_price .price {
  color: #333333;
}
.appointment #appointment_packages_services #packages,
.appointment #appointment-center-container #packages {
  display: block;
  margin-bottom: 15px;
}
.appointment #appointment_packages_services #packages .sub-title,
.appointment #appointment-center-container #packages .sub-title {
  background-color: #333333;
}
.appointment #appointment_packages_services #packages .package_box,
.appointment #appointment-center-container #packages .package_box {
  font-weight: bold;
  background-color: white;
  color: #333333;
}
.appointment #appointment_packages_services #packages .package_box.inCart,
.appointment #appointment-center-container #packages .package_box.inCart {
  border-style: solid;
  border-width: 3px;
  background-color: transparent;
  border-color: white;
}
.appointment #appointment_packages_services #packages .package_box .box_details,
.appointment #appointment-center-container #packages .package_box .box_details {
  color: #6d6d8b;
}
.appointment #appointment_packages_services #packages .package_box .package_names,
.appointment #appointment-center-container #packages .package_box .package_names {
  margin-top: 5px;
  display: flex;
}
.appointment #appointment_packages_services #packages .package_box .time_picture,
.appointment #appointment-center-container #packages .package_box .time_picture {
  background: #333333;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Horloge' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve' %3E%3Cg fill='%236d6d8b' %3E%3Cpath d='M9.5,0C4.3,0,0,4.3,0,9.5C0,14.7,4.3,19,9.5,19c5.2,0,9.5-4.3,9.5-9.5C19,4.3,14.7,0,9.5,0z M9.5,17C5.4,17,2,13.6,2,9.5 S5.4,2,9.5,2S17,5.4,17,9.5S13.6,17,9.5,17z'/%3E%3Cpath d='M13.5,10.1l-3-1.3V4.2c0-0.6-0.4-1-1-1s-1,0.4-1,1v6l4.2,1.8c0.1,0.1,0.3,0.1,0.4,0.1c0.4,0,0.8-0.2,0.9-0.6 C14.2,10.9,14,10.3,13.5,10.1z'/%3E%3C/g%3E%3Cscript type='text/ecmascript' href='https://www.w3.org/TR/SVGParamPrimer/param.js' /%3E%3C/svg%3E");
}
.appointment #appointment_packages_services .description,
.appointment #appointment-center-container .description {
  display: block;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}
.appointment #appointment_packages_services .sub-title,
.appointment #appointment-center-container .sub-title {
  color: white;
  padding-left: 10px;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box,
.appointment #appointment-center-container #appointment_packages_services_content .box,
.appointment #appointment_packages_services .box,
.appointment #appointment-center-container .box {
  margin-top: 5px;
  padding: 15px;
  display: inline-block;
  width: 100%;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_content,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_content,
.appointment #appointment_packages_services .box .box_content,
.appointment #appointment-center-container .box .box_content {
  float: left;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_content .service_names,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_content .service_names,
.appointment #appointment_packages_services .box .box_content .service_names,
.appointment #appointment-center-container .box .box_content .service_names {
  display: block;
  text-align: left;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details,
.appointment #appointment_packages_services .box .box_details,
.appointment #appointment-center-container .box .box_details {
  float: right;
  text-align: right;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_time,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_time,
.appointment #appointment_packages_services .box .box_details .box_details_time,
.appointment #appointment-center-container .box .box_details .box_details_time {
  min-height: 20px;
  margin-top: 5px;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_time .time_picture,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_time .time_picture,
.appointment #appointment_packages_services .box .box_details .box_details_time .time_picture,
.appointment #appointment-center-container .box .box_details .box_details_time .time_picture {
  float: right;
  width: 20px;
  height: 20px;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_time .time_text,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_time .time_text,
.appointment #appointment_packages_services .box .box_details .box_details_time .time_text,
.appointment #appointment-center-container .box .box_details .box_details_time .time_text {
  float: right;
  margin-left: 5px;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_price,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_price,
.appointment #appointment_packages_services .box .box_details .box_details_price,
.appointment #appointment-center-container .box .box_details .box_details_price {
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: #333333;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_price .price,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_price .price,
.appointment #appointment_packages_services .box .box_details .box_details_price .price,
.appointment #appointment-center-container .box .box_details .box_details_price .price {
  font-size: 17px;
  font-weight: bold;
  color: #6d6d8b;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart,
.appointment #appointment-center-container .box .box_details .box_details_addToCart {
  margin-top: 10px;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .btDefault,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .btDefault,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .btDefault,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .btDefault {
  display: inline-block;
  font-size: 13px;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .offerServiceBtn,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .offerServiceBtn,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .offerServiceBtn,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .offerServiceBtn,
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .offerPackageBtn,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .offerPackageBtn,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .offerPackageBtn,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .offerPackageBtn {
  background-color: #6d6d8b;
  border-color: #6d6d8b;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .offerServiceBtn.desactivated,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .offerServiceBtn.desactivated,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .offerServiceBtn.desactivated,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .offerServiceBtn.desactivated,
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .offerPackageBtn.desactivated,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .offerPackageBtn.desactivated,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .offerPackageBtn.desactivated,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .offerPackageBtn.desactivated {
  opacity: 0.5;
  pointer-events: none;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .offerServiceBtn:hover,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .offerServiceBtn:hover,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .offerServiceBtn:hover,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .offerServiceBtn:hover,
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .offerPackageBtn:hover,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .offerPackageBtn:hover,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .offerPackageBtn:hover,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .offerPackageBtn:hover {
  color: #6d6d8b;
  background-color: white;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .plus1,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .plus1,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .plus1,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .plus1 {
  background-color: #333333;
  display: inline-block;
  border-width: 2px;
  border-radius: 20px;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 7px;
  padding-right: 8px;
  font-size: 16px;
  margin-right: 5px;
  margin-top: 2px;
  color: white;
  opacity: 0;
  float: left;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .deletePackageFromCart,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .deletePackageFromCart,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .deletePackageFromCart,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .deletePackageFromCart,
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .deleteServiceFromCart,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .deleteServiceFromCart,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .deleteServiceFromCart,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .deleteServiceFromCart {
  background-color: #333333;
  border-color: #333333;
  /*padding-top: @deleteServiceFromCartPaddingTop;*/
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .deletePackageFromCart:hover,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .deletePackageFromCart:hover,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .deletePackageFromCart:hover,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .deletePackageFromCart:hover,
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .deleteServiceFromCart:hover,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .deleteServiceFromCart:hover,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .deleteServiceFromCart:hover,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .deleteServiceFromCart:hover {
  color: #333333;
  background-color: white;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .addPackageToCart,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .addPackageToCart,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .addPackageToCart,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .addPackageToCart,
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .addServiceToCart,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .addServiceToCart,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .addServiceToCart,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .addServiceToCart {
  background-color: #6d6d8b;
  border-color: #6d6d8b;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .addPackageToCart:hover,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .addPackageToCart:hover,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .addPackageToCart:hover,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .addPackageToCart:hover,
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .addServiceToCart:hover,
.appointment #appointment-center-container #appointment_packages_services_content .box .box_details .box_details_addToCart .addServiceToCart:hover,
.appointment #appointment_packages_services .box .box_details .box_details_addToCart .addServiceToCart:hover,
.appointment #appointment-center-container .box .box_details .box_details_addToCart .addServiceToCart:hover {
  color: #6d6d8b;
  background-color: white;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box.desactivated,
.appointment #appointment-center-container #appointment_packages_services_content .box.desactivated,
.appointment #appointment_packages_services .box.desactivated,
.appointment #appointment-center-container .box.desactivated {
  opacity: 0.5;
  cursor: not-allowed;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box.desactivated a,
.appointment #appointment-center-container #appointment_packages_services_content .box.desactivated a,
.appointment #appointment_packages_services .box.desactivated a,
.appointment #appointment-center-container .box.desactivated a {
  cursor: not-allowed;
  pointer-events: none;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box.desactivated .offerServiceBtn,
.appointment #appointment-center-container #appointment_packages_services_content .box.desactivated .offerServiceBtn,
.appointment #appointment_packages_services .box.desactivated .offerServiceBtn,
.appointment #appointment-center-container .box.desactivated .offerServiceBtn,
.appointment #appointment_packages_services #appointment_packages_services_content .box.desactivated .offerPackageBtn,
.appointment #appointment-center-container #appointment_packages_services_content .box.desactivated .offerPackageBtn,
.appointment #appointment_packages_services .box.desactivated .offerPackageBtn,
.appointment #appointment-center-container .box.desactivated .offerPackageBtn {
  cursor: not-allowed;
  pointer-events: none;
}
.appointment #appointment_packages_services.applyColorPicker #appointment_packages_services_content .appointment-family-content .appointment-title,
.appointment #appointment-center-container.applyColorPicker #appointment_packages_services_content .appointment-family-content .appointment-title {
  color: var(--body-text-color);
}
.package {
  font-weight: 700;
}
.service {
  font-weight: 700;
}
#menu_left {
  position: absolute;
  top: 100px;
  left: 10px;
  width: 22%;
  height: 430px;
}
#menu_left .title {
  color: #505b5f;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: unset;
}
#menu_left .conditions .condition {
  position: relative;
  border-color: #505b5f;
  border-style: solid;
  border-radius: 25px;
  margin-top: 20px;
  width: 278px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.5;
}
#menu_left .conditions .condition div {
  /*display:inline-block;*/
}
#menu_left .conditions .condition.selected {
  opacity: 1;
}
#menu_left .conditions .condition.selected .picture_validation {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Picto_x5F_Valider%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2024.1%2017.1%22%20fill%3D%22%23ff7874%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M9.1%2C17.1c-0.6%2C0-1.1-0.2-1.6-0.6L0.7%2C9.8c-0.9-0.9-0.9-2.3%2C0-3.2c0.9-0.9%2C2.3-0.9%2C3.2%2C0l5.3%2C5.2L20.3%2C0.6%0A%09c0.9-0.9%2C2.3-0.9%2C3.2%2C0c0.9%2C0.9%2C0.9%2C2.3%2C0%2C3.2L10.7%2C16.5C10.2%2C16.9%2C9.7%2C17.1%2C9.1%2C17.1z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
#menu_left .conditions .condition.women .picture_sex {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2085.7%20111%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23505b5f%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M85.7%2C101.7l-1.5-11c0.2-6.8-4.7-12.8-11.3-14l-15.5-3.2c-0.1%2C0-0.3-0.1-0.5-0.1c-0.4%2C0-1.3-0.3-1.5-1.8%0A%09c-0.5-2.6-0.7-5.4-0.8-6.4c9.9%2C8.2%2C21.3%2C3.6%2C21.8%2C3.4c0.7-0.3%2C1.2-1%2C1.2-1.7c0-0.8-0.4-1.5-1-1.9c0%2C0-2-1.1-3.6-3%0A%09c-0.6-0.6-1-1.3-1.3-2l5.3-0.4c0.9-0.1%2C1.6-0.7%2C1.8-1.5c0.2-0.8-0.2-1.7-0.9-2.2c0%2C0-1.5-1-4.6-4.3c-1.5-1.6-2.3-5.4-2.6-8.7l2%2C1.3%0A%09c0.7%2C0.5%2C1.7%2C0.4%2C2.4-0.1c0.7-0.6%2C0.9-1.5%2C0.5-2.3c0%2C0-1.9-4.6-1.9-13C73.6%2C12%2C61.2%2C0.5%2C42.9%2C0c-9.6-0.2-16.2%2C1.9-19.6%2C6.3%0A%09c-2.3%2C3-2.6%2C6.3-2.4%2C8.5c-1.7%2C0.5-4.1%2C1.6-6.1%2C4.2c-3%2C4-3%2C8.8-3%2C20.5l0%2C3.6c0%2C12.6-3.4%2C16.9-3.4%2C16.9c-0.6%2C0.7-0.7%2C1.7-0.2%2C2.4%0A%09c0.5%2C0.8%2C1.4%2C1.1%2C2.3%2C0.8l3.8-1.2c-1%2C2.3-2.9%2C4.4-3.8%2C5.2c-0.6%2C0.5-0.8%2C1.4-0.5%2C2.1c0.5%2C1.5%2C2.2%2C2%2C4.2%2C2c1.7%2C0%2C3.5-0.3%2C5.1-0.6%0A%09c5.1-1%2C9-4.5%2C11-6.6l0.9%2C0.7c0%2C0%2C0%2C0%2C0%2C0c0%2C0-0.2%2C3.6-0.8%2C6.9c-0.3%2C1.5-1.2%2C1.8-1.5%2C1.8c0%2C0%2C0%2C0%2C0%2C0c-0.1%2C0-0.2%2C0-0.3%2C0l0%2C0%0A%09c0%2C0%2C0%2C0%2C0%2C0l-15.6%2C3.2c-6.7%2C1.2-11.6%2C7.2-11.4%2C14l-1.5%2C11c-0.1%2C1%2C0.5%2C2%2C1.5%2C2.2l15.8%2C4c8.4%2C2.1%2C16.9%2C3.2%2C25.5%2C3.2%0A%09c8.6%2C0%2C17.2-1.1%2C25.5-3.2l15.8-4C85.2%2C103.6%2C85.8%2C102.7%2C85.7%2C101.7z%20M32.6%2C60.7c-0.7-0.6-1.3-1.2-1.9-1.9c-0.1-0.1-0.1-0.2-0.2-0.3%0A%09c-0.2-0.3-0.4-0.5-0.6-0.8c-0.1-0.1-0.1-0.2-0.2-0.4c-0.2-0.3-0.3-0.5-0.5-0.8c-0.1-0.1-0.1-0.3-0.2-0.4c-0.1-0.3-0.3-0.6-0.4-0.8%0A%09c-0.1-0.1-0.1-0.3-0.2-0.4c-0.1-0.3-0.2-0.6-0.3-0.9c0-0.1-0.1-0.3-0.1-0.4c-0.1-0.3-0.2-0.6-0.2-0.9c0-0.1-0.1-0.3-0.1-0.4%0A%09c-0.1-0.5-0.2-0.9-0.2-1.4l-1.2-12.7c1.2-1.1%2C2.4-2.6%2C3.8-4.8c0.7-1.1%2C1.1-2.1%2C1.4-3.2l4.3%2C6.3c0.5%2C0.7%2C1.4%2C1%2C2.3%2C0.8%0A%09c0.8-0.3%2C1.4-1.1%2C1.4-1.9l-0.1-7.4l12.3%2C9.3c0.7%2C0.5%2C1.6%2C0.5%2C2.4%2C0c0.7-0.5%2C1-1.4%2C0.8-2.2l-2.2-6.9c1.1%2C0.5%2C2.4%2C1.3%2C3.6%2C2.3%0A%09c1.7%2C1.5%2C2.9%2C3.6%2C3.6%2C5.2l-0.9%2C9.8l-0.5%2C5.4c-0.3%2C3.4-1.8%2C6.6-4.1%2C8.9c-0.3%2C0.3-0.7%2C0.6-1%2C0.9l-5.8%2C4.7c-2.6%2C2.1-6.3%2C2.1-8.9%2C0%0A%09L32.6%2C60.7z%20M35.9%2C68.6c2%2C1.6%2C4.5%2C2.5%2C7%2C2.5s5-0.9%2C7-2.5l0.9-0.8c0.1%2C1.3%2C0.3%2C3%2C0.6%2C4.5c0.4%2C2.1%2C1.4%2C3.4%2C2.6%2C4.2l-3.5%2C6.9%0A%09C49%2C86.3%2C46.1%2C88%2C42.8%2C88s-6.1-1.7-7.6-4.7l-3.5-6.9c1.1-0.8%2C2.2-2%2C2.6-4.2c0.3-1.6%2C0.5-3.2%2C0.6-4.5L35.9%2C68.6z%20M67.4%2C104%0A%09c-16.1%2C4-33.1%2C4-49.1%2C0l-14.1-3.5L5.5%2C91c0-0.1%2C0-0.2%2C0-0.4c-0.2-4.9%2C3.3-9.2%2C8.1-10.1l14.2-2.9l3.8%2C7.5c2.2%2C4.2%2C6.4%2C6.8%2C11.2%2C6.8%0A%09c4.7%2C0%2C9-2.6%2C11.2-6.8l3.8-7.5l14.2%2C2.9c4.8%2C0.9%2C8.3%2C5.2%2C8.1%2C10.1c0%2C0.1%2C0%2C0.2%2C0%2C0.4l1.3%2C9.4L67.4%2C104z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
#menu_left .conditions .condition.men .picture_sex {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2086.7%20109.1%22%20fill%3D%22%23505b5f%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M75.3%2C74.7l-17.1-3.1c-0.2-0.3-0.6-1-0.9-2.5c-0.6-3%2C0.1-8.3%2C0.1-8.4c0%2C0%2C0%2C0%2C0%2C0c2.9-3%2C4.8-7%2C5.3-11.3l0.5-5.1L67.3%2C30%0A%09c0.1-0.2%2C0.1-0.4%2C0.1-0.7l0.3%2C0c0.7%2C0.1%2C1.4-0.2%2C1.8-0.8c0.4-0.6%2C0.5-1.3%2C0.3-1.9L68%2C22.4l0.5%2C0.2c0.8%2C0.2%2C1.7%2C0%2C2.2-0.7%0A%09c0.5-0.7%2C0.5-1.6%2C0.1-2.3c-2.4-3.6-5.2-6.3-7.6-8.2c0.3-0.2%2C0.5-0.5%2C0.6-0.9c0.3-0.9%2C0-1.8-0.8-2.3c-5.4-3.5-9.9-5-13.5-5.5%0A%09c0.1-0.4%2C0.1-0.8%2C0-1.2c-0.3-0.9-1.1-1.5-2-1.4C33.9%2C0.5%2C23.8%2C5.7%2C20.3%2C13.9c-1%2C2.5-1.2%2C4.7-0.3%2C6.8c0.3%2C0.6%2C0.6%2C1.2%2C1%2C1.7%0A%09c-1.7%2C2.1-2.3%2C5-1.6%2C7.7l4.1%2C14.1l0.5%2C5.3c0.4%2C4.3%2C2.3%2C8.4%2C5.3%2C11.3c0%2C0%2C0%2C0%2C0%2C0.1c0%2C0.1%2C0.6%2C5.3%2C0.1%2C8.4c-0.3%2C1.5-0.6%2C2.2-0.9%2C2.5%0A%09l-17.1%2C3.1C4.6%2C76-0.3%2C82.1%2C0%2C88.9l0.5%2C11.2c0%2C0.9%2C0.7%2C1.6%2C1.5%2C1.9l15.8%2C4c8.4%2C2.1%2C16.9%2C3.2%2C25.5%2C3.2c8.6%2C0%2C17.2-1.1%2C25.5-3.2%0A%09l15.8-4c0.9-0.2%2C1.5-1%2C1.5-1.9l0.5-11.2C86.9%2C82.1%2C82.1%2C76%2C75.3%2C74.7z%20M41.8%2C85.3c-0.1-0.1-0.2-0.2-0.3-0.3c-2.5-2.3-6.5-7-9.4-11%0A%09l-0.2-0.3c0.5-0.8%2C1-2%2C1.3-3.8c0.3-1.7%2C0.3-3.7%2C0.3-5.5l2.8%2C2.3c2%2C1.6%2C4.5%2C2.5%2C7%2C2.5s5-0.9%2C7-2.5l2.8-2.3c-0.1%2C1.8%2C0%2C3.9%2C0.3%2C5.5%0A%09c0.3%2C1.8%2C0.8%2C3%2C1.3%2C3.8L54.5%2C74c-2.8%2C4.1-6.8%2C8.7-9.4%2C11c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.3c-0.6%2C0.6-1.2%2C1-1.5%2C1.1%0A%09C43%2C86.2%2C42.4%2C85.8%2C41.8%2C85.3z%20M36.6%2C85.8l-4.1%2C1.5l-0.5-6.9C33.3%2C82.1%2C34.9%2C84.1%2C36.6%2C85.8z%20M54.7%2C80.4l-0.5%2C6.9l-4.1-1.5%0A%09C51.7%2C84.1%2C53.4%2C82.1%2C54.7%2C80.4z%20M27.4%2C43.6c0.5-6.5%2C0.8-11.5%2C1.1-15.1l2%2C1.6c0.6%2C0.5%2C1.4%2C0.6%2C2%2C0.3c0.7-0.3%2C1.1-0.9%2C1.2-1.6%0A%09l0.2-2.2c4.7%2C3.1%2C11.8%2C5.1%2C14.9%2C5.5c0%2C0%2C0.1%2C0%2C0.1%2C0l0%2C0c0.2%2C0%2C0.4%2C0%2C0.6%2C0c0.3%2C0%2C0.5%2C0%2C0.6-0.1c0.8-0.3%2C1.3-1.1%2C1.3-2%0A%09c-0.1-0.7-0.5-1.3-1.1-1.6c-0.4-0.3-1-1.2-1.9-2.4c2.3%2C0.7%2C5.5%2C1.5%2C9.7%2C2.5c0.2%2C3.7%2C0.6%2C8.8%2C1.1%2C15.4L58.7%2C49%0A%09c-0.4%2C3.9-2.3%2C7.5-5.1%2C9.8l-5.8%2C4.7c-2.6%2C2.1-6.3%2C2.1-8.9%2C0l-5.8-4.7c-2.9-2.3-4.7-5.9-5.1-9.8L27.4%2C43.6z%20M82.2%2C98.5l-14.4%2C3.6%0A%09c-16.1%2C4-33.1%2C4-49.1%2C0L4.4%2C98.5L4%2C88.8c-0.2-4.9%2C3.3-9.2%2C8.1-10.1l15.5-2.8l1.1%2C14.3c0%2C0.6%2C0.4%2C1.2%2C0.9%2C1.5%0A%09c0.3%2C0.2%2C0.7%2C0.3%2C1.1%2C0.3c0.2%2C0%2C0.5%2C0%2C0.7-0.1l8.6-3c1.3%2C1%2C2.4%2C1.6%2C3.4%2C1.6c0.9%2C0%2C2.1-0.6%2C3.4-1.6l8.6%2C3C55.5%2C92%2C55.7%2C92%2C56%2C92%0A%09c0.4%2C0%2C0.8-0.1%2C1.1-0.3c0.5-0.3%2C0.9-0.9%2C0.9-1.5l1.1-14.3l15.5%2C2.8c4.8%2C0.9%2C8.3%2C5.2%2C8.1%2C10.1L82.2%2C98.5z%22%2F%3E%0A%3C%2Fsvg%3E");
}
#menu_left .conditions .condition.children .picture_sex {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2077.2%2097.2%22%20%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23505b5f%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M61.9%2C67.1L49.6%2C65c-0.1-0.3-0.3-0.8-0.4-1.4c-0.4-2-0.1-5.5%2C0-7c3-2.8%2C5.8-7.2%2C7.3-13.7c5-1.5%2C5.6-15.3%2C5.6-15.5%0A%09c0-2-0.8-3.8-1.6-5.2l3.6-4.3c0.4-0.5%2C0.6-1.2%2C0.4-1.8c-0.2-0.6-0.7-1.1-1.3-1.4c-0.1%2C0-2.1-0.7-4.6%2C0.4c-0.2-3.1-1.5-7-5.6-10%0A%09c-7.5-5.4-21.6-7.5-31.1-1.4c-3.4%2C2.1-6.3%2C4.5-5.1%2C7c0.3%2C0.7%2C0.8%2C1.1%2C1.5%2C1.4c-2.1%2C1.5-3.9%2C3.3-4.7%2C4.9c-1.1%2C2.3-0.9%2C4.9%2C0.6%2C6.7%0A%09c0.3%2C0.3%2C0.6%2C0.7%2C1.1%2C1c-0.3%2C0.8-0.5%2C1.8-0.5%2C2.7c0%2C0.1%2C0.6%2C13.9%2C5.6%2C15.5c1.5%2C6.5%2C4.3%2C10.8%2C7.3%2C13.7c0.2%2C1.6%2C0.4%2C5%2C0%2C7%0A%09c-0.1%2C0.6-0.2%2C1.1-0.4%2C1.4l-12.3%2C2.1C6.4%2C68.6-0.2%2C76.6%2C0%2C85.7l0.1%2C3.2c0%2C0.9%2C0.6%2C1.7%2C1.5%2C1.9l14.1%2C3.6c7.5%2C1.9%2C15.2%2C2.8%2C22.9%2C2.8%0A%09c7.7%2C0%2C15.4-0.9%2C22.9-2.8l14.1-3.6c0.9-0.2%2C1.5-1%2C1.5-1.9l0.1-3.2C77.4%2C76.6%2C70.8%2C68.6%2C61.9%2C67.1z%20M23.5%2C31.9c0-0.1%2C0-0.1%2C0-0.2%0A%09c0.4-2%2C1.1-4%2C2.2-5.9c0.1-0.2%2C0.3-0.5%2C0.3-0.7c1.9-0.5%2C3.9-1.1%2C5.5-1.4c-1.3%2C2.4-2.2%2C5.6-0.6%2C7.4c0.3%2C0.4%2C1.1%2C1%2C2.3%2C1%0A%09c0.7%2C0%2C1.6-0.2%2C2.6-0.8c0.8-0.5%2C1.8-1.2%2C3-2.1c4.1-3%2C8.3-5.8%2C12.1-6.1c-0.2%2C0.9-0.1%2C1.8%2C0.5%2C2.7c1.2%2C1.9%2C1.9%2C3.9%2C2.2%2C5.9%0A%09c0%2C0.1%2C0%2C0.1%2C0%2C0.2c0%2C20.9-10.9%2C25.4-15.1%2C25.4S23.5%2C52.8%2C23.5%2C31.9z%20M38.6%2C61.4c1.6%2C0%2C4-0.5%2C6.5-1.8c0%2C1.6%2C0%2C3.3%2C0.2%2C4.8%0A%09c0.3%2C1.7%2C0.8%2C2.8%2C1.3%2C3.5c-1.2%2C2.1-4.4%2C3.6-8%2C3.6c-3.6%2C0-6.8-1.5-8-3.6c0.5-0.8%2C1-1.9%2C1.3-3.5c0.3-1.4%2C0.3-3.2%2C0.2-4.8%0A%09C34.6%2C60.9%2C37%2C61.4%2C38.6%2C61.4z%20M73.1%2C87.3l-12.6%2C3.2c-14.3%2C3.6-29.5%2C3.6-43.8%2C0L4%2C87.3l0-1.7C3.8%2C78.5%2C9%2C72.2%2C16%2C71l10.8-1.9%0A%09c1.7%2C3.7%2C6.3%2C6.3%2C11.8%2C6.3s10.1-2.5%2C11.8-6.3L61.2%2C71h0c7%2C1.2%2C12.1%2C7.4%2C11.9%2C14.5L73.1%2C87.3z%22%2F%3E%0A%3C%2Fsvg%3E");
}
#menu_left .conditions .condition .picture_sex {
  position: absolute;
  top: 4.5px;
  left: 21px;
  height: 35px;
  width: 27px;
  background-repeat: no-repeat;
}
#menu_left .conditions .condition .text {
  color: #505b5f;
  font-size: 16px;
  font-weight: bold;
  line-height: 44px;
}
#menu_left .conditions .condition .picture_validation {
  position: absolute;
  right: 23.4px;
  top: 15.5px;
  width: 20px;
  height: 13px;
  background-repeat: no-repeat;
}
#menu_left .adress {
  margin-top: 45px;
  width: 278px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#menu_left .adress .picture {
  position: absolute;
  background-image: url('/Content/themes/base/img/Others/localisation.png');
  background-repeat: no-repeat;
  height: 37px;
  width: 24px;
}
#menu_left .adress .text {
  width: 237px;
  margin-left: auto;
  font-weight: bold;
}
#menu_left .adress .text .name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0px;
}
#menu_left .number {
  color: #333333;
  height: 40px;
  font-weight: bold;
  width: 278px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#menu_left .number .picture {
  position: absolute;
  background-image: url('/Content/themes/base/img/Others/phone.png');
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
}
#menu_left .number .text {
  width: 237px;
  margin-left: auto;
}
.appointment #menu_left.center {
  display: none;
}
.appointment #menu_left .home {
  display: none;
}
/*#endregion*/
/*#region -------------------------------------------------------------- CART -------------------------------------------------------------------------- */
.deposit,
.imprint_message {
  background-color: #ffd6d5;
  color: #505b5f;
  font-size: 15px;
  padding: 12px;
  text-align: left;
  font-weight: bold;
  margin-top: 20px;
}
.deposit .pay_deposit,
.imprint_message .pay_deposit {
  margin-bottom: 20px;
}
.deposit .imprint-message-info,
.imprint_message .imprint-message-info {
  font-weight: 900;
  font-size: 1.8rem;
}
#ariane {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  height: 60px;
  margin-top: 15px;
  width: 100%;
}
#ariane.paymentStep .step {
  width: 16.60%;
}
#ariane.onlyPayment .step {
  width: 25%;
}
#ariane.noStep3 .step {
  width: 25%;
}
#ariane #confirm.current .circle_container .circle .picture {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2024.1%2017.1%22%20fill%3D%22white%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M9.1%2C17.1c-0.6%2C0-1.1-0.2-1.6-0.6L0.7%2C9.8c-0.9-0.9-0.9-2.3%2C0-3.2c0.9-0.9%2C2.3-0.9%2C3.2%2C0l5.3%2C5.2L20.3%2C0.6%0A%09c0.9-0.9%2C2.3-0.9%2C3.2%2C0c0.9%2C0.9%2C0.9%2C2.3%2C0%2C3.2L10.7%2C16.5C10.2%2C16.9%2C9.7%2C17.1%2C9.1%2C17.1z%22%2F%3E%0A%3C%2Fsvg%3E");
}
#ariane #confirm.current.retry .circle_container .circle .picture {
  background-repeat: no-repeat;
  background-image: url('/Content/themes/base/img/retry_step.svg');
  background-size: contain;
  height: 3rem;
  width: 3rem;
  position: unset;
}
#ariane #confirm.current.failed .circle_container .circle .picture {
  background-repeat: no-repeat;
  background-image: url('/Content/themes/base/img/failed_step.svg');
  background-size: contain;
  height: 3rem;
  width: 3rem;
  position: unset;
}
#ariane #confirm .circle_container .circle .picture {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2024.1%2017.1%22%20fill%3D%22%23505b5f%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M9.1%2C17.1c-0.6%2C0-1.1-0.2-1.6-0.6L0.7%2C9.8c-0.9-0.9-0.9-2.3%2C0-3.2c0.9-0.9%2C2.3-0.9%2C3.2%2C0l5.3%2C5.2L20.3%2C0.6%0A%09c0.9-0.9%2C2.3-0.9%2C3.2%2C0c0.9%2C0.9%2C0.9%2C2.3%2C0%2C3.2L10.7%2C16.5C10.2%2C16.9%2C9.7%2C17.1%2C9.1%2C17.1z%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  height: 18px;
  width: 16px;
  position: relative;
  top: 9px;
  left: 7px;
}
#ariane .step {
  position: relative;
  width: 20%;
  display: inline-block;
  height: 57px;
  margin-left: -1px;
}
#ariane .step .circle_container {
  top: 12px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
#ariane .step .circle_container .circle {
  width: 35px;
  height: 35px;
  border-color: #505b5f;
  background-color: white;
  border-width: 3px;
  border-radius: 50px;
  border-style: solid;
  margin-left: auto;
  margin-right: auto;
  color: #333333;
  cursor: default;
}
#ariane .step .circle_container .circle .text {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-top: 4px;
}
#ariane .step.current .circle_container .circle {
  border-color: #333333;
  background-color: #333333;
  color: white;
}
#ariane .step.current.failed .circle_container .circle {
  border-color: #FF5943;
  background-color: #FF5943;
}
#ariane .step.current.failed .separator.left {
  background-color: #FF5943;
}
#ariane .step.current.retry .circle_container .circle {
  border-color: #FFB100;
  background-color: #FFB100;
}
#ariane .step.current.retry .separator.left {
  background-color: #FFB100;
}
#ariane .step.current .separator.left {
  background-color: #333333;
}
#ariane .step.done .circle_container .circle {
  border-color: #333333;
  background-color: white;
}
#ariane .step.done .separator.left {
  background-color: #333333;
}
#ariane .step.done .separator.right {
  background-color: #333333;
}
#ariane .step.done.failed .separator.right {
  background-color: #FF5943;
}
#ariane .step.done.retry .separator.right {
  background-color: #FFB100;
}
#ariane .step .separator {
  height: 3px;
  width: 50%;
  position: relative;
  top: 28px;
  display: inline-block;
  background-color: #505b5f;
}
#ariane .step .separator.left {
  float: left;
}
#ariane .step .separator.right {
  float: right;
}
::-webkit-scrollbar {
  /* Scrollbars */
  width: 1rem;
  height: 1rem;
  background: #dcdedf;
}
::-webkit-scrollbar-track-piece {
  /* Fond */
  background: transparent none;
  border: solid 4px transparent;
  border-right-width: 8px;
  margin: 4px;
  -webkit-border-radius: 10px;
}
::-webkit-scrollbar-track-piece:horizontal {
  /* Fond pour la barre du bas */
  border-right-width: 4px;
  border-bottom-width: 8px;
}
::-webkit-scrollbar-thumb {
  /* Barre */
  border: solid 0 transparent;
  border-right-width: 4px;
  background-color: #384347;
  -webkit-border-radius: 1rem;
}
.cart {
  text-align: center;
}
.cart .cart_content {
  display: inline-block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 70px;
}
.cart .cart_content .important {
  color: #333333;
}
.cart .cart_content .cart_no_items-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60vh;
}
.cart .cart_content .cart_no_items-container .cart-no-items-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
  width: 180px;
  border-radius: 50%;
  color: #565677;
  background: #FFF;
  margin-bottom: 3rem;
}
.cart .cart_content .cart_no_items-container .cart_no_items {
  margin: 0;
  margin-bottom: 1rem;
}
.cart .cart_content .cart_no_items-container .cart_no_items-addVoucher-btn {
  margin-top: 1rem;
}
.cart .cart_content .cart_no_items-container .cart_no_items-addVoucher-btn .btn-addVoucher {
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  border-radius: 2rem;
  padding: 0.5rem 1rem;
  background-color: #333333;
  color: #ffffff;
}
.cart .cart_content .cart_no_items-container .cart_no_items-addVoucher-btn:hover .btn-addVoucher {
  background-color: #ffffff;
  color: #333333;
}
.cart .cart_content .cart_choose_time_slot {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.cart .cart_content .cart_choose_time_slot .col-md-4,
.cart .cart_content .cart_choose_time_slot .col-lg-4,
.cart .cart_content .cart_choose_time_slot .col-md-7,
.cart .cart_content .cart_choose_time_slot .col-lg-7 {
  padding-left: 5px;
  padding-right: 5px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container {
  width: 520px;
  background-color: white;
  border-style: solid;
  border-width: 2px;
  border-color: #6D6D8B;
  margin-bottom: 20px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .title {
  background-color: #6D6D8B;
  color: white;
  height: 50px;
  padding-top: 11px;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary {
  text-align: left;
  overflow: auto;
  max-height: 495px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries {
  display: flex;
  flex-direction: column;
  background-color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package {
  background-color: #505b5f;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content {
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation {
  display: flex;
  flex-direction: row;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  border-style: solid;
  border-width: 2px;
  border-color: #333333;
  border-radius: 16px;
  background-color: #000000;
  cursor: pointer;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete .delete_picture {
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background: white;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 19 20' enable-background='new 0 0 19 20' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M18.8,0.4C18.6,0.1,18.3,0,18,0H1C0.7,0,0.4,0.1,0.2,0.4C0,0.6,0,0.9,0,1.2l3,18C3.1,19.6,3.5,20,4,20h11 c0.5,0,0.9-0.4,1-0.8l3-18C19,0.9,18.9,0.6,18.8,0.4z M14.2,18H4.8L2.5,3.8h14L14.2,18z'/%3E%3Cpath d='M12.7,6.8c-0.4-0.4-1-0.4-1.4,0L9.5,8.6L7.7,6.8c-0.4-0.4-1-0.4-1.4,0c-0.4,0.4-0.4,1,0,1.4L8.1,10l-1.8,1.8 c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l1.8-1.8l1.8,1.8c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L10.9,10l1.8-1.8C13.1,7.8,13.1,7.2,12.7,6.8z'/%3E%3C/g%3E%3C/svg%3E");
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete:hover {
  opacity: 0.75;
  transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete:hover .delete_picture {
  opacity: 0.75;
  transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete:active,
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete:focus {
  opacity: 0.5;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete:active .delete_picture,
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete:focus .delete_picture {
  opacity: 0.5;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .name_description {
  color: #384347;
  font-size: 13px;
  padding-left: 10px;
  font-size: 14px;
  margin-top: 3px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .name_description .name {
  font-weight: bold;
  line-height: 28px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box_employee {
  width: auto;
  float: right;
  text-align: right;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons {
  display: flex;
  flex-direction: column;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee {
  display: flex;
  flex-direction: row;
  line-height: 28px;
  margin-top: 3px;
  font-size: 14px;
  cursor: pointer;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .fa {
  line-height: 28px;
  font-size: 18px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .withWho span {
  font-size: 17px;
  text-decoration: underline;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .withEmployeeName span {
  font-size: 17px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selected {
  pointer-events: none;
  opacity: 0.7;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selected .withWho span {
  text-decoration: none;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selectedByCustomer {
  opacity: 1;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btDeleteEmployee {
  font-size: 11px;
  cursor: pointer;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services {
  display: flex;
  flex-direction: column;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 8px 0;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .name_description {
  color: #384347;
  font-size: 13px;
  padding-left: 10px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .name_description ul,
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .name_description ol {
  margin: 0;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .name_description ul li .name,
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .name_description ol li .name {
  font-weight: normal;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee {
  width: auto;
  text-align: right;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons {
  display: flex;
  flex-direction: column;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee {
  display: flex;
  flex-direction: row;
  line-height: 28px;
  margin-top: 3px;
  font-size: 14px;
  cursor: pointer;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee .fa {
  line-height: 28px;
  font-size: 18px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee .withWho span {
  font-size: 17px;
  text-decoration: underline;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee .withEmployeeName span {
  font-size: 17px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee.selected {
  pointer-events: none;
  opacity: 0.7;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee.selected .withWho span {
  text-decoration: none;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee.selectedByCustomer {
  opacity: 1;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btDeleteEmployee {
  font-size: 11px;
  cursor: pointer;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service {
  background-color: #505b5f;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content {
  padding: 15px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation {
  display: flex;
  flex-direction: row;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  border-style: solid;
  border-width: 2px;
  border-color: #333333;
  border-radius: 16px;
  background-color: #000000;
  cursor: pointer;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete .delete_picture {
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background: white;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 19 20' enable-background='new 0 0 19 20' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M18.8,0.4C18.6,0.1,18.3,0,18,0H1C0.7,0,0.4,0.1,0.2,0.4C0,0.6,0,0.9,0,1.2l3,18C3.1,19.6,3.5,20,4,20h11 c0.5,0,0.9-0.4,1-0.8l3-18C19,0.9,18.9,0.6,18.8,0.4z M14.2,18H4.8L2.5,3.8h14L14.2,18z'/%3E%3Cpath d='M12.7,6.8c-0.4-0.4-1-0.4-1.4,0L9.5,8.6L7.7,6.8c-0.4-0.4-1-0.4-1.4,0c-0.4,0.4-0.4,1,0,1.4L8.1,10l-1.8,1.8 c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l1.8-1.8l1.8,1.8c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L10.9,10l1.8-1.8C13.1,7.8,13.1,7.2,12.7,6.8z'/%3E%3C/g%3E%3C/svg%3E");
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete:hover {
  opacity: 0.75;
  transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete:hover .delete_picture {
  opacity: 0.75;
  transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete:active,
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete:focus {
  opacity: 0.5;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete:active .delete_picture,
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete:focus .delete_picture {
  opacity: 0.5;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .name_description {
  color: #384347;
  font-size: 13px;
  padding-left: 10px;
  font-size: 14px;
  margin-top: 3px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .name_description .name {
  font-weight: bold;
  line-height: 28px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box_employee {
  width: auto;
  text-align: right;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons {
  display: flex;
  flex-direction: column;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee {
  display: flex;
  flex-direction: row;
  line-height: 28px;
  margin-top: 3px;
  font-size: 14px;
  cursor: pointer;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .fa {
  line-height: 28px;
  font-size: 18px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .withWho span {
  font-size: 17px;
  text-decoration: underline;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .withEmployeeName span {
  font-size: 17px;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selected {
  pointer-events: none;
  opacity: 0.7;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selected .withWho span {
  text-decoration: none;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selectedByCustomer {
  opacity: 1;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btDeleteEmployee {
  font-size: 11px;
  cursor: pointer;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .separation {
  height: 2px;
  background-color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .separation .separation-inner {
  height: 1px;
  margin-left: 15px;
  margin-right: 15px;
  opacity: 0.5;
  background-color: #6D6D8B;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .separation.package {
  background-color: #6D6D8B;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .separation.service {
  background-color: #6D6D8B;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .separation.last {
  display: none;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container.has_only_vouchers {
  width: 50%;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container.has_only_vouchers .box_action_delete {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  border-style: solid;
  border-width: 2px;
  border-color: #333333;
  border-radius: 16px;
  background-color: #000000;
  cursor: pointer;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container.has_only_vouchers .box_action_delete .delete_picture {
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background: white;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='' x='' y='' viewBox='0 0 19 20' enable-background='new 0 0 19 20' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M18.8,0.4C18.6,0.1,18.3,0,18,0H1C0.7,0,0.4,0.1,0.2,0.4C0,0.6,0,0.9,0,1.2l3,18C3.1,19.6,3.5,20,4,20h11 c0.5,0,0.9-0.4,1-0.8l3-18C19,0.9,18.9,0.6,18.8,0.4z M14.2,18H4.8L2.5,3.8h14L14.2,18z'/%3E%3Cpath d='M12.7,6.8c-0.4-0.4-1-0.4-1.4,0L9.5,8.6L7.7,6.8c-0.4-0.4-1-0.4-1.4,0c-0.4,0.4-0.4,1,0,1.4L8.1,10l-1.8,1.8 c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l1.8-1.8l1.8,1.8c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L10.9,10l1.8-1.8C13.1,7.8,13.1,7.2,12.7,6.8z'/%3E%3C/g%3E%3C/svg%3E");
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container.has_only_vouchers .box_action_delete:hover {
  opacity: 0.75;
  transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container.has_only_vouchers .box_action_delete:hover .delete_picture {
  opacity: 0.75;
  transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container.has_only_vouchers .box_action_delete:active,
.cart .cart_content .cart_choose_time_slot .cart_summary_container.has_only_vouchers .box_action_delete:focus {
  opacity: 0.5;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container.has_only_vouchers .box_action_delete:active .delete_picture,
.cart .cart_content .cart_choose_time_slot .cart_summary_container.has_only_vouchers .box_action_delete:focus .delete_picture {
  opacity: 0.5;
}
.cart .cart_content .cart_choose_time_slot .cart_separation {
  width: 50px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar {
  width: 520px;
  background-color: white;
  border-style: solid;
  border-width: 2px;
  border-color: #6D6D8B;
  margin-bottom: 20px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar {
  display: flex;
  flex-direction: column;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .title {
  background-color: #6D6D8B;
  color: white;
  height: 50px;
  padding-top: 11px;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months {
  display: grid;
  grid-template-columns: 1fr 7fr 1fr;
  width: 100%;
  padding: 10px 15px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .previous,
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .next {
  height: 38px;
  width: 38px;
  color: white;
  background-color: #384347;
  border: 1px solid #384347;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .previous .picture,
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .next .picture {
  width: 12px;
  height: 20px;
  background-repeat: no-repeat;
  background: white;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .previous:hover,
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .next:hover {
  background-color: #6d6d8b;
  border-color: #6d6d8b;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .previous {
  grid-column-start: 1;
  justify-self: start;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .previous .picture {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Previous' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='' y='' viewBox='0 0 18 30' xml:space='preserve'%3E%3Cpath d='M12.7,0c0.5,0,1,0.2,1.5,0.5c0.9,0.8,1,2.2,0.2,3.2L5.2,14.2l9.1,10.5c0.8,0.9,0.7,2.4-0.2,3.2c-0.9,0.8-2.4,0.7-3.2-0.2 l-10.4-12c-0.7-0.8-0.7-2.1,0-2.9L11,0.8C11.4,0.3,12,0,12.7,0z'/%3E%3C/svg%3E");
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .next {
  grid-column-start: 3;
  justify-self: end;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .next .picture {
  margin-left: 4px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Next' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='' y='' viewBox='0 0 18 30' xml:space='preserve'%3E%3Cpath d='M2.2,28.5c-0.5,0-1-0.2-1.5-0.5c-0.9-0.8-1-2.2-0.2-3.2l9.1-10.5L0.6,3.7c-0.8-0.9-0.7-2.4,0.2-3.2C1.7-0.3,3.1-0.2,4,0.8 l10.4,12c0.7,0.8,0.7,2.1,0,2.9L4,27.7C3.5,28.2,2.9,28.5,2.2,28.5z'/%3E%3C/svg%3E");
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .month-year {
  grid-column-start: 2;
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize;
  text-align: center;
  width: 100%;
  padding-top: 4px;
  color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days {
  display: grid;
  grid-template-columns: 1fr 7fr 1fr;
  width: 100%;
  padding: 10px 15px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .previous,
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .next {
  height: 38px;
  width: 38px;
  color: white;
  background-color: #384347;
  border: 1px solid #384347;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .previous .picture,
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .next .picture {
  width: 12px;
  height: 20px;
  background-repeat: no-repeat;
  background: white;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .previous:hover,
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .next:hover {
  background-color: #6d6d8b;
  border-color: #6d6d8b;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .previous {
  grid-column-start: 1;
  justify-self: start;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .previous .picture {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Previous' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='' y='' viewBox='0 0 18 30' xml:space='preserve'%3E%3Cpath d='M12.7,0c0.5,0,1,0.2,1.5,0.5c0.9,0.8,1,2.2,0.2,3.2L5.2,14.2l9.1,10.5c0.8,0.9,0.7,2.4-0.2,3.2c-0.9,0.8-2.4,0.7-3.2-0.2 l-10.4-12c-0.7-0.8-0.7-2.1,0-2.9L11,0.8C11.4,0.3,12,0,12.7,0z'/%3E%3C/svg%3E");
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .next {
  grid-column-start: 3;
  justify-self: end;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .next .picture {
  margin-left: 4px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Picto_x5F_Next' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='' y='' viewBox='0 0 18 30' xml:space='preserve'%3E%3Cpath d='M2.2,28.5c-0.5,0-1-0.2-1.5-0.5c-0.9-0.8-1-2.2-0.2-3.2l9.1-10.5L0.6,3.7c-0.8-0.9-0.7-2.4,0.2-3.2C1.7-0.3,3.1-0.2,4,0.8 l10.4,12c0.7,0.8,0.7,2.1,0,2.9L4,27.7C3.5,28.2,2.9,28.5,2.2,28.5z'/%3E%3C/svg%3E");
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days {
  grid-column-start: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: bold;
  margin: 0 10px;
  cursor: pointer;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day .dayLong {
  text-align: center;
  color: #384347;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day .day-date {
  width: 38px;
  height: 38px;
  border: 2px solid white;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day .day-date .date-content {
  color: #384347;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day .promo {
  background-color: #cea646;
  width: 14px;
  height: 15px;
  color: white;
  font-size: 11px;
  border-radius: 8px;
  position: relative;
  top: -45px;
  left: 30px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day.current .day-date {
  border-color: #333333;
  background-color: #333333;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day.current .day-date .date-content {
  color: white;
}
@media (hover: hover) and (pointer: fine) {
  .cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day.current:hover .day-date {
    border: 2px solid white;
    background-color: white;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day.current:hover .day-date .date-content {
    color: #384347;
  }
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day:hover {
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day:hover .day-date {
  color: white;
  border-color: #333333;
  background-color: #333333;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day:hover .day-date .date-content {
  color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day.noShowDesktop {
  display: none;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day.salonClosed {
  opacity: 0.5;
  /*pointer-events: none;*/
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .separation {
  margin-left: 15px;
  margin-right: 15px;
  height: 2px;
  opacity: 0.5;
  background-color: #6d6d8b;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots {
  max-height: 350px;
  display: flex;
  flex-direction: column;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .allDiscountTimeSlotsAreBooked {
  color: #FF7874;
  display: inline-block;
  margin-bottom: 10px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .daySelected {
  font-size: 17px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .hours_container {
  overflow: auto;
  position: relative;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .hours_container .hours {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour {
  flex-grow: 0;
  flex-basis: 25%;
  padding: 8px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour .hour_content {
  color: #384347;
  border: 2px solid white;
  background-color: white;
  font-size: 16px;
  padding-top: 18px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 60px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour .hour_content:hover,
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour .hour_content.selected {
  color: white;
  border-color: white;
  background-color: #505b5f;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour .hour_content.hasDiscount {
  padding-top: 9px;
  position: relative;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour .hour_content .discount {
  display: block;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour .hour_content .discount .text {
  color: white;
  background-color: #cea646;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  line-height: 17px;
  font-size: 16px;
  padding: 0 5px 0 5px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .calendar-no-timeslots p {
  padding-left: 20px;
  text-align: left;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .calendar-no-timeslots p span {
  font-weight: bold;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .calendar-no-timeslots ul li {
  list-style-type: circle;
  text-decoration: underline;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .calendar-no-timeslots ul li .calendar-proposal-day {
  text-align: left;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .calendar-no-timeslots ul li .calendar-proposal-day:hover {
  cursor: pointer;
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container {
  border-color: var(--cart-border-color);
  background-color: var(--cart-bg-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .title {
  background-color: var(--cart-header-bg-color);
  color: var(--cart-header-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box {
  background-color: var(--cart-service-bg-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete {
  border-color: #000000;
  background-color: #000000;
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete .delete_picture {
  background: #ffffff;
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .name_description {
  color: var(--cart-service-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box_employee {
  color: var(--cart-service-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .name_description {
  color: var(--cart-service-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee {
  color: var(--cart-service-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete {
  border-color: #000000;
  background-color: #000000;
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete .delete_picture {
  background: #ffffff;
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .name_description {
  color: var(--cart-service-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box_employee {
  color: var(--cart-service-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar {
  border-color: var(--calendar-border-color);
  background-color: var(--calendar-bg-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .title {
  background-color: var(--calendar-header-bg-color);
  color: var(--calendar-header-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .cart_calendar_container .calendar-months .month-year {
  color: var(--calendar-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day .dayLong {
  color: var(--calendar-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day .day-date {
  border-color: var(--calendar-cell-border-color);
  background-color: var(--calendar-cell-bg-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day .day-date .date-content {
  color: var(--calendar-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day.current .day-date {
  color: var(--calendar-cell-hover-selected-text-color);
  background-color: var(--calendar-cell-hover-selected-bg-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day.current .day-date .date-content {
  color: var(--calendar-cell-hover-selected-text-color);
}
@media (hover: hover) and (pointer: fine) {
  .cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day.current:hover .day-date {
    background-color: var(--calendar-cell-bg-color);
    border-color: var(--calendar-cell-border-color);
  }
  .cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day.current:hover .day-date .date-content {
    color: var(--calendar-text-color);
  }
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day:hover .day-date {
  background-color: var(--calendar-cell-hover-selected-bg-color);
  border-color: var(--calendar-cell-border-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day:hover .day-date .date-content {
  color: var(--calendar-cell-hover-selected-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .timeslots .daySelected {
  color: var(--calendar-text-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour .hour_content {
  color: var(--calendar-text-color);
  border-color: var(--calendar-cell-border-color);
  background-color: var(--calendar-cell-bg-color);
}
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour .hour_content:hover,
.cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour .hour_content.selected {
  color: var(--calendar-cell-hover-selected-text-color);
  border-color: var(--calendar-cell-border-color);
  background-color: var(--calendar-cell-hover-selected-bg-color);
}
@media (hover: hover) and (pointer: fine) {
  .cart .cart_content .cart_choose_time_slot.applyColorPicker .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour .hour_content.selected:hover {
    color: var(--calendar-text-color);
    border-color: var(--calendar-cell-border-color);
    background-color: var(--calendar-cell-bg-color);
  }
}
.cart .cart_content .cart_content_summary {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cart .cart_content .cart_content_summary .summary-container {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_summary_title {
  font-size: 17px;
  font-weight: bold;
  color: #6d6d8b;
  text-align: justify;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services {
  margin-top: 20px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package {
  background-color: #505b5f;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content {
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box-prestation {
  display: flex;
  flex-direction: row;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete {
  display: none;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .name_description {
  color: #384347;
  font-size: 13px;
  padding-left: 10px;
  font-size: 14px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .name_description .name {
  font-weight: bold;
  line-height: 28px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box_employee {
  width: auto;
  float: right;
  text-align: right;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons {
  display: flex;
  flex-direction: column;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee {
  display: flex;
  flex-direction: row;
  line-height: 28px;
  margin-top: 3px;
  font-size: 14px;
  cursor: pointer;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .fa {
  line-height: 28px;
  font-size: 18px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .withWho span {
  font-size: 17px;
  text-decoration: underline;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .withEmployeeName span {
  font-size: 17px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selected {
  pointer-events: none;
  opacity: 0.7;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selected .withWho span {
  text-decoration: none;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selectedByCustomer {
  opacity: 1;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .box-prestation-container .box_employee .buttons .btDeleteEmployee {
  font-size: 11px;
  cursor: pointer;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services {
  display: flex;
  flex-direction: column;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 8px 0;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .name_description {
  color: #384347;
  font-size: 13px;
  padding-left: 10px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .name_description ul,
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .name_description ol {
  margin: 0;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .name_description ul li .name,
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .name_description ol li .name {
  font-weight: normal;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee {
  width: auto;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons {
  display: flex;
  flex-direction: column;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee {
  display: flex;
  flex-direction: row;
  line-height: 28px;
  margin-top: 3px;
  font-size: 14px;
  cursor: pointer;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee .fa {
  line-height: 28px;
  font-size: 18px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee .withWho span {
  font-size: 17px;
  text-decoration: underline;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee .withEmployeeName span {
  font-size: 17px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee.selected {
  pointer-events: none;
  opacity: 0.7;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee.selected .withWho span {
  text-decoration: none;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btSelectEmployee.selectedByCustomer {
  opacity: 1;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.package .box_content .package_services .package_service .box_service_employee.package .box_employee .buttons .btDeleteEmployee {
  font-size: 11px;
  cursor: pointer;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service {
  background-color: #505b5f;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content {
  padding: 15px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box-prestation {
  display: flex;
  flex-direction: row;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete {
  display: none;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .name_description {
  color: #384347;
  font-size: 13px;
  padding-left: 10px;
  font-size: 14px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .name_description .name {
  font-weight: bold;
  line-height: 28px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box_employee {
  width: auto;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons {
  display: flex;
  flex-direction: column;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee {
  display: flex;
  flex-direction: row;
  line-height: 28px;
  margin-top: 3px;
  font-size: 14px;
  cursor: pointer;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .fa {
  line-height: 28px;
  font-size: 18px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .withWho span {
  font-size: 17px;
  text-decoration: underline;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee .withEmployeeName span {
  font-size: 17px;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selected {
  pointer-events: none;
  opacity: 0.7;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selected .withWho span {
  text-decoration: none;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btSelectEmployee.selectedByCustomer {
  opacity: 1;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .cart_delivery_box.service .box_content .box-prestation-container .box_employee .buttons .btDeleteEmployee {
  font-size: 11px;
  cursor: pointer;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .voucher {
  margin-top: 0;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .voucher .box_action_delete {
  display: none;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_packages_services .voucher:hover {
  box-shadow: none;
}
.cart .cart_content .cart_content_summary .summary-container .discount {
  color: white;
  background-color: #ff7874;
  font-size: 16px;
  margin-top: 20px;
  line-height: 29px;
  width: 100%;
}
.cart .cart_content .cart_content_summary .summary-container .discount .text {
  display: inline-block;
}
.cart .cart_content .cart_content_summary .summary-container .discount .linkToConditions {
  display: inline-block;
  font-size: 9px;
  vertical-align: super;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_price {
  margin-top: 20px;
  border: solid;
  border-width: 0;
  text-align: right;
  border-color: #333333;
  font-size: 1.8rem;
  text-transform: uppercase;
  color: #6d6d8b;
  font-weight: bold;
}
.cart .cart_content .cart_content_summary .summary-container .final_price {
  margin-top: 20px;
  border: solid;
  border-width: 2px;
  text-align: center;
  border-color: #333333;
  font-size: 2.4rem;
  text-transform: uppercase;
  color: #6d6d8b;
  font-weight: bold;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_commentary {
  color: #6d6d8b;
  text-align: left;
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
}
.cart .cart_content .cart_content_summary .summary-container .appointment_commentary #commentary_textarea {
  width: 100%;
  resize: none;
}
.cart .cart_content .cart_content_summary .summary-container .conditions {
  font-size: 11px;
  margin-top: 20px;
  text-align: left;
}
.cart .cart_content #cart_content_confirmation {
  margin-left: auto;
  margin-right: auto;
  font-size: 19px;
  font-weight: bold;
  color: #6d6d8b;
  text-align: center;
  float: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.cart .cart_content #cart_content_confirmation a {
  font-weight: bold;
  color: #505b5f;
}
.cart .cart_content #cart_content_confirmation .picture_confirmation {
  width: 75px;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Picto_x5F_RDV_x5F_OK%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%0A%09fill%3D%22%23ff0000%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2021%2028.3%22%20enable-background%3D%22new%200%200%2021%2028.3%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M20%2C10.6H1c-0.6%2C0-1%2C0.4-1%2C1v15.7c0%2C0.6%2C0.4%2C1%2C1%2C1h16c0.6%2C0%2C1-0.4%2C1-1v-2h2c0.6%2C0%2C1-0.4%2C1-1V11.6%0A%09%09C21%2C11.1%2C20.6%2C10.6%2C20%2C10.6z%20M19%2C23.3h-2c-0.6%2C0-1%2C0.4-1%2C1v2H2V12.6h17V23.3z%22/%3E%0A%09%3Cpath%20d%3D%22M5.5%2C3.1c0.6%2C0%2C1-0.4%2C1-1V1c0-0.6-0.4-1-1-1s-1%2C0.4-1%2C1v1.1C4.5%2C2.7%2C4.9%2C3.1%2C5.5%2C3.1z%22/%3E%0A%09%3Cpath%20d%3D%22M20%2C3.6h-2c-0.6%2C0-1%2C0.4-1%2C1v0.3c0%2C0.5-0.2%2C0.9-0.6%2C1.2c-0.5%2C0.4-1.3%2C0.4-1.9%2C0C14.2%2C5.8%2C14%2C5.4%2C14%2C4.9V4.6%0A%09%09c0-0.6-0.4-1-1-1H8c-0.6%2C0-1%2C0.4-1%2C1v0.3c0%2C0.5-0.2%2C0.9-0.6%2C1.2c-0.6%2C0.4-1.3%2C0.4-1.9%2C0C4.2%2C5.8%2C4%2C5.4%2C4%2C4.9V4.6c0-0.6-0.4-1-1-1H1%0A%09%09c-0.6%2C0-1%2C0.4-1%2C1v4c0%2C0.6%2C0.4%2C1%2C1%2C1h19c0.6%2C0%2C1-0.4%2C1-1v-4C21%2C4.1%2C20.6%2C3.6%2C20%2C3.6z%22/%3E%0A%09%3Cpath%20d%3D%22M15.5%2C3.1c0.6%2C0%2C1-0.4%2C1-1V1c0-0.6-0.4-1-1-1s-1%2C0.4-1%2C1v1.1C14.5%2C2.7%2C14.9%2C3.1%2C15.5%2C3.1z%22/%3E%0A%09%3Cpath%20d%3D%22M8.2%2C24c0.2%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3c0.3%2C0%2C0.5-0.1%2C0.7-0.3l6.7-6.7c0.4-0.4%2C0.4-1%2C0-1.4c-0.4-0.4-1-0.4-1.4%2C0%0A%09%09l-6%2C6L6%2C19c-0.4-0.4-1-0.4-1.4%2C0c-0.4%2C0.4-0.4%2C1%2C0%2C1.4L8.2%2C24z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");
  background-position: center;
  background-size: contain;
}
.cart .cart_content #cart_content_confirmation .picture_confirmation.retry {
  background-image: url('/Content/themes/base/img/retry_confirmation.svg');
}
.cart .cart_content #cart_content_confirmation .picture_confirmation.failed {
  background-image: url('/Content/themes/base/img/failed_confirmation.svg');
}
.cart .cart_content #cart_content_confirmation p {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cart .cart_content #cart_content_confirmation .picture_hourglass {
  background: transparent url("/Content/themes/base/img/ikosoft-timer.gif") no-repeat center;
  background-size: contain;
  width: 8rem;
  height: 8rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10rem;
  margin-bottom: 5rem;
}
.cart .cart_content #cart_content_confirmation .picture_cartiko {
  background-repeat: no-repeat;
  background-image: url('/Content/themes/base/img/cartiko.svg');
  background-position: center;
  background-size: contain;
  width: 30rem;
  height: 6rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog {
  color: white;
  background-color: #333333;
  font-weight: 700;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content {
  border-top: 0px;
  background: none;
  min-height: none;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees {
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee,
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee_no_matter {
  width: 120px;
  margin: 10px;
  padding: 10px 10px 0px 10px;
  cursor: pointer;
  background-color: #505b5f;
  text-align: center;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee .employee_picture,
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee_no_matter .employee_picture {
  width: 100px;
  height: 100px;
  background-color: white;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee .employee_picture .picture,
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee_no_matter .employee_picture .picture {
  background-repeat: no-repeat;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee .employee_picture .picture img,
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee_no_matter .employee_picture .picture img {
  width: 100px;
  height: 100px;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee .employee_name,
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee_no_matter .employee_name {
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px 0;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee.disabled,
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee_no_matter.disabled {
  opacity: 0.5;
  box-shadow: none !important;
  transform: none !important;
  cursor: auto !important;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee:hover,
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee_no_matter:hover {
  box-shadow: 1px 1px 15px #555555;
  transform: translateY(-2px);
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee.female,
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee_no_matter.female {
  background-color: #cea646;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee.male,
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee_no_matter.male {
  background-color: #cea646;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employee_no_matter .employee_name {
  font-size: 1.1rem;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel {
  background-color: white;
  display: flex;
  flex-direction: column;
  margin: 10px;
  padding: 10px;
  box-shadow: 1px 1px 4px #555555;
  border-radius: 5px;
  max-height: 230px;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel .employees-location-address {
  color: #505b5f;
  padding: 5px;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel .employees-container {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel .employees-container .employee {
  width: 120px;
  margin: 10px;
  padding: 10px 10px 0px 10px;
  display: inline-block;
  cursor: pointer;
  background-color: #505b5f;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel .employees-container .employee .employee_picture {
  width: 100px;
  height: 100px;
  background-color: white;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel .employees-container .employee .employee_picture .picture {
  background-repeat: no-repeat;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel .employees-container .employee .employee_picture .picture img {
  width: 100px;
  height: 100px;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel .employees-container .employee .employee_name {
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px 0;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel .employees-container .employee.disabled {
  opacity: 0.5;
  box-shadow: none !important;
  transform: none !important;
  cursor: auto !important;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel .employees-container .employee:hover {
  box-shadow: 1px 1px 15px #555555;
  transform: translateY(-2px);
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel .employees-container .employee.female {
  background-color: #cea646;
}
.cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees .employees-location-panel .employees-container .employee.male {
  background-color: #cea646;
}
.cart .cart_content .chooseEmployeeModal.applyColorPicker .modal-dialog {
  color: white;
  background-color: #333333;
}
.cart .cart_content .chooseEmployeeModal.applyColorPicker .modal-dialog .modal-content .content-title-container {
  color: var(--employee-header-text-color);
  background-color: var(--employee-header-bg-color);
  border-top: var(--employee-header-bg-color);
}
.cart .cart_content .chooseEmployeeModal.applyColorPicker .modal-dialog .modal-content .content-title-container .modal-close-btn {
  border-color: var(--employee-header-text-color);
  background: var(--employee-header-text-color);
}
.cart .cart_content .chooseEmployeeModal.applyColorPicker .modal-dialog .modal-content .content-title-container .modal-close-btn svg {
  color: var(--employee-header-bg-color);
}
.cart .cart_content .chooseEmployeeModal.applyColorPicker .modal-dialog .modal-content .content-title-container .modal-close-btn:hover {
  border-color: var(--employee-header-bg-color);
  background: var(--employee-header-bg-color);
}
.cart .cart_content .chooseEmployeeModal.applyColorPicker .modal-dialog .modal-content .content-title-container .modal-close-btn:hover svg {
  color: var(--employee-header-text-color);
}
.cart .cart_content .chooseEmployeeModal.applyColorPicker .modal-dialog .modal-content .content-employees {
  background-color: var(--employee-body-bg-color);
}
.cart .cart_content .chooseEmployeeModal.applyColorPicker .modal-dialog .modal-content .content-employees .employee,
.cart .cart_content .chooseEmployeeModal.applyColorPicker .modal-dialog .modal-content .content-employees .employee_no_matter {
  color: var(--employee-picture-text-color);
  background-color: var(--employee-picture-border-color);
}
.cart .cart_content .chooseEmployeeModal.applyColorPicker .modal-dialog .modal-content .content-employees .employees-location-panel .employees-container .employee {
  color: var(--employee-picture-text-color);
  background-color: var(--employee-picture-border-color);
}
.cart.applyColorPicker .cart_content .cart_content_summary .summary-container .appointment_summary_title {
  color: var(--body-text-color);
}
.cart.applyColorPicker .cart_content .cart_content_summary .summary-container .appointment_summary_title .important {
  color: var(--body-text-color);
}
.cart.applyColorPicker .cart_content .cart_content_summary .summary-container .appointment_packages_services .box_content .box-prestation-container {
  color: var(--body-bg-color);
}
.cart.applyColorPicker .cart_content .cart_content_summary .summary-container .appointment_price {
  color: var(--body-text-color);
}
.cart.applyColorPicker .cart_content .cart_content_summary .summary-container .appointment_price .important {
  color: var(--body-text-color);
}
.cart.applyColorPicker .cart_content .cart_content_summary .summary-container .appointment_commentary {
  color: var(--body-text-color);
}
.cart.applyColorPicker .cart_content .cart_content_summary .summary-container .appointment_commentary textarea {
  color: #000000;
}
.cart.applyColorPicker .cart_content #cart_content_confirmation {
  /*.picture_confirmation {
                    background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Picto_x5F_RDV_x5F_OK%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%0A%09fill%3D%22%23@{color_svg_tertiaire}%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2021%2028.3%22%20enable-background%3D%22new%200%200%2021%2028.3%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M20%2C10.6H1c-0.6%2C0-1%2C0.4-1%2C1v15.7c0%2C0.6%2C0.4%2C1%2C1%2C1h16c0.6%2C0%2C1-0.4%2C1-1v-2h2c0.6%2C0%2C1-0.4%2C1-1V11.6%0A%09%09C21%2C11.1%2C20.6%2C10.6%2C20%2C10.6z%20M19%2C23.3h-2c-0.6%2C0-1%2C0.4-1%2C1v2H2V12.6h17V23.3z%22/%3E%0A%09%3Cpath%20d%3D%22M5.5%2C3.1c0.6%2C0%2C1-0.4%2C1-1V1c0-0.6-0.4-1-1-1s-1%2C0.4-1%2C1v1.1C4.5%2C2.7%2C4.9%2C3.1%2C5.5%2C3.1z%22/%3E%0A%09%3Cpath%20d%3D%22M20%2C3.6h-2c-0.6%2C0-1%2C0.4-1%2C1v0.3c0%2C0.5-0.2%2C0.9-0.6%2C1.2c-0.5%2C0.4-1.3%2C0.4-1.9%2C0C14.2%2C5.8%2C14%2C5.4%2C14%2C4.9V4.6%0A%09%09c0-0.6-0.4-1-1-1H8c-0.6%2C0-1%2C0.4-1%2C1v0.3c0%2C0.5-0.2%2C0.9-0.6%2C1.2c-0.6%2C0.4-1.3%2C0.4-1.9%2C0C4.2%2C5.8%2C4%2C5.4%2C4%2C4.9V4.6c0-0.6-0.4-1-1-1H1%0A%09%09c-0.6%2C0-1%2C0.4-1%2C1v4c0%2C0.6%2C0.4%2C1%2C1%2C1h19c0.6%2C0%2C1-0.4%2C1-1v-4C21%2C4.1%2C20.6%2C3.6%2C20%2C3.6z%22/%3E%0A%09%3Cpath%20d%3D%22M15.5%2C3.1c0.6%2C0%2C1-0.4%2C1-1V1c0-0.6-0.4-1-1-1s-1%2C0.4-1%2C1v1.1C14.5%2C2.7%2C14.9%2C3.1%2C15.5%2C3.1z%22/%3E%0A%09%3Cpath%20d%3D%22M8.2%2C24c0.2%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3c0.3%2C0%2C0.5-0.1%2C0.7-0.3l6.7-6.7c0.4-0.4%2C0.4-1%2C0-1.4c-0.4-0.4-1-0.4-1.4%2C0%0A%09%09l-6%2C6L6%2C19c-0.4-0.4-1-0.4-1.4%2C0c-0.4%2C0.4-0.4%2C1%2C0%2C1.4L8.2%2C24z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E");
                }*/
  color: var(--body-text-color);
}
.cart.applyColorPicker .cart_content #cart_content_confirmation a {
  color: var(--body-text-color);
}
.modal .modal-content .modal-footer {
  padding: 20px 0 20px 0;
}
/*#endregion*/
/*#region -------------------------------------------------------------- BOOKINGS -------------------------------------------------------------------------- */
#bookings .under_menu {
  top: 468px;
  position: absolute;
}
#bookings .appointments-container {
  margin-top: 2rem;
}
#bookings .appointments-container #appointments {
  width: 100%;
  /*background-color: white;*/
  padding-bottom: 5px;
  min-height: 65vh;
}
#bookings .appointments-container #noAppointment {
  padding: 50px 0;
  overflow: visible;
}
#bookings .appointments-container #noAppointment h2 {
  margin-bottom: 0;
}
#bookings .appointments-container #noAppointment .picto-no-rdv {
  height: 180px;
  width: 180px;
  border-radius: 50%;
  background: #FFF;
  line-height: 180px;
  text-align: center;
  margin: auto;
}
#bookings .appointments-container #noAppointment .noAppointmentLink {
  margin-top: 30px;
}
.bt-no-rdv {
  display: block;
  margin: 50px auto;
  padding-left: 60px;
  padding-right: 60px;
}
.bt-no-rdv:hover {
  background-image: none !important;
}
.mail-error {
  color: red;
}
/*#endregion*/
/*#region -------------------------------------------------------------- OTHERS -------------------------------------------------------------------------- */
.iti-flag {
  background-image: url("/Content/themes/base/img/flags.png");
}
a,
a:hover,
a:active,
a:visited,
a:focus {
  text-decoration: none;
}
a.disabled {
  pointer-events: none;
}
.salon-closed-container {
  height: 100%;
  width: 100%;
  font-family: 'Aileron Thin';
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: black;
  padding-top: 6vh;
  padding-bottom: 88px;
  font-size: 1.6rem;
  overflow-y: auto;
}
.salon-closed-container .stay-home {
  font-family: 'Aileron Black';
  text-transform: uppercase;
  font-size: 6vh;
  letter-spacing: 0.6vh;
}
.salon-closed-container .heart {
  background-image: url(/Content/themes/base/images/heart.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 8vh;
  width: 8vh;
  margin-top: 2vh;
  margin-bottom: 2vh;
}
.salon-closed-container .salon-closed-text {
  text-align: center;
  padding-bottom: 2rem;
}
.salon-closed-container .salon-closed-title-text {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
}
.salon-closed-container .salon-closed-subtitle-text {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding-top: 0.5rem;
  padding-bottom: 3rem;
}
.salon-closed-container .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2vh;
  background-color: white;
  box-shadow: 0px 0px 12px #DC8E9B80;
  border-radius: 5px;
  margin-left: 2vh;
  margin-right: 2vh;
  margin-top: 4vh;
  margin-bottom: 4vh;
  max-width: 60vh;
}
.salon-closed-container .box .title {
  font-family: 'Aileron Black';
  padding-bottom: 1vh;
}
.salon-closed-container .box .item-separator {
  width: 100%;
  border-bottom: 2px solid #dbdbdb;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.salon-closed-container .box .btn-default {
  background-color: white;
}
.salon-closed-container .box .btn-default:hover {
  color: white;
}
.salon-closed-container .box .online-store-link {
  width: 250px;
  height: 40px;
}
.salon-closed-container .box .online-store-link svg .online-store-link-text {
  fill: black;
}
.salon-closed-container .box .online-store-link svg .online-store-link-contour {
  fill: white;
  stroke: black;
}
.salon-closed-container .box .online-store-link svg:hover .online-store-link-text {
  fill: white;
}
.salon-closed-container .box .online-store-link svg:hover .online-store-link-contour {
  fill: black;
  stroke: white;
}
.salon-closed-container .btn-default {
  color: black;
  background-color: #F9E7E8;
  border: 2px solid black;
  border-radius: 20px;
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.8rem;
  cursor: pointer;
  font-family: 'Aileron Black';
}
.salon-closed-container .btn-default:hover {
  background-color: black;
  color: #F9E7E8;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
}
.sweetwait {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15px;
}
.sweetwait.horizontal {
  flex-direction: row;
}
.sweetwait .sweetwait-title {
  text-align: justify;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 16px;
  opacity: 100%;
  color: #333333;
}
.sweetwait .btDefault {
  height: 34px;
  padding-left: 0px;
  padding-right: 0px;
  width: 180px;
}
.sweetwait .sweetwait-btn {
  margin-top: 15px;
}
.sweetwait .sweetwait-btn .sweetwait-btn-text {
  width: auto;
  position: absolute;
  margin-right: 0;
  left: 46px;
}
.sweetwait .sweetwait-btn .sweetwait-btn-icon {
  -webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='23.711' height='24' viewBox='0 0 23.711 24'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M20.813,12.121H19.587a7.243,7.243,0,0,0-7.236-7.236V3.673A8.477,8.477,0,0,1,20.813,12.121ZM12.351,5.774V6.994a5.142,5.142,0,0,1,5.142,5.142h1.219A6.347,6.347,0,0,0,12.38,5.774ZM12.1,0a12,12,0,0,0,0,24,.735.735,0,1,0,0-1.469A10.52,10.52,0,1,1,22.621,12a6.832,6.832,0,0,1-3.137,5.877,4.539,4.539,0,0,1-2.2.558,3.414,3.414,0,0,0,1.19-1.153,1.52,1.52,0,0,0,.176-.264,11.819,11.819,0,0,0,.411-1.851c.176-.779-3.423-2.307-3.739-1.33A9.142,9.142,0,0,1,14.8,15.64c-.2.264-.7.14-1.006-.125-.823-.7-1.741-1.726-2.542-2.542h0l-.066-.066-.066-.066h0c-.815-.808-1.844-1.719-2.542-2.542-.264-.309-.4-.808-.125-1.014a9.645,9.645,0,0,1,1.807-.514c.97-.309-.551-3.908-1.337-3.732a12.856,12.856,0,0,0-1.844.4,1.673,1.673,0,0,0-.264.176c-2.05,1.308-2.307,4.474-.309,6.869.735.9,1.565,1.77,2.38,2.623h0l.066.066.066.066h0a22.266,22.266,0,0,0,3.511,3.122c3.453,2.307,6.1,1.66,7.662.808a8.27,8.27,0,0,0,3.908-7.14A12.019,12.019,0,0,0,12.1,0Z' transform='translate(-0.394)'/%3E%3C/svg%3E");
  background: white;
  position: absolute;
  left: 5px;
}
.sweetwait .sweetwait-btn .picture {
  top: unset;
  width: 24px;
  height: 24px;
}
.sweetwait .sweetwait-btn:hover .sweetwait-btn-icon {
  background: #333333;
}
/* Provisoire */
.container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .voucherStyle-recipient .recipients .recipient .form-check input[type="radio"] {
  flex-shrink: 0;
}
/**Personalize Appointment comments*/
.pac__form-container {
  padding: 1em 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.pac__form-container .pac__form-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 80px;
}
.pac__form-container .pac__form-content .row {
  margin-bottom: 25px;
}
.pac__form-container .pac__form-content .row label {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  line-height: 16px;
  position: relative;
  padding-top: 10px;
  width: 100%;
}
.pac__form-container .pac__form-content .row input {
  border: 1px solid #cccccc;
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  padding: 8px 10px;
  height: auto;
  font-size: 16px;
  color: black;
  width: 100%;
}
.pac__form-container .pac__form-content .row .intl-tel-input.allow-dropdown,
.pac__form-container .pac__form-content .row .iti__country-list.allow-dropdown {
  width: 100% !important;
}
.pac__form-container .pac__form-content .pac-values-container {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}
.pac__form-container .pac__form-content .pac-values-container .pac-values-label {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.8rem;
}
.pac__form-container .pac__form-content .pac-values-container .pac-subtitle {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.pac__form-container .pac__form-content .pac-values-container .pac-values {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  padding-block: 1rem;
  margin-inline: auto;
}
.pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value {
  background-color: transparent;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
}
.pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .desktop img,
.pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .mobile img {
  height: auto;
  width: auto;
}
.pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .mobile {
  display: none;
}
.pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .item-content {
  position: absolute;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  padding: 1.5rem;
  text-align: center;
  width: 100%;
  height: 50%;
  border-radius: 0px 0px 5px 5px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .item-content .content-title {
  font-size: 1.8rem;
  font-weight: bold;
}
.pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .item-content .content-description {
  font-size: 1.6rem;
}
.pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value.last-child.selected {
  border: 1px solid blue;
}
.pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value:hover {
  cursor: pointer;
  transform: translateY(-3px);
  box-shadow: 0px 0px 12px #DC8E9B80;
  transition: ease 0.3s;
}
.pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value.selected {
  opacity: 0.5;
  box-shadow: 0px 0px 6px #000000;
}
/*#region ----------------------------------------------------------- RESPONSIVE MEDIAS -----------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
  .appointment-box {
    width: 99%;
  }
  #employees .calendar-box {
    width: 100%;
    padding-top: 30px;
  }
  #employees .calendar-box .calendar-table {
    width: 83%;
  }
  #employees .calendar-box .calendar-table .panel {
    min-width: 85%;
    /*margin: 0 15% 20px;*/
    margin-right: 0;
    display: inline-block;
    float: none;
  }
  #employees .calendar-box .calendar-table .panel-default {
    width: 85%;
  }
  .btn-cancel,
  .btn-rdv {
    display: block;
    /*font-size: 13px;*/
  }
  .btn-cancel span,
  .btn-rdv span {
    padding: 4px 0 4px 30px !important;
    font-weight: normal;
  }
  /* Modal */
  .modal .modal-content {
    min-height: 460px;
  }
  .modal .modal-content .modal-body p {
    width: 100%;
    padding-top: 147px;
    min-height: 200px;
    font-size: 24px;
  }
  .content-header-title {
    font-size: 1.8rem;
  }
  .content-header-title p {
    white-space: normal;
  }
  .sweetwait .sweetwait-title {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 769px) {
  #sweetwait_mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .topnav.navbar > .container .navbar-brand {
    margin-left: 0;
  }
  #logOffForm.navbar-right {
    margin-right: 0;
  }
  #employees .calendar-box {
    width: 100%;
    height: 100%;
  }
  #employees .calendar-box .calendar-table .panel {
    display: table-cell;
    height: 100%;
    margin-right: 2px;
    margin-left: 3px;
  }
  #rdv-service-list {
    min-width: 200px;
  }
  #rdv-service-list .dropdown-toggle {
    width: 100%;
  }
  #rdv-service-list .dropdown-toggle .dropdown-value {
    float: left;
  }
  #rdv-service-list .dropdown-toggle .caret {
    float: right;
    margin-left: 10px;
    margin-top: 12px;
  }
}
@media (max-width: 1094px) {
  .cart .cart_content .cart_choose_time_slot .cart_calendar {
    width: 100%;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .days {
    width: 100%;
  }
  .cart .cart_content .cart_choose_time_slot .cart_summary_container {
    width: 100%;
  }
  .cart_summary_container.has_only_vouchers {
    width: 100%;
  }
}
@media (max-width: 1040px) {
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel {
    grid-template-columns: 8% 84% 8%;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
    border-radius: 20px;
    width: 35px;
    height: 35px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous .picture,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next .picture {
    width: 8px;
    height: 15px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous {
    padding: 9px 11px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
    padding: 9px 14px;
  }
}
@media (max-width: 992px) {
  /*#region -------------------------------------------------------------- ACCOUNT -------------------------------------------------------------------------- */
  #login {
    min-width: unset;
  }
  #login #LogOrCreateAccount #loginForm {
    border-right-width: 0px;
  }
  #login #LogOrCreateAccount .login_buttons {
    font-size: 13px;
  }
  /*#endregion*/
  /*#region -------------------------------------------------------------- MY CART -------------------------------------------------------------------------- */
  #ariane {
    grid-template-columns: repeat(3, 1fr);
  }
  #ariane #step1 {
    grid-column: 1;
  }
  #ariane #step2 {
    grid-column: 2;
  }
  #ariane #confirm.step {
    grid-column: 3;
  }
  #ariane.onlyPayment {
    grid-template-columns: repeat(2, 1fr);
  }
  #ariane.onlyPayment #step3 {
    grid-column: 1;
  }
  #ariane.onlyPayment #confirm {
    grid-column: 2;
  }
  #ariane.paymentStep {
    grid-template-columns: repeat(4, 1fr);
  }
  #ariane.paymentStep .step {
    width: 25%;
  }
  #ariane.paymentStep #step1 {
    grid-column: 1;
  }
  #ariane.paymentStep #step2 {
    grid-column: 2;
  }
  #ariane.paymentStep #step3 {
    grid-column: 3;
  }
  #ariane.paymentStep #confirm {
    grid-column: 4;
  }
  #ariane.noStep3 .step {
    width: 35%;
  }
  .cart .cart_content {
    width: 100%;
  }
  .cart .cart_content .cart_choose_time_slot {
    flex-direction: column;
  }
  .cart .cart_content .cart_choose_time_slot .cart_summary_container {
    width: 100%;
  }
  .cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary {
    overflow: unset;
    max-height: none;
  }
  .cart .cart_content .cart_choose_time_slot .cart_summary_container.has_only_vouchers {
    width: 100%;
  }
  .cart .cart_content .cart_choose_time_slot .cart_summary_container.has_only_vouchers .cart_summary {
    overflow: unset;
    max-height: none;
  }
  .cart .cart_content .cart_choose_time_slot .cart_separation {
    display: none;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar {
    width: 100%;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box {
    font-size: 16px;
    width: inherit;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box #btGetCalendar {
    margin-left: 0px;
    margin-top: 15px;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  #register #info-register .info-perso #sendCode {
    margin-bottom: 10px;
  }
  #register #info-register .info-perso .btn {
    width: 100%;
  }
  /*#endregion*/
  /**Personalize Appointment comments*/
  .pac__form-container .pac__form-content .pac-values-container .pac-values-label {
    font-size: 1.6rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-subtitle {
    font-size: 1.5rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 2rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value {
    grid-column: span 1;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .item-content .content-title {
    font-size: 1.5rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .item-content .content-description {
    font-size: 1.4rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values.grid-style-small {
    grid-template-columns: repeat(2, 1fr);
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values.grid-style-small .pac-value {
    grid-column: span 1;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values.grid-style-small .pac-value .item-content {
    padding: 0 0.2rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values.grid-style-small .pac-value .item-content .content-title {
    font-size: 1.3rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values.grid-style-small .pac-value .item-content .content-description {
    font-size: 1.1rem;
  }
  /*#endregion*/
}
@media (max-width: 768px) {
  body {
    padding-bottom: 0px;
  }
  .iko-logo {
    margin-bottom: 0;
    height: 22px;
  }
  .container-fluid {
    padding-top: 68px;
    margin-bottom: 65px;
  }
  #timeSlotsLoader {
    bottom: 62px;
    height: 78px;
  }
  .salon-closed-container {
    padding-top: 5vw;
    padding-bottom: 65px;
    font-size: 1.4rem;
  }
  .salon-closed-container .stay-home {
    font-size: 6vw;
    letter-spacing: 0.6vw;
  }
  .salon-closed-container .heart {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }
  .salon-closed-container .box {
    padding: 2vw;
    margin-left: 2vw;
    margin-right: 2vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
  }
  .salon-closed-container .box .title {
    padding-bottom: 1vw;
  }
  .salon-closed-container .btn-default {
    font-size: 1.6rem;
  }
  body {
    padding-bottom: 0px;
  }
  .container-fluid {
    padding-top: 68px;
    margin-bottom: 65px;
  }
  .container-fluid.hasLogo {
    padding-top: 185px;
  }
  .container_authentificated {
    padding-bottom: 0px;
  }
  .container_authentificated.has_menu {
    padding-top: 55px;
  }
  .intro-header .container {
    padding: 0 15px;
  }
  .btDefault {
    font-size: 14px;
  }
  .btBack {
    left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
  }
  .btNext {
    right: 0px;
    width: 50%;
    border-radius: 0px;
    margin-right: auto;
    margin-left: auto;
    height: 70px;
  }
  .btNext .text {
    float: none;
    margin-right: 0px;
  }
  .button_next_step {
    position: fixed;
    margin-bottom: 65px;
    padding-bottom: 0;
    z-index: 1;
  }
  .button_next_step .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 1rem;
  }
  .button_next_step .buttons #btBackToFamilies,
  .button_next_step .buttons #btBackToTimeSlot,
  .button_next_step .buttons #btChooseTimeSlot,
  .button_next_step .buttons #btConfirmCart {
    margin: 0;
    min-width: 50%;
  }
  .button_next_step .buttons #btBackToFamilies .picture.picture_previous,
  .button_next_step .buttons #btBackToTimeSlot .picture.picture_previous,
  .button_next_step .buttons #btChooseTimeSlot .picture.picture_previous,
  .button_next_step .buttons #btConfirmCart .picture.picture_previous,
  .button_next_step .buttons #btBackToFamilies .picture.picture_next,
  .button_next_step .buttons #btBackToTimeSlot .picture.picture_next,
  .button_next_step .buttons #btChooseTimeSlot .picture.picture_next,
  .button_next_step .buttons #btConfirmCart .picture.picture_next {
    top: unset;
    bottom: unset;
    margin: 0;
    right: 0;
    position: relative;
  }
  .button_next_step .buttons #btBackToFamilies .picture.picture_previous,
  .button_next_step .buttons #btBackToTimeSlot .picture.picture_previous,
  .button_next_step .buttons #btChooseTimeSlot .picture.picture_previous,
  .button_next_step .buttons #btConfirmCart .picture.picture_previous {
    left: 10px;
  }
  .button_next_step .buttons #btBackToFamilies .picture.picture_next,
  .button_next_step .buttons #btBackToTimeSlot .picture.picture_next,
  .button_next_step .buttons #btChooseTimeSlot .picture.picture_next,
  .button_next_step .buttons #btConfirmCart .picture.picture_next {
    left: 0;
  }
  .button_next_step .buttons #btBackToFamilies .text,
  .button_next_step .buttons #btBackToTimeSlot .text,
  .button_next_step .buttons #btChooseTimeSlot .text,
  .button_next_step .buttons #btConfirmCart .text {
    max-width: unset;
    min-width: 90%;
    margin: 0;
    padding: 0 20px;
    line-height: 18px;
  }
  .button_next_step .buttons .btDefault.btBack,
  .button_next_step .buttons .btDefault.btNext {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .button_next_step .buttons .btDefault.btBack .text,
  .button_next_step .buttons .btDefault.btNext .text {
    max-width: unset;
  }
  .button_next_step .buttons .btDefault.alone {
    width: 100%;
  }
  .button_next_step .buttonsFromNomad {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5px;
  }
  .button_next_step .buttonsFromNomad .btDefault.btNext.btPayment,
  .button_next_step .buttonsFromNomad .btDefault.btNext.btSetup {
    width: 90%;
    border-radius: 20px;
  }
  .button_next_step .buttonsFromNomad .btNomadIgnorePayment {
    width: 90%;
    position: relative;
    top: unset;
    right: unset;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .button_next_step .buttonsFromNomad .btNomadIgnorePayment .text {
    display: flex;
    justify-content: center;
    align-items: center;
    position: initial;
    margin-top: unset;
    padding-top: unset;
    font-size: 15px;
  }
  #btBackToFamilies {
    margin-right: 0px;
    border-radius: 0px;
    position: initial;
    margin-top: 0px;
    max-width: unset;
    height: 70px;
  }
  #btBackToFamilies .picture_button {
    display: none;
  }
  #btBackToFamilies .text {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
    padding-top: 0px;
    width: 165px;
    height: 52px;
    max-width: 100px;
  }
  #btChooseTimeSlot,
  #btValidateVouchers,
  #btConfirmCart {
    width: 50%;
    border-radius: 0px;
    font-size: 13px;
    float: right;
    position: initial;
    height: 70px;
    padding-top: 0px;
    right: 0px;
  }
  #btChooseTimeSlot .picture_button,
  #btValidateVouchers .picture_button,
  #btConfirmCart .picture_button {
    display: none;
  }
  #btChooseTimeSlot .text,
  #btValidateVouchers .text,
  #btConfirmCart .text {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
    height: 52px;
    max-width: 100px;
    padding-top: 0px;
  }
  #btValidateCart {
    width: 100%;
  }
  .btPayment,
  .btSetup {
    width: 100%;
  }
  .btPayment .text,
  .btSetup .text {
    float: none;
  }
  .btPay {
    width: 100%;
  }
  .btPay .text {
    margin-top: 17px;
  }
  .container-fluid .cart .cart_content {
    padding-bottom: 120px;
  }
  /*#region -------------------------------------------------------------- FOOTER -------------------------------------------------------------------------- */
  .footer {
    height: 65px;
    font-size: 12px;
    border-color: #505b5f;
    border-top-width: 3px;
    border-top-style: solid;
  }
  .footer .footer-content {
    padding-left: 0px;
    padding-right: 0px;
  }
  .footer .footer-content .footer-left {
    width: 22%;
  }
  .footer .footer-content .footer-left .legalInformation .desktop {
    display: none;
  }
  .footer .footer-content .footer-left .legalInformation .mobile {
    font-size: 12px !important;
    display: block;
  }
  .footer .footer-content .footer-left .salon_information.name {
    text-align: center;
  }
  .footer .footer-content .version,
  .footer .footer-content .gtc {
    font-size: 0.8rem;
  }
  .footer .footer-content .footer-center {
    width: 52%;
  }
  .footer .footer-content .footer-center .online-store-title {
    font-size: 9px;
  }
  .footer .footer-content .footer-center .online-store-link {
    height: 25px;
    width: 120px;
  }
  .footer .footer-content .salon_information.name {
    font-size: 13px;
  }
  .footer .footer-content .salon_information.name.long {
    font-size: 10px;
  }
  .footer .footer-content .salon_information.adress {
    display: none;
  }
  .footer .footer-content .salon_information.phone {
    text-align: center;
  }
  .footer .footer-content .salon_information.phone i {
    display: inline-block;
    font-size: 26px;
  }
  .footer .footer-content .salon_information.phone span {
    display: none;
  }
  .footer .footer-content .footer-right {
    width: 26%;
    padding-right: 0.3rem;
  }
  .footer .footer-content .footer-right #footer-right-desktop {
    display: none;
  }
  .footer .footer-content .footer-right #footer-right-mobile {
    display: flex;
  }
  .footer .footer-content .copyright {
    font-size: 10px;
  }
  .footer .footer-content .copyright .picture {
    width: 31px;
  }
  /*#endregion*/
  #introBooking,
  #introLogin {
    padding-top: 55px;
    padding-left: 6%;
    height: 194px;
  }
  /*#region -------------------------------------------------------------- MENU NAVIGATION -------------------------------------------------------------------------- */
  .navmain {
    flex-direction: column;
  }
  .navmain .logo {
    width: 100%;
    height: 117px;
    justify-content: center;
    align-items: center;
  }
  .navmain .logo .picture {
    height: 60%;
    width: 60%;
  }
  .navmain .nav-elements {
    width: 100%;
  }
  .navmain .nav-elements .nav-element {
    height: 68px;
  }
  .navmain .nav-elements .nav-element .count {
    top: 11px;
  }
  .navmain .nav-elements .nav-element .nav-picture {
    margin-top: 23px;
  }
  .navmain .nav-elements .nav-element .nav-text {
    display: none;
  }
  .navmain .nav-elements .nav-element .nav-arrow-down {
    margin-top: 15px;
  }
  .navmain.hasLogo .logo {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .navmain.hasLogo .nav-elements {
    width: 100%;
  }
  .under_menu {
    top: 68px;
  }
  .under_menu .page-title {
    font-size: 15px;
    text-align: center;
  }
  .under_menu.hasLogo {
    top: 185px;
  }
  .container-fluid .chooseGender-container .page-main-title {
    display: none;
  }
  .container-fluid .chooseGender-container .chooseGender-content {
    flex-direction: column;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart {
    width: 100%;
    margin: 0.8rem 0.1rem;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome {
    text-align: center;
    width: 95%;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .logo {
    margin-bottom: 10px;
    height: 60px;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-message {
    font-size: 2.2rem;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-text {
    font-size: 1.8rem;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .page-main-title {
    display: block;
    margin: 5px 0;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart {
    width: 100%;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders {
    width: 500px;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders .gender {
    width: 240px;
    height: 625px;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders .gender .gender-name {
    height: 43px;
    font-size: 1.7rem;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders .gender a .gender-picture {
    width: 230px;
    height: 575px;
    background-size: cover;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart {
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container {
    width: 100%;
    max-width: unset;
    height: 100vw;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-header {
    font-size: 3.7vw;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-text {
    padding-left: 0;
    font-size: 2.3vw;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-text ul li {
    margin-bottom: 5px;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container {
    width: 25vw;
    margin-top: 10vw;
    margin-left: 2.5vw;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container .header {
    font-size: 2.5vw;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container .price {
    font-size: 3.5vw;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container .image-text {
    font-size: 1vw;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .voucherCard-image .image-text-container .salon-location-container {
    font-size: 1vw;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-rightPart .voucherCard-container .voucherCard-content .voucherCard-text-content .btn-goVoucher-container .btn-goVoucher {
    font-size: 2.5vw;
    width: 45vw;
    height: 6.5vw;
    padding-top: 1vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content {
    display: flex;
    flex-direction: column;
    width: 99.9%;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview {
    flex-direction: column;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview {
    width: 100%;
    background-color: transparent;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount {
    width: 100%;
    padding: 20px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount {
    width: 100%;
    margin-bottom: 15px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .offerService-container {
    margin-top: 1rem;
    width: 100%;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .voucherCustom-recipient {
    padding: 0 16px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .voucherCustom-recipient .recipients {
    flex-direction: column;
    margin-top: 1rem;
    justify-content: center;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .voucherCustom-recipient .recipients .recipient {
    width: 100%;
    padding: 15px;
    flex-direction: column;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary {
    width: 100%;
    padding: 20px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-offerVoucher-container {
    margin-top: 50px;
    width: 100%;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container {
    margin-bottom: 20px;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview {
    flex-direction: column;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview {
    width: 100%;
    display: flex;
    flex-direction: row;
    /*padding: 20px 0;*/
    background-color: transparent;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style {
    width: 100%;
    padding: 20px;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineEvent-container {
    margin-bottom: 30px;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineEvent-container .defineEvent-events {
    width: 100%;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style .style-container .defineStyle-container {
    margin-bottom: 30px;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient {
    padding: 0 24px;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient .recipients {
    flex-direction: column;
    margin-top: 20px;
    justify-content: center;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient .recipients .recipient {
    width: 100%;
    padding: 15px;
    flex-direction: column;
    margin-bottom: 10px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content {
    flex-direction: column;
    width: 99.9%;
    padding: 0 20px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left {
    width: 100%;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel {
    background-color: transparent;
    padding: 20px 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .preview-sendMethod {
    margin-top: 50px;
    display: none;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right {
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input {
    width: 100%;
    max-width: unset;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .preview-sendMethod {
    margin-top: 50px;
    display: block;
  }
  .container-fluid .voucherCustom-page-container .buttons-navigation {
    margin-bottom: 30px;
  }
  .container-fluid .voucherCustom-page-container .buttons-navigation a .btn-navigation {
    width: 280px;
  }
  .container-fluid .voucherCustom-page-container .buttons-navigation .btn-finalize {
    width: 280px;
  }
  /*#region -------------------------------------------------------------- ACCOUNT -------------------------------------------------------------------------- */
  #login #LogOrCreateAccount #loginForm {
    margin-top: 10px;
    border-right-width: 0px;
    margin-bottom: 0px;
  }
  #login #LogOrCreateAccount #loginForm .bottom-butons .btnForgotPassword {
    align-self: center;
    font-size: -4.4rem;
    margin-bottom: 20px;
  }
  #login #LogOrCreateAccount #createAccount {
    margin-top: 0px;
  }
  #login #LogOrCreateAccount .instruction {
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 19px;
  }
  #register #info-register .info-perso .verification-code-sent-msg p {
    font-size: 16px;
    color: #000000;
  }
  #register #info-register .info-perso .block-label {
    text-align: center;
  }
  #register #info-register .info-perso .block-label label {
    color: #000000;
  }
  #register #info-register .info-perso #sendCode {
    margin-bottom: 10px;
  }
  #register #info-register .info-perso .btn {
    width: 100%;
  }
  /*#endregion*/
  /*#region -------------------------------------------------------------- SERVICES -------------------------------------------------------------------------- */
  .appointment {
    /*#region -------------------------------------------------------------- FAMILIES PICTURES -------------------------------------------------------------------------- */
  }
  .appointment .chooseGender {
    margin-bottom: 15px;
  }
  .appointment .chooseGender .gender:hover {
    box-shadow: 1px 1px 25px #555555;
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -o-transform: translateY(-2px);
  }
  .appointment .chooseGender .gender .picture {
    background-size: contain;
  }
  .appointment .voucherDiv .chooseGenderVouchers .picture {
    height: 22vw;
    width: 60vw;
  }
  .appointment #appointment_packages_services {
    margin-top: 0px;
    padding-bottom: 83px;
  }
  .appointment #appointment_packages_services #appointment_packages_services_content {
    width: 100%;
  }
  .appointment .appointment-content {
    padding-left: 0px;
    padding-right: 0px;
  }
  .appointment .appointment-content #menu_left .conditions .condition {
    width: 57px;
    margin-right: 15px;
    margin-left: 15px;
    display: inline-block;
  }
  .appointment .appointment-content #menu_left .conditions .condition .text {
    display: none;
  }
  .appointment .appointment-content #menu_left .conditions .condition .picture_sex {
    left: 13px;
  }
  .appointment .appointment-content #menu_left .welcome {
    padding: 10px 25px 0 25px;
  }
  .appointment .appointment-content #menu_left .welcome .welcome-container .logo {
    height: 60px;
    margin-bottom: 10px;
  }
  .appointment .appointment-content #menu_left .welcome .welcome-container .welcome-message {
    font-size: 1.8rem;
  }
  .appointment .appointment-content #menu_left .welcome .welcome-container .welcome-text {
    font-size: 1.4rem;
  }
  .appointment .appointment-content #appointment-center-container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 22px;
  }
  .appointment .appointment-content #appointment-center-container .vouchers {
    margin-left: auto;
    margin-right: auto;
    max-width: 490px;
    /*height: @voucherHeight768;*/
    height: auto;
  }
  .appointment .appointment-content #appointment-center-container .vouchers .picture {
    padding: 1em 0;
  }
  .appointment .appointment-content #appointment-center-container .vouchers .picture .text .text1 {
    font-size: 1.8rem;
  }
  .appointment .appointment-content #appointment-center-container .vouchers .picture .text .text2 {
    font-size: 2.5rem;
  }
  .appointment .appointment-content #appointment-center-container .vouchers .picture .text .text3 {
    font-size: 1.6rem;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families {
    justify-content: space-evenly;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family {
    display: block;
    margin-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    float: none;
    width: 100%;
    height: 200px;
    max-width: 490px;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content .family-picture {
    width: auto;
    height: 150px;
    background-size: contain;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family:hover {
    box-shadow: 1px 1px 25px #555555;
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -o-transform: translateY(-2px);
  }
  .voucher {
    margin-bottom: 10px;
  }
  /*#endregion*/
  /*#region -------------------------------------------------------------- BOOKING -------------------------------------------------------------------------- */
  #bookings #appointments {
    padding-top: 0px;
  }
  /*#endregion*/
  /*#region -------------------------------------------------------------- PROFIL -------------------------------------------------------------------------- */
  #profil {
    width: 100%;
  }
  #profil #info-profil .block-right {
    border: none;
    min-height: 0;
  }
  #profil #info-profil .nav {
    background: #f0f1fc;
    padding: 0 !important;
  }
  #profil #info-profil .nav li {
    width: 33.33333333%;
    float: left;
    padding: 0 30px;
  }
  #profil #info-profil .nav li a {
    background-position: center center !important;
    display: block;
    padding: 25px 0 !important;
  }
  #profil #info-profil .nav li a span {
    display: none;
  }
  #profil #info-profil .nav li.active a {
    border-bottom: 5px solid #384347;
  }
  /*#endregion*/
  /* Modal */
  .modal .modal-dialog .modal-content {
    min-height: 420px;
  }
  .modal .modal-dialog .modal-content .modal-header button.close {
    background: url('/Content/themes/base/img/modal-close-dark.png') 0 0 no-repeat;
    right: 20px;
    top: 20px;
    z-index: 1;
  }
  .modal .modal-dialog .modal-content .modal-body p {
    width: 100%;
    padding-top: 147px;
    min-height: 200px;
    font-size: 24px;
    line-height: 1.2;
  }
  .modal .modal-dialog .modal-content .modal-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .modal .modal-dialog .modal-content .modal-footer .btn-cancel,
  .modal .modal-dialog .modal-content .modal-footer .btn-valid {
    width: 90%;
  }
  .modal-content .modal-delete-content {
    /*min-height: 370px;*/
  }
  .modal-content .modal-delete-content .btn-rdv {
    width: 90%;
    margin: 0 auto;
  }
  .legalInformationsModal .modal-dialog .modal-content .content-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .legalInformationsModal .modal-dialog .modal-content .modal-body {
    padding: 0;
    margin-bottom: 20px;
  }
  .legalInformationsModal .modal-dialog .modal-content .modal-body p {
    font-size: 16px;
    text-align: left;
    width: 100%;
  }
  .legalInformationsModal .modal-dialog .modal-content .modal-body .salon-legal-informations-subtitle {
    text-align: center;
    font-size: 18px;
    margin-bottom: 6px;
  }
  .legalInformationsModal .modal-dialog .modal-content .modal-body .salon-legal-informations p {
    font-size: 16px;
    text-align: left;
    width: 100%;
    margin-bottom: 8px;
  }
  .modal-open .legalInformationsModal .modal-dialog .modal-content .modal-body p {
    padding-top: unset;
    min-height: unset;
  }
  #sweetwait_desktop {
    display: none;
  }
}
@media (max-width: 640px) {
  .content-header-title {
    font-size: 1.8rem;
  }
  .content-header-title p {
    white-space: normal;
  }
  .service-arrow {
    visibility: collapse;
    height: 0;
    width: 0;
    margin: 0;
  }
  #login #loginSocial .networks .network {
    margin-left: 0px;
  }
  #profil #info-profil .vouchers .profile-vouchers-title,
  #profil #info-profil .vouchers .profile-vouchers-faq-label {
    text-align: center;
  }
  #profil #info-profil .vouchers .profile-vouchers-title {
    margin-top: 20px;
  }
  #profil #info-profil .vouchers .profile-vouchers-faq-label {
    margin-bottom: 20px;
  }
  /*#region -------------------------------------------------------------- CART -------------------------------------------------------------------------- */
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box #offers {
    height: auto;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box #offers .offers_container {
    padding-right: 10px;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box #offers .offers_container .offer {
    width: 100%;
    margin-right: auto;
    margin-bottom: 18px;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box #offers .offers_container .offer .promo {
    left: unset;
    margin-left: auto;
    margin-right: auto;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box #offers .offers_container .offer .text {
    margin-top: -7px;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table {
    overflow-x: visible;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table .panel {
    width: 100%;
    display: block;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table .panel .panel-body {
    display: none;
    height: auto !important;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table .panel .panel-body.opened {
    display: block;
  }
  @supports (display: grid) {
    .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table .panel .panel-body.opened {
      display: grid;
    }
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table .panel .panel-body .panel-numbers {
    background-color: #F0F0F3;
    line-height: 62px;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table .panel .panel-body .moreTimeSlot .picture {
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22green%22%3E%3Cpath%20d%3D%22M1344%20960v-128q0-26-19-45t-45-19h-256v-256q0-26-19-45t-45-19h-128q-26%200-45%2019t-19%2045v256h-256q-26%200-45%2019t-19%2045v128q0%2026%2019%2045t45%2019h256v256q0%2026%2019%2045t45%2019h128q26%200%2045-19t19-45v-256h256q26%200%2045-19t19-45zm320-64q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22%2F%3E%3C%2Fsvg%3E");
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table .panel .panel-body:before {
    content: none;
  }
  /*#endregion*/
  /**Personalize Appointment comments*/
  .pac__form-container .pac__form-content .pac-values-container .pac-values-label {
    font-size: 1.5rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-subtitle {
    font-size: 1.3rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values {
    gap: 1rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value {
    grid-column: span 3;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .desktop {
    display: none;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .mobile {
    display: inline-block;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .item-content .content-title {
    font-size: 1.2rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values .pac-value .item-content .content-description {
    font-size: 1.1rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values.grid-style-small {
    grid-template-columns: repeat(2, 1fr);
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values.grid-style-small .pac-value {
    grid-column: span 1;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values.grid-style-small .pac-value .item-content .content-title {
    font-size: 1.1rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values.grid-style-small .pac-value .item-content .content-description {
    font-size: 0.9rem;
  }
  .pac__form-container .pac__form-content .pac-values-container .pac-values.grid-style-small .pac-value.last-child {
    grid-column: 1 / span 2;
  }
  /*#endregion*/
}
@media (max-width: 560px) {
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-carousel {
    /*position: relative;
                                        width: 0px;*/
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
    border-radius: 20px;
    width: 40px;
    height: 40px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous .picture,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next .picture {
    width: 10px;
    height: 19px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous {
    padding: 9px 12px;
    /* left: 5px;*/
    position: relative;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
    padding: 9px 16px;
    /*right: 40px;*/
    position: relative;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content {
    width: 335px;
    height: 128px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-header {
    font-size: 14px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-price {
    font-size: 18px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container {
    margin-left: 100px;
    padding-top: 10px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-header {
    font-size: 12px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-message {
    height: 40px;
    font-size: 6px;
    width: 170px;
    margin-bottom: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-text {
    font-size: 8px;
    height: 11px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-text.senderName {
    font-size: 8px;
    height: 11px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .voucher-conditions {
    font-size: 7px;
    width: 230px;
  }
  .container-fluid .voucherCustom-page-container .buttons-navigation a .btn-navigation {
    width: 160px;
  }
  .container-fluid .voucherCustom-page-container .buttons-navigation .btn-finalize {
    width: 160px;
  }
}
@media (max-width: 520px) {
  .appointment .chooseGender .gender {
    margin-left: 0px;
    width: 200px;
    height: auto;
  }
  .appointment .chooseGender .gender .picture {
    width: auto;
    height: 490px;
    background-position-x: center;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content .family-name {
    padding-top: 5px;
  }
  .appointment .appointment-title {
    padding-bottom: 0px;
  }
}
@media (max-width: 495px) {
  .login-container .x2-login-form form {
    width: 80%;
  }
  .login-container .external-login-container .header {
    grid-template-columns: 1fr 4fr 1fr;
  }
  .login-container .external-login-container .header .header-title {
    font-size: 1.5rem;
  }
  .login-container .external-login-container .social-login-list .login-provider {
    width: 40px;
    height: 40px;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days {
    grid-template-columns: auto;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .previous,
  .cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .next {
    display: none;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days {
    width: 100%;
    white-space: nowrap;
    overflow: auto;
    height: 97px;
    margin: 0 0 10px 0;
    justify-content: stretch;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day.noShowDesktop {
    display: inline-block;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots {
    max-height: unset;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .timeslots .hours_container .hours .hour {
    flex-basis: 33.33%;
  }
}
@media (max-width: 480px) {
  .under_menu .page-title {
    font-size: 13px;
  }
  .content-header-title {
    font-size: 1.8rem;
  }
  .content-header-title p {
    white-space: normal;
  }
  .content-header-title.families {
    height: 71px;
  }
  .appointment #appointment_packages_services #appointment_packages_services_content .appointment-family-content {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: white;
    padding-top: 1px;
    box-shadow: 1px 1px 10px #555;
    margin-top: 10px;
  }
  .appointment #appointment_packages_services #appointment_packages_services_content .appointment-family-content .family-name {
    display: block;
    margin-top: 0px;
    margin-top: 13px;
    margin-bottom: 7px;
  }
  .appointment #appointment_packages_services #appointment_packages_services_content .appointment-family-content .family_default {
    display: block;
  }
  .appointment #appointment_packages_services #appointment_packages_services_content .appointment-family-content .packagesAndServices {
    padding-top: 0px;
  }
}
@media (max-width: 425px) {
  .cart .cart_content .chooseEmployeeModal .modal-dialog .modal-content .content-employees {
    padding: 0;
  }
  .sweetwait .sweetwait-title {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .footer .footer-content .footer-left .salon_information.name {
    text-align: center;
  }
  .footer .footer-content .footer-left .salon_information.name.long {
    font-size: 8px;
  }
  .footer .footer-content .footer-left .salon_information.phone .text i {
    font-size: 20px;
  }
  .footer .footer-content .footer-right #footer-right-mobile .gtc {
    letter-spacing: -1px;
  }
  .download-app-banner-container h1 {
    font-size: 1.5rem;
  }
  .download-app-banner-container p {
    font-size: 1.3rem;
  }
  .download-app-banner-container .download-app-btn .store-name {
    font-size: 1.3rem;
  }
  #register #info-register .info-perso,
  #register #info-register .new-password-container {
    display: flex;
    flex-direction: column;
  }
  #register #info-register .info-perso .validation-summary-errors ul,
  #register #info-register .new-password-container .validation-summary-errors ul {
    padding: 0;
  }
  #register #info-register .info-perso .input-enter-code-content,
  #register #info-register .new-password-container .input-enter-code-content {
    flex-direction: column;
  }
  #register #info-register .info-perso .input-enter-code-content .block-label,
  #register #info-register .new-password-container .input-enter-code-content .block-label {
    width: 100%;
    margin: 0;
    text-align: center;
  }
  #register #info-register .info-perso .input-enter-code-content .block-label label,
  #register #info-register .new-password-container .input-enter-code-content .block-label label {
    top: 0;
  }
  .resendCode .input-resend-code-content .input-resend-code {
    flex-direction: column;
  }
  .resendCode .input-resend-code-content .input-resend-code .block-label {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .resendCode .input-resend-code-content .input-resend-code .input-resend-code-phone {
    text-align: center !important;
  }
  .resendCode .input-resend-code-content .new-password-resend-code-btnSubmit .btn {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .container-fluid .chooseGender-container .chooseGender-content {
    margin-top: 0;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .logo {
    margin-bottom: 5px;
    height: 40px;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-message {
    margin-bottom: 5px;
    padding: 0 20px;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-text {
    padding: 0 20px;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .page-main-title {
    font-size: 1.2em;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders {
    justify-content: space-evenly;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders .gender {
    width: 170px;
    height: auto;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders .gender a .gender-picture {
    width: 160px;
    height: 400px;
  }
  .container-fluid .voucherCustom-page-container.hasMainTitle {
    margin-top: 50px;
  }
  .container-fluid .voucherCustom-page-container .page-main-title {
    font-size: 18px;
    margin-top: 20px;
    padding: 0 50px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content {
    width: 90vw;
    height: 34.2vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container {
    font-weight: 600;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .preview-header {
    font-size: 4vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .preview-price {
    font-size: 4.6vw;
    margin-bottom: 1vw;
    height: 6.3vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .preview-text {
    font-size: 1.8vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .preview-text.salon-name {
    margin-bottom: 1.2vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container .salon-location-container {
    font-size: 1.6vw;
    margin-top: 1vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-header,
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-header {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-price,
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price.isArticleName {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price.isArticleName.long {
    font-size: 3vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .voucher-seeParticipantsLink {
    margin-top: 3vw;
    font-size: 3vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount {
    padding: 20px 24px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-title {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount {
    width: 40%;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .input-group .input-group-btn .btn {
    padding-top: 8px;
    padding-bottom: 7px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .input-group .input-group-btn ul.dropdown-menu {
    min-width: 115px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .amountRange {
    font-size: 12px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .offerService-container {
    width: 100%;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary {
    padding: 20px 15px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-text .summary-header {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-offerVoucher-container {
    width: 100%;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-recipient {
    padding: 0 24px;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content {
    width: 90vw;
    height: 34.2vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container {
    font-weight: 600;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .preview-header {
    font-size: 4vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .preview-price {
    font-size: 4.6vw;
    margin-bottom: 1vw;
    height: 6.3vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .preview-text {
    font-size: 1.8vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .preview-text.salon-name {
    margin-bottom: 1.2vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container .salon-location-container {
    font-size: 1.6vw;
    margin-top: 1vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-header,
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-header {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-price,
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price.isArticleName {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price.isArticleName.long {
    font-size: 3vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .voucher-seeParticipantsLink {
    margin-top: 3vw;
    font-size: 3vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-style {
    padding: 20px 24px;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient {
    padding: 0 24px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left {
    padding: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel {
    padding: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel {
    justify-content: center;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-carousel {
    /*position: relative;
                                        width: 0px;*/
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
    border-radius: 15px;
    width: 30px;
    height: 30px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous .picture,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next .picture {
    width: 10px;
    height: 20px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous {
    padding: 5px 8px;
    /*left: 5px;
                                        position: relative;*/
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
    padding: 5px 12px;
    /*right: 40px;
                                        position: relative;*/
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content {
    width: 90vw;
    height: 34.2vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container {
    width: 90vw;
    height: 34.2vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-header {
    font-size: 4vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-price {
    font-size: 4.6vw;
    margin-bottom: 1vw;
    height: 6.3vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-text {
    font-size: 1.8vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .preview-text.salon-name {
    margin-bottom: 1.2vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container .salon-location-container {
    font-size: 1.6vw;
    margin-top: 1vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024 .preview-header,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-header {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024 .preview-price,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-price {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-price.isArticleName {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-price.isArticleName.long {
    font-size: 3vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container {
    width: 64vw;
    height: 34.2vw;
    margin-left: 26vw;
    padding-top: 10px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-header {
    font-size: 12px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-message {
    height: 40px;
    font-size: 6px;
    width: 170px;
    margin-bottom: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-text {
    font-size: 8px;
    height: 11px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-text.senderName {
    font-size: 8px;
    height: 11px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .voucher-conditions {
    font-size: 7px;
    width: 230px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024 .preview-header,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2025 .preview-header {
    font-size: 3.3vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .preview-sendMethod {
    margin-top: 20px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right {
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input {
    width: 100%;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .preview-sendMethod {
    margin-top: 20px;
  }
  .container-fluid .voucherCustom-page-container .buttons-navigation a .btn-navigation {
    width: 280px;
  }
  .container-fluid .voucherCustom-page-container .buttons-navigation .btn-finalize {
    width: 280px;
  }
  .container-fluid .voucherCustom-page-container .buttons-navigation.hasGoBack a .btn-navigation {
    width: 160px;
    height: 35px;
    border-radius: 20px;
    font-size: 12px;
    padding-top: 6px;
  }
  .container-fluid .voucherCustom-page-container .buttons-navigation.hasGoBack .btn-finalize {
    width: 160px;
    height: 35px;
    border-radius: 20px;
    font-size: 12px;
  }
  .appointment .chooseGender .gender {
    margin-right: 5px;
    width: 180px;
  }
  .appointment .chooseGender .gender .picture {
    height: 430px;
  }
  .appointment .appointment-title {
    font-size: 22px !important;
    padding-top: 0 !important;
  }
  .appointment .appointment-content #appointment-center-container .vouchers {
    max-width: 375px;
  }
  .appointment .appointment-content #appointment-center-container .vouchers .picture .text .text1 {
    font-size: 1.6rem;
  }
  .appointment .appointment-content #appointment-center-container .vouchers .picture .text .text2 {
    font-size: 2rem;
  }
  .appointment .appointment-content #appointment-center-container .vouchers .picture .text .text3 {
    font-size: 1.4rem;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family {
    height: 155px;
    max-width: 375px;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content {
    height: 155px;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content .family-picture {
    height: 114px;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content .family-name {
    height: 36px;
  }
  .new-password-container {
    padding: 0px !important;
    margin: 0px !important;
  }
  .new-password-container .verification-code-sent-msg {
    font-size: 18px !important;
  }
  .new-password-container .input-enter-code-content {
    flex-direction: column !important;
  }
  .new-password-container .input-enter-code-content .block-label {
    text-align: center !important;
  }
  .new-password-container .buttons-content {
    flex-direction: column !important;
  }
  .new-password-container .buttons-content .btn {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
  }
  .new-password-resendCode-container .input-resend-code-content .input-resend-code {
    flex-direction: column !important;
  }
  .new-password-resendCode-container .input-resend-code-content .input-resend-code .block-label {
    text-align: center !important;
    margin-right: 0 !important;
  }
  .new-password-resendCode-container .input-resend-code-content .input-resend-code .input-resend-code-phone {
    text-align: center !important;
  }
  .new-password-resendCode-container .input-resend-code-content .new-password-resend-code-btnSubmit .btn {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input {
    flex-direction: column !important;
    justify-content: center !important;
    margin-bottom: 10px !important;
  }
  .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input .block-label {
    text-align: center !important;
    margin-right: 0px !important;
  }
  .pac__form-content {
    width: 380px;
  }
}
@media (max-width: 375px) {
  .footer .footer-content .footer-right .iko-logo {
    height: 18px;
  }
  .footer .footer-content .footer-right #footer-right-mobile .gtc {
    font-size: 0.8rem;
  }
  .login-container .x2-login-form form {
    width: 100%;
  }
  .appointment #appointment_packages_services #appointment_packages_services_content .box,
  .appointment #appointment-center-container #appointment_packages_services_content .box,
  .appointment #appointment_packages_services .box,
  .appointment #appointment-center-container .box {
    padding: 0.8rem;
  }
  .appointment #appointment_packages_services #appointment_packages_services_content .box .box_details,
  .appointment #appointment-center-container #appointment_packages_services_content .box .box_details,
  .appointment #appointment_packages_services .box .box_details,
  .appointment #appointment-center-container .box .box_details {
    margin-top: 1rem;
  }
  .appointment #appointment_packages_services #packages,
  .appointment #appointment-center-container #packages {
    margin-top: 1rem;
  }
  .cart .cart_content .cart_content_summary .summary-container .appointment_price {
    margin-top: 15px;
    text-align: center;
    font-size: 1.6rem;
  }
  .cart .cart_content .cart_content_summary .summary-container .deposit {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-message {
    margin-bottom: 5px;
    padding: 0 20px;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-text {
    padding: 0 20px;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .page-main-title {
    font-size: 1.2em;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders .gender {
    width: 150px;
    height: auto;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-centerPart .genders .gender a .gender-picture {
    width: 140px;
    height: 360px;
  }
  .container-fluid .voucherCustom-page-container.hasMainTitle {
    margin-top: 50px;
  }
  .container-fluid .voucherCustom-page-container .page-main-title {
    font-size: 18px;
    margin-top: 20px;
    padding: 0 50px;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content {
    /*width: 335px;
                                    height: 128px;*/
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .voucherStyle-style {
    padding: 20px 28px;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient {
    padding: 0 24px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview {
    padding: 0 20px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content {
    /*width: 335px;
                                    height: 128px;*/
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container {
    font-weight: 600;
    /*.preview-header {
                                            font-size: 14px;
                                        }

                                        .preview-price {
                                            font-size: 18px;
                                        }*/
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount {
    padding: 20px 28px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-title {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount {
    width: 40%;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .input-group .input-group-btn .btn {
    padding-top: 8px;
    padding-bottom: 7px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .input-group .input-group-btn ul.dropdown-menu {
    min-width: 115px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .amountRange {
    font-size: 12px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .offerService-container {
    width: 100%;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary {
    padding: 20px 15px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-text .summary-header {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-offerVoucher-container {
    width: 100%;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-recipient {
    padding: 0 24px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left {
    padding: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel {
    padding: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel {
    justify-content: center;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
    border-radius: 15px;
    width: 30px;
    height: 30px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous .picture,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next .picture {
    width: 10px;
    height: 20px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous {
    padding: 5px 8px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
    padding: 5px 12px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content {
    width: 90vw;
    height: 34.2vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container {
    width: 90vw;
    /*.preview-header {
                                                        font-size: 14px;
                                                    }

                                                    .preview-price {
                                                        font-size: 18px;
                                                    }*/
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024 .preview-header,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-header {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2024 .preview-price,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container.saintvalentin2025 .preview-price {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container {
    width: 64vw;
    margin-left: 26vw;
    padding-top: 10px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-header {
    font-size: 12px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-message {
    height: 40px;
    font-size: 6px;
    width: 170px;
    margin-bottom: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-text {
    font-size: 8px;
    height: 11px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-text.senderName {
    font-size: 8px;
    height: 11px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024 .preview-header,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2025 .preview-header {
    font-size: 3.3vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right {
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input {
    width: 100%;
  }
  .appointment .chooseGender .gender {
    margin-right: 0px;
    width: 150px;
  }
  .appointment .chooseGender .gender .picture {
    height: 360px;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family {
    height: 140px;
    max-width: 325px;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content {
    height: 140px;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content .family-picture {
    height: 100px;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content .family-name {
    height: 34px;
  }
  .new-password-container {
    padding: 0px !important;
    margin: 0px !important;
  }
  .new-password-container .verification-code-sent-msg {
    font-size: 18px !important;
  }
  .new-password-container .input-enter-code-content {
    flex-direction: column !important;
  }
  .new-password-container .input-enter-code-content .block-label {
    text-align: center !important;
  }
  .new-password-container .buttons-content {
    flex-direction: column !important;
  }
  .new-password-container .buttons-content .btn {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
  }
  .new-password-resendCode-container .input-resend-code-content .input-resend-code {
    flex-direction: column !important;
  }
  .new-password-resendCode-container .input-resend-code-content .input-resend-code .block-label {
    text-align: center !important;
    margin-right: 0 !important;
  }
  .new-password-resendCode-container .input-resend-code-content .input-resend-code .input-resend-code-phone {
    text-align: center !important;
  }
  .new-password-resendCode-container .input-resend-code-content .new-password-resend-code-btnSubmit .btn {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input {
    flex-direction: column !important;
    justify-content: center !important;
    margin-bottom: 10px !important;
  }
  .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input .block-label {
    text-align: center !important;
    margin-right: 0px !important;
  }
}
@media (max-width: 320px) {
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-message {
    margin-bottom: 5px;
    padding: 0 20px;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .welcome-container .welcome-text {
    padding: 0 20px;
  }
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome .page-main-title {
    font-size: 1.2em;
  }
  .container-fluid .voucherCustom-page-container.hasMainTitle {
    margin-top: 50px;
  }
  .container-fluid .voucherCustom-page-container .page-main-title {
    font-size: 18px;
    margin-top: 20px;
    padding: 0 50px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview {
    padding: 0 20px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container {
    font-weight: 600;
    /*.preview-header {
                                            font-size: 14px;
                                        }

                                        .preview-price {
                                            font-size: 18px;
                                        }*/
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-header,
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-header {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-price,
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount {
    padding: 20px 28px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-title {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount {
    width: 40%;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .input-group .input-group-btn .btn {
    padding-top: 8px;
    padding-bottom: 7px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .defineAmount-amount .input-group .input-group-btn ul.dropdown-menu {
    min-width: 115px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .amount-container .amountRange {
    font-size: 12px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherAmount-amount .offerService-container {
    width: 100%;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary {
    padding: 20px 15px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-text .summary-header {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-voucherAmount-preview .voucherService-summary .summary-offerVoucher-container {
    width: 100%;
  }
  .container-fluid .voucherCustom-page-container .voucherCustom-container .voucherCustom-content .voucherCustom-recipient {
    padding: 0 24px;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content {
    /*width: 280px;
                                    height: 107px;*/
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-header,
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-header {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2024 .preview-price,
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-style-preview .voucherStyle-preview .preview-container .preview-content .preview-text-container.saintvalentin2025 .preview-price {
    font-size: 5vw;
  }
  .container-fluid .voucherCustom-page-container .voucherStyle-container .voucherStyle-content .voucherStyle-recipient {
    padding: 0 24px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left {
    padding: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel {
    padding: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel {
    justify-content: center;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-carousel {
    /*position: relative;
                                        width: 0px;*/
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
    border-radius: 15px;
    width: 30px;
    height: 30px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous .picture,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next .picture {
    width: 10px;
    height: 20px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-previous {
    padding: 5px 8px;
    /*left: 5px;
                                        position: relative;*/
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .btn-next {
    padding: 5px 12px;
    /*right: 40px;
                                        position: relative;*/
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content {
    /* width: 280px;
                                            height: 107px;*/
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.recto .preview-text-container {
    /*.preview-header {
                                                        font-size: 14px;
                                                    }

                                                    .preview-price {
                                                        font-size: 18px;
                                                        margin-bottom: 5px;
                                                    }

                                                    .preview-text {
                                                        &.salon-name {
                                                            margin-bottom: 5px;
                                                        }
                                                    }*/
    /*&.saintvalentin2024 {
                                                        .preview-header {
                                                            font-size: 6.6vw;
                                                        }

                                                        .preview-price {
                                                            font-size: 5.8vw;
                                                        }
                                                    }*/
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container {
    margin-left: 80px;
    padding-top: 10px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-header {
    font-size: 12px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-message {
    height: 40px;
    font-size: 6px;
    width: 170px;
    margin-bottom: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-text {
    font-size: 8px;
    height: 11px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .preview-text.senderName {
    font-size: 8px;
    height: 11px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container .voucher-conditions {
    font-size: 6px;
    width: 195px;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2024 .preview-header,
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-left .voucherPersonalize-preview-carousel .preview-carousel-container .preview-carousel .preview-contents .preview-content.verso .preview-text-container.saintvalentin2025 .preview-header {
    font-size: 3.3vw;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right {
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
  .container-fluid .voucherCustom-page-container .voucherPersonalize-container .voucherPersonalize-content .voucherPersonalize-preview-right .voucherPersonalize-input {
    width: 100%;
  }
  .appointment .appointment-content #appointment-center-container .vouchers {
    max-width: 270px;
  }
  .appointment .appointment-content #appointment-center-container .vouchers .picture .text .text1 {
    font-size: 1.3rem;
  }
  .appointment .appointment-content #appointment-center-container .vouchers .picture .text .text2 {
    font-size: 1.7rem;
  }
  .appointment .appointment-content #appointment-center-container .vouchers .picture .text .text3 {
    font-size: 1.2rem;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family {
    height: 116px;
    max-width: 270px;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content {
    height: 116px;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content .family-picture {
    height: 82px;
  }
  .appointment .appointment-content #appointment-center-container .appointment-families .appointment-family .appointment-family-content .family-name {
    height: 30px;
    padding-bottom: 0px;
  }
  .new-password-container {
    padding: 0px !important;
    margin: 0px !important;
  }
  .new-password-container .verification-code-sent-msg {
    font-size: 18px !important;
  }
  .new-password-container .input-enter-code-content {
    flex-direction: column !important;
  }
  .new-password-container .input-enter-code-content .block-label {
    text-align: center !important;
  }
  .new-password-container .buttons-content {
    flex-direction: column !important;
  }
  .new-password-container .buttons-content .btn {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
  }
  .new-password-resendCode-container .input-resend-code-content .input-resend-code {
    flex-direction: column !important;
  }
  .new-password-resendCode-container .input-resend-code-content .input-resend-code .block-label {
    text-align: center !important;
    margin-right: 0 !important;
  }
  .new-password-resendCode-container .input-resend-code-content .input-resend-code .input-resend-code-phone {
    text-align: center !important;
  }
  .new-password-resendCode-container .input-resend-code-content .new-password-resend-code-btnSubmit .btn {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input {
    flex-direction: column !important;
    justify-content: center !important;
    margin-bottom: 10px !important;
  }
  .enter-new-password-container .input-new-password-container .enter-new-password-input-container .enter-new-password-input .block-label {
    text-align: center !important;
    margin-right: 0px !important;
  }
}
@media (min-width: 640px) and (max-width: 768px) {
  /*#region -------------------------------------------------------------- MY CART -------------------------------------------------------------------------- */
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table {
    grid-template-columns: repeat(4, 1fr);
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table #panel4,
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table #panel5,
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table #panel6 {
    display: none;
  }
  /*#endregion*/
}
@media (min-width: 768px) and (max-width: 788px) {
  /*#region -------------------------------------------------------------- MY CART -------------------------------------------------------------------------- */
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table {
    grid-template-columns: repeat(5, 1fr);
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table #panel5,
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table #panel6 {
    display: none;
  }
  /*#endregion*/
}
@media (min-width: 788px) and (max-width: 900px) {
  /*#region -------------------------------------------------------------- MY CART -------------------------------------------------------------------------- */
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table {
    grid-template-columns: repeat(6, 1fr);
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table #panel6 {
    display: none;
  }
  /*#endregion*/
}
@media (min-width: 900px) and (max-width: 992px) {
  /*#region -------------------------------------------------------------- MY CART -------------------------------------------------------------------------- */
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table {
    grid-template-columns: repeat(7, 1fr);
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table #panel5,
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table #panel6 {
    display: inline-table;
  }
  /*#endregion*/
}
@media (min-width: 992px) and (max-width: 1218px) {
  /*#region -------------------------------------------------------------- MY CART -------------------------------------------------------------------------- */
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box #offers .offers_container #offer_3 {
    display: none;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table {
    grid-template-columns: repeat(5, 1fr);
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table #panel5,
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table #panel6 {
    display: none;
  }
  /*#endregion*/
}
@media (min-width: 1218px) and (max-width: 1400px) {
  /*#region -------------------------------------------------------------- MY CART -------------------------------------------------------------------------- */
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box #offers .offers_container #offer_4 {
    display: none;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table {
    grid-template-columns: repeat(6, 1fr);
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table #panel6 {
    display: none;
  }
  /*#endregion*/
}
@media (min-width: 992px) and (max-width: 1103px) {
  /*#region -------------------------------------------------------------- MY CART -------------------------------------------------------------------------- */
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box #offers .offers_container #offer_4 {
    display: none;
  }
  /*#endregion*/
}
@media (max-width: 1200px) {
  #menu_left {
    position: initial;
    left: 0px;
    height: auto;
    width: auto;
    margin-bottom: 20px;
  }
  #menu_left .adress {
    display: none;
  }
  #menu_left .number {
    display: none;
  }
}
@media (min-width: 1200px) {
  #createAccount .registerOrEnterCode .login_buttons {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #createAccount .registerOrEnterCode .login_buttons #linkRegister .login-buttons-container {
    width: 100% !important;
  }
}
@media (max-width: 1350px) {
  /*#region -------------------------------------------------------------- MENU NAVIGATION -------------------------------------------------------------------------- */
  /*.navmain {
        .nav-elements {
            width: 100%;
        }
    }*/
  /*#endregion */
}
@media (min-width: 1202px) and (max-width: 1346px) {
  .sweetwait .sweetwait-title {
    padding-left: 10px;
    padding-right: 30px;
  }
  .sweetwait .btDefault {
    width: 160px;
  }
}
@media (max-width: 1600px) {
  .container-fluid .chooseGender-container .chooseGender-content .chooseGender-leftPart .welcome {
    text-align: center;
    width: 98%;
  }
  /*#region -------------------------------------------------------------- MY CART -------------------------------------------------------------------------- */
  .cart .cart_content {
    width: 100%;
  }
  .cart .cart_content .cart_choose_time_slot .cart_calendar .calendar-box .calendar-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  /*#endregion*/
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .calendar-table {
    width: 86%;
  }
  .calendar-table .panel {
    min-width: 74px;
    /*margin: 0 15% 20px;*/
  }
  .calendar-table .panel-heading {
    font-size: 12px;
    padding-left: 3px;
    padding-right: 3px;
  }
  .calendar-table .panel-body {
    padding: 10px 5px;
  }
  .calendar-table .panel-body a {
    margin-bottom: 3px;
  }
  .calendar-box > div .fa-caret-left,
  .calendar-box > div .fa-caret-right {
    /*position: absolute;*/
  }
  /*.content-header-buttons {
        margin-top: 70px !important;
    }*/
  /* Home */
  .appointment-box {
    width: 100%;
  }
  /*.content-services {
        padding: 0;
    }*/
  .content-header-subtitle {
    font-size: 20px;
  }
  .radius-button {
    font-size: 14px;
  }
  .preference {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .preference #preferenceDays {
    padding: 0;
  }
  .preference #preferenceDays > div {
    margin-bottom: 30px;
  }
  .preference #preferenceDays > div .row {
    margin-bottom: 0 !important;
  }
  .preference #preferenceDays > div .row div {
    padding: 0;
  }
  .preference #preferenceDays > div .row div.block-label:not(.label-prefer):not(.label-entre) {
    text-align: center !important;
  }
  .preference #preferenceDays > div .row div select {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 640px) {
  .btn {
    font-size: 14px !important;
  }
  .btn {
    /*padding: 0 !important;
        height: 80px;
        font-size: 20px !important;
        border-radius: 40px !important;*/
  }
  #service-filter .dropdown-menu,
  #rdv-service-list .dropdown-menu {
    width: 100% !important;
  }
  .navmain ul > li a {
    text-indent: -5000px;
    padding: 32px 0 24px 0;
  }
  #map {
    height: 200px;
  }
  .btn:not(.dropdown-toggle),
  .btn:not(.dropdown-toggle):hover,
  .btn:not(.dropdown-toggle):focus {
    width: 100%;
    padding: 11px 0;
  }
  #profil #info-profil {
    margin: 0;
  }
  h2 {
    font-size: 20px;
  }
  #service-filter {
    width: 100%;
  }
  .appointment-resume .appointment-box {
    width: 100%;
  }
  .body-content-login {
    padding: 20px 0 0 0;
    height: 100%;
  }
  .body-content-login h1 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .body-content-login h3 {
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .body-content-login .salon-name {
    color: #cd0438;
  }
  .radius-button .fa-chevron-right {
    display: none;
  }
  #error h1 {
    margin: 10px 0;
  }
  #error h2 {
    margin: 20px 0;
    line-height: 24px;
  }
  #error .btn {
    width: 100%;
  }
  .block-submit #btnModifyServices {
    display: block;
    margin: auto;
  }
  .block-submit > span {
    display: block;
    margin: 10px 0;
  }
  .block-submit #btnModifyRDV {
    width: 100%;
  }
  .block-submit .red {
    /*display: block;
            margin: auto;*/
    width: 100%;
  }
  .intro-header {
    padding-top: 60px;
  }
  .login-container {
    padding-top: 20px;
  }
  .login-container #login {
    margin-top: unset;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    position: unset;
  }
  .login-container #login #LogOrCreateAccount {
    margin-top: 5px;
  }
  .login-container #login #LogOrCreateAccount .title {
    font-size: 22px;
  }
  .login-container #login #LogOrCreateAccount .instruction {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .login-container #login #LogOrCreateAccount #loginForm .form-group label {
    font-size: 14px;
    line-height: 26px;
  }
  .login-container #login #LogOrCreateAccount #loginForm .form-group.password {
    margin-bottom: 0px;
  }
  .login-container #login #LogOrCreateAccount #createAccount .registerOrEnterCode {
    margin-top: 19px;
  }
  .login-container #login #LogOrCreateAccount #createAccount .registerOrEnterCode #linkRegister .picture {
    height: 19px;
  }
  .login-container #login #LogOrCreateAccount #createAccount .instruction {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .content-services {
    padding-left: 0;
    padding-right: 0;
  }
  #contacts #form-contact {
    width: auto;
    padding: 0 20px;
  }
  #contacts #form-contact button {
    width: 100%;
  }
  .localisation label {
    font-size: 18px;
  }
  .localisation p {
    font-size: 16px;
  }
  .appointment-box-margin .appointment-box {
    width: 100%;
  }
  .appointment-box-margin .appointment-box .appointment-box-date .appointment-box-day {
    font-size: 16px;
    font-weight: normal;
  }
  .appointment-box-margin .appointment-box .appointment-box-date .appointment-box-month {
    font-size: 16px;
  }
  .appointment-box-margin .appointment-box .appointment-box-info {
    margin: 0;
    margin-left: 10px;
  }
  .appointment-box-margin .appointment-box .appointment-box-info > * {
    float: left;
    display: block;
  }
  .appointment-box-margin .appointment-box .appointment-box-info .appointment-box-info-small {
    font-size: 14px;
    text-align: left;
    margin: 0;
    float: left;
  }
  .appointment-box-margin .appointment-box .appointment-box-info .appointment-box-info-big {
    font-size: 14px;
    text-align: left;
    margin: 0;
    float: left;
  }
  #profil h2 {
    display: none;
  }
  #profil h3 {
    padding: 0 !important;
    font-size: 20px !important;
    text-align: center !important;
    margin: 20px 0;
  }
  #profil #info-profil {
    background: none;
    min-height: 0;
  }
  #profil #info-profil > .row {
    min-height: 0;
  }
  #profil #info-profil .info-perso {
    padding: 20px 0;
  }
  #profil #info-profil input[type=submit] {
    width: 100% !important;
    font-size: 14px !important;
  }
  #profil #info-profil .block-label {
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    text-align: left;
  }
  #profil #info-profil .block-label label {
    position: relative;
    top: 0 !important;
  }
  #profil #info-profil #btnInformations,
  #profil #info-profil #btnPassword,
  #profil #info-profil #btnPreferences {
    font-size: 16px;
  }
  #profil #info-profil .preference .hour .block-label label {
    margin-left: 0;
  }
  #profil .noPadding {
    padding: 0;
  }
  .appointment .title-resume {
    font-size: 20px;
    width: 80%;
  }
  .appointment #service-filter #rdv-family-list {
    width: 100%;
    margin-bottom: 10px;
  }
  .appointment #service-filter #rdv-family-list .dropdown-toggle {
    width: 100%;
  }
  .appointment #service-filter #rdv-family-list .dropdown-toggle span {
    float: left;
  }
  .appointment #service-filter #rdv-family-list .dropdown-toggle span.caret {
    float: right;
    margin-top: 10px;
  }
  .appointment #service-filter #rdv-service-list {
    width: 100%;
  }
  .appointment #service-filter #rdv-service-list .dropdown-toggle {
    width: 100%;
  }
  .appointment #service-filter #rdv-service-list .dropdown-toggle span {
    float: left;
  }
  .appointment #service-filter #rdv-service-list .dropdown-toggle span.caret {
    float: right;
    margin-top: 10px;
  }
  .appointment #btnShowService {
    width: 100%;
  }
  .appointment .ui-datepicker-div {
    width: 100%;
  }
  .appointment .first-service,
  .appointment #extra-service-group .extra-service {
    border: grey;
    border-style: solid;
    border-width: thin;
    padding: 15px;
  }
  .appointment .first-service #package-service-group {
    width: 100%;
  }
  .appointment .first-service .first-service-selection {
    width: 100%;
  }
  .appointment .first-service .extra-service .rdv-package-value,
  .appointment .first-service .extra-service .chooseEmployees,
  .appointment .first-service .extra-service .btn-group {
    width: 100%;
  }
  #packages {
    margin-left: 20px;
    margin-right: 20px;
  }
  #services {
    margin-left: 20px;
    margin-right: 20px;
    /*.add-service {
            margin: 0;
            width: 280px;
            background-size: 110px;
            a {
                right: -10px;
                color: @button-color;
            }
        }*/
  }
  #services .service-arrow {
    margin-bottom: 10px;
  }
  #services .btn-group-list {
    width: 100%;
    margin-bottom: 10px;
  }
  #services .btn-group-list .rdv-family-value {
    width: 100%;
    text-align: left;
    border: 1px solid #ccc;
  }
  #services .btn-group-category {
    width: 100%;
    margin-bottom: 10px;
  }
  #services .btn-group-category .rdv-service-value {
    width: 100%;
    text-align: left;
    border: 1px solid #ccc;
  }
  #services .rdv-modify-service {
    width: 100%;
    margin: auto;
    display: block;
    border-radius: 20px;
    border: 2px solid #384347;
  }
  #services .add-service {
    height: 60px;
    width: 320px;
    margin: 0;
    background-size: 90px;
  }
  #services .add-service a {
    position: absolute;
    /*top: 43px;*/
    left: 80px;
    bottom: 0;
    font-size: 15px;
    color: #384347;
    background-size: 20px;
  }
  #services #extra-service-group {
    margin-top: 30px;
  }
  #services #extra-service-group .extra-service {
    width: 100%;
  }
  #services #extra-service-group .extra-service .btn-group {
    width: 100%;
    position: relative;
  }
  #services #extra-service-group .extra-service .btn-group > span {
    width: 100%;
  }
  #services #extra-service-group .extra-service .btn-group .dropdown-toggle {
    width: 100%;
  }
  #services #extra-service-group .extra-service .btn-group .dropdown-toggle .dropdown-value {
    float: left;
  }
  #services #extra-service-group .extra-service .btn-group .dropdown-toggle .caret {
    float: right;
    margin-top: 10px;
  }
  #services #extra-service-group .remove-service {
    position: absolute;
    top: -29px;
    right: -29px;
    background-color: #ced1e0;
    background-image: url(/Content/themes/base/img/delete_RDV@2x.png);
    background-position: center;
    background-repeat: no-repeat;
  }
  #services #btnShowEmployees,
  #services #btBackFamily {
    width: 100%;
    margin: 0px;
    margin-top: 10px;
  }
  .content-employees h3 {
    font-size: 16px;
  }
  #employees .calendar-box {
    width: 100%;
    padding-top: 30px;
  }
  #employees .calendar-box .calendar-table {
    width: 86%;
    display: table;
    height: 100%;
  }
  #employees .calendar-box .calendar-table .panel {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
    display: table-cell;
    height: 100%;
  }
  #employees .calendar-box .calendar-table .panel:nth-child(3) {
    margin-right: 0;
  }
  #employees .calendar-box .calendar-table .panel:nth-child(4),
  #employees .calendar-box .calendar-table .panel:nth-child(5),
  #employees .calendar-box .calendar-table .panel:nth-child(6),
  #employees .calendar-box .calendar-table .panel:nth-child(7) {
    display: none;
  }
  #employees .calendar-box .calendar-table .panel .panel-heading {
    padding: 3px;
  }
  #employees .employee-detail {
    margin-bottom: 20px;
  }
  #btnModifyServices {
    width: 100%;
    margin: 10px 0;
  }
  #btnValidServices {
    width: 100%;
    margin: 10px 0;
    background-position: 40% center;
  }
  /* Home */
  .intro-header {
    height: 180px;
    background-color: transparent;
    background-image: url(/Content/themes/base/img/Banners/banner-smartphone.png);
  }
  .intro-header.male {
    background-image: url(/Content/themes/base/img/Banners/Men/banner-smartphone.png);
  }
  #introBooking {
    font-size: 25px;
    padding-top: 25px;
  }
  #introLogin {
    display: none;
  }
  .content-header-buttons {
    margin-top: 70px;
    text-align: center;
  }
  .content-header-buttons > span {
    display: block;
    margin: 15px 30px;
    text-transform: uppercase;
    font-size: 22px;
    color: #565677;
  }
  .no-rdv {
    margin-top: 260px !important;
  }
  .appointment-box-info p {
    margin: 0 0px 0;
  }
  .btn-cancel,
  .btn-rdv {
    display: block;
  }
  .btn-cancel span,
  .btn-rdv span {
    padding: 2px 0 2px 33px !important;
  }
  /* Nav */
  .topnav .navbar-header {
    float: left;
    padding: 0;
    margin: 0;
  }
  .navmain .navbar-collapse,
  .topnav .navbar-collapse {
    border: 0;
    padding: 0;
    margin: 0;
  }
  .topnav .navbar-collapse {
    float: right;
    padding-right: 15px;
  }
  .topnav .navbar-collapse ul li {
    display: inline-block;
  }
  .topnav .navbar-nav {
    margin: 6px -15px 0;
  }
  .navmain.container,
  .topnav.container {
    margin: 0;
    padding: 0;
  }
  .navmain .navbar-nav {
    margin: 0;
    padding: 0;
  }
  .navmain ul > li {
    width: 16.66666667%;
    float: left;
    height: 81px;
  }
  .navmain ul > li a {
    font-size: 16px;
  }
  .content-body-title1 {
    font-size: 25px;
  }
  .content-body-title2 {
    font-size: 19px;
  }
  footer .container {
    /*border-top: 1px solid #ccc;*/
    padding-top: 20px;
  }
  #info-map {
    display: none;
  }
  #bt_recovery {
    margin-left: 0px;
    margin-top: 10px;
  }
  #forgot .content #forgot-password {
    width: 100%;
  }
  #forgot .content #forgot-password #inputs_email_phone {
    text-align: left;
  }
  #forgot .content #forgot-password #inputs_email_phone #email,
  #forgot .content #forgot-password #inputs_email_phone #phone_container {
    width: 100%;
  }
  #forgot .content #forgot-password #inputs_email_phone .intl-tel-input,
  #forgot .content #forgot-password #inputs_email_phone .iti__country-list {
    width: 100%;
  }
  #forgot .content #forgot-password #inputs_email_phone .intl-tel-input #phone,
  #forgot .content #forgot-password #inputs_email_phone .iti__country-list #phone {
    width: 100%;
  }
  .content-header-profil-title {
    margin: 0 !important;
  }
  .btn:not(.dropdown-toggle) {
    padding: 11px 20px;
  }
  .new-password-container {
    padding: 0px !important;
    margin: 0px !important;
  }
  .new-password-container .verification-code-sent-msg {
    font-size: 18px !important;
  }
  .new-password-container .input-enter-code-content {
    flex-direction: column !important;
  }
  .new-password-container .input-enter-code-content .block-label {
    text-align: center !important;
  }
  .new-password-container .buttons-content {
    flex-direction: column !important;
  }
  .new-password-container .buttons-content .btn {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .appointment-box-detail,
  .appointment-box {
    width: 100%;
  }
  .appointment-box-detail .appointment-box-info .appointment-box-info-small,
  .appointment-box .appointment-box-info .appointment-box-info-small {
    margin-left: 0 !important;
  }
  .appointment-box-detail .appointment-box-info .box-hour .appointment-box-info-small,
  .appointment-box .appointment-box-info .box-hour .appointment-box-info-small {
    width: 50px;
  }
  .appointment-box-detail .appointment-box-info .list-employee .appointment-box-employee,
  .appointment-box .appointment-box-info .list-employee .appointment-box-employee {
    margin-left: 10%;
    width: 160px;
  }
  .appointment-box-detail .appointment-box-info .box-service,
  .appointment-box .appointment-box-info .box-service {
    margin-top: 20px;
  }
  .appointment-box-detail .appointment-box-info .box-service .appointment-box-info-small,
  .appointment-box .appointment-box-info .box-service .appointment-box-info-small {
    margin: 0 0px;
  }
  .appointment-box-detail .appointment-box-info .box-service .appointment-box-service,
  .appointment-box .appointment-box-info .box-service .appointment-box-service {
    margin-left: 10%;
  }
  .appointment-box-detail .appointment-box-info .box-price,
  .appointment-box .appointment-box-info .box-price {
    margin-top: 20px;
  }
  .appointment-box-detail .appointment-box-info .box-price .appointment-box-info-price,
  .appointment-box .appointment-box-info .box-price .appointment-box-info-price {
    margin: 0 10px 0 0;
    width: 50px;
  }
  .appointment-box-detail .appointment-box-info .box-price .appointment-box-info-amount,
  .appointment-box .appointment-box-info .box-price .appointment-box-info-amount {
    margin-left: 10%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 767px) {
  .navmain ul > li a {
    text-indent: -5000px;
    padding: 32px 0 24px 0;
  }
  /* Nav */
  .topnav .navbar-header {
    float: left;
    padding: 0;
    margin: 0;
  }
  .navmain .navbar-collapse,
  .topnav .navbar-collapse {
    border: 0;
    padding: 0;
    margin: 0;
  }
  .topnav .navbar-collapse {
    float: right;
    padding-right: 15px;
  }
  .topnav .navbar-collapse ul li {
    display: inline-block;
  }
  .topnav .navbar-nav {
    margin: 6px -15px 0;
  }
  .navmain.container,
  .topnav.container {
    margin: 0;
    padding: 0;
  }
  .navmain .navbar-nav {
    margin: 0;
    padding: 0;
  }
  .navmain ul > li {
    width: 16.66666667%;
    float: left;
  }
  .navmain ul > li a {
    font-size: 16px;
  }
  /* Boutons */
  .btn-cancel,
  .btn-rdv {
    font-size: 18px;
    font-weight: bold;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .btn-cancel span,
  .btn-rdv span {
    padding: 2px 0 2px 33px !important;
    font-weight: normal;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .appointment-resume .content-header {
    padding: 20px;
  }
  .navmain ul > li a {
    font-size: 15px;
  }
  .intro-header {
    height: 350px;
    background-image: url(/Content/themes/base/img/Banners/banner-tablet-portrait.png);
  }
  .intro-header.male {
    background-image: url(/Content/themes/base/img/Banners/Men/banner-tablet-portrait.png);
  }
  .content-body-title1 {
    font-size: 31px;
  }
  .content-body-title2 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 656px) and (max-width: 783px) {
  #myModal-cancel .close {
    background: url('/Content/themes/base/img/modal-close-dark.png') 0 0 no-repeat;
    right: 20px;
    top: 20px;
    z-index: 10;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1300px) {
  .intro-header {
    height: 350px;
    background-image: url(/Content/themes/base/img/Banners/banner-tablet.png);
  }
  .intro-header.male {
    background-image: url(/Content/themes/base/img/Banners/Men/banner-tablet.png);
  }
  .intro-header .appointment-box {
    height: 145px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  /*Login*/
  #UserName {
    background: #ffffff url('/Content/themes/base/img/email@2x.png') 97% 50% no-repeat;
    background-size: 15px;
  }
  #Password {
    background-size: 13px;
  }
  /*navigation*/
  #home {
    background: #505b5f url('/Content/themes/base/img/icon_home@2x.png') 50% 25px no-repeat;
    background-size: 26px;
  }
  #rdv {
    background: #505b5f url('/Content/themes/base/img/Calendar_white@2x.png') 50% 23px no-repeat;
    background-size: 25px;
  }
  #reservations {
    background: #505b5f url('/Content/themes/base/img/Reservations.png') 50% 22px no-repeat;
    background-size: 30px;
  }
  #profile {
    background: #505b5f url('/Content/themes/base/img/mon-profil@2x.png') 50% 24px no-repeat;
    background-size: 24px;
  }
  #contact {
    background: #505b5f url('/Content/themes/base/img/contact@2x.png') 50% 31px no-repeat;
    background-size: 23px;
  }
  /*Bouton RDV*/
  .btn-rdv span {
    background: url('/Content/themes/base/img/Calendar_white@2x.png') left center no-repeat;
    background-size: 25px;
  }
  .btn-rdv:hover span {
    background: url('/Content/themes/base/img/Calendar@2x.png') left center no-repeat;
    background-size: 25px;
  }
  /* GOOGLE MAPS */
  #info-map .adresse {
    background: url('/Content/themes/base/img/pin_maps@2x.png') no-repeat left top transparent;
    background-size: 12px;
  }
  #info-map .phone {
    background: url('/Content/themes/base/img/fa-phone_maps@2x.png') no-repeat left top transparent;
    background-size: 13px;
  }
  #info-map .horaires {
    background: url('/Content/themes/base/img/fa-clock_maps@2x.png') no-repeat left top transparent;
    background-size: 14px;
  }
  /* RDV */
  #service-filter #rdv-service-list .dropdown-menu {
    background: url('/Content/themes/base/img/Polygone-3.png') no-repeat 10px 0 transparent;
  }
  #service-filter .dropdown-menu {
    background: url('/Content/themes/base/img/Polygone-2.png') no-repeat 10px 0 transparent;
  }
  #service-filter .dropdown-menu.first {
    background: url('/Content/themes/base/img/Polygone.png') no-repeat 10px 0 transparent;
  }
  .rdv-family-value {
    background: url('/Content/themes/base/img/prestation@2x.png') no-repeat 10px center #ffffff;
    background-size: 22px;
  }
  #rdv-family-list.placeholded .btn {
    background: url('/Content/themes/base/img/prestation@2x.png') no-repeat 10px center #f1f1f1;
    background-size: 22px;
  }
  #rdv-family-list .btn {
    background: url('/Content/themes/base/img/prestation@2x.png') no-repeat 10px center white;
    background-size: 22px;
  }
  #rdv-family-list .dropdown-menu li.selected {
    background: url('/Content/themes/base/img/Checked.png') no-repeat 130px center #9da8ae;
    background-size: 22px;
  }
  /*=============== Ajouts de services ==============*/
  .extra-service .remove-service {
    background: url('/Content/themes/base/img/delete_RDV@2x.png') no-repeat center center;
    background-size: 24px;
  }
  #extra-service-group .placeholded.extra-family-list button {
    background: url('/Content/themes/base/img/prestation@2x.png') no-repeat 10px center #f1f1f1;
    background-size: 22px;
  }
  #extra-service-group .extra-family-list button {
    background: url('/Content/themes/base/img/prestation@2x.png') no-repeat 10px center #ffffff;
    background-size: 22px;
  }
  .add-service {
    background: url('/Content/themes/base/img/Ajouter_service@2x.png') no-repeat left center transparent;
    background-size: 135px;
  }
  .add-service a {
    background: url('/Content/themes/base/img/plus-2.png') no-repeat left center transparent;
  }
  .block-submit #btnModifyRDV {
    background: url('/Content/themes/base/img/Edit@2x.png') no-repeat 40px center white;
  }
  .block-submit #btnModifyRDV:hover {
    background: url('/Content/themes/base/img/Edit_WHITE@2x.png') no-repeat 40px center #384347;
  }
  .block-submit .red {
    background: url('/Content/themes/base/img/Checked-2@2x.png') no-repeat 45px center #cd0438;
  }
  .block-submit .red:hover {
    background: url('/Content/themes/base/img/Checked-2-hover@2x.png') no-repeat 45px center white;
  }
  .appointment .title-resume {
    background: url('/Content/themes/base/img/Checked_confirme_RDV@2x.png') no-repeat left center transparent;
    background-size: 56px;
  }
  /* ----------------------------------------------------------------------------------------------- */
  /* PROFIL */
  /* ----------------------------------------------------------------------------------------------- */
  #profil #info-profil .vouchers .name,
  #profil #info-profil .vouchers .purchase-date {
    width: 30%;
  }
  #profil #info-profil .vouchers .value,
  #profil #info-profil .vouchers .price {
    display: none;
  }
  #profil #info-profil .vouchers .download {
    width: 35%;
  }
  #profil #info-profil .nav {
    padding: 30px 0;
  }
  #profil #info-profil .nav li {
    padding: 0 10px;
    width: 20%;
  }
  #profil #info-profil .nav li:nth-child(1) a {
    background: url('/Content/themes/base/img/mon_profil_gris@2x.png') no-repeat center left transparent;
    background-size: 14px;
  }
  #profil #info-profil .nav li:nth-child(2) a {
    background: url('/Content/themes/base/img/password_gris@2x.png') no-repeat center left transparent;
    background-size: 13px;
  }
  #profil #info-profil .nav li:nth-child(3) a {
    background: url('/Content/themes/base/img/favoris_gris_mon_profil@2x.png') no-repeat center left transparent;
    background-size: 15px;
  }
  #profil #info-profil .nav li.active:nth-child(1) a,
  #profil #info-profil .nav li:hover:nth-child(1) a {
    background: url('/Content/themes/base/img/mon_profil_green@2x.png') no-repeat center left transparent;
    background-size: 14px;
  }
  #profil #info-profil .nav li.active:nth-child(2) a,
  #profil #info-profil .nav li:hover:nth-child(2) a {
    background: url('/Content/themes/base/img/password_vert@2x.png') no-repeat center left transparent;
    background-size: 13px;
  }
  #profil #info-profil .nav li.active:nth-child(3) a,
  #profil #info-profil .nav li:hover:nth-child(3) a {
    background: url('/Content/themes/base/img/favoris_vert_mon_profil@2x.png') no-repeat center left transparent;
    background-size: 15px;
  }
  #profil #info-profil .info-perso .add,
  #profil #info-profil .mot-de-passe .add,
  #profil #info-profil .preference .add {
    background: url('/Content/themes/base/img/plus@2x.png') no-repeat left center transparent;
    background-size: 18px;
  }
  /* ----------------------------------------------------------------------------------------------- */
  /* MODAL */
  /* ----------------------------------------------------------------------------------------------- */
  .modal .modal-content .modal-header button.close {
    background: url('/Content/themes/base/img/close_help@2x.png') 0 0 no-repeat;
    background-size: 38px;
  }
  .modal#myModal-delete .modal-body p {
    background: url('/Content/themes/base/img/eraser_annuler_modal@2x.png') no-repeat top white;
    background-size: 65px;
  }
  .modal-delete-content .modal-body p {
    background: url('/Content/themes/base/img/modal-eraser.png') 50% 0 no-repeat;
    background-size: 14px;
  }
  /* ----------------------------------------------------------------------------------------------- */
  /* BOOTSTRAP */
  /* ----------------------------------------------------------------------------------------------- */
  .popover p.localisation {
    background: url('/Content/themes/base/img/pin1_help@2x.png') no-repeat left center transparent;
    background-size: 13px;
  }
  .popover p.phone {
    background: url('/Content/themes/base/img/phone_help@2x.png') no-repeat left center transparent;
    background-size: 15px;
  }
  .popover p.email {
    background: url('/Content/themes/base/img/contact_help@2x.png') no-repeat left center transparent;
    background-size: 15px;
  }
}
/*@media (max-height: 950px) {
    .appointment .chooseGender .gender {
        height: 650px;

        .picture {
            height: 600px;
        }
    }
}

@media (max-height: 920px) {
    .appointment .chooseGender .gender {
        height: 360px;

        .picture {
            height: 320px;
        }
    }
}

@media (max-height: 850px) {
    .appointment .chooseGender .gender {
        height: 340px;

        .picture {
            height: 300px;
        }
    }
}

@media (max-height: 776px) {

    .appointment .chooseGender .gender {
        height: 340px;

        .picture {
            height: 300px;
        }
    }
}

@media (max-height: 720px) {
    .appointment .chooseGender .gender {
        height: 340px;

        .picture {
            height: 300px;
        }
    }
}

@media (max-height: 668px) {

    .appointment .chooseGender .gender {
        height: 340px;

        .picture {
            height: 300px;
        }
    }
}*/
/*#endregion ----------------------------------------------------------- RESPONSIVE MEDIAS -----------------------------------------------------------------------*/
/*@import '../StyleBlackAndWhite/Css/global-variables.less';
@import '../StyleBlackAndWhite/style.less';
@import '../StyleBlackAndWhite/Css/Menu/logo.less';
@import '../StyleBlackAndWhite/Css/Footer/footer.less';*/
body {
  background-color: white;
}
.btDefault {
  background-color: #333333;
  border-color: #333333;
  color: white;
}
.btDefault:hover {
  background-color: white;
  color: #333333;
}
.navmain .logo {
  background-color: #ffffff;
  border-color: #333333;
}
.navmain .nav-elements {
  width: 100%;
}
.navmain .nav-elements .nav-element {
  border-top-color: #505b5f !important;
  border-bottom-color: #505b5f !important;
  border-left: 1px solid #cea646 !important;
  background-color: #333333 !important;
}
.navmain .nav-elements .nav-element .nav-picture {
  background: #ffffff !important;
}
.navmain .nav-elements .nav-element .nav-text {
  color: #ffffff !important;
}
.navmain .nav-elements .nav-element .nav-arrow-down {
  position: relative;
  top: -1px !important;
}
.navmain .nav-elements .nav-element:hover {
  opacity: 1;
}
.navmain .nav-elements .nav-element.active,
.navmain .nav-elements .nav-element:hover {
  background-color: #505b5f !important;
  border: unset;
}
.navmain .nav-elements .nav-element.active .nav-picture,
.navmain .nav-elements .nav-element:hover .nav-picture {
  background: #ffffff;
}
.navmain .nav-elements .nav-element.active .nav-text,
.navmain .nav-elements .nav-element:hover .nav-text {
  color: #ffffff !important;
}
.navmain .nav-elements .nav-element.active .nav-arrow-down,
.navmain .nav-elements .nav-element:hover .nav-arrow-down {
  background: #505b5f;
}
.navmain .nav-elements .nav-element.active:hover,
.navmain .nav-elements .nav-element:hover:hover {
  opacity: 1;
}
.under_menu {
  background-color: #cea646;
}
.under_menu .page-title {
  color: white;
}
.offerServiceBtn,
.offerPackageBtn {
  border-color: #333333 !important;
  background-color: #333333 !important;
  color: white !important;
}
.offerServiceBtn:hover,
.offerPackageBtn:hover {
  border-color: #333333 !important;
  background-color: white !important;
  color: #333333 !important;
}
.appointment .chooseGender .title {
  color: #333333;
}
.appointment .chooseGender .gender {
  background-color: #333333;
}
.appointment .chooseGender .gender .text {
  color: white;
}
.appointment #appointment_packages_services #appointment_packages_services_content .packagesAndServices {
  max-width: 539px;
}
.appointment .appointment-content #appointment-center-container .appointment-families .appointment-family {
  background-color: #333333;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .plus1,
.appointment #appointment-families .box .box_details .box_details_addToCart .plus1 {
  background-color: red;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .addServiceToCart,
.appointment #appointment-families .box .box_details .box_details_addToCart .addServiceToCart,
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .addPackageToCart,
.appointment #appointment-families .box .box_details .box_details_addToCart .addPackageToCart {
  background-color: #333333;
  border-color: #333333;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .addServiceToCart:hover,
.appointment #appointment-families .box .box_details .box_details_addToCart .addServiceToCart:hover,
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .addPackageToCart:hover,
.appointment #appointment-families .box .box_details .box_details_addToCart .addPackageToCart:hover {
  color: #333333;
  background-color: white;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .deleteServiceFromCart,
.appointment #appointment-families .box .box_details .box_details_addToCart .deleteServiceFromCart,
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .deletePackageFromCart,
.appointment #appointment-families .box .box_details .box_details_addToCart .deletePackageFromCart {
  background-color: red;
  border-color: red;
}
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .deleteServiceFromCart:hover,
.appointment #appointment-families .box .box_details .box_details_addToCart .deleteServiceFromCart:hover,
.appointment #appointment_packages_services #appointment_packages_services_content .box .box_details .box_details_addToCart .deletePackageFromCart:hover,
.appointment #appointment-families .box .box_details .box_details_addToCart .deletePackageFromCart:hover {
  color: red;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box,
.appointment #appointment-families #services .service_box,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .service_box,
.appointment #appointment-families #packages .service_box,
.appointment #appointment_packages_services #appointment_packages_services_content #services .package_box,
.appointment #appointment-families #services .package_box,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .package_box,
.appointment #appointment-families #packages .package_box {
  background-color: #505b5f;
  color: white;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box.inCart,
.appointment #appointment-families #services .service_box.inCart,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .service_box.inCart,
.appointment #appointment-families #packages .service_box.inCart,
.appointment #appointment_packages_services #appointment_packages_services_content #services .package_box.inCart,
.appointment #appointment-families #services .package_box.inCart,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .package_box.inCart,
.appointment #appointment-families #packages .package_box.inCart {
  background-color: #E3E3E3;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box .box_details_price,
.appointment #appointment-families #services .service_box .box_details_price,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .service_box .box_details_price,
.appointment #appointment-families #packages .service_box .box_details_price,
.appointment #appointment_packages_services #appointment_packages_services_content #services .package_box .box_details_price,
.appointment #appointment-families #services .package_box .box_details_price,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .package_box .box_details_price,
.appointment #appointment-families #packages .package_box .box_details_price {
  color: white;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box .box_details_price .price,
.appointment #appointment-families #services .service_box .box_details_price .price,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .service_box .box_details_price .price,
.appointment #appointment-families #packages .service_box .box_details_price .price,
.appointment #appointment_packages_services #appointment_packages_services_content #services .package_box .box_details_price .price,
.appointment #appointment-families #services .package_box .box_details_price .price,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .package_box .box_details_price .price,
.appointment #appointment-families #packages .package_box .box_details_price .price {
  color: white;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box .box_details_time .time_text,
.appointment #appointment-families #services .service_box .box_details_time .time_text,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .service_box .box_details_time .time_text,
.appointment #appointment-families #packages .service_box .box_details_time .time_text,
.appointment #appointment_packages_services #appointment_packages_services_content #services .package_box .box_details_time .time_text,
.appointment #appointment-families #services .package_box .box_details_time .time_text,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .package_box .box_details_time .time_text,
.appointment #appointment-families #packages .package_box .box_details_time .time_text {
  color: white;
}
.appointment #appointment_packages_services #appointment_packages_services_content #services .service_box .box_details_time .time_picture,
.appointment #appointment-families #services .service_box .box_details_time .time_picture,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .service_box .box_details_time .time_picture,
.appointment #appointment-families #packages .service_box .box_details_time .time_picture,
.appointment #appointment_packages_services #appointment_packages_services_content #services .package_box .box_details_time .time_picture,
.appointment #appointment-families #services .package_box .box_details_time .time_picture,
.appointment #appointment_packages_services #appointment_packages_services_content #packages .package_box .box_details_time .time_picture,
.appointment #appointment-families #packages .package_box .box_details_time .time_picture {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Picto_x5F_Horloge%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20viewBox%3D%270%200%2019%2019%27%20enable-background%3D%27new%200%200%2019%2019%27%20xml%3Aspace%3D%27preserve%27%20%3E%3Cg%20fill%3D%27white%27%20%3E%3Cpath%20d%3D%27M9.5%2C0C4.3%2C0%2C0%2C4.3%2C0%2C9.5C0%2C14.7%2C4.3%2C19%2C9.5%2C19c5.2%2C0%2C9.5-4.3%2C9.5-9.5C19%2C4.3%2C14.7%2C0%2C9.5%2C0z%20M9.5%2C17C5.4%2C17%2C2%2C13.6%2C2%2C9.5%20S5.4%2C2%2C9.5%2C2S17%2C5.4%2C17%2C9.5S13.6%2C17%2C9.5%2C17z%27%2F%3E%3Cpath%20d%3D%27M13.5%2C10.1l-3-1.3V4.2c0-0.6-0.4-1-1-1s-1%2C0.4-1%2C1v6l4.2%2C1.8c0.1%2C0.1%2C0.3%2C0.1%2C0.4%2C0.1c0.4%2C0%2C0.8-0.2%2C0.9-0.6%20C14.2%2C10.9%2C14%2C10.3%2C13.5%2C10.1z%27%2F%3E%3C%2Fg%3E%3Cscript%20type%3D%27text%2Fecmascript%27%20href%3D%27https%3A%2F%2Fwww.w3.org%2FTR%2FSVGParamPrimer%2Fparam.js%27%20%2F%3E%3C%2Fsvg%3E");
}
.cart .cart_content {
  padding-top: 25px;
}
.cart .cart_content .important {
  color: red;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .title {
  background-color: #333333;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container {
  color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete {
  background-color: #505b5f;
  border-color: #ffffff;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete .delete_picture {
  height: 16px;
  width: 16px;
  background: #ffffff;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 128 128' style='enable-background:new 0 0 128 128;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C/style%3E%3Cpath class='st0' d='M123.2,4.6c-6.2-6.2-16.4-6.2-22.6,0L64,41.3L27.3,4.6c-6.2-6.2-16.4-6.2-22.6,0c-6.2,6.2-6.2,16.4,0,22.6 L41.3,64L4.6,100.7c-6.2,6.2-6.2,16.4,0,22.6c3.1,3.1,7.2,4.7,11.3,4.7s8.2-1.6,11.3-4.7L64,86.6l36.7,36.7 c3.1,3.1,7.2,4.7,11.3,4.7s8.2-1.6,11.3-4.7c6.2-6.2,6.2-16.4,0-22.6L86.6,64l36.7-36.7C129.6,21.1,129.6,10.8,123.2,4.6L123.2,4.6z '/%3E%3C/svg%3E%0A");
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete:hover {
  opacity: 1;
  background-color: #ffffff;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .box_action_delete:hover .delete_picture {
  opacity: 1;
  background: #505b5f;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 128 128' style='enable-background:new 0 0 128 128;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C/style%3E%3Cpath class='st0' d='M123.2,4.6c-6.2-6.2-16.4-6.2-22.6,0L64,41.3L27.3,4.6c-6.2-6.2-16.4-6.2-22.6,0c-6.2,6.2-6.2,16.4,0,22.6 L41.3,64L4.6,100.7c-6.2,6.2-6.2,16.4,0,22.6c3.1,3.1,7.2,4.7,11.3,4.7s8.2-1.6,11.3-4.7L64,86.6l36.7,36.7 c3.1,3.1,7.2,4.7,11.3,4.7s8.2-1.6,11.3-4.7c6.2-6.2,6.2-16.4,0-22.6L86.6,64l36.7-36.7C129.6,21.1,129.6,10.8,123.2,4.6L123.2,4.6z '/%3E%3C/svg%3E%0A");
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .name_description {
  color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .box-prestation-container .box-prestation .name_description .name {
  color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .name_description {
  color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.package .box_content .package_services .name_description .name {
  color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container {
  color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete {
  background-color: #505b5f;
  border-color: #ffffff;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete .delete_picture {
  height: 16px;
  width: 16px;
  background: #ffffff;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 128 128' style='enable-background:new 0 0 128 128;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C/style%3E%3Cpath class='st0' d='M123.2,4.6c-6.2-6.2-16.4-6.2-22.6,0L64,41.3L27.3,4.6c-6.2-6.2-16.4-6.2-22.6,0c-6.2,6.2-6.2,16.4,0,22.6 L41.3,64L4.6,100.7c-6.2,6.2-6.2,16.4,0,22.6c3.1,3.1,7.2,4.7,11.3,4.7s8.2-1.6,11.3-4.7L64,86.6l36.7,36.7 c3.1,3.1,7.2,4.7,11.3,4.7s8.2-1.6,11.3-4.7c6.2-6.2,6.2-16.4,0-22.6L86.6,64l36.7-36.7C129.6,21.1,129.6,10.8,123.2,4.6L123.2,4.6z '/%3E%3C/svg%3E%0A");
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete:hover {
  opacity: 1;
  background-color: #ffffff;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .box_action_delete:hover .delete_picture {
  opacity: 1;
  background: #505b5f;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 128 128' style='enable-background:new 0 0 128 128;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C/style%3E%3Cpath class='st0' d='M123.2,4.6c-6.2-6.2-16.4-6.2-22.6,0L64,41.3L27.3,4.6c-6.2-6.2-16.4-6.2-22.6,0c-6.2,6.2-6.2,16.4,0,22.6 L41.3,64L4.6,100.7c-6.2,6.2-6.2,16.4,0,22.6c3.1,3.1,7.2,4.7,11.3,4.7s8.2-1.6,11.3-4.7L64,86.6l36.7,36.7 c3.1,3.1,7.2,4.7,11.3,4.7s8.2-1.6,11.3-4.7c6.2-6.2,6.2-16.4,0-22.6L86.6,64l36.7-36.7C129.6,21.1,129.6,10.8,123.2,4.6L123.2,4.6z '/%3E%3C/svg%3E%0A");
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .name_description {
  color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .cart_delivery_box.service .box_content .box-prestation-container .box-prestation .name_description .name {
  color: white;
}
.cart .cart_content .cart_choose_time_slot .cart_summary_container .cart_summary #cart_summary_deliveries .separation .separation-inner {
  margin-left: 0px;
  margin-right: 0px;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar {
  color: white;
  background-color: #505b5f;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .title {
  background-color: #333333;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart-calendar .cart_calendar_container .calendar-days .days .day .dayLong {
  color: white;
}
.cart .cart_content .cart_content_summary .name_description .name {
  color: white;
}
.cart .cart_content .cart_content_summary .box_employee {
  color: white;
}
.cart .cart_content .cart_content_summary .appointment_price {
  border-color: red;
  color: black;
}
.cart .cart_content .cart_content_summary .final_price {
  border-color: red;
  color: black;
}
.cart .cart_content .cart_choose_time_slot .cart_calendar .cart_calendar_container .days .day .dayLong,
.cart .cart_content .cart_choose_time_slot .cart_calendar .timeslots .daySelected {
  color: white;
}
.appointment-box-date {
  background-color: #333333;
}
.appointment-box-info .package-service-list {
  color: #333333;
}
.appointment-box-info-big.appointment-box-hour {
  color: #333333;
}
#ariane .step.done .circle_container .circle {
  border-color: red;
}
#ariane .step.done .circle_container .circle a {
  color: black;
}
#ariane .step.done .separator.left {
  background-color: red;
}
#ariane .step.done .separator.right {
  background-color: red;
}
#ariane .step.current .separator.left {
  background-color: red;
}
#ariane .step.current .circle_container .circle {
  border-color: red;
  background-color: red;
}
#ariane .step.current .circle_container .circle a {
  color: white;
}
/*#region -------------------------------------------------------------- BANNERS -------------------------------------------------------------------------- */
.intro-header {
  background-image: url('/Content/themes/StyleAlexandreHenry/img/Banners/banner.png');
}
.intro-header.male {
  background-image: url('/Content/themes/StyleAlexandreHenry/img/Banners/banner.png');
}
@media only screen and (min-width: 1025px) and (max-width: 1300px) {
  .intro-header {
    background-image: url('/Content/themes/StyleAlexandreHenry/img/Banners/banner-tablet.png');
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .intro-header {
    background-image: url('/Content/themes/StyleAlexandreHenry/img/Banners/banner-tablet-portrait.png');
  }
}
@media only screen and (max-width: 640px) {
  .intro-header {
    background-image: url('/Content/themes/StyleAlexandreHenry/img/Banners/banner-smartphone.png');
  }
}
/*#endregion*/
@media only screen and (max-width: 768px) {
  .sweetwait .sweetwait-title {
    padding-left: 10px;
    padding-right: 10px;
  }
  .sweetwait .btDefault {
    width: 160px;
  }
}
@media (max-width: 320px) {
  .appointment .voucherDiv .chooseGenderVouchers .pictureSalon {
    height: 78px;
  }
}
@media (max-width: 375px) {
  .appointment .voucherDiv .chooseGenderVouchers .pictureSalon {
    height: 90px;
  }
}
@media (max-width: 425px) {
  .appointment .voucherDiv .chooseGenderVouchers .pictureSalon {
    height: 110px;
  }
}
@media (max-width: 768px) {
  .navmain .logo {
    display: none;
  }
  .navmain .nav-elements {
    width: 100%;
  }
  .container-fluid {
    padding-top: 69px;
  }
  #btChooseTimeSlot .text,
  #btBackToFamilies .text,
  #btConfirmCart .text,
  #btValidateVouchers .text,
  #btValidateCart .text,
  .btPay .text,
  .btPayment .text,
  .btSetup .text {
    padding-top: unset;
    margin-top: unset;
    display: flex;
    align-items: center;
    height: 100%;
  }
  #appointment-center-container a .vouchers {
    margin: 0;
  }
}
@media (min-width: 768px) {
  #btChooseTimeSlot .text,
  #btBackToFamilies .text,
  #btConfirmCart .text,
  #btValidateVouchers .text,
  .btPay .text {
    padding-top: 16px;
  }
}
.appointment .voucherDiv .chooseGenderVouchers .pictureSalon,
.appointment .appointment-content #appointment-center-container .vouchers .pictureSalon {
  background-image: url(/Content/themes/StyleAlexandreHenry/img/Vouchers/voucher.png);
}
.appointment .voucherDiv .chooseGenderVouchers .pictureSalon .text,
.appointment .appointment-content #appointment-center-container .vouchers .pictureSalon .text {
  display: none;
}
.voucher {
  background-image: none;
}
.voucher .content .left {
  background-image: url(/Content/themes/StyleAlexandreHenry/img/Vouchers/voucher-background.jpg);
  background-size: cover;
}
.sweetwait .sweetwait-title {
  color: #000000;
}
.sweetwait .btDefault {
  background-color: #cea646;
  border-color: #cea646;
}
.sweetwait .sweetwait-btn .sweetwait-btn-icon {
  position: absolute;
  left: 5px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='23.711' height='24' viewBox='0 0 23.711 24'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M20.813,12.121H19.587a7.243,7.243,0,0,0-7.236-7.236V3.673A8.477,8.477,0,0,1,20.813,12.121ZM12.351,5.774V6.994a5.142,5.142,0,0,1,5.142,5.142h1.219A6.347,6.347,0,0,0,12.38,5.774ZM12.1,0a12,12,0,0,0,0,24,.735.735,0,1,0,0-1.469A10.52,10.52,0,1,1,22.621,12a6.832,6.832,0,0,1-3.137,5.877,4.539,4.539,0,0,1-2.2.558,3.414,3.414,0,0,0,1.19-1.153,1.52,1.52,0,0,0,.176-.264,11.819,11.819,0,0,0,.411-1.851c.176-.779-3.423-2.307-3.739-1.33A9.142,9.142,0,0,1,14.8,15.64c-.2.264-.7.14-1.006-.125-.823-.7-1.741-1.726-2.542-2.542h0l-.066-.066-.066-.066h0c-.815-.808-1.844-1.719-2.542-2.542-.264-.309-.4-.808-.125-1.014a9.645,9.645,0,0,1,1.807-.514c.97-.309-.551-3.908-1.337-3.732a12.856,12.856,0,0,0-1.844.4,1.673,1.673,0,0,0-.264.176c-2.05,1.308-2.307,4.474-.309,6.869.735.9,1.565,1.77,2.38,2.623h0l.066.066.066.066h0a22.266,22.266,0,0,0,3.511,3.122c3.453,2.307,6.1,1.66,7.662.808a8.27,8.27,0,0,0,3.908-7.14A12.019,12.019,0,0,0,12.1,0Z' transform='translate(-0.394)'/%3E%3C/svg%3E");
}
.sweetwait .sweetwait-btn .picture {
  top: unset;
}
.sweetwait .sweetwait-btn:hover {
  background-color: white;
  border-color: #cea646;
  color: #cea646;
}
.sweetwait .sweetwait-btn:hover .sweetwait-btn-icon {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='23.711' height='24' viewBox='0 0 23.711 24'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23cea646;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M20.813,12.121H19.587a7.243,7.243,0,0,0-7.236-7.236V3.673A8.477,8.477,0,0,1,20.813,12.121ZM12.351,5.774V6.994a5.142,5.142,0,0,1,5.142,5.142h1.219A6.347,6.347,0,0,0,12.38,5.774ZM12.1,0a12,12,0,0,0,0,24,.735.735,0,1,0,0-1.469A10.52,10.52,0,1,1,22.621,12a6.832,6.832,0,0,1-3.137,5.877,4.539,4.539,0,0,1-2.2.558,3.414,3.414,0,0,0,1.19-1.153,1.52,1.52,0,0,0,.176-.264,11.819,11.819,0,0,0,.411-1.851c.176-.779-3.423-2.307-3.739-1.33A9.142,9.142,0,0,1,14.8,15.64c-.2.264-.7.14-1.006-.125-.823-.7-1.741-1.726-2.542-2.542h0l-.066-.066-.066-.066h0c-.815-.808-1.844-1.719-2.542-2.542-.264-.309-.4-.808-.125-1.014a9.645,9.645,0,0,1,1.807-.514c.97-.309-.551-3.908-1.337-3.732a12.856,12.856,0,0,0-1.844.4,1.673,1.673,0,0,0-.264.176c-2.05,1.308-2.307,4.474-.309,6.869.735.9,1.565,1.77,2.38,2.623h0l.066.066.066.066h0a22.266,22.266,0,0,0,3.511,3.122c3.453,2.307,6.1,1.66,7.662.808a8.27,8.27,0,0,0,3.908-7.14A12.019,12.019,0,0,0,12.1,0Z' transform='translate(-0.394)'/%3E%3C/svg%3E");
}
.sweetwait a:visited {
  color: white;
}
.sweetwait a:visited:hover a:visited {
  color: white;
}
.validation-summary-errors {
  font-size: 16px !important;
}