/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}
[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}
html {
  box-sizing: border-box;
  font-size: 62.5%;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}
select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}
button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}
pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}
.is-visible {
  display: block !important;
}
.is-hidden {
  display: none !important;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
em,
i {
  font-style: italic;
  line-height: inherit;
}
strong,
b {
  font-weight: bold;
  line-height: inherit;
}
small {
  font-size: 80%;
  line-height: inherit;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}
h1, .h1 {
  font-size: 2.4rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h2, .h2 {
  font-size: 2rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h3, .h3 {
  font-size: 1.9rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h4, .h4 {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h5, .h5 {
  font-size: 1.7rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h6, .h6 {
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 4.8rem;
  }
  h2, .h2 {
    font-size: 4rem;
  }
  h3, .h3 {
    font-size: 3.1rem;
  }
  h4, .h4 {
    font-size: 2.5rem;
  }
  h5, .h5 {
    font-size: 2rem;
  }
  h6, .h6 {
    font-size: 1.6rem;
  }
}
a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #1468a0;
}
a img {
  border: 0;
}
hr {
  clear: both;
  max-width: 120rem;
  height: 0;
  margin: 2rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}
ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}
li {
  font-size: inherit;
}
ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}
ol {
  margin-left: 1.25rem;
}
ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}
dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}
blockquote {
  margin: 0 0 1rem;
  padding: 0.9rem 2rem 0 1.9rem;
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}
abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}
figure {
  margin: 0;
}
kbd {
  margin: 0;
  padding: 0.2rem 0.4rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}
.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}
.lead {
  font-size: 78.125%;
  line-height: 1.6;
}
.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}
ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}
.cite-block, cite {
  display: block;
  color: #8a8a8a;
  font-size: 1.3rem;
}
.cite-block:before, cite:before {
  content: "— ";
}
.code-inline, code {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.2rem 0.5rem 0.1rem;
}
.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-print-color-adjust: economy;
            print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
.row {
  max-width: 120rem;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap;
}
.row .row {
  margin-right: -1rem;
  margin-left: -1rem;
}
@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -1rem;
    margin-left: -1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -1rem;
    margin-left: -1rem;
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.row:not(.expanded) .row {
  max-width: none;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row {
  margin-right: 0;
  margin-left: 0;
}
.column, .columns {
  flex: 1 1 0px;
  padding-right: 1rem;
  padding-left: 1rem;
  min-width: 0;
}
@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.column.row.row, .row.row.columns {
  float: none;
  display: block;
}
.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}
.small-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.small-offset-0 {
  margin-left: 0%;
}
.small-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.small-offset-1 {
  margin-left: 8.3333333333%;
}
.small-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.small-offset-2 {
  margin-left: 16.6666666667%;
}
.small-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.small-offset-3 {
  margin-left: 25%;
}
.small-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.small-offset-4 {
  margin-left: 33.3333333333%;
}
.small-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.small-offset-5 {
  margin-left: 41.6666666667%;
}
.small-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.small-offset-6 {
  margin-left: 50%;
}
.small-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.small-offset-7 {
  margin-left: 58.3333333333%;
}
.small-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.small-offset-8 {
  margin-left: 66.6666666667%;
}
.small-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.small-offset-9 {
  margin-left: 75%;
}
.small-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.small-offset-10 {
  margin-left: 83.3333333333%;
}
.small-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.small-offset-11 {
  margin-left: 91.6666666667%;
}
.small-up-1 {
  flex-wrap: wrap;
}
.small-up-1 > .column, .small-up-1 > .columns {
  flex: 0 0 100%;
  max-width: 100%;
}
.small-up-2 {
  flex-wrap: wrap;
}
.small-up-2 > .column, .small-up-2 > .columns {
  flex: 0 0 50%;
  max-width: 50%;
}
.small-up-3 {
  flex-wrap: wrap;
}
.small-up-3 > .column, .small-up-3 > .columns {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.small-up-4 {
  flex-wrap: wrap;
}
.small-up-4 > .column, .small-up-4 > .columns {
  flex: 0 0 25%;
  max-width: 25%;
}
.small-up-5 {
  flex-wrap: wrap;
}
.small-up-5 > .column, .small-up-5 > .columns {
  flex: 0 0 20%;
  max-width: 20%;
}
.small-up-6 {
  flex-wrap: wrap;
}
.small-up-6 > .column, .small-up-6 > .columns {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.small-up-7 {
  flex-wrap: wrap;
}
.small-up-7 > .column, .small-up-7 > .columns {
  flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}
.small-up-8 {
  flex-wrap: wrap;
}
.small-up-8 > .column, .small-up-8 > .columns {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 1rem;
  padding-left: 1rem;
}
@media print, screen and (min-width: 40em) {
  .medium-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-up-1 {
    flex-wrap: wrap;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-up-2 {
    flex-wrap: wrap;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-up-3 {
    flex-wrap: wrap;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .medium-up-4 {
    flex-wrap: wrap;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-up-5 {
    flex-wrap: wrap;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .medium-up-6 {
    flex-wrap: wrap;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .medium-up-7 {
    flex-wrap: wrap;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .medium-up-8 {
    flex-wrap: wrap;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  .medium-expand {
    flex: 1 1 0px;
  }
}
.row.medium-unstack > .column, .row.medium-unstack > .columns {
  flex: 0 0 100%;
}
@media print, screen and (min-width: 40em) {
  .row.medium-unstack > .column, .row.medium-unstack > .columns {
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .large-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-up-1 {
    flex-wrap: wrap;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .large-up-2 {
    flex-wrap: wrap;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .large-up-3 {
    flex-wrap: wrap;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .large-up-4 {
    flex-wrap: wrap;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .large-up-5 {
    flex-wrap: wrap;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .large-up-6 {
    flex-wrap: wrap;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .large-up-7 {
    flex-wrap: wrap;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .large-up-8 {
    flex-wrap: wrap;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media print, screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    flex: 1 1 0px;
  }
}
.row.large-unstack > .column, .row.large-unstack > .columns {
  flex: 0 0 100%;
}
@media print, screen and (min-width: 64em) {
  .row.large-unstack > .column, .row.large-unstack > .columns {
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.shrink {
  flex: 0 0 auto;
  max-width: 100%;
}
.column-block {
  margin-bottom: 2rem;
}
.column-block > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 2rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}
.modal__multiboutique .multiboutique__list__picto:before, category-price .category-price.chronopost:before, category-price .category-price.click_and_collect:before, category-price .category-price.home_delivery:before, .collab-edit .uploadImageButton:before, .collab-edit .delete:before, .confirmation_container .button_container .delete:before, .delete_product_button .delete:before, .catalog-delete-photo-product.mat-icon-button:before, .close_select_categories:before, .multiple_action_delete:before, .gestion__header .back_button:before, .ins-chips:after, .reporting__bestseller .title:before, .reporting__stats--bloc.orders:before, .reporting__stats--bloc.ca:before, .reporting__date .prev__next button.next:before, .reporting__date .prev__next button.prev:before, .reporting__date .datepicker:before, .collab-list .profile__actions .delete:before, .collab-list .profile__actions .edit:before, .collab-list .add_profile:before, .item--head .close__modale:before, .commande__details__totalOrders .cook_image:before, .commande__details__timer .commande__details--multiboutique .commande__details--multiboutique--button:before, .historique__blank .cook_image:before, .stripe_status .stripe_status_bulle:before, .stripe_status.limited .stripe_status_bulle:before, .sidebar__search--cancel:before, .navigation .link.attention:before, mat-icon.fontello.user_multi:before, mat-icon.fontello.group_multi:before, mat-icon.fontello.photo:before, mat-icon.fontello.back:before, mat-icon.fontello.attention:before, mat-icon.fontello.colissimo:before, mat-icon.fontello.cook:before, mat-icon.fontello.commande:before, mat-icon.fontello.trash:before, mat-icon.fontello.print:before, mat-icon.fontello.bike:before, mat-icon.fontello.edit:before, mat-icon.fontello.rubbish-can:before, mat-icon.fontello.signs:before, mat-icon.fontello.cancel:before, mat-icon.fontello.checkgreen:before, mat-icon.fontello.close:before, mat-icon.fontello.calendar:before, mat-icon.fontello.bag:before, mat-icon.fontello.like:before, mat-icon.fontello.euros:before, mat-icon.fontello.eye-off:before, mat-icon.fontello.eye:before, mat-icon.fontello.lock:before, mat-icon.fontello.mail:before, mat-icon.fontello.right-open-mini:before, mat-icon.fontello.left-open-mini:before, mat-icon.fontello.right-open-big:before, mat-icon.fontello.left-open-big:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/**
 * Fontello
 */
@font-face {
  font-family: "fontello";
  src: url('fontello.f36ea6f74459a100.eot');
  src: url('fontello.f36ea6f74459a100.eot') format("embedded-opentype"), url('fontello.d3f80ea98c1ea63e.woff2') format("woff"), url('fontello.d3f80ea98c1ea63e.woff2') format("woff2"), url('fontello.41c9489344544633.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}
/**
 * Lust
 */
@font-face {
  font-family: "lust";
  src: url('lust-700-normal.fc64811a7c50cdb8.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
}
/**
 * Muli
 */
@font-face {
  font-family: "muli";
  src: url('muli-300-normal.10ca6752fc908da0.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "muli";
  src: url('muli-400-normal.36a7e5192ba43201.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "muli";
  src: url('muli-600-normal.6fa82af88efc0e36.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "muli";
  src: url('muli-700-normal.dda901a36d07fea9.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "muli";
  src: url('muli-800-normal.d42ef18a9903f2fd.woff2') format("woff2");
  font-weight: 800;
  font-style: normal;
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: none;
  display: var(--mat-focus-indicator-display, none);
  border: 3px solid transparent;
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: 4px;
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: 3px solid transparent;
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: 4px;
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: "muli", "sans-serif";
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px "muli", "sans-serif";
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px "muli", "sans-serif";
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px "muli", "sans-serif";
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px "muli", "sans-serif";
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px "muli", "sans-serif";
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px "muli", "sans-serif";
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px "muli", "sans-serif";
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px "muli", "sans-serif";
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px "muli", "sans-serif";
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px "muli", "sans-serif";
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px "muli", "sans-serif";
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px "muli", "sans-serif";
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px "muli", "sans-serif";
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px / 20px "muli", "sans-serif";
  letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: "muli", "sans-serif";
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: "muli", "sans-serif";
}
.mat-card {
  font-family: "muli", "sans-serif";
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: "muli", "sans-serif";
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: "muli", "sans-serif";
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: "muli", "sans-serif";
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px / 32px "muli", "sans-serif";
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: "muli", "sans-serif";
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px / 20px "muli", "sans-serif";
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: "muli", "sans-serif";
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34372em) scale(0.75);
  width: 133.3333633333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00106px);
  width: 133.3333933333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00107px);
  width: 133.3334033333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00108px);
  width: 133.3334133333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28116em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28115em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28114em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59372em) scale(0.75);
  width: 133.3333633333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59372em) scale(0.75);
  width: 133.3333633333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: "muli", "sans-serif";
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: "muli", "sans-serif";
  font-size: 12px;
}
.mat-radio-button {
  font-family: "muli", "sans-serif";
}
.mat-select {
  font-family: "muli", "sans-serif";
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: "muli", "sans-serif";
}
.mat-slider-thumb-label-text {
  font-family: "muli", "sans-serif";
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: "muli", "sans-serif";
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: "muli", "sans-serif";
}
.mat-tab-label, .mat-tab-link {
  font-family: "muli", "sans-serif";
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px "muli", "sans-serif";
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: "muli", "sans-serif";
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: "muli", "sans-serif";
}
.mat-list-option {
  font-family: "muli", "sans-serif";
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: "muli", "sans-serif";
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: "muli", "sans-serif";
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: "muli", "sans-serif";
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px / 24px "muli", "sans-serif";
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: "muli", "sans-serif";
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: "muli", "sans-serif";
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #a3bfb9;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #c5d8ff;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #a3bfb9;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #a3bfb9;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #c5d8ff;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #a3bfb9;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.75);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #a3bfb9;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #c5d8ff;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #a3bfb9;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #a3bfb9;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #c5d8ff;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #a3bfb9;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: black;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #a3bfb9;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #c5d8ff;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #a3bfb9;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
a:focus, a:active, button:focus, button:active {
  outline: none;
}
.mat-button-base.mat-flat-button {
  border-radius: 20rem;
  padding: 0.4rem 3rem;
  font-weight: 700;
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #a3bfb9;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #c5d8ff;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #a3bfb9;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #a3bfb9;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #c5d8ff;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #a3bfb9;
}
mat-checkbox.mat-checkbox .mat-checkbox-inner-container {
  width: 2.4rem;
  height: 2.4rem;
}
mat-checkbox.mat-checkbox .mat-checkbox-frame {
  border-radius: 0.6rem;
  border-color: #b2b2b2;
}
mat-checkbox.mat-checkbox .mat-checkbox-label {
  font-size: 1.8rem;
  color: #b2b2b2;
}
mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #b2b2b2;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #a3bfb9;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #c5d8ff;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #a3bfb9;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #a3bfb9;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
mat-optgroup.mat-optgroup {
  display: block;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}
mat-optgroup.mat-optgroup + .mat-optgroup {
  border-top: none;
}
mat-select .mat-select-value {
  line-height: 1;
}
mat-select[aria-multiselectable=false] {
  position: relative;
}
mat-select[aria-multiselectable=false] .mat-select-arrow {
  margin: 0 4px 0 18px;
}
mat-select[aria-multiselectable=false]:after {
  content: "";
  position: absolute;
  background-color: #DEDEDE;
  width: 1px;
  top: -1.6rem;
  bottom: -1.6rem;
  right: 3.2rem;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #a3bfb9;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #c5d8ff;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #a3bfb9;
}
.mat-focused .mat-form-field-required-marker {
  color: #c5d8ff;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #a3bfb9;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #c5d8ff;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #a3bfb9;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #a3bfb9;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #c5d8ff;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #a3bfb9;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #a3bfb9;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #a3bfb9;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #a3bfb9;
}
.mat-error {
  color: #a3bfb9;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #a3bfb9;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #c5d8ff;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #a3bfb9;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #a3bfb9;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
mat-form-field {
  width: 100%;
}
mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0 50px 50px 0;
}
mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 50px 0 0 50px;
}
mat-form-field.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, mat-form-field.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.75em) scale(0.75) perspective(100px) translateZ(0.001px);
}
mat-form-field.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float textarea + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.5em) scale(0.75) perspective(100px) translateZ(0.001px);
}
mat-form-field .mat-form-field-underline {
  display: none;
}
mat-form-field.mat-form-field .mat-form-field-label {
  font-size: 1.5rem;
  line-height: 1.7rem;
}
@media screen and (max-width: 768px) {
  mat-form-field.mat-form-field .mat-form-field-label {
    max-width: 16rem;
    font-size: 1.2rem;
  }
  mat-form-field.mat-form-field .mat-form-field-label.mat-empty span {
    max-width: 14rem;
  }
  mat-form-field.mat-form-field .mat-form-field-label span {
    max-width: 16rem;
    font-size: 1.2rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2;
  }
}
mat-form-field .mat-form-field-flex {
  background-color: white;
  border-radius: 5rem;
  padding: 0 2rem;
  min-height: 5rem;
  display: flex;
  align-items: center;
}
mat-form-field .mat-form-field-wrapper {
  margin-bottom: 2rem;
}
mat-form-field .mat-error {
  color: #3B3F37;
}
mat-form-field .mat-form-field-infix {
  border-top: none;
}
mat-form-field .mat-form-field-suffix {
  height: 5rem;
  width: 4.8rem;
  padding: 1rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: -1.5rem;
  font-weight: 600;
}
mat-form-field.mat-form-field-type-mat-select {
  max-width: 20rem;
}
.add_product_form .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float textarea + .mat-form-field-label-wrapper .mat-form-field-label {
  display: none;
}
.add_product_form .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.add_product_form .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  display: none;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #a3bfb9;
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #c5d8ff;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #a3bfb9;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #a3bfb9;
}
input.mat-input-element {
  line-height: 1;
}
.mat-icon.mat-primary {
  color: #a3bfb9;
}
.mat-icon.mat-accent {
  color: #c5d8ff;
}
.mat-icon.mat-warn {
  color: #a3bfb9;
}
mat-icon.fontello {
  font-family: "Material Icons";
}
mat-icon.fontello:before {
  line-height: 1;
  transform: scale(0.8) translateY(-25%);
  transform-origin: center;
}
mat-icon.fontello.left-open-big:before {
  content: "\E800";
}
mat-icon.fontello.right-open-big:before {
  content: "\E803";
}
mat-icon.fontello.left-open-mini:before {
  content: "\E809";
}
mat-icon.fontello.right-open-mini:before {
  content: "\E808";
}
mat-icon.fontello.mail:before {
  content: "\E801";
}
mat-icon.fontello.lock:before {
  content: "\E802";
}
mat-icon.fontello.eye:before {
  content: "\E804";
}
mat-icon.fontello.eye-off:before {
  content: "\E805";
}
mat-icon.fontello.euros:before {
  content: "\E80B";
}
mat-icon.fontello.like:before {
  content: "\E80C";
}
mat-icon.fontello.bag:before {
  content: "\E81F";
}
mat-icon.fontello.calendar:before {
  content: "\E812";
}
mat-icon.fontello.close:before {
  content: "\E811";
}
mat-icon.fontello.checkgreen:before {
  content: "\E80E";
}
mat-icon.fontello.cancel:before {
  content: "\E810";
}
mat-icon.fontello.signs:before {
  content: "\E815";
}
mat-icon.fontello.rubbish-can:before {
  content: "\E814";
}
mat-icon.fontello.edit:before {
  content: "\E813";
}
mat-icon.fontello.bike:before {
  content: "\E816";
}
mat-icon.fontello.print:before {
  content: "\E817";
}
mat-icon.fontello.trash:before {
  content: "\E818";
}
mat-icon.fontello.commande:before {
  content: "\E819";
}
mat-icon.fontello.cook:before {
  content: "\E81C";
}
mat-icon.fontello.colissimo:before {
  content: "\E820";
}
mat-icon.fontello.attention:before {
  content: "\E81B";
}
mat-icon.fontello.back:before {
  content: "\E81D";
}
mat-icon.fontello.photo:before {
  content: "\E81E";
}
mat-icon.fontello.group_multi:before {
  content: "\E822";
}
mat-icon.fontello.user_multi:before {
  content: "\E821";
}
.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(163, 191, 185, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(163, 191, 185, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(163, 191, 185, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #a3bfb9;
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(163, 191, 185, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(163, 191, 185, 0.3);
}
@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(163, 191, 185, 0.3);
  }
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(197, 216, 255, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(197, 216, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(197, 216, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #c5d8ff;
  color: black;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(197, 216, 255, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px black;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(197, 216, 255, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(197, 216, 255, 0.3);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(163, 191, 185, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(163, 191, 185, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(163, 191, 185, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #a3bfb9;
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(163, 191, 185, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(163, 191, 185, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(163, 191, 185, 0.3);
  }
}
.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #a3bfb9;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #c5d8ff;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #a3bfb9;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.invisible-datepicker-field {
  position: absolute !important;
  visibility: hidden;
  width: 0px;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #a3bfb9;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #a3bfb9;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #c5d8ff;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #c5d8ff;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #a3bfb9;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #a3bfb9;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #c5d8ff;
}
.snackbar-custom__container {
  display: flex;
  flex-direction: column;
}
.snackbar-custom__message {
  flex-grow: 1;
}
.snackbar-custom__action {
  flex-grow: 1;
  flex-shrink: 0;
}
.snackbar-custom__action button {
  color: white;
  padding: 1rem;
  text-decoration: underline;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #db0d15;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #80ff96;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #a3bfb9;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #bf6075;
}
.overlay-loader {
  position: fixed;
  display: block;
  width: calc(100% - 3rem);
  height: 100%;
  top: 0;
  left: 1.5rem;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99999;
  border-radius: 2rem;
}
.spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  transform: translate(-50%, -50%);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-paginator-range-label {
  margin: 0 32px 0 24px;
  font-size: 16px;
  color: black;
  font-weight: 700;
}
.mat-paginator-range-actions svg {
  color: black;
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-menu-panel.mat-menu-panel {
  border-radius: 15px;
}
.mat-menu-panel.cancel-menu {
  min-height: 34px;
}
.mat-menu-panel .mat-menu-content:not(:empty) {
  padding: 0;
}
.mat-menu-panel .mat-menu-item {
  color: #3B3F37;
}
.mat-menu-panel .mat-menu-item.menu__product--delete {
  color: #bf6075;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #80ff96;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(128, 255, 150, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #80ff96;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #db0d15;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(219, 13, 21, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #db0d15;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #a3bfb9;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(163, 191, 185, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #a3bfb9;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
mat-slide-toggle.mat-slide-toggle {
  font-weight: normal;
  width: 100%;
  text-align: left;
  border-radius: 0;
  align-items: center;
  justify-content: space-between;
}
mat-slide-toggle.mat-slide-toggle .mat-slide-toggle-label {
  justify-content: space-between;
  padding: 0.5em 1.5rem;
}
mat-slide-toggle.mat-slide-toggle .mat-slide-toggle-content {
  font-size: 1em;
  color: #000;
}
mat-slide-toggle.mat-slide-toggle .mat-slide-toggle-bar {
  order: 2;
  height: 2.4rem;
  width: 5.6rem;
  border-radius: 10rem;
  background-color: #e8e8e8;
  box-shadow: 0 0.3rem 0.6rem 0 #e8e8e8;
  transition: all 0.2s ease-in-out;
}
mat-slide-toggle.mat-slide-toggle .mat-slide-toggle-thumb-container {
  top: 0.2rem;
  left: 0.3rem;
  transition: all 0.2s ease-in-out;
}
mat-slide-toggle.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #a3bfb9;
  box-shadow: 0 0.3rem 0.6rem 0 rgba(52, 168, 85, 0.36);
}
mat-slide-toggle.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff;
}
mat-slide-toggle.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(-3px, 0, 0);
  top: 2px;
  left: 3.5rem;
}
mat-slide-toggle.mat-slide-toggle.mat-disabled .mat-slide-toggle-bar {
  background-color: #b5b5b5;
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item.center {
  z-index: 5;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
html, body {
  height: 100%;
}
body {
  margin: 0;
  font-family: "muli", "sans-serif", "Helvetica Neue", sans-serif;
}
app-root {
  font-size: 1.6rem;
}
.column, .columns {
  box-sizing: border-box;
}
select {
  max-width: 9rem;
  border: 0.1rem solid #DEDEDE;
  border-radius: 1rem;
  height: 4.4rem;
  padding-left: 1.4rem;
  background-image: url(/assets/images/gray_arrow.png);
  background-repeat: no-repeat;
  background-position: 85% 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ins_row {
  max-width: 150rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.maintenance_bandeau {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: auto;
  padding: 2rem 9rem 2rem 1rem;
  background: #7898c1;
  z-index: 9999999;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (max-width: 39.99875em) {
  .maintenance_bandeau {
    flex-direction: column;
    bottom: 0;
    padding: 1rem 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  .maintenance_bandeau {
    padding: 2rem 4rem;
  }
}
.maintenance_bandeau > p {
  margin-bottom: 0;
  max-width: 90rem;
}
.maintenance_bandeau button {
  display: flex;
  justify-content: center;
  font-weight: 700;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #a3bfb9;
}
@media print, screen and (max-width: 39.99875em) {
  .maintenance_bandeau button {
    position: static;
    margin: 2rem auto;
  }
}
.menu {
  width: 100%;
  height: 82px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
  background-color: #536457;
}
@media print, screen and (max-width: 39.99875em) {
  .menu.small {
    height: 5rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .menu {
    flex-direction: column;
    align-items: flex-start;
  }
}
.menu img {
  height: 3em;
  margin-right: 1em;
}
.menu .mat-flat-button {
  background-color: transparent;
  color: #fff;
  height: 8.2rem;
  border-radius: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .menu .mat-flat-button {
    order: 0;
    height: 5rem;
    padding: 0.4rem 0;
  }
}
.menu .mat-flat-button.active {
  background-color: #fff;
  color: #3B3F37;
}
.menu__navigation {
  padding: 0 1.5rem;
  align-self: flex-end;
}
@media print, screen and (max-width: 39.99875em) {
  .menu__navigation {
    order: 3;
    align-self: center;
  }
}
.menu__navigation .mat-flat-button {
  border-radius: 0;
  padding: 0;
  margin: 0;
  color: white;
  height: auto;
  border: solid 2px transparent;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  width: auto;
}
@media print, screen and (max-width: 39.99875em) {
  .menu__navigation .mat-flat-button {
    font-size: 1.4rem;
    margin: 0 0.5rem;
    padding: 0.2rem 0.5rem;
    border: none;
    background-color: #464b41;
  }
}
@media print, screen and (min-width: 40em) {
  .menu__navigation .mat-flat-button {
    padding: 0.6em 1em;
    line-height: 3.6rem;
  }
}
.menu__bloc {
  flex-shrink: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .menu__bloc {
    display: flex;
    align-items: flex-start;
  }
  .menu__bloc a {
    padding-top: 1rem;
    order: 1;
    padding-left: 1rem;
  }
}
.header__dialog {
  margin-left: auto;
  margin-top: auto;
  height: calc(100% - 82px) !important;
  font-size: 17px;
  width: 340px;
}
@media print, screen and (max-width: 39.99875em) {
  .header__dialog {
    margin-right: auto;
    margin-left: 0;
    height: calc(100% - 50px) !important;
  }
}
.header__dialog .mat-dialog-container {
  border-radius: 34px 0 0 34px;
  padding: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .header__dialog .mat-dialog-container {
    border-radius: 0 34px 34px 0;
  }
}
.header__dialog .mat-card {
  border-radius: 34px 0 0 34px;
  padding: 25px 26px 25px 26px;
}
@media print, screen and (max-width: 39.99875em) {
  .header__dialog .mat-card {
    border-radius: 0 34px 34px 0;
  }
}
.header__dialog .mat-card .align-right {
  display: flex;
  justify-content: flex-end;
}
.header__dialog .mat-dialog-content {
  display: flex;
  max-height: 100%;
  width: 100%;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  padding-bottom: 5rem;
  overflow: hidden;
}
.header__dialog .mat-dialog-title {
  font-size: 2.4rem;
  margin-left: 15px;
  margin-bottom: 3rem;
  font-weight: bold;
  font-family: "lust", "muli", "sans-serif";
}
@media print, screen and (max-width: 39.99875em) {
  .header__dialog .mat-dialog-title {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
  }
}
.header__dialog .mat-stroked-button {
  font-size: 1em;
  font-weight: bold;
  border-radius: 2em;
  padding: 0.5em 15px;
  width: 100%;
  background-color: #a3bfb9;
  color: #fff;
}
@media print, screen and (max-width: 39.99875em) {
  .header__dialog .mat-stroked-button {
    font-size: 1.4rem;
  }
}
.header__dialog .close-btn {
  background-color: #3B3F37;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  height: 8.2rem;
  width: 8.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media print, screen and (max-width: 39.99875em) {
  .header__dialog .close-btn {
    width: 6.4rem;
    height: 5rem;
    left: 0;
  }
}
.disconnect-btn {
  padding: 0 15px;
  margin-top: auto;
}
.navigation__wrapper {
  background-color: #fff;
  height: 100%;
  display: flex !important;
  flex-direction: column;
}
.navigation {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  padding-bottom: 3rem !important;
}
.navigation .link {
  font-size: 1em;
  font-weight: normal;
  width: 100%;
  text-align: left;
  padding: 0.3em 15px;
  border-bottom: solid 1px #DEDEDE;
  border-radius: 0;
  color: #000;
}
@media print, screen and (max-width: 39.99875em) {
  .navigation .link {
    font-size: 1.2rem;
  }
}
.navigation .link:last-child {
  border: 0;
}
.navigation .link.no-border-bottom {
  border-bottom: none;
}
.navigation .link.attention {
  position: relative;
}
.navigation .link.attention:before {
  content: "\E81B";
  font-size: 2rem;
  color: #bf6075;
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
}
.navigation .mat-slide-toggle {
  border-bottom: solid 1px #DEDEDE;
  height: 5.4rem;
}
@media print, screen and (max-width: 39.99875em) {
  .navigation mat-slide-toggle.mat-slide-toggle .mat-slide-toggle-content {
    font-size: 1.2rem;
  }
}
.sidebar {
  overflow: visible;
  position: absolute;
  z-index: 70;
  max-width: 30.4rem;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: transform 0.4s ease-in-out;
  flex-shrink: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .sidebar {
    max-width: 100%;
    top: 15.2rem;
  }
}
.sidebar.wide {
  max-width: 43.5rem;
}
.sidebar + * {
  position: relative;
  left: 0;
  transition: left 0.4s ease-in-out;
}
.sidebar.is--open {
  transform: translateX(0);
}
@media print, screen and (max-width: 39.99875em) {
  .sidebar.is--open {
    transform: translateX(-100%);
  }
}
.sidebar.is--open .trigger--sidebar {
  transform: translateX(20%);
  padding-left: 0;
  padding-right: 0.5rem;
  display: block;
}
.sidebar.is--open.wide + * {
  left: 43.5rem;
}
@media print, screen and (min-width: 40em) {
  .sidebar, .sidebar.is--open {
    transform: none;
    position: static;
  }
  .sidebar + *, .sidebar.is--open + * {
    left: 0 !important;
  }
}
@media print, screen and (max-width: 39.99875em) {
  app-historique .sidebar {
    top: 8.2rem;
  }
}
.trigger--sidebar {
  position: absolute;
  z-index: 71;
  left: 95%;
  top: -30px;
  padding: 0.5rem 0 0 0.5rem;
  transform: translateX(0);
  transition: transform 0.4s ease-in-out, padding 0.4s ease-in-out;
  display: none;
}
@media print, screen and (min-width: 40em) {
  .trigger--sidebar {
    display: none !important;
  }
}
.sidebar__wrapper {
  height: 100%;
  overflow: auto;
}
.sidebar__header {
  padding-top: 1.5em;
  padding-bottom: 1em;
  margin: 0 1.5em;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sidebar__header .sidebar__header--date-hour {
  padding-right: 1rem;
  flex-grow: 1;
}
.sidebar__header .sidebar__header--commande {
  flex: 0 0 4.8rem;
}
.sidebar__header .sidebar__header--historique {
  flex: 0 0 9.4rem;
  justify-content: space-between;
  display: flex;
}
.sidebar__header .sidebar__header--historique .mat-mini-fab {
  box-shadow: none;
  border: 1px solid #dedede;
  background-color: white;
  position: relative;
}
.sidebar__header .sidebar__header--historique .mat-icon {
  position: absolute;
}
.sidebar__header .sidebar__header--historique .mat-icon:before {
  transform: none;
  display: block;
}
.sidebar__header .sidebar__header--historique .mat-icon.calendar {
  top: 10px;
  left: 7px;
  font-size: 22px;
}
.sidebar__header .sidebar__header--historique .mat-icon.commande {
  top: 10px;
  left: 9px;
  font-size: 24px;
}
.sidebar__header--date {
  color: #3B3F37;
  display: block;
  line-height: 1;
  font-size: 1.5rem;
}
.sidebar__header--date::first-letter {
  text-transform: capitalize;
}
.sidebar__header--hour {
  margin-top: 0.25em;
  color: #3B3F37;
  font-size: 4rem;
  font-weight: bold;
  display: block;
  line-height: 1;
}
@media print, screen and (max-width: 39.99875em) {
  .sidebar__header--hour {
    font-size: 3rem;
  }
}
.sidebar__header--store {
  margin-top: 0.25em;
  color: #3B3F37;
  font-size: 2rem;
  font-family: "lust", "muli", "sans-serif";
  font-weight: bold;
  display: block;
  line-height: 1;
  font-weight: 700;
}
@media print, screen and (max-width: 39.99875em) {
  .sidebar__header--store {
    font-size: 3rem;
  }
}
.sidebar .mat-subheader {
  padding: 0 0.5em;
  padding-top: 1em;
  margin: 0 1em;
  margin-bottom: 1em;
  display: block;
  border-top: solid 1px #eeeeee;
  display: flex;
  justify-content: space-between;
}
.sidebar .mat-subheader .day {
  color: #b2b2b2;
}
.sidebar .mat-list-item-content {
  max-width: 100%;
  padding: 0 1em;
  display: block;
}
.sidebar__list {
  margin-bottom: 3.5em;
}
@media print, screen and (max-width: 39.99875em) {
  .sidebar__list {
    margin-bottom: 1rem;
  }
}
.sidebar__line.mat-button-base {
  margin: 0.7rem 0;
  padding: 0 1rem 0 1.6rem;
  align-items: center;
  height: 51px;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  text-align: left;
  border-radius: 2.6rem;
  border: none;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1);
  font-size: 1.8rem;
  position: relative;
  overflow: hidden;
}
.sidebar__line.mat-button-base.active {
  background-color: #7898c1;
  color: white;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.sidebar__line.mat-button-base.active .bulle-status.accepted {
  color: #ed6401;
  background-color: #fff;
  border-color: #fff;
}
.sidebar__line.mat-button-base.active .bulle-status.pending_cnc,
.sidebar__line.mat-button-base.active .bulle-status.pending_delivery {
  color: #a3bfb9;
  background-color: #fff;
  border-color: #fff;
}
.sidebar__line.mat-button-base.active .timer__container {
  background-color: white;
}
.sidebar__line.mat-button-base.active category-price:before, .sidebar__line.mat-button-base.active category-price:after {
  background-color: white;
  opacity: 0.2;
}
.sidebar__line.mat-button-base bulle-status {
  margin-left: auto;
}
.waiting_container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.waiting_container img {
  margin-left: 1rem;
  cursor: pointer;
}
.multiboutique {
  width: 2.4rem;
}
.multiboutique span {
  background-color: #E8811B;
  box-shadow: 0 0.3rem 0.6rem 0 rgba(253, 152, 31, 0.25);
  padding: 0.6rem;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  max-width: 2.4rem;
  font-weight: 700;
  font-size: 1.4rem;
  color: white;
}
.sidebar__line .mat-button-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  font-size: 1.3rem;
  margin-top: -0.5rem;
}
@media print, screen and (max-width: 39.99875em) {
  .sidebar__line .mat-button-wrapper {
    font-size: 1rem;
  }
}
.sidebar__avatar {
  border-radius: 50%;
  height: 4.8rem;
  width: 4.8rem;
  background-size: cover;
  background-position: center;
}
.timer__container {
  position: absolute;
  left: 1rem;
  bottom: 0;
  height: 0.6rem;
  background-color: #7898c1;
}
.line--price {
  flex: 0 0 3.34rem;
  padding-left: 0.5rem;
}
.sidebar__search {
  padding: 1.6rem;
  background-color: #eeeeee;
  margin-bottom: -1px;
  position: relative;
}
.sidebar__search--text {
  padding-right: 2rem;
}
.sidebar__search--cancel {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  top: 1.5rem;
  right: 1rem;
  color: black;
}
.sidebar__search--cancel:before {
  content: "\E810";
}
@media print, screen and (max-width: 39.99875em) {
  .modal__ticket stripe-modal .button_container .commande__ready.mat-flat-button {
    font-size: 1.2rem;
  }
}
app-stripe .stripe_status_loader {
  margin-left: auto;
}
app-stripe .stripe_status_loader .lds-ring {
  width: 40px;
  height: 40px;
}
app-stripe .stripe_status_loader .lds-ring div {
  width: 40px;
  height: 40px;
  margin: 4px;
  border: 4px solid #CD242B;
  border-color: #CD242B transparent transparent transparent;
}
@media print, screen and (max-width: 39.99875em) {
  app-stripe .gestion__container {
    padding-bottom: 10rem;
    min-height: calc(100vh - 5rem);
  }
}
@media print, screen and (max-width: 39.99875em) {
  app-stripe .gestion__header .filters {
    margin-top: 2rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  app-stripe .mat-input-element, app-stripe .gestion__input.mat-form-field .mat-form-field-infix {
    font-size: 1.2rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  app-stripe .gestion__header .titles h2 {
    font-size: 2rem;
  }
}
app-stripe .gestion__input.mat-form-field.ng-invalid .mat-form-field-flex {
  border: 1px solid #bf6075;
}
app-stripe .mat-radio-button {
  margin-right: 2rem;
}
app-stripe .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
app-stripe .mat-radio-button.mat-accent .mat-radio-inner-circle, app-stripe .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), app-stripe .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, app-stripe .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #a3bfb9;
}
.stripe_status {
  border-radius: 50rem;
  width: auto;
  background: #a3bfb9;
  margin-left: auto;
  padding: 1rem;
  display: flex;
  align-items: center;
  color: white;
}
@media print, screen and (max-width: 39.99875em) {
  .stripe_status {
    margin-top: 1rem;
  }
}
.stripe_status.limited {
  background: #bf6075;
}
.stripe_status.limited .stripe_status_bulle:before {
  content: "\E810";
  font-size: 1.6rem;
  color: #bf6075;
}
.stripe_status .stripe_status_bulle {
  margin-right: 1rem;
  width: 2rem;
  height: 2rem;
  background: white;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stripe_status .stripe_status_bulle:before {
  content: "\E80E";
  color: #a3bfb9;
  font-size: 3.2rem;
  font-weight: 700;
}
.save_stripe_form {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
  .save_stripe_form {
    width: auto;
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
  }
}
.save_stripe_form .catalog-create-product.mat-button-base {
  margin-right: auto;
}
@media print, screen and (max-width: 39.99875em) {
  .save_stripe_form .commande__ready.mat-flat-button {
    font-size: 1.6rem;
  }
  .save_stripe_form .commande__ready.mat-flat-button .mat-icon.ok {
    margin-right: 1rem !important;
  }
}
.gestion__input.mat-form-field.indicatif .mat-form-field-flex {
  width: 11.5rem;
}
.stripe_gestionnaire {
  font-weight: 700;
  margin-bottom: 2rem;
  font-size: 1.6rem;
}
.search_in_select.mat-input-element {
  border-bottom: 1px solid #bfbfbf;
  padding: 12px;
  font-size: 11px;
}
#stripe_mcc-panel .mat-option-text, #stripe_mcc .ng-star-inserted {
  font-size: 11px;
}
.stripe_field_ok {
  margin-left: auto;
  font-weight: 700;
  color: #a3bfb9;
  flex-shrink: 0;
}
.gestion__input-box.cgu_stripe label {
  flex: 0 1 auto;
  margin-left: 2rem;
}
.stripe_mcc_id {
  border: 1px solid #a19f9f;
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a19f9f;
  position: absolute;
  right: 4rem;
  top: -4px;
}
@media print, screen and (max-width: 39.99875em) {
  .stripe_mcc_id {
    right: 2rem;
  }
}
.stripe_mcc_id_container {
  position: relative;
}
.edit_siren {
  position: absolute;
  left: 5rem;
  top: -0.5rem;
  cursor: pointer;
}
.historique__wrapper {
  display: flex;
  flex-direction: row;
  height: calc(100vh - 8.2rem);
}
.historique__wrapper .timer__container {
  display: none;
}
.historique__wrapper .sidebar__line .mat-button-wrapper {
  margin-top: 0;
}
.historique__blank {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #c5c5c5;
}
.historique__blank .cook_image:before {
  content: "\E81F";
  font-size: 10rem;
  color: #c5c5c5;
}
.historique__blank .big {
  font-size: 2em;
  font-weight: bold;
}
.historique__blank img {
  width: 105px;
}
.historique__details {
  flex: 1;
  background-color: #f7f7f7;
  overflow-y: auto;
}
.historique__details__header {
  background-color: #7898c1;
  padding: 1.5em 2em 1em;
  color: #fff;
  font-size: 3.125em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /** 
  Fix en attendant la maquette finale
  */
  height: 208px;
  overflow: hidden;
}
.historique__details__list {
  overflow-y: auto;
}
.historique__details__list .category {
  color: #717171;
  font-size: 1.7rem;
  display: block;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #D9D9D9;
}
@media print, screen and (max-width: 39.99875em) {
  .historique__details__list .category {
    margin-bottom: 0.4rem;
  }
}
.historique__details__list .line {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.3;
  width: 100%;
  padding: 1rem 0;
  display: flex;
  align-items: center;
  position: relative;
}
@media print, screen and (max-width: 39.99875em) {
  .historique__details__list .line {
    padding: 0.4rem 0;
  }
}
.historique__details__list .line:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-image: linear-gradient(to right, #707070 20%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 5px 1px;
  background-repeat: repeat-x;
}
.historique__details__list .line.last:after {
  content: none;
  border: 0;
}
@media screen and (min-width: 640px) and (max-width: 800px) {
  .historique__details__list .line {
    flex-direction: column;
  }
}
.historique__details__list .line--desc {
  align-items: center;
  display: flex;
  width: 100%;
}
.historique__details__list .line--qty {
  text-align: center;
  flex: 0 0 3em;
  font-weight: 700;
  font-size: 1.7rem;
}
@media print, screen and (max-width: 39.99875em) {
  .historique__details__list .line--qty {
    font-size: 1.4rem;
  }
}
.historique__details__list .line--qty.menu--text {
  font-weight: 700;
}
.historique__details__list .line--name {
  flex: 1 1 25em;
  text-align: left;
  font-size: 1.6rem;
  padding: 0 1.2em;
  word-break: break-word;
}
@media print, screen and (max-width: 39.99875em) {
  .historique__details__list .line--name {
    font-size: 1.2rem;
  }
}
.historique__details__list .line--name.menu--text {
  font-weight: 700;
}
.historique__details__list .line--total {
  text-align: right;
  flex: 0 0 7em;
  font-weight: 700;
  font-size: 1.6rem;
}
@media print, screen and (max-width: 39.99875em) {
  .historique__details__list .line--total {
    font-size: 1.4rem;
  }
}
.historique__details__list .line--total.menu--text {
  font-weight: 700;
}
@media print, screen and (min-width: 64em) {
  .historique__details__list .line {
    font-size: 2rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .historique__details__list .line_less_button {
    left: -0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    font-size: 20px;
  }
}
.historique__details__list .line--img {
  width: 5rem;
  height: 5rem;
}
@media screen and (min-width: 640px) and (max-width: 800px) {
  .historique__details__list .line--img {
    width: 10rem;
    height: 10rem;
    margin-bottom: 2rem;
  }
}
.historique__details__list .line--img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.historique__details__list .line--config {
  font-size: 1.3rem;
}
@media print, screen and (max-width: 39.99875em) {
  .hide_for_mobile {
    display: none;
  }
}
.historique__actions {
  padding-bottom: 3.5rem;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 39.99875em) {
  .historique__actions {
    padding-bottom: 0;
    order: 2;
    justify-content: flex-start;
  }
}
.historique__details--menus,
.historique__details--cat {
  padding: 2.5rem 1rem 1rem 1rem;
}
@media print, screen and (min-width: 40em) {
  .historique__details--menus,
.historique__details--cat {
    padding: 3rem 3rem 1.5rem 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  .historique__details--menus,
.historique__details--cat {
    padding: 3rem 3.5rem 1.5rem 5rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .historique__details--menus,
.historique__details--cat {
    padding: 1rem;
  }
}
.historique__details--menus:last-child,
.historique__details--cat:last-child {
  border: 0;
}
.historique__details--menus {
  background-color: #EAFFF0;
}
.historique__details--menus .line--name {
  font-weight: 700;
  font-size: 1.7rem;
}
@media print, screen and (max-width: 39.99875em) {
  .historique__details--menus .line--name {
    font-size: 1.4rem;
  }
}
.historique__details--cat {
  background-color: #F7F7F7;
  border-bottom: 1px solid #d6d6d6;
}
.menu__details {
  font-size: 1.6rem;
  padding-left: 4.5em;
}
@media print, screen and (min-width: 64em) {
  .menu__details {
    font-size: 2rem;
  }
}
.menu__details--name {
  font-size: 0.9em;
  line-height: 1.4em;
  margin: 0.7em 0;
  padding-left: 0.8em;
}
.menu__details--type {
  font-size: 0.9em;
  line-height: 1.4em;
  margin: 0.7em 0;
  font-weight: 700;
  color: #717171;
}
.commande__container {
  display: flex;
  height: calc(100vh - 8.2rem);
  overflow: hidden;
}
.commande__container .commande__right {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .commande__container .commande__right {
    width: calc(100% - 30rem);
  }
}
.commande__details__timer {
  padding: 2rem 1rem;
  background-color: #0F396E;
  color: white;
  position: relative;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer {
    padding: 1rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer .commande__details--idsuborder {
    font-size: 1.2rem;
  }
}
.commande__details__timer .commande__details--id-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 10rem;
  position: relative;
}
.commande__details__timer .commande__details--id {
  font-size: 2.2rem;
  color: white;
  font-weight: 700;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer .commande__details--id {
    font-size: 1.4rem;
  }
}
.commande__details__timer .commande__details--id-label {
  font-size: 1.4rem;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer .commande__details--id-label {
    font-size: 1.2rem;
  }
}
.commande__details__timer .major_product_image {
  margin-left: 10px;
  max-width: 3rem;
}
.commande__details__timer .commande__details--multiboutique {
  width: 10rem;
  flex: 0 0 10rem;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer .commande__details--multiboutique {
    width: auto;
    flex: 0 0 auto;
    padding: 0 1rem;
  }
}
.commande__details__timer .commande__details--multiboutique .commande__details--multiboutique--button {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  color: white;
  font-size: 1.4rem;
  white-space: nowrap;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer .commande__details--multiboutique .commande__details--multiboutique--button {
    font-size: 1.2rem;
  }
}
.commande__details__timer .commande__details--multiboutique .commande__details--multiboutique--button:before {
  content: "\E822";
  font-size: 3rem;
  color: white;
}
@media screen and (min-width: 75em) {
  .commande__details__timer .commande__details--multiboutique .commande__details--multiboutique--button:before {
    font-size: 4rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer .commande__details--multiboutique .commande__details--multiboutique--button:before {
    font-size: 1.8rem;
  }
}
.commande__details__timer .commande__details--multiboutique .commande__details--multiboutique--button img {
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
}
.commande__details__timer .commande__details--multiboutique .commande__details--multiboutique--button .commande__details--idsuborder {
  font-size: 1.6rem;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer .commande__details--multiboutique .commande__details--multiboutique--button .commande__details--idsuborder {
    font-size: 1.2rem;
  }
}
.commande__details__timer .commande__details--discount {
  font-size: 1.6rem;
  color: white;
  font-weight: 700;
  flex-direction: column;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  max-width: 16rem;
}
@media screen and (min-width: 75em) {
  .commande__details__timer .commande__details--discount {
    max-width: 50rem;
  }
}
.commande__details__timer .commande_details_infos {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  position: relative;
  z-index: 2;
}
.commande__details__timer .commande_details_infos category-price {
  font-size: 1.3rem;
  flex: 1 1 11rem;
}
.commande__details__timer .commande_details_infos category-price .category-price:before {
  font-size: 1.6em;
  line-height: 1;
  margin-top: 1.7rem;
}
@media screen and (min-width: 75em) {
  .commande__details__timer .commande_details_infos category-price .category-price:before {
    font-size: 2em;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer .commande__ready.mat-flat-button {
    flex: 0 1 5rem;
  }
  .commande__details__timer .commande__ready.mat-flat-button.isMajor {
    flex: 0 1 10rem;
  }
}
@media screen and (min-width: 75em) {
  .commande__details__timer .commande__ready.mat-flat-button {
    flex: 0 0 auto;
  }
}
.commande__details__timer .commande__ready.mat-flat-button.mat-primary[disabled] {
  background-color: rgba(52, 168, 85, 0.16);
  pointer-events: none;
}
.commande__details__timer .commande__ready.mat-flat-button.mat-primary[disabled] .mat-icon {
  opacity: 0.1;
}
.commande__details__timer .commande__ready.mat-flat-button.big {
  white-space: normal;
  line-height: 1;
  font-size: 1.4rem;
}
.commande__details__timer .commande__ready.mat-flat-button.big .mat-button-wrapper {
  display: flex;
  align-items: center;
}
.commande__details__timer .commande__ready.mat-flat-button.big .mat-icon {
  flex-shrink: 0;
}
.commande__details__timer .timer__container {
  height: 100%;
  left: 0;
  z-index: 1;
}
.commande__details__timer .time {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 18rem;
  gap: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer .time {
    max-width: 7rem;
    text-align: center;
  }
}
.commande__details__timer .time span {
  font-size: 1.8rem;
  line-height: 1em;
  font-weight: 700;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer .time span {
    font-size: 1.2rem;
  }
}
.commande__details__timer .time span.restant {
  font-size: 1.2rem;
  line-height: 0;
  font-weight: 400;
  margin-top: 2rem;
  text-align: center;
}
.commande__details__timer .price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.commande__details__timer .price img {
  margin-bottom: 1rem;
}
.commande__details__timer .price span {
  font-size: 2.1rem;
}
.commande__details__timer category-price .category-price .category-price--number {
  margin-top: 0;
  line-height: 3.8rem;
  font-size: 1.4rem;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer category-price .category-price .category-price--number {
    font-size: 1.2rem;
  }
}
.commande__details__timer.historique {
  background-color: #7898c1;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer.historique {
    padding: 1rem 1rem 0.4rem;
    display: flex;
    flex-direction: column;
  }
}
.commande__details__timer.historique .commande__details--id-container,
.commande__details__timer.historique .time,
.commande__details__timer.historique .commande_details_infos category-price {
  flex: none;
}
.commande__details__timer.historique .major_product_image {
  position: absolute;
  right: -3.6rem;
  top: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__details__timer.historique .major_product_image {
    right: -0.6rem;
    top: -1rem;
  }
}
@media print, screen and (min-width: 40em) {
  .commande__details__timer {
    padding: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  .commande__details__timer .commande__details--id-container {
    flex: 1 1 20rem;
  }
  .commande__details__timer .commande__details--id {
    font-size: 3rem;
  }
  .commande__details__timer .time span {
    font-size: 2rem;
    text-align: center;
  }
  .commande__details__timer .time span.restant {
    font-size: 1.4rem;
  }
  .commande__details__timer .commande_details_infos category-price {
    font-size: 2.1rem;
  }
}
@media screen and (min-width: 75em) {
  .commande__details__timer .commande__details--id {
    font-size: 4rem;
  }
  .commande__details__timer .time span {
    font-size: 2rem;
  }
}
.commande__phone {
  width: 100%;
  padding: 20px 3rem;
  background: #c83a86;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__phone {
    padding: 1rem 2rem;
    font-size: 1.2rem;
  }
}
.commande__phone span {
  margin-left: auto;
}
.commande__phone div {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.commande__details__totalOrders {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 1.8rem;
  color: #C5C5C5;
}
.commande__details__totalOrders .cook_image:before {
  content: "\E81F";
  font-size: 10rem;
  color: #c5c5c5;
}
.commande__details__totalOrders b {
  font-size: 3.4rem;
}
.commande__new {
  height: 10rem;
  background-color: #bf6075;
  color: white;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__new {
    height: 7rem;
  }
}
.commande__new .commande__top {
  display: flex;
  justify-content: flex-start;
  padding: 0 0 0 3.2rem;
  position: relative;
  align-items: center;
  height: 100%;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__new .commande__top {
    height: 7rem;
    padding: 0 0 0 2rem;
  }
}
.commande__new .notification__container {
  width: 5rem;
  height: 5rem;
  position: relative;
  margin-right: 3rem;
  flex-grow: 0;
  flex-shrink: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__new .notification__container {
    width: 4rem;
    height: 4rem;
  }
}
.commande__new .notification__circle {
  width: 100%;
  height: 100%;
  border: 0.2rem solid white;
  border-radius: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.commande__new .notification__circle.inactive {
  background-color: rgb(59, 63, 55);
  opacity: 0.49;
}
.commande__new .notification__circle.inactive:before {
  content: "";
  background-color: white;
  transform: rotate(-45deg);
  height: 0.2rem;
  width: 60%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.commande__new .notification__number {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 5rem;
  border: 0.2rem solid white;
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #bf6075;
}
.commande__new .notification__number span {
  font-size: 1.2rem;
  font-weight: 700;
  color: white;
}
.commande__new .commande__new--item {
  height: 5rem;
  margin-right: 1.3rem;
  border-radius: 5rem;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 1.4rem;
  width: auto;
  flex-basis: auto;
  flex-shrink: 0;
  flex-grow: 0;
}
.commande__new .commande__new--item .item--id {
  font-size: 1.6rem;
  font-weight: 700;
  margin-right: 2rem;
  color: black;
  position: relative;
}
.commande__new .commande__new--item .item--id:after {
  content: "";
  height: 3rem;
  width: 0.1rem;
  background-color: #707070;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  right: -1rem;
  transform: translateY(-50%);
}
.commande__new .commande__new--item .item--time {
  font-size: 1.6rem;
  font-weight: 700;
  color: #bf6075;
  position: relative;
}
.commande__new .commande__new--item .item--time:after {
  content: "";
  height: 3rem;
  width: 0.1rem;
  background-color: #707070;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  right: -1rem;
  transform: translateY(-50%);
}
.commande__new .commande__new--item category-price {
  color: #3B3F37;
  font-size: 0.8rem;
}
.commande__new .commande__new--item category-price:before, .commande__new .commande__new--item category-price:after {
  display: none;
}
.commande__new .commande__new--item category-price .category-price {
  margin-left: 2rem;
}
.commande__new .commande__new--item category-price .category-price:before {
  color: black;
}
.commande__new .commande__new--item category-price .category-price .category-price--number {
  color: black;
  font-size: 1rem;
}
.commande__new .commande__new--item .multiboutique {
  margin-right: 2rem;
  position: relative;
}
.commande__new .commande__new--item .multiboutique:after {
  content: "";
  height: 3rem;
  width: 0.1rem;
  background-color: #707070;
  opacity: 0.2;
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
}
.commande__new .refresh__container {
  padding: 0 1.4rem;
  border-radius: 5rem 0 0 5rem;
  border: 0.1rem dashed rgba(255, 255, 255, 0.3);
  width: 7rem;
  border-right: none;
  right: -3rem;
  top: 50%;
  flex-shrink: 0;
  flex-basis: 7rem;
  flex-grow: 0;
  height: 5rem;
  margin-left: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__new .refresh__container {
    display: none;
  }
}
.commande__new .refresh__container img {
  margin-top: 1.2rem;
}
.commande__list {
  width: 100%;
  overflow-y: scroll;
  max-width: 400px;
  height: 100%;
}
.commande__wrapper {
  display: flex;
  flex-direction: row;
  height: calc(100% - 64px - 64px);
}
.commande .mat-subheader {
  margin-top: 2em;
  margin-bottom: 0.25em;
  margin-left: 1em;
  display: block;
  font-weight: bold;
}
.commande__line {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #f0f0f0;
  margin: 0.25em 0 !important;
  text-align: left !important;
}
.commande__line.router-link-active {
  background-color: #ddd;
}
.commande__details {
  flex: 1;
  overflow-y: auto;
  background-color: #f7f7f7;
}
.commande__details category-price:before, .commande__details category-price:after {
  display: none;
}
.commande__details--line {
  width: 100%;
  max-width: 600px;
  border-bottom: dotted 1px #444;
  padding: 0.625em 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.commande__details--line span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.commande__details--line .mat-icon {
  margin-right: 1em;
}
.commande__empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.commande__ready.isMajor.mat-flat-button,
.commande__canceled.isMajor.mat-flat-button,
.commande__print.isMajor.mat-flat-button {
  padding: 0.7rem 2.5rem 0.7rem 1.5rem;
}
.commande__ready.mat-flat-button,
.commande__canceled.mat-flat-button,
.commande__print.mat-flat-button {
  padding: 0.7rem 2.5rem 0.7rem 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__ready.mat-flat-button,
.commande__canceled.mat-flat-button,
.commande__print.mat-flat-button {
    padding: 0.7rem 1rem 0.7rem;
  }
}
.commande__ready.mat-flat-button .mat-icon.fontello,
.commande__canceled.mat-flat-button .mat-icon.fontello,
.commande__print.mat-flat-button .mat-icon.fontello {
  width: 2.6rem;
  height: 2.6rem;
  font-size: 2rem;
  line-height: 2.2rem;
  margin-right: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__ready.mat-flat-button .mat-icon.fontello,
.commande__canceled.mat-flat-button .mat-icon.fontello,
.commande__print.mat-flat-button .mat-icon.fontello {
    margin-right: 0;
  }
}
.commande__ready.mat-flat-button .mat-icon.fontello:before,
.commande__canceled.mat-flat-button .mat-icon.fontello:before,
.commande__print.mat-flat-button .mat-icon.fontello:before {
  transform: none;
  display: block;
  line-height: 28px;
}
.commande__ready.mat-flat-button .mat-icon.fontello.checkgreen,
.commande__canceled.mat-flat-button .mat-icon.fontello.checkgreen,
.commande__print.mat-flat-button .mat-icon.fontello.checkgreen {
  border: 2px solid white;
  border-radius: 50%;
  font-size: 2.4rem;
}
.commande__ready.mat-flat-button .mat-icon.fontello.checkgreen:before,
.commande__canceled.mat-flat-button .mat-icon.fontello.checkgreen:before,
.commande__print.mat-flat-button .mat-icon.fontello.checkgreen:before {
  line-height: 28px;
}
.commande__canceled {
  color: #bf6075;
}
.commande__ready.mat-flat-button {
  font-size: 0;
  padding: 0.7rem 1rem 0.7rem;
  min-width: 50px;
  font-weight: 700;
}
.commande__ready.mat-flat-button .mat-icon.ok {
  width: 2.6rem;
  height: 2.6rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin-right: 0rem;
  border: 2px solid white;
  background-color: white;
  border-radius: 50%;
  color: #a3bfb9;
}
@media screen and (min-width: 75em) {
  .commande__ready.mat-flat-button {
    font-size: 2rem;
    padding: 0.7rem 2.5rem 0.7rem 2rem;
  }
  .commande__ready.mat-flat-button .mat-icon.ok {
    margin-right: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .commande__ready.isMajor.mat-flat-button {
    font-size: 1.4rem;
  }
}
.commande__print.historique.mat-flat-button {
  background-color: transparent;
  color: white;
  margin-right: 0;
  font-size: 1.2rem;
}
@media print, screen and (min-width: 40em) {
  .commande__print.historique.mat-flat-button {
    margin-right: -2.5rem;
    font-size: 1.7rem;
  }
}
.commande__print.historique.reprint {
  margin-right: 0;
}
.commande__print.historique.refund {
  margin-right: -2.5rem;
  font-size: 1.5rem;
}
@media screen and (min-width: 75em) {
  .commande__print.historique.refund {
    margin-right: 0;
    font-size: 1.7rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .commande__print.historique.refund {
    margin-right: 0;
    font-size: 1.2rem;
    white-space: break-spaces;
    text-align: left;
    line-height: 1;
    max-width: 100%;
    padding: 0.7rem 1rem 0.7rem 1rem;
  }
}
.commande__actions {
  background-color: #f7f7f7;
  padding: 4rem 1.5rem;
  display: flex;
  justify-content: space-between;
}
@media print, screen and (min-width: 40em) {
  .commande__actions {
    padding: 4rem 3rem;
  }
}
.commande_actions_container .edit_button {
  margin-left: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .commande_actions_container .edit_button.mat-button-base.mat-flat-button, .commande_actions_container .commande__ready.mat-flat-button {
    width: auto;
    padding: 0.7rem 1rem 0.7rem;
    font-size: 1.4rem;
  }
}
.commande_actions_container .commande__ready.mat-flat-button {
  margin-left: 2rem;
  height: 5rem;
}
@media print, screen and (min-width: 40em) {
  .commande_actions_container .commande__ready.mat-flat-button {
    font-size: 1.4rem;
  }
}
.complementary__information {
  margin-left: 3.5rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__search {
    max-width: 100% !important;
  }
}
.edit_button.mat-button-base.mat-flat-button {
  background-color: #7898c1;
  color: white;
  padding: 0;
  height: 5.1rem;
  padding: 0.7rem 2.5rem 0.7rem 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .edit_button.mat-button-base.mat-flat-button {
    width: 5.1rem;
    min-width: 5.1rem;
    padding: 0;
  }
}
.line_less_button {
  flex-shrink: 0;
  cursor: pointer;
  background-color: #ccccd6;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  color: black;
  font-size: 25px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 1;
}
@media print, screen and (max-width: 39.99875em) {
  .commande__print__text {
    display: none;
  }
}
.commande_pdf {
  margin-left: auto !important;
}
.commande-modale {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  z-index: 1001;
  overflow: hidden;
}
.commande-modale .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.commande-modale--backdrop {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.commande-modale--wrapper {
  width: 100%;
  max-width: 50rem;
}
.commande-modale--item {
  display: flex;
  flex-direction: column;
  width: calc(100% - 3rem);
  margin: 0 1.5rem;
  background-color: #fff;
  border-radius: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .commande-modale--item .edit_button_label {
    display: none;
  }
}
.commande-modale--item .item__time__container {
  position: relative;
}
.commande-modale--item .item--time--left {
  font-size: 1.2rem;
  text-align: center;
  position: absolute;
  font-weight: 700;
  top: -2.5rem;
  left: -4.5rem;
  width: 10rem;
  line-height: 1.2;
  white-space: normal;
}
.commande-modale--item .historique__details__list {
  padding: 0rem 1rem 0rem 2rem;
}
.commande-modale--item .historique__details__list .category {
  font-size: 1.2rem;
  margin: 0.5rem 0 0;
}
.commande-modale--item .historique__details__list .line {
  font-size: 1.2rem;
}
.commande-modale--item .menu__details {
  font-size: 1.2rem;
}
.commande-modale--item .menu__details--name:first-child {
  margin-top: 0;
}
.commande-modale--item category-price:before {
  height: 7rem;
  left: 1.5rem;
  top: 4rem;
}
.commande-modale--item category-price:after {
  display: none;
}
.item--head {
  padding: 2.7rem 1.5rem;
  line-height: 6.3rem;
  font-size: 2.2rem;
  height: 11.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .item--head {
    font-size: 2.6rem;
    padding: 2.7rem 2.2rem;
  }
  .item--head .item--time {
    font-size: 3.2rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .item--head {
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
    height: 10rem;
  }
}
.item--head .item--time {
  font-weight: 700;
}
.item--head .item--id_container {
  display: flex;
  flex-direction: column;
  max-width: 33%;
}
.item--head .item--id_container .item--id--label {
  font-size: 1.4rem;
  line-height: 0;
}
.item--head .item--id_container .item--id--date {
  font-size: 1.7rem;
  line-height: normal;
  line-height: initial;
}
@media print, screen and (max-width: 39.99875em) {
  .item--head .item--id_container .item--id--date {
    font-size: 1.4rem;
  }
}
.item--head .item--id_container .commande__details--idsuborder {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 4.4rem;
}
@media print, screen and (max-width: 39.99875em) {
  .item--head .item--id_container .commande__details--idsuborder {
    font-size: 1.2rem;
  }
}
.item--head .multiboutique {
  width: 4rem;
}
.item--head .multiboutique span {
  max-width: 4rem;
  font-size: 2.4rem;
  height: 4rem;
}
@media print, screen and (max-width: 39.99875em) {
  .item--head .multiboutique span {
    max-width: 2.5rem;
    font-size: 1.2rem;
    line-height: 1.2rem;
    height: 2.5rem;
  }
}
.item--head > span {
  flex: 0 0 25%;
  max-width: 25%;
  text-align: center;
  display: flex;
  justify-content: center;
}
@media print, screen and (max-width: 39.99875em) {
  .item--head > span {
    flex: 0 0 20%;
    max-width: 20%;
    text-align: left;
    justify-content: flex-start;
  }
}
.item--head category-price {
  flex: 0 0 25%;
  max-width: 25%;
  font-size: 1.8rem;
  position: relative;
  top: 0;
}
.item--head category-price .category-price.click_and_collect:before {
  line-height: 2.1;
  font-size: 1.7em;
  font-weight: 700;
}
@media print, screen and (max-width: 39.99875em) {
  .item--head category-price .category-price.click_and_collect:before {
    font-size: 2.4rem;
  }
}
.item--head category-price .category-price.home_delivery:before {
  line-height: 1.8;
  font-weight: 700;
}
.item--head category-price .category-price.chronopost:before {
  line-height: 2;
  font-weight: 700;
}
.item--head category-price .category-price .category-price--number {
  font-size: 1.4rem;
  line-height: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .item--head category-price .category-price .category-price--number {
    padding-left: 0.4rem;
  }
}
.item--head .close__modale {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.item--head .close__modale:before {
  content: "\E811";
  color: black;
  font-size: 1.4rem;
  font-weight: 700;
}
.item__list {
  background-color: #f7f7f7;
  padding: 1.5rem 0;
}
.item--list {
  overflow-y: auto;
  height: 230px;
  margin-right: 1.5rem;
}
.item--list::-webkit-scrollbar {
  width: 0.4rem;
  margin: 1rem;
  background-color: #fff;
}
.item--list::-webkit-scrollbar-track {
  border-radius: 1rem;
  background-color: white;
}
.item--list::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #3B3F37;
}
.item--list .historique__details--menus,
.item--list .historique__details--cat {
  background-color: #f7f7f7;
  border-bottom: 1px solid #d6d6d6;
  padding: 0;
}
.item--list .historique__details--menus:last-child,
.item--list .historique__details--cat:last-child {
  border: 0;
}
.item--foot {
  height: 100px;
  padding: 27px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item--foot .mat-flat-button.close {
  background-color: #bf6075;
  color: white;
}
.item--foot .mat-flat-button.close .mat-icon.fontello:before {
  font-size: 1.4rem;
  display: block;
  transform: none;
  line-height: 2.4rem;
}
.item--foot .mat-flat-button.accept, .item--foot .mat-flat-button.close {
  font-size: 1.4rem;
  padding: 0.7rem 2.5rem 0.7rem 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .item--foot .mat-flat-button.accept, .item--foot .mat-flat-button.close {
    font-size: 1.2rem;
  }
}
.item--foot .mat-flat-button.accept .mat-icon.fontello, .item--foot .mat-flat-button.close .mat-icon.fontello {
  margin-right: 1rem;
}
checklist-modal {
  display: block;
}
.modal__checklist {
  width: 60rem;
  height: auto;
  border-radius: 2rem;
  max-height: calc(100% - 48px);
  max-width: calc(100% - 48px) !important;
}
@media print, screen and (min-width: 40em) {
  .modal__checklist {
    max-width: 80vw !important;
  }
}
.modal__checklist .mat-dialog-container {
  height: auto;
  padding: 0;
}
.modal__checklist .checklist-modale--item {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  background-color: #fff;
  border-radius: 2rem;
  padding: 2rem;
}
@media print, screen and (min-width: 40em) {
  .modal__checklist .checklist-modale--item {
    width: calc(100% - 3rem);
    padding: 3rem 3.6rem 2rem;
    margin: 0 1.5rem;
  }
}
.modal__checklist mat-checkbox {
  margin-bottom: 2rem;
}
.modal__checklist mat-checkbox.mat-checkbox .mat-checkbox-label {
  white-space: normal;
  color: black;
  font-size: 16px;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__checklist mat-checkbox.mat-checkbox .mat-checkbox-label {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.modal__checklist mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #a3bfb9;
}
.modal__checklist .button_container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-top: 5rem;
}
.modal__checklist .button_container .mat-flat-button {
  font-size: 1.8rem;
  padding: 0.7rem 5rem 0.7rem 5rem;
  align-self: center;
}
.collab-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding: 6.8rem 0;
}
.collab-list .collab__photo {
  margin-right: 2rem;
  margin-bottom: 2rem;
  width: 10rem;
  height: 10rem;
  border-radius: 100%;
}
.collab-list .profile-list-container {
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  margin: 0;
}
.collab-list .time {
  display: flex;
  color: #FFF;
}
.collab-list .time .date {
  font-size: 2.6rem;
  margin-right: 1rem;
  text-align: center;
}
.collab-list .time .hour {
  font-size: 2.6rem;
  font-weight: 700;
}
.collab-list .add_profile {
  height: 12rem;
  width: 12rem;
  margin-bottom: 1.5rem;
  border: 0.4rem dashed #b2b2b2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
.collab-list .add_profile:before {
  content: "\E815";
  color: #b2b2b2;
  font-size: 5rem;
  transition: color 0.2s ease-in-out;
}
.collab-list .profil__name {
  color: #3B3F37;
}
.collab-list .profil__item {
  transition: all 0.2s ease-in-out;
  flex: 0 0 20%;
  max-width: 20%;
  margin-bottom: 3rem;
}
@media print, screen and (max-width: 39.99875em) {
  .collab-list .profil__item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.collab-list .profile__actions {
  height: 12rem;
  width: 12rem;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.collab-list .profile__actions button {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.collab-list .profile__actions .edit {
  background-color: #a3bfb9;
  margin-right: 2rem;
}
.collab-list .profile__actions .edit:before {
  content: "\E813";
  color: white;
}
.collab-list .profile__actions .delete {
  background-color: #bf6075;
}
.collab-list .profile__actions .delete:before {
  content: "\E814";
  color: white;
}
.number_collab {
  font-size: 1.7rem;
  color: #3B3F37;
  font-weight: 700;
}
.reporting__container {
  background-color: #F7F7F7;
  min-height: calc(100vh - 8.2rem);
  padding: 0 2rem;
}
.reporting__top {
  max-width: 150rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 5rem 0;
  border-bottom: 0.1rem solid #DEDEDE;
}
@media print, screen and (min-width: 40em) {
  .reporting__top {
    flex-direction: row;
  }
}
.reporting__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.reporting__title span {
  font-size: 3rem;
  color: #3B3F37;
}
.reporting__title span.bold {
  font-weight: 700;
}
.reporting__resume {
  max-width: 150rem;
  margin: 0 auto;
  padding-top: 5rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 2rem;
}
@media print, screen and (min-width: 40em) {
  .reporting__resume {
    flex-direction: row;
    padding: 0;
    padding-top: 5rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reporting__left {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
.reporting__left select {
  max-width: 20rem;
  margin-bottom: 2rem;
}
.reporting__date {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.reporting__date.virements_date {
  margin-top: 2rem;
  flex-direction: column;
  justify-content: flex-start;
}
@media print, screen and (min-width: 40em) {
  .reporting__date.virements_date {
    flex-direction: row;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .reporting__date.virements_date {
    padding: 0 1rem;
  }
}
.reporting__date.virements_date mat-form-field {
  max-width: 20rem;
  margin-right: 1rem;
}
.reporting__date span {
  font-weight: 600;
  font-size: 1.7rem;
}
.reporting__date .datepicker {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 100%;
  background-color: #FFF;
  border: 0.1rem solid #DEDEDE;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  cursor: pointer;
}
.reporting__date .datepicker mat-form-field {
  width: 0;
}
.reporting__date .datepicker mat-form-field .mat-form-field-flex {
  height: 0;
  visibility: hidden;
}
.reporting__date .datepicker:before {
  content: "\E812";
  color: black;
  font-size: 1.8rem;
}
.reporting__date .datepicker input {
  width: 0;
}
.reporting__date .prev__next {
  display: flex;
}
.reporting__date .prev__next button {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 100%;
  background-color: #FFF;
  border: 0.1rem solid #DEDEDE;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.reporting__date .prev__next button.prev {
  margin-right: 0.5rem;
}
.reporting__date .prev__next button.prev:before {
  content: "\E809";
  font-size: 2.6rem;
}
.reporting__date .prev__next button.next:before {
  content: "\E808";
  font-size: 2.6rem;
}
.reporting__date .prev__next button:focus, .reporting__date .prev__next button:active {
  outline: none;
}
.reporting__date .prev__next button:hover:before {
  transform: scale(1.15);
}
.reporting__stats {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
  .reporting__stats {
    margin-bottom: 0;
  }
}
.reporting__stats--bloc {
  height: 23rem;
  border-radius: 1.6rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 3.8rem;
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.16);
  position: relative;
  overflow: hidden;
}
@media print, screen and (max-width: 39.99875em) {
  .reporting__stats--bloc {
    height: 15rem;
  }
}
.reporting__stats--bloc:before {
  position: absolute;
  left: 0;
  bottom: -4rem;
  font-size: 10rem;
  color: #EBEBEB;
}
@media print, screen and (max-width: 39.99875em) {
  .reporting__stats--bloc:before {
    bottom: -2rem;
    font-size: 5rem;
  }
}
.reporting__stats--bloc .total {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 3.2rem;
  text-align: center;
}
.reporting__stats--bloc .total.small {
  font-size: 2.2rem;
}
.reporting__stats--bloc .desc {
  font-size: 1.2rem;
  text-align: center;
}
.reporting__stats--bloc.ca {
  flex: 0 0 52%;
  max-width: 52%;
  padding: 0 1rem;
}
.reporting__stats--bloc.ca .total {
  color: #a3bfb9;
}
.reporting__stats--bloc.ca:before {
  content: "\E80B";
}
.reporting__stats--bloc.orders {
  flex: 0 0 43%;
  max-width: 43%;
}
.reporting__stats--bloc.orders .total {
  color: #bf6075;
}
.reporting__stats--bloc.orders .desc {
  white-space: nowrap;
}
.reporting__stats--bloc.orders:before {
  content: "\E81F";
  color: #EBEBEB;
}
.reporting__right {
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.16);
  border-radius: 1.6rem;
}
@media print, screen and (min-width: 40em) {
  .reporting__right {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
.reporting__bestseller {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  padding: 2rem;
  height: 100%;
  border-radius: 1.8rem;
}
.reporting__bestseller .title {
  color: black;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 800;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 1.5rem;
}
.reporting__bestseller .title:before {
  content: "\E80C";
  font-size: 3.4rem;
  color: black;
  margin-right: 2rem;
}
.reporting__bestseller .title span {
  font-size: 1.3rem;
}
.reporting__bestseller .reporting__ranking {
  display: flex;
  flex-direction: column;
}
.reporting__bestseller .reporting__ranking--item {
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid #ECECEC;
  padding: 1rem 0;
}
.reporting__bestseller .reporting__ranking--item.last {
  border-bottom: none;
}
.reporting__bestseller .reporting__ranking--item .rank {
  font-size: 2.4rem;
  font-weight: 700;
  margin-right: 3.7rem;
}
.reporting__bestseller .reporting__ranking--product {
  font-size: 1.1rem;
}
.reporting__bestseller .reporting__ranking--qty {
  font-size: 1.1rem;
  margin-left: auto;
}
.login-container {
  height: 100vh;
  width: 100vw;
  background-color: #bf6075;
  position: relative;
}
.login-container form {
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  max-width: 25rem;
  margin: 0 auto;
  padding-bottom: 5rem;
}
@media print, screen and (min-width: 40em) {
  .login-container form {
    padding-bottom: 0;
  }
}
.login-container .form_container {
  position: relative;
  width: 100%;
}
.login-container .logo {
  max-width: 18rem;
}
@media print, screen and (min-width: 40em) {
  .login-container .logo {
    max-width: 40rem;
  }
}
.login-container .forgot__password {
  color: white;
  position: absolute;
  left: 2rem;
  bottom: 0rem;
}
.login-container .forgot__password:hover, .login-container .forgot__password:focus {
  text-decoration: underline;
}
.login-container .mat-form-field-invalid + .forgot__password {
  position: relative;
}
.login-container .button__connect {
  background-color: #a3bfb9;
  color: white;
  width: 100%;
  border-radius: 5rem;
  height: 5rem;
  font-weight: 700;
  font-size: 1.7rem;
}
.help {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 2rem;
  bottom: 2rem;
}
.help span {
  color: white;
  font-weight: 700;
  font-size: 1.6rem;
}
.help span.fs19 {
  font-size: 1.9rem;
}
.login-container.forgot-password-container form {
  max-width: 35rem;
}
.forgot-password-container .form_container {
  max-width: 25rem;
}
.login-container.reset-password-container form {
  max-width: 40rem;
}
.reset-password-container .form_container {
  max-width: 25rem;
}
.selectProfil__container {
  height: 100vh;
  width: 100vw;
  background-color: #bf6075;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  padding-bottom: 7.5rem;
}
.selectProfil__container .logo {
  max-width: 18rem;
}
@media print, screen and (min-width: 40em) {
  .selectProfil__container {
    padding-bottom: 0;
  }
  .selectProfil__container .logo {
    max-width: 100%;
  }
}
.selectProfil__container .selectProfil__top {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white;
  margin-bottom: 3rem;
}
.selectProfil__container .selectProfil__top span {
  font-weight: 700;
  font-size: 2rem;
}
.selectProfil__container .selectProfil__top p {
  font-size: 2rem;
}
.selectProfil__container .selectProfil__top p img {
  margin-right: 1rem;
}
@media print, screen and (min-width: 40em) {
  .selectProfil__container .selectProfil__top {
    margin-bottom: 6rem;
  }
  .selectProfil__container .selectProfil__top span {
    font-size: 3rem;
  }
}
.selectProfil__container .button__start {
  background-color: #a3bfb9;
  color: white;
  width: 100%;
  border-radius: 5rem;
  height: 5rem;
  font-weight: 700;
  font-size: 1.7rem;
  max-width: 25rem;
}
.selectProfil__disconnect {
  color: white;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  text-decoration: underline;
}
.profile-list {
  display: flex;
  flex-direction: row;
  max-width: 100vw;
  overflow: auto;
}
.profile-list-container {
  display: flex;
  max-width: none;
  width: auto;
  margin: auto;
}
.profil__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
  flex-basis: 15rem;
  width: 15rem;
  max-width: 15rem;
}
.profil__item.active .profil__image {
  border: 0.8rem solid #a3bfb9;
}
.profil__item.active .profil__check {
  opacity: 1;
}
.profil__image {
  height: 12rem;
  width: 12rem;
  pointer-events: none;
  border-radius: 100%;
  margin-bottom: 1.5rem;
  border: 0.8rem solid white;
  transition: all 0.2s ease-in-out;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.profil__name {
  font-weight: 700;
  font-size: 1.5rem;
  color: white;
  margin-bottom: 0.7rem;
}
.profil__check {
  max-width: 2.2rem;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
app-layout.dark {
  /****** BACKGROUNDS *****/
  /****** COLORS *****/
}
app-layout.dark .menu {
  background-color: #1A1919;
}
app-layout.dark .commande__new,
app-layout.dark .modal__cancel {
  background-color: #6E0F0F;
}
app-layout.dark .commande__new .commande__new--item {
  background-color: #CD242B;
}
app-layout.dark .historique__blank,
app-layout.dark .commande__details__totalOrders,
app-layout.dark .commande-modale--item,
app-layout.dark .gestion__container,
app-layout.dark .ins-chips:after,
app-layout.dark app-help-print {
  background-color: #30332D;
}
app-layout.dark mat-form-field .mat-form-field-flex,
app-layout.dark app-settings,
app-layout.dark .commande__details,
app-layout.dark .commande__actions,
app-layout.dark .historique__details--cat,
app-layout.dark .historique__details,
app-layout.dark .sidebar__wrapper,
app-layout.dark .reporting__container,
app-layout.dark .mat-paginator,
app-layout.dark .item__list,
app-layout.dark .historique__details--menus,
app-layout.dark .item--list .historique__details--menus, app-layout.dark .item--list .historique__details--cat,
app-layout.dark .gestion__header,
app-layout.dark .menu .mat-flat-button.active,
app-layout.dark .mat-expansion-panel,
app-layout.dark .multiple_action_wrapper {
  background-color: #3B3F37;
}
app-layout.dark .sidebar__line.mat-button-base,
app-layout.dark #settings-form .mat-expansion-panel,
app-layout.dark .reporting__stats--bloc,
app-layout.dark .reporting__bestseller,
app-layout.dark .gestion-home__vignette,
app-layout.dark .gestion__header .back_button,
app-layout.dark .catalog__item,
app-layout.dark .multiple_action_item,
app-layout.dark .ins-chips,
app-layout.dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover,
app-layout.dark .gestion__block,
app-layout.dark .shop__horaires--days .mat-button,
app-layout.dark .marketing_wording,
app-layout.dark .mat-table {
  background-color: #53584D;
}
app-layout.dark .mat-form-field-appearance-legacy .mat-form-field-underline,
app-layout.dark .commande__new .commande__new--item .multiboutique:after,
app-layout.dark .commande__new .commande__new--item .item--id:after,
app-layout.dark .commande__new .commande__new--item .item--time:after,
app-layout.dark .menu__product--button:before {
  background-color: #FFF;
}
app-layout.dark .sidebar__line.mat-button-base.active {
  background-color: #3C6AA4;
}
app-layout.dark .mat-datepicker-content {
  background-color: #DEDEDE;
}
app-layout.dark category-price .category-price.home_delivery:before,
app-layout.dark category-price .category-price .category-price--number,
app-layout.dark mat-form-field .mat-form-field-flex,
app-layout.dark .sidebar__list .mat-button-base.mat-flat-button span,
app-layout.dark .sidebar .mat-subheader .day,
app-layout.dark .sidebar__header--hour,
app-layout.dark .sidebar__header--store,
app-layout.dark .sidebar__header--date,
app-layout.dark .mat-expansion-panel-header-title,
app-layout.dark .mat-expansion-panel-header-description,
app-layout.dark .printer-status > span,
app-layout.dark .mat-expansion-indicator::after,
app-layout.dark #settings-form .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
app-layout.dark .reporting__title span,
app-layout.dark .reporting__date span,
app-layout.dark .reporting__bestseller .title span,
app-layout.dark .reporting__bestseller .title:before,
app-layout.dark .reporting__bestseller .reporting__ranking--item,
app-layout.dark .reporting__bestseller .title,
app-layout.dark .reporting__stats--bloc .desc,
app-layout.dark .mat-select-value,
app-layout.dark .mat-select-arrow,
app-layout.dark .sidebar .mat-subheader,
app-layout.dark .commande__details__totalOrders .cook_image:before,
app-layout.dark .historique__blank .cook_image:before,
app-layout.dark .mat-paginator-container,
app-layout.dark .item--head,
app-layout.dark .menu__details--type,
app-layout.dark .commande-modale--item .historique__details__list .line,
app-layout.dark .mat-paginator-icon,
app-layout.dark .menu__details--name,
app-layout.dark .commande__new .commande__new--item .item--id,
app-layout.dark .commande__new .commande__new--item .item--time,
app-layout.dark .mat-paginator-range-label,
app-layout.dark .historique__details__list .line,
app-layout.dark .item--head .close__modale:before,
app-layout.dark .commande__new .commande__new--item category-price .category-price .category-price--number,
app-layout.dark mat-form-field.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
app-layout.dark .gestion__header .titles h2,
app-layout.dark .gestion__header .titles span,
app-layout.dark .gestion-home__text,
app-layout.dark .gestion__header .back_button:before,
app-layout.dark .catalog__type, app-layout.dark .catalog__no_product,
app-layout.dark .catalog__item--info,
app-layout.dark .catalog__item--toggle .outofstock,
app-layout.dark .ins-chips,
app-layout.dark .commande__new .commande__new--item category-price .category-price:before,
app-layout.dark .gestion__header .sort a,
app-layout.dark .gestion__block,
app-layout.dark .shop__horaires--days .mat-button,
app-layout.dark mat-slide-toggle.mat-slide-toggle .mat-slide-toggle-content,
app-layout.dark .collab-list .profil__name,
app-layout.dark .number_collab,
app-layout.dark .mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon, app-layout.dark .mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon,
app-layout.dark mat-form-field .mat-error,
app-layout.dark .datepicker mat-form-field.mat-form-field .mat-form-field-label .ins-chips:hover:after,
app-layout.dark .menu .mat-flat-button.active,
app-layout.dark .menu__product--button mat-icon,
app-layout.dark .mat-expansion-panel-body,
app-layout.dark .refund_item,
app-layout.dark .marketing_wording,
app-layout.dark .mat-form-field-appearance-legacy .mat-form-field-label,
app-layout.dark .multiple_action_wrapper,
app-layout.dark .multiple_action_delete:before,
app-layout.dark mat-form-field.mat-form-field .mat-form-field-label,
app-layout.dark .mat-header-cell,
app-layout.dark .mat-input-element:disabled,
app-layout.dark .no_recap,
app-layout.dark .mat-cell, app-layout.dark .mat-footer-cell {
  color: #FFF;
}
app-layout.dark .historique__details__list .category,
app-layout.dark .historique__details--cat {
  color: #F7F7F7;
}
app-layout.dark .reporting__stats--bloc.ca:before,
app-layout.dark .reporting__stats--bloc.orders:before {
  color: #DEDEDE;
}
app-layout.dark .catalog__item--info.inactive {
  color: #b5b5b5;
}
app-layout.dark .sidebar__line.mat-button-base.active .bulle-status.accepted {
  color: #a3bfb9;
  background: #FFF;
  border: none;
}
app-layout.dark .ins-chips {
  border: 1px solid #53584D;
}
app-layout.dark .profil__image {
  border: 0.8rem solid #FFF;
}
app-layout.dark .collab-list .add_profile {
  border: 0.4rem dashed #FFF;
}
app-layout.dark .collab-list .add_profile:before {
  color: #FFF;
}
app-layout.dark .refund_product {
  border-bottom: 1px dotted white;
}
app-layout.dark .catalog__item mat-expansion-panel {
  background-color: #53584D !important;
  color: white;
}
app-layout.dark .catalog__item mat-expansion-panel .catalog__item {
  background-color: #656b5e;
}
app-layout.dark .gestion__header .sort::-webkit-scrollbar {
  height: 8px;
}
app-layout.dark .gestion__header .sort::-webkit-scrollbar-thumb {
  background: #30332D;
  height: 8px;
}
app-layout.dark .gestion__header .sort::-webkit-scrollbar-track {
  background: #1A1919;
}
app-navigation.dark {
  /****** BACKGROUNDS *****/
  /****** COLORS *****/
}
app-navigation.dark .close-btn {
  background-color: #1A1919;
}
app-navigation.dark .navigation__wrapper, app-navigation.dark .mat-flat-button {
  background-color: #3B3F37;
}
app-navigation.dark .navigation .link,
app-navigation.dark .mat-dialog-title {
  color: #FFF;
}
app-navigation.dark mat-slide-toggle.mat-slide-toggle .mat-slide-toggle-content {
  color: #FFF;
}
.ins-chips {
  cursor: pointer;
  padding: 1.2rem 1.5rem;
  border: 1px solid #DEDEDE;
  display: inline-block;
  color: #3B3F37;
  border-radius: 2.5rem;
  font-size: 1.5rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
  margin-right: 1rem;
  margin-bottom: 1rem;
  background-color: white;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.ins-chips:after {
  content: "\E810";
  font-size: 1.2rem;
  margin-left: 1.5rem;
  line-height: 1.8rem;
  height: 1.8rem;
  width: 1.8rem;
  text-align: center;
  background-color: #DEDEDE;
  border-radius: 0.9rem;
  color: white;
  transition: color 0.2s ease-in-out;
}
.ins-chips span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
}
.ins-chips:last-child {
  margin-right: 0;
}
.ins-chips:hover, .ins-chips:focus, .ins-chips:active {
  background-color: #f2f2f2;
  border-color: #3B3F37;
}
.ins-chips:hover:after, .ins-chips:focus:after, .ins-chips:active:after {
  color: #3B3F37;
}
.gestion__container {
  min-height: calc(100vh - 8.2rem);
  background-color: #f7f7f7;
  padding-bottom: 4rem;
}
.gestion__container .gestion__row {
  max-width: 82rem;
  margin: 0 auto;
}
.gestion__container .gestion__row .row {
  margin-left: -1rem;
  margin-right: -1rem;
}
.gestion__container .gestion__row table {
  width: 100%;
}
.gestion__container .gestion__row table th.mat-header-cell {
  font-weight: 700;
  font-size: 1rem;
}
.gestion__container .gestion__row table th.mat-header-cell:first-of-type, .gestion__container .gestion__row table td.mat-cell:first-of-type, .gestion__container .gestion__row table td.mat-footer-cell:first-of-type {
  padding-left: 1rem;
}
.gestion__container .gestion__row table .mat-cell, .gestion__container .gestion__row table .mat-footer-cell {
  font-size: 1.2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion__container .gestion__row .commande__ready.mat-flat-button .mat-icon.ok {
    margin-right: 0;
  }
}
.gestion__body {
  padding: 0rem 1rem;
}
.gestion__header {
  background-color: white;
  box-shadow: 0 0.3rem 2.6rem rgba(0, 0, 0, 0.04);
  padding: 4rem 1rem 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion__header {
    padding: 2rem 1rem;
  }
}
.gestion__header .back_button {
  margin-right: 3.6rem;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  box-shadow: 0px 0.5rem 2rem rgba(0, 0, 0, 0.07);
  background-color: #fff;
  border-radius: 100%;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion__header .back_button {
    width: 4rem;
    height: 4rem;
    margin-right: 1.5rem;
  }
}
.gestion__header .back_button:before {
  content: "\E81D";
  font-size: 2.5rem;
  color: #3B3F37;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion__header .back_button:before {
    font-size: 1.4rem;
  }
}
.gestion__header .titles {
  display: flex;
  flex-direction: column;
}
.gestion__header .titles h2 {
  font-size: 3rem;
  margin: 0;
  line-height: 1.33em;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion__header .titles h2 {
    font-size: 2.4rem;
  }
}
.gestion__header .titles span {
  display: inline-block;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.33em;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion__header .titles span {
    font-size: 2rem;
  }
}
.gestion__header > .gestion__row {
  display: flex;
  align-items: center;
}
.gestion__header > .gestion__row:first-child {
  margin-bottom: 4rem;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion__header > .gestion__row:first-child {
    margin-bottom: 0;
  }
}
.gestion__header .filters {
  margin-top: 3rem;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.gestion__header .sort {
  display: flex;
  overflow: auto;
}
.gestion__header .sort::-webkit-scrollbar {
  height: 8px;
}
.gestion__header .sort::-webkit-scrollbar-thumb {
  background: #b5b5b5;
  height: 8px;
}
.gestion__header .sort::-webkit-scrollbar-track {
  background: #f7f7f7;
}
.gestion__header .sort a {
  margin-right: 2.7rem;
  font-size: 1.7rem;
  font-weight: 700;
  color: #3B3F37;
  opacity: 0.25;
  white-space: nowrap;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion__header .sort a {
    font-size: 1.2rem;
  }
}
.gestion__header .sort a.active {
  opacity: 1;
}
.gestion__header .btn-wrap {
  flex-shrink: 0;
  padding-left: 1rem;
}
.gestion__header .search-btn {
  border: 0.1rem solid #efefef;
  box-shadow: none;
  background-color: white;
}
.gestion__header .search-btn .mat-button-wrapper {
  line-height: 0;
}
.gestion__block--attributes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gestion__block--attributes .gestion__block {
  flex: 0 0 95%;
  max-width: 95%;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion__block--attributes .gestion__block {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.gestion__block--attributes .gestion__block .gestion__input-box > label {
  line-height: 1.6;
  padding-right: 1rem;
}
.gestion__block {
  background-color: white;
  border-radius: 16px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.11);
  padding: 2rem;
  margin-bottom: 2rem;
}
.gestion__block .mat-slide-toggle .mat-slide-toggle-label {
  padding: 0;
  font-weight: 600;
  font-size: 14px;
}
.gestion__block--title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gestion__block--title span {
  font-size: 1.4rem;
  line-height: 1.43;
  font-weight: 600;
  margin: 1rem 0 1.5rem 0;
}
.gestion__block--title .mat-button {
  padding: 0 0.5rem;
  text-transform: uppercase;
  margin: 0rem 0 0.5rem 0;
}
.gestion__input.mat-form-field .mat-form-field-infix {
  width: auto;
}
.gestion__input.mat-form-field .mat-form-field-flex {
  border: 1px solid #DEDEDE;
  border-radius: 1rem;
  padding: 0 1.5rem;
}
.gestion__input.mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
  margin-bottom: 0;
}
.gestion__input.mat-form-field textarea.mat-input-element {
  padding: 1.6rem 0;
  line-height: 1.5;
}
.gestion__input.mat-form-field .mat-form-field-subscript-wrapper {
  position: relative;
  margin-top: 0;
  top: 0.7em;
}
.gestion__input.mat-form-field .mat-form-field-suffix {
  border-left: 1px solid #DEDEDE;
}
.gestion__input.mat-form-field.mat-form-field-type-mat-select {
  max-width: none;
}
.gestion__input-box {
  display: flex;
  align-items: center;
}
.gestion__input-box > label {
  flex: 0 0 33%;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 600;
}
.gestion__input-box > label.fz12 {
  font-size: 1.35rem;
}
.gestion__input-box + .gestion__input-box {
  margin-top: 1.5rem;
}
.gestion__input-box.datepicker mat-form-field .mat-form-field-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion__container .gestion__row table .mat-cell, .gestion__container .gestion__row table .mat-footer-cell,
.gestion__container .gestion__row table th.mat-header-cell {
    font-size: 1.2rem;
    padding: 0 1rem !important;
  }
  th.mat-header-cell:last-of-type, td.mat-cell:last-of-type, td.mat-footer-cell:last-of-type {
    padding-right: 0 !important;
  }
  .no_recap {
    padding: 0 1rem;
  }
  .table_virement thead {
    display: none;
  }
  .table_virement tr {
    display: block;
    margin-bottom: 40px;
  }
  .table_virement td {
    display: block;
    text-align: right;
  }
  .table_virement td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
  .table_virement tr.mat-row, tr.mat-footer-row {
    height: auto;
    margin-bottom: 0rem;
    border-bottom: 0.1rem solid black;
    padding: 2rem 0;
  }
}
.catalog__type,
.catalog__no_product {
  color: #3B3F37;
  font-size: 1.9rem;
  margin-top: 3rem;
  margin-bottom: 2.5rem;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__type,
.catalog__no_product {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
  }
}
.sticky-header {
  position: sticky;
  top: 0;
  z-index: 999;
}
.catalog__item {
  min-height: 7rem;
  width: 100%;
  box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.07);
  border-radius: 1.6rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 1rem;
  background-color: #fff;
  border: 2px solid transparent;
}
.catalog__item.selected {
  border: 2px solid #a3bfb9;
}
.catalog__item .mat-checkbox {
  position: absolute;
  width: 93%;
  height: 100%;
  margin: 0 1rem;
  display: flex;
  align-items: center;
}
.catalog__item .mat-checkbox .mat-checkbox-layout {
  position: absolute;
  width: 100%;
  height: 100%;
}
.catalog__item .catalog__item__container {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item .mat-expansion-panel-body {
    padding: 0 1rem 1.6rem;
  }
}
.catalog__item mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #a3bfb9;
}
.catalog__item .loader_container {
  height: 15rem;
}
.catalog__item mat-expansion-panel {
  width: 100%;
  background-color: white !important;
  color: black;
  border: 2px solid transparent;
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
  box-shadow: none !important;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item mat-expansion-panel .mat-content {
    font-size: 1.4rem;
  }
}
.catalog__item mat-expansion-panel .catalog__item {
  min-height: 5rem;
  background-color: white;
}
.catalog__item mat-expansion-panel .catalog__item--img {
  flex: 0 0 5rem;
  max-width: 5rem;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item mat-expansion-panel .catalog__item--img {
    flex: 0 0 4rem;
    max-width: 4rem;
  }
}
.catalog__item mat-expansion-panel .catalog__item--img .img {
  height: 5rem;
  width: 5rem;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item mat-expansion-panel .catalog__item--img .img {
    height: 4rem;
    width: 4rem;
  }
}
.catalog__item mat-expansion-panel .catalog__item--info {
  font-size: 1.2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item mat-expansion-panel .catalog__item--info {
    font-size: 0.8rem;
  }
}
.catalog__item mat-expansion-panel mat-checkbox.mat-checkbox .mat-checkbox-inner-container {
  width: 2rem;
  height: 2rem;
}
.catalog__item mat-expansion-panel .catalog__item--toggle .outofstock span {
  font-size: 1.2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item mat-expansion-panel .catalog__item--toggle .outofstock span {
    font-size: 0.8rem;
  }
}
.catalog__item mat-expansion-panel .catalog__item--toggle .mat-slide-toggle {
  display: flex;
  align-items: center;
}
.catalog__item--img {
  flex: 0 0 8rem;
  max-width: 8rem;
  margin-left: 4.4rem;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item--img {
    flex: 0 0 5rem;
    max-width: 5rem;
  }
}
.catalog__item--img .img {
  height: 8rem;
  width: 8rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item--img .img {
    height: 5rem;
    width: 5rem;
  }
}
.catalog__item--toggle {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.catalog__item--toggle .mat-slide-toggle {
  border-bottom: 0;
}
.catalog__item--toggle .mat-slide-toggle .mat-slide-toggle-label {
  justify-content: center;
}
.catalog__item--toggle .mat-slide-toggle .mat-slide-toggle-bar {
  background-color: #bf6075;
  box-shadow: 0 0.3rem 0.6rem 0 rgba(205, 36, 43, 0.31);
}
.catalog__item--toggle .outofstock {
  font-weight: 500;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
  padding: 0 1.5rem 0 1.5rem;
  width: 100px;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item--toggle .outofstock {
    font-size: 0.8rem;
  }
}
.catalog__item--toggle .outofstock .mat-icon {
  color: #e2e2e2;
  vertical-align: middle;
}
.catalog__item--toggle .outofstock span {
  display: inline-block;
  vertical-align: middle;
}
@media print, screen and (min-width: 40em) {
  .catalog__item--toggle {
    flex-direction: row;
    align-items: center;
  }
  .catalog__item--toggle .outofstock {
    width: auto;
    padding: 0;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .catalog__item--toggle .outofstock span {
    margin-left: 1rem;
  }
}
.catalog__item--toggle--label {
  transition: 0.2s ease-in-out;
  color: #a3bfb9;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item--toggle--label {
    text-align: center;
    font-size: 1rem;
  }
}
.catalog__item--toggle--label.disable {
  color: #bf6075;
}
.loader_overlay {
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.catalog__item--info {
  padding: 1rem 0 1rem 1.7rem;
  flex-grow: 1;
  display: flex;
  color: #3B3F37;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.35;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .catalog__item--info {
    padding-left: 0.7rem;
    flex-direction: row;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item--info {
    font-size: 0.8rem;
  }
}
.catalog__item--info.inactive {
  color: #b5b5b5;
}
.catalog__item--name,
.catalog__item--sku,
.catalog__item--price {
  padding: 1rem 0 1rem 0;
}
@media print, screen and (min-width: 40em) {
  .catalog__item--name,
.catalog__item--sku,
.catalog__item--price {
    padding: 1rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__item--name,
.catalog__item--sku,
.catalog__item--price {
    padding: 0.2rem 0;
  }
}
.catalog__item--name .barred,
.catalog__item--sku .barred,
.catalog__item--price .barred {
  text-decoration: line-through;
}
.catalog__item--sku {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
@media print, screen and (min-width: 40em) {
  .catalog__item--sku {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
  }
}
.catalog__search--wrapper {
  width: 100%;
  margin: 1.5rem 0 0;
}
.catalog__add-btn.mat-button-base {
  color: white;
  background-color: #7898c1;
  font-size: 1.7rem;
  position: relative;
  padding: 0.8rem 3rem 0.8rem 6rem;
  margin: 0.5rem 0 0.5rem auto;
}
@media print, screen and (max-width: 39.99875em) {
  .catalog__add-btn.mat-button-base {
    font-size: 1.2rem;
    margin: 2rem auto 0;
  }
}
.catalog__add-btn.mat-button-base.save {
  background-color: #a3bfb9;
}
.catalog__add-btn.mat-button-base.save .mat-icon {
  background: #FFF;
  border-radius: 100%;
  color: #a3bfb9;
  position: absolute;
  left: 1.6rem;
  top: 1.5rem;
  font-size: 2rem;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.1rem;
}
.catalog__add-btn.mat-button-base .mat-icon {
  position: absolute;
  font-size: 3.2rem;
  transform: scaleX(-1);
  top: 1rem;
  left: 2.4rem;
}
.multiple_action_wrapper {
  background: white;
}
.multiple_action_wrapper .multiple_action_container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 82rem;
  margin: 0 auto;
  padding: 1rem 0;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 40em) {
  .multiple_action_wrapper .multiple_action_container {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.multiple_action_wrapper .multiple_action_container > span {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .multiple_action_wrapper .multiple_action_container > span {
    flex: 0 0 20rem;
    max-width: 20rem;
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .multiple_action_wrapper .multiple_action_container > span {
    padding-left: 1.5rem;
  }
}
.multiple_action_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: #f7f7f7;
  border-radius: 1rem;
  flex: 0 0 10.6rem;
  max-width: 10.6rem;
  cursor: pointer;
  margin: 0 1rem;
}
@media print, screen and (max-width: 39.99875em) {
  .multiple_action_item {
    flex: 0 0 8rem;
    max-width: 8rem;
    padding: 0.8rem 0.4rem;
  }
}
.multiple_action_item span {
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 13px;
}
@media print, screen and (max-width: 39.99875em) {
  .multiple_action_item span {
    font-size: 1rem;
  }
}
.multiple_action_item mat-slide-toggle.mat-slide-toggle {
  width: auto;
  pointer-events: none;
}
@media print, screen and (max-width: 39.99875em) {
  .multiple_action_item mat-slide-toggle.mat-slide-toggle .mat-slide-toggle-label {
    padding: 0.5em 0;
  }
}
.multiple_action_item_flex {
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  .multiple_action_item_flex {
    width: 100%;
    justify-content: center;
  }
}
.multiple_action_delete:before {
  content: "\E814";
  color: black;
}
.multiple_action_disable.mat-slide-toggle .mat-slide-toggle-bar {
  background-color: #CD242B;
  box-shadow: 0 0.3rem 0.6rem 0 #cd242b;
}
.menu__product--button {
  position: relative;
}
.menu__product--button:before {
  content: "";
  background-color: #3B3F37;
  opacity: 0.1;
  height: 4rem;
  width: 0.1rem;
  position: absolute;
  left: 0;
  top: 0;
}
.menu__product--button .mat-icon {
  font-size: 3rem;
  height: auto;
  width: auto;
}
.menu__product--delete {
  color: #bf6075;
}
#product-categories-panel .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
#product-categories-panel mat-optgroup.mat-optgroup {
  border: none;
}
.close_select_categories {
  position: absolute;
  top: 0.5rem;
  right: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .close_select_categories {
    display: none;
  }
}
.close_select_categories:before {
  content: "\E811";
  font-size: 1.2rem;
  color: black;
}
.create_product_buttons {
  display: flex;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  padding: 2rem 1rem;
  width: 100%;
  left: 0;
  right: 0;
}
@media print, screen and (min-width: 40em) {
  .create_product_buttons {
    display: none;
  }
}
.create_product_buttons.oneButton {
  justify-content: center;
}
.create_product_next {
  font-size: 1em;
  font-weight: bold;
  border-radius: 2em;
  padding: 0.5em 15px;
  background-color: #a3bfb9;
  color: #fff;
  margin-right: 1rem;
}
.create_product_prev {
  font-size: 1em;
  font-weight: bold;
  border-radius: 2em;
  padding: 0.5em 15px;
  background-color: #bf6075;
  color: #fff;
  margin-right: 1rem;
}
.loader_container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30rem;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #bf6075;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #bf6075 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.catalog-create-product.mat-button-base {
  margin-left: auto;
}
.catalog-add-photo-product-container {
  margin-top: 2rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.catalog-add-photo-image {
  border-radius: 1rem;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  max-width: 10rem;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  margin: 1rem;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.11);
}
.catalog-add-photo-product {
  position: relative;
}
.catalog-delete-photo-product.mat-icon-button {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #bf6075;
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.11);
}
.catalog-delete-photo-product.mat-icon-button:before {
  content: "\E811";
  color: white;
  font-size: 1.2rem;
  font-weight: 700;
}
.delete_product_button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 6rem 0;
  width: 100%;
}
.delete_product_button .delete {
  background-color: #bf6075;
  color: white;
  font-size: 1.8rem;
}
.delete_product_button .delete:before {
  content: "\E814";
  color: white;
}
.marketing_wording {
  padding: 2.5rem;
  background-color: #EDEDED;
  border-radius: 1.6rem;
  font-size: 1.4rem;
  margin-bottom: 3.5rem;
}
.column_photo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.refund_body {
  padding-top: 2rem;
}
.refund_item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem 2rem;
  font-size: 2.4rem;
  margin-bottom: 2rem;
  position: relative;
}
.refund_item > div {
  margin-bottom: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .refund_item > div {
    font-size: 1.2rem;
  }
}
.refund_item .refund_label {
  font-size: 2rem;
  font-weight: 700;
  flex-shrink: 0;
  margin-right: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
  .refund_item .refund_label {
    font-size: 1.2rem;
  }
}
.refund_item .refund_product {
  display: flex;
  flex-direction: column;
  border-bottom: 1px dotted #0a0a0a;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .refund_item .refund_product {
    padding-bottom: 1rem;
  }
}
.refund_item .refund_product_list {
  display: flex;
  flex-direction: column;
  padding-left: 3rem;
  width: 100%;
}
.refund_item .refund_products_container {
  display: flex;
  width: 100%;
}
@media print, screen and (max-width: 39.99875em) {
  .refund_item .refund_products_container {
    margin-bottom: 0;
  }
}
.refund_item .menu__product--button {
  position: absolute !important;
  right: 0;
  top: 0;
}
.refund_item .mat-menu-panel {
  min-height: 34px;
}
.gestion-home__wrapper .gestion__container {
  display: flex;
  flex-direction: column;
}
.gestion-home__wrapper .gestion__body {
  margin-top: auto;
  margin-bottom: auto;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion-home__wrapper .gestion__body {
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 40em) {
  .gestion-home__wrapper .gestion__header .titles h2, .gestion-home__wrapper .gestion__header .titles span {
    font-size: 3.7rem;
  }
}
.gestion-home {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gestion-home .mat-button-base {
  margin-top: 6rem;
}
@media print, screen and (min-width: 40em) {
  .gestion-home {
    margin-top: 7rem;
  }
}
.gestion-home__container {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 16.875em) {
  .gestion-home__container {
    max-width: 27rem;
  }
}
@media print, screen and (min-width: 33.75em) {
  .gestion-home__container {
    max-width: 54rem;
  }
}
@media print, screen and (min-width: 50.625em) {
  .gestion-home__container {
    max-width: 81rem;
  }
}
@media print, screen and (min-width: 67.5em) {
  .gestion-home__container {
    max-width: 108rem;
  }
}
@media print, screen and (min-width: 84.375em) {
  .gestion-home__container {
    max-width: 135rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .gestion-home__container {
    flex-direction: row;
    max-width: 100%;
    width: 100%;
  }
}
.gestion-home__vignette {
  margin: 2rem 1rem 1rem 1rem;
  padding: 3rem 2.5rem 15rem;
  border-radius: 16px;
  box-shadow: 0 5px 20px rgba(198, 198, 198, 0.4);
  background: bottom left no-repeat white;
  height: 25rem;
  width: 25rem;
  transition: transform 0.2s ease-in-out;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion-home__vignette {
    flex: 0 0 46%;
    max-width: 46%;
    width: 100%;
    height: 10rem;
    background-size: 40%;
    margin: 1.5rem 2%;
  }
}
.gestion-home__vignette.shop {
  background-image: url(/assets/images/gestion-shop.png);
}
.gestion-home__vignette.user {
  background-image: url(/assets/images/gestion-user.png);
}
.gestion-home__vignette.product_indiv {
  background-image: url(/assets/images/product_indiv.png);
}
.gestion-home__vignette.product_config {
  background-image: url(/assets/images/product_config.png);
}
.gestion-home__vignette.product_pack {
  background-image: url(/assets/images/product_pack.png);
}
.gestion-home__vignette:hover, .gestion-home__vignette:focus, .gestion-home__vignette:active {
  transform: scale(1.02);
}
.gestion-home__text {
  font-size: 2.5rem;
  line-height: 1.35;
  text-align: right;
  color: #0a0a0a;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion-home__text {
    font-size: 1.8rem;
  }
}
.gestion-home__text.small {
  font-size: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .gestion-home__text.small {
    font-size: 1.3rem;
  }
}
.shop__container {
  margin-top: 3.5rem;
}
.shop__photo-boutique {
  border-radius: 1rem;
  margin-top: 1rem;
}
.shop__input-number {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.shop__input-number .mat-icon-button {
  color: #7898c1;
  background-color: #F7F7F7;
}
.shop__input-number .mat-icon-button + * {
  margin: 0 1.2rem;
}
.shop__input-number .mat-form-field {
  display: block;
  width: 12rem;
}
.shop__horaires {
  padding: 2rem;
  margin-left: -2rem;
  margin-right: -2rem;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 2rem;
}
.shop__horaires--days {
  display: flex;
  justify-content: space-between;
}
.shop__horaires--days .mat-button {
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0 0.2rem 1.6rem;
  min-width: 0;
  line-height: 1;
  color: #c8c8c8;
  position: relative;
  background: white;
}
.shop__horaires--days .mat-button .mat-button-focus-overlay {
  display: none;
}
.shop__horaires--days .mat-button:after {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.4rem;
  background-color: #c8c8c8;
}
.shop__horaires--days .mat-button:hover:after, .shop__horaires--days .mat-button:focus:after, .shop__horaires--days .mat-button:active:after {
  display: block;
}
.shop__horaires--days .mat-button.active {
  color: #a3bfb9;
  font-weight: 700;
}
.shop__horaires--days .mat-button.active:after {
  display: block;
  background-color: #a3bfb9;
}
.shop__horaires--select {
  margin-bottom: 1rem;
}
app-settings {
  height: calc(100vh - 8.2rem);
  background: #f7f7f7;
  display: block;
}
#settings-form {
  padding: 3rem 1.5rem;
}
@media print, screen and (min-width: 40em) {
  #settings-form {
    padding: 3rem;
  }
}
#settings-form .mat-form-field-underline {
  display: block;
}
#settings-form .mat-form-field-flex {
  border-radius: 0;
  padding: 0;
}
#settings-form .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
#settings-form .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
}
.change-settings {
  margin-top: 2.5rem;
  display: flex;
  justify-content: flex-end;
}
.printer-status > span {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}
.printer-status > span .mat-icon {
  margin-right: 0.5rem;
}
.printer-status > span.printer-status--disconnected {
  color: #bf6075;
}
.printer-status > span.printer-status--connected {
  color: #a3bfb9;
}
.printer-status .mat-flat-button {
  margin-top: 1rem;
  margin-right: 1rem;
}
.printer-status .mat-flat-button.red {
  background-color: #bf6075;
}
.printer-status .mat-flat-button.blue {
  background-color: #7898c1;
}
.test_button_container {
  display: flex;
  flex-direction: column;
  padding: 2rem 3rem;
}
.test_button_container .sound_new_order {
  margin-right: 2rem;
  margin-bottom: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .test_button_container .sound_new_order {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .test_button_container .sound_new_order {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .test_button_container {
    flex-direction: row;
  }
}
.fundo {
  animation: scales 3s alternate infinite;
  transform-origin: center;
}
.pao-baixo {
  animation: rotatepao 14s cubic-bezier(0.1, 0.49, 0.41, 0.97) infinite;
  transform-origin: center;
}
.pao-cima {
  animation: rotatepao 7s 1s cubic-bezier(0.1, 0.49, 0.41, 0.97) infinite;
  transform-origin: center;
}
.olhos {
  animation: olhos 2s alternate infinite;
  transform-origin: center;
}
.left-sparks {
  animation: left-sparks 4s alternate infinite;
  transform-origin: 150px 156px;
}
.right-sparks {
  animation: left-sparks 4s alternate infinite;
  transform-origin: 310px 150px;
}
.olhos {
  animation: olhos 2s alternate infinite;
  transform-origin: center;
}
@keyframes scales {
  from {
    transform: scale(0.98);
  }
  to {
    transform: scale(1);
  }
}
@keyframes rotatepao {
  0% {
    transform: rotate(0deg);
  }
  50%, 60% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes olhos {
  0% {
    transform: rotateX(0deg);
  }
  100% {
    transform: rotateX(30deg);
  }
}
@keyframes left-sparks {
  0% {
    opacity: 0;
  }
}
.not_found_container {
  height: 100vh;
  margin: 0px auto;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.not_found_container p {
  margin-top: 5rem;
  font-size: 2.4rem;
  text-align: center;
  color: #444;
  font-weight: 700;
}
@media print, screen and (min-width: 40em) {
  .not_found_container p {
    font-size: 1.6rem;
  }
}
.not_found_container a {
  margin-top: 2rem;
}
.not_found_container svg {
  width: 300px;
}
@media print, screen and (min-width: 40em) {
  .not_found_container svg {
    width: 500px;
  }
}
.path {
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
  animation: dash 4s alternate infinite;
}
@keyframes dash {
  0%, 30% {
    fill: 4B4B62;
    stroke-dashoffset: 0;
  }
  80%, 100% {
    fill: transparent;
    stroke-dashoffset: -200;
  }
}
app-help-print {
  min-height: calc(100vh - 8.2rem);
  background: #f7f7f7;
  display: block;
}
.help-wrapper {
  padding: 3rem 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .help-wrapper {
    padding: 3rem;
  }
}
.help-container {
  max-width: 72rem;
  margin: 0 auto;
}
.help-container .img-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: 2rem;
}
.help-container .img-container img {
  margin: 0rem 0.5rem 1rem;
  width: calc(100% - 1rem);
}
@media print, screen and (min-width: 40em) {
  .help-container .img-container.img-2 img {
    width: calc(50% - 1rem);
  }
  .help-container .img-container.img-3 img {
    width: calc(33.3333% - 1rem);
  }
  .help-container .img-container.img-4 img {
    width: calc(25% - 1rem);
  }
}
.help-container p {
  text-align: justify;
  font-size: 16px;
  margin-bottom: 1.5rem;
  line-height: 1.5;
}
.help-container ul {
  font-size: 16px;
  margin-bottom: 1.5rem;
  line-height: 1.5;
}
.help-title {
  font-size: 26px;
  line-height: 1.4;
  margin: 3rem 0 2rem 0;
}
.help-title:first-child {
  margin-top: 0;
}
.bulle-status {
  height: 2.6rem;
  width: 2.6rem;
  display: flex;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: 2px solid;
}
.bulle-status.ready, .bulle-status.shipped, .bulle-status.waiting, .bulle-status.pending_cnc, .bulle-status.pending_delivery {
  background-color: #a3bfb9;
  border-color: #a3bfb9;
}
.bulle-status.canceled, .bulle-status.refused {
  background-color: #bf6075;
  border-color: #bf6075;
}
.bulle-status.accepted {
  font-size: 2rem;
  color: #fff;
  background-color: #ed6401;
  border-color: #ed6401;
}
.bulle-status.accepted .mat-icon {
  font-weight: normal !important;
}
.bulle-status .mat-icon {
  font-size: 1em;
  line-height: 2.4rem;
  text-align: center;
}
.bulle-status .mat-icon.done {
  font-size: 1em;
  font-weight: 700;
}
.bulle-status__wrapper {
  display: flex;
  align-items: center;
}
.bulle-status__text {
  font-size: 15px;
  margin-right: 0.5em;
  min-width: 70px;
  text-align: right;
  font-weight: 400 !important;
}
@media print, screen and (max-width: 39.99875em) {
  .bulle-status__text {
    font-size: 1.2rem;
  }
}
.bulle-avatar {
  height: 32px;
  width: 32px;
  display: flex;
  border-radius: 100%;
  background-color: #3B3F37;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  margin-inline: auto;
}
.modal__cancel {
  width: 60vw;
  height: 38rem;
  background-color: #bf6075;
  border-radius: 2rem;
  max-width: 50rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__cancel {
    width: 100%;
    height: auto;
  }
}
.modal__cancel mat-dialog-container {
  overflow: hidden;
}
.modal__cancel cancel-order-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.modal__cancel cancel-order-modal .title {
  font-weight: 600;
  color: #FFF;
  font-size: 2rem;
  text-align: center;
  display: block;
  margin-bottom: 1.6rem;
}
.modal__cancel cancel-order-modal .sidebar__line.mat-button-base.active {
  background-color: #fff;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
  color: #3B3F37;
  width: 25rem;
  margin-bottom: 2rem;
}
.modal__cancel cancel-order-modal .sidebar__line.mat-button-base.active .timer__container {
  background-color: #7898c1;
}
.modal__cancel cancel-order-modal .sidebar__line.mat-button-base.active .bulle-status.accepted {
  color: #a3bfb9;
}
.modal__cancel cancel-order-modal .confirm {
  border: 0.2rem solid #FFF;
  background-color: #bf6075;
  transition: all 0.2s ease-in-out;
  color: #FFF;
  width: 25rem;
  font-size: 1.7rem;
  font-weight: 700;
  border-radius: 2.6rem;
  height: 5rem;
  margin-bottom: 2rem;
  cursor: pointer;
}
.modal__cancel cancel-order-modal .confirm:hover, .modal__cancel cancel-order-modal .confirm:focus {
  background-color: #FFF;
  color: #bf6075;
}
.modal__cancel cancel-order-modal .confirm:disabled, .modal__cancel cancel-order-modal .confirm:disabled:hover, .modal__cancel cancel-order-modal .confirm:disabled:focus {
  background-color: #bf6075;
  color: #FFF;
  opacity: 0.2;
}
.modal__cancel cancel-order-modal .cancel {
  color: #E69295;
  font-size: 1.7rem;
  font-weight: 700;
  margin-top: 1rem;
}
.modal__cancel cancel-order-modal .gestion__input.mat-form-field.mat-form-field-type-mat-select {
  max-width: 25rem;
  margin-bottom: 2rem;
}
.modal__cancel cancel-order-modal .label_refus {
  color: #FFF;
  font-size: 1.4rem;
  padding-bottom: 0.6rem;
}
.modal__cancel cancel-order-modal .warning_refus {
  color: #FFF;
  font-size: 2rem;
  margin-bottom: 0.6rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__cancel cancel-order-modal .warning_refus {
    font-size: 1.4rem;
    text-align: center;
  }
}
.refuse_order_button {
  text-decoration: underline;
  font-size: 1.6rem;
  color: white;
}
.refuse_order_button:disabled {
  opacity: 0.4;
}
.modal__refuse {
  height: auto;
}
.modal__cancel.modal__refuse cancel-order-modal .confirm {
  margin-bottom: 2rem;
}
.modal__edit__order {
  background: white;
  width: 70rem;
}
.modal__edit__order .button_container {
  display: flex;
  justify-content: space-around;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__edit__order .confirmation_container {
    padding: 1rem 0;
  }
}
.modal__edit__order .confirmation_container p {
  font-size: 2.2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__edit__order .confirmation_container p {
    font-size: 1.4rem;
    padding: 0 1rem;
  }
}
.modal__colissimo {
  width: 60rem;
  height: auto;
  border-radius: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__colissimo {
    width: 100%;
    max-width: 100% !important;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .modal__colissimo .commande__ready.mat-flat-button .mat-icon.ok {
    margin-right: 0;
  }
}
.modal__colissimo .item--head {
  padding: 3rem 3.6rem 2rem;
}
.modal__colissimo .item--head > span {
  max-width: 70%;
  flex: 0 0 70%;
  font-weight: 700;
  line-height: 3.4rem;
  text-align: left;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__colissimo .item--head > span {
    line-height: 1.2;
    font-size: 1.4rem;
  }
}
.modal__colissimo .item--head .close__modale {
  width: 3rem;
  height: 3rem;
}
.modal__colissimo .item--head .close__modale:before {
  font-size: 1.5rem;
}
.modal__colissimo .colissimo-modale--item {
  display: flex;
  flex-direction: column;
  width: calc(100% - 3rem);
  margin: 0 1.5rem;
  background-color: #fff;
  border-radius: 2rem;
}
.modal__colissimo .buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 3rem 3.5rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__colissimo .buttons {
    padding: 1rem;
  }
}
.modal__colissimo .actions_buttons {
  display: flex;
  justify-content: center;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 3.5rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__colissimo .actions_buttons {
    flex-direction: column;
  }
}
.modal__colissimo .actions_buttons .commande__print {
  margin-right: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__colissimo .actions_buttons .commande__print {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.modal__colissimo .commande__print.mat-flat-button {
  font-weight: 700;
  border: 0.1rem solid #EFEFEF;
  font-size: 1.7rem;
}
.modal_frais_comission {
  width: 80vw;
  height: 60rem;
  background-color: #FFF;
  border-radius: 2rem;
  max-width: 50rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal_frais_comission {
    height: auto;
  }
}
.modal_frais_comission .dimensionForm--item {
  margin-bottom: 2rem;
  background: #f2f2f2;
  border-radius: 1rem;
  padding: 1rem 2rem 0.5rem;
}
.modal_frais_comission .dimensionForm--item .dimensionForm--item_top {
  display: flex;
  align-items: center;
}
.modal_frais_comission .dimensionForm--item .dimensionForm--item_top .title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}
.modal_frais_comission .dimensionForm--item .dimensionForm--item_top button {
  margin-left: auto;
}
.modal_frais_comission .dimensionForm--item .remove {
  line-height: normal;
  line-height: initial;
}
.modal_frais_comission .dimensionForm--item hr {
  margin: 1rem 0;
}
.modal_frais_comission .item--head {
  margin-bottom: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal_frais_comission .item--head {
    margin-bottom: 1.5rem;
  }
}
.modal_frais_comission .item--head .title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  flex: 0 0 100%;
  padding: 0 3rem;
  max-width: 100%;
  line-height: 1.2;
  margin-top: 4rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal_frais_comission .item--head .title {
    font-size: 1.4rem;
    margin-top: 0;
    padding: 0;
  }
}
.modal_frais_comission .item--head .close__modale {
  width: 3rem;
  height: 3rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal_frais_comission .item--head .close__modale {
    top: -2rem;
    right: -2rem;
  }
}
.modal_frais_comission .item--head .close__modale:before {
  font-size: 1.5rem;
}
.modal_frais_comission .item--list {
  overflow-y: auto;
  height: 30rem;
  margin-right: 1.5rem;
  margin-bottom: 4rem;
  padding: 0 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem 0;
}
@media print, screen and (max-width: 39.99875em) {
  .modal_frais_comission .item--list {
    padding: 0;
  }
}
.modal_frais_comission .item--list::-webkit-scrollbar {
  width: 0.4rem;
  margin: 1rem;
  background-color: #fff;
}
.modal_frais_comission .item--list::-webkit-scrollbar-track {
  border-radius: 1rem;
  background-color: white;
}
.modal_frais_comission .item--list::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #3B3F37;
}
.modal_frais_comission .frais_commission_line {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
  padding: 0 0.5rem;
}
.modal_frais_comission .frais_commission_line mat-checkbox {
  margin-right: 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  flex-shrink: 0;
  flex-grow: 1;
  flex: 0 0 38%;
  max-width: 38%;
}
@media print, screen and (max-width: 39.99875em) {
  .modal_frais_comission .frais_commission_line mat-checkbox {
    flex: 0 0 70%;
    max-width: 70%;
  }
}
.modal_frais_comission .frais_commission_line mat-checkbox .mat-checkbox-layout {
  white-space: normal;
}
.modal_frais_comission .frais_commission_line .mat-checkbox-inner-container {
  margin-right: 2rem;
}
.modal_frais_comission .frais_commission_line .mat-checkbox-label {
  color: black;
  font-weight: 700;
}
@media print, screen and (max-width: 39.99875em) {
  .modal_frais_comission .frais_commission_line .mat-checkbox-label {
    font-size: 1.2rem;
  }
}
.modal_frais_comission .button_container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal_frais_comission textarea.mat-input-element {
  padding: 1.6rem 0;
  line-height: 1.5;
}
.modal_frais_comission mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #a3bfb9;
}
.modal_frais_comission .gestion__input.mat-form-field textarea.mat-input-element {
  font-size: 1.6rem;
}
.modal_frais_comission .gestion__input {
  max-width: calc(25% - 10px);
}
.modal_frais_comission .gestion__input + .gestion__input {
  margin-left: 10px;
}
.modal_frais_comission .gestion__input.mat-form-field .mat-form-field-infix {
  padding-top: 2rem;
}
.modal_frais_comission .gestion__input input.mat-input-element {
  font-size: 1.4rem;
}
.modal_frais_comission .gestion__input.mat-form-field textarea.mat-input-element {
  padding: 0;
  padding-right: 2rem;
}
.modal_frais_comission .loader_container {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.confirmation_container {
  padding: 5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.confirmation_container p {
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
  padding: 0 3rem;
}
@media print, screen and (max-width: 39.99875em) {
  .confirmation_container p {
    font-size: 1.4rem;
  }
}
.confirmation_container .button_container {
  margin-top: 6rem;
}
@media print, screen and (max-width: 39.99875em) {
  .confirmation_container .button_container {
    margin-top: 2rem;
  }
}
.confirmation_container .button_container .accept {
  margin-right: 2rem;
}
.confirmation_container .button_container .delete {
  background-color: #bf6075;
}
.confirmation_container .button_container .delete:before {
  content: "\E811";
  color: white;
  font-size: 1.2rem;
  font-weight: 700;
  position: absolute;
  left: 1.85rem;
}
@media print, screen and (min-width: 64em) {
  .confirmation_container .button_container .delete:before {
    display: none;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .confirmation_container .button_container .commande__ready.mat-flat-button .mat-icon.ok {
    margin-right: 0;
  }
}
.modal__collab {
  width: 50rem;
  height: auto;
  border-radius: 2rem;
  max-width: 50rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__collab {
    max-width: 100vw !important;
  }
}
.modal__collab .mat-dialog-container {
  overflow: visible;
}
.modal__collab .item--head {
  padding: 3rem 3.6rem 2rem;
  height: 5rem;
}
.modal__collab .item--head > span {
  max-width: 60%;
  flex: 0 0 60%;
  font-weight: 700;
  line-height: 3.4rem;
  text-align: left;
}
.modal__collab .item--head .close__modale {
  width: 3rem;
  height: 3rem;
}
.modal__collab .item--head .close__modale:before {
  font-size: 1.5rem;
}
.modal__collab .collab-modale--item {
  display: flex;
  flex-direction: column;
  width: calc(100% - 3rem);
  margin: 0 1.5rem;
  background-color: #fff;
  border-radius: 2rem;
  position: relative;
}
.collab-edit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  padding-bottom: 3rem;
}
.collab-edit .img {
  margin-bottom: 3rem;
  border-radius: 100%;
  height: 15rem;
  width: 15rem;
  background: #3B3F37 center no-repeat;
  background-size: cover;
}
.collab-edit .imageError {
  display: block;
  margin-bottom: 2rem;
  width: 100%;
  text-align: center;
  font-size: 1.3rem;
  color: white;
}
.collab-edit .mat-form-field {
  max-width: 33rem;
}
.collab-edit .mat-radio-button {
  margin-right: 2rem;
}
.collab-edit .mat-input-element {
  line-height: 1;
  height: 5rem;
  font-size: 1.6rem;
}
.collab-edit .delete {
  background-color: #bf6075;
  border-radius: 20rem;
  color: #FFF;
  padding: 0.4rem 5rem;
  padding-left: 6rem;
  position: absolute;
  bottom: -7rem;
  font-size: 2rem;
  max-width: 30rem;
  width: 100%;
}
.collab-edit .delete span {
  font-weight: 700;
}
.collab-edit .delete:before {
  content: "\E814";
  position: absolute;
  left: 1.6rem;
  top: 0.4rem;
  font-size: 2rem;
}
.collab-edit .save.mat-flat-button {
  padding: 0.4rem 5rem;
  padding-left: 6rem;
  font-size: 2rem;
  max-width: 30rem;
  width: 100%;
}
@media print, screen and (max-width: 39.99875em) {
  .collab-edit .save.mat-flat-button {
    font-size: 1.2rem;
  }
}
.collab-edit .save.mat-flat-button[disabled] .mat-icon {
  display: none;
}
.collab-edit .save .mat-icon {
  background: #FFF;
  border-radius: 100%;
  color: #a3bfb9;
  position: absolute;
  left: 1.6rem;
  top: 1rem;
}
.collab-edit .image__container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 30rem;
}
.collab-edit .uploadImageButton {
  width: 5rem;
  height: 5rem;
  background-color: #7898c1;
  border: 0.5rem solid #FFF;
  position: absolute;
  top: 0rem;
  right: 6rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
.collab-edit .uploadImageButton:before {
  content: "\E81E";
  color: #FFF;
  font-size: 2rem;
}
.collab-edit .uploadImageInput {
  display: none;
}
.modal__catalog {
  width: 55rem;
  height: auto;
  border-radius: 2rem;
  max-width: 55rem !important;
  height: auto;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__catalog {
    max-width: 100% !important;
  }
}
.modal__catalog .item--head {
  padding: 3rem 3.6rem 2rem;
  height: 4.5rem;
}
.modal__catalog .item--head .close__modale {
  width: 3rem;
  height: 3rem;
}
.modal__catalog .item--head .close__modale:before {
  font-size: 1.5rem;
}
.modal__catalog .text {
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.modal__catalog .text .image_container {
  display: flex;
  justify-content: center;
  margin-bottom: 4rem;
}
.modal__catalog .text p {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 3.6rem;
  padding: 0 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__catalog .text p {
    font-size: 1.4rem;
  }
}
.modal__catalog .bottom {
  background-color: #F7F7F7;
  height: 9rem;
  display: flex;
  align-items: center;
  border-bottom-left-radius: 5rem;
  border-bottom-right-radius: 5rem;
}
.modal__catalog .gradient {
  width: 30rem;
  display: flex;
  height: 5rem;
  justify-content: flex-end;
  align-items: center;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.modal__catalog .gradient mat-slide-toggle.mat-slide-toggle {
  width: auto;
  pointer-events: none;
}
.modal__catalog .gradient mat-slide-toggle.mat-slide-toggle .mat-slide-toggle-bar {
  background: #bf6075;
}
.modal__catalog .catalog-modale--item {
  display: flex;
  flex-direction: column;
  margin: 0 1.5rem;
  background-color: #fff;
  border-radius: 2rem;
  height: 100%;
  width: 100%;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__catalog .catalog-modale--item {
    margin: 0;
  }
}
.modal__ticket {
  width: 55rem;
  height: auto;
  border-radius: 2rem;
  max-width: 55rem !important;
  height: auto;
}
.modal__ticket .item--head {
  padding: 3rem 3.6rem 2rem;
  height: 4.5rem;
}
.modal__ticket .item--head .close__modale {
  width: 3rem;
  height: 3rem;
}
.modal__ticket .item--head .close__modale:before {
  font-size: 1.5rem;
}
.modal__ticket .text {
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.modal__ticket .text .image_container {
  display: flex;
  justify-content: center;
  margin: 4rem 0;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__ticket .text .image_container {
    margin: 1rem 0;
  }
}
.modal__ticket .text p {
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 3.6rem;
  padding: 0 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__ticket .text p {
    font-size: 1.4rem;
  }
}
.modal__ticket .show_again {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}
.modal__ticket .button_container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.modal__ticket .button_container .commande__ready.mat-flat-button {
  font-size: 1.8rem;
  padding: 0.7rem 5rem 0.7rem 5rem;
}
.modal__ticket .ticket-modale--item {
  display: flex;
  flex-direction: column;
  margin: 0 1.5rem;
  background-color: #fff;
  border-radius: 2rem;
  height: 100%;
  width: 100%;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__ticket .ticket-modale--item {
    margin: 0;
  }
}
category-price {
  font-size: 1rem;
  position: relative;
}
category-price:before, category-price:after {
  content: "";
  height: 3rem;
  width: 0.1rem;
  background-color: #707070;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
category-price:before {
  left: 0;
}
category-price:after {
  right: 0;
}
category-price .category-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 1rem;
}
category-price .category-price .category-price--number {
  line-height: 1;
  font-weight: 400;
}
category-price .category-price.home_delivery:before {
  content: "\E816";
  font-size: 1.5em;
  line-height: 1.4;
}
category-price .category-price.click_and_collect:before {
  content: "\E81F";
  font-size: 1.7em;
  line-height: 1.4;
}
category-price .category-price.chronopost:before {
  content: "\E820";
  font-size: 1.7em;
  line-height: 1.4;
}
#search-modal-form .mat-form-field-flex {
  background-color: transparent;
  width: 32rem;
}
#search-modal-form .mat-form-field-infix {
  width: 100%;
  height: 10rem;
}
#search-modal-form .mat-input-element {
  color: black;
  font-weight: 700;
  font-size: 2.4rem;
  background: white;
  height: 6.8rem;
  border-radius: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 3.2rem;
}
#search-modal-form .mat-form-field-label {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 700;
  color: white;
  transform: none;
  width: 100%;
  text-align: center;
  position: static;
}
#search-modal-form .mat-form-field-label-wrapper {
  top: 0;
  height: 3.2rem;
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  #search-modal-form .mat-form-field-flex {
    width: 50rem;
  }
  #search-modal-form .mat-form-field-label {
    font-size: 2rem;
  }
}
.modal__multiboutique {
  width: 60rem;
  height: auto;
  border-radius: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__multiboutique {
    max-width: 100% !important;
  }
}
.modal__multiboutique .item--head {
  padding: 3rem 3.6rem 2rem;
  justify-content: flex-start;
}
.modal__multiboutique .item--head > span {
  max-width: 70%;
  flex: 0 0 70%;
  font-weight: 700;
  line-height: 3.4rem;
  text-align: left;
}
.modal__multiboutique .item--head .close__modale {
  width: 3rem;
  height: 3rem;
}
.modal__multiboutique .item--head .close__modale:before {
  font-size: 1.5rem;
}
.modal__multiboutique .multiboutique-list-modale {
  display: flex;
  flex-direction: column;
  width: calc(100% - 3rem);
  margin: 0 1.5rem;
  background-color: #fff;
  border-radius: 2rem;
}
.modal__multiboutique .multiboutique {
  color: white;
  margin-right: 3rem;
  font-size: 2.6rem;
  height: 3.8rem;
  width: 3.8rem;
  max-width: 3.8rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__multiboutique .multiboutique {
    display: flex;
    align-items: center;
    margin-right: 1rem;
  }
}
.modal__multiboutique .multiboutique__list__item {
  padding: 2.7rem 0;
  margin: 0 3.5rem;
  border-top: 0.1rem solid rgba(112, 112, 112, 0.2);
  border-bottom: 0.1rem solid rgba(112, 112, 112, 0.2);
}
@media print, screen and (max-width: 39.99875em) {
  .modal__multiboutique .multiboutique__list__item {
    margin: 0 1rem;
  }
}
.modal__multiboutique .multiboutique__list__user {
  display: flex;
  justify-content: space-between;
}
.modal__multiboutique .multiboutique__list__left {
  display: flex;
  align-items: center;
}
.modal__multiboutique .multiboutique__list__picto {
  margin-right: 2rem;
  position: relative;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__multiboutique .multiboutique__list__picto {
    margin-right: 1rem;
  }
}
.modal__multiboutique .multiboutique__list__picto:before {
  content: "\E821";
  font-size: 3rem;
  color: black;
}
.modal__multiboutique .multiboutique__list__picto img {
  position: absolute;
  top: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
}
.modal__multiboutique .multiboutique__list__info {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
}
.modal__multiboutique .multiboutique__list__name {
  font-weight: 700;
  color: black;
  font-size: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__multiboutique .multiboutique__list__name {
    font-size: 1.2rem;
  }
}
.modal__multiboutique .multiboutique__list__place {
  color: black;
  font-size: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__multiboutique .multiboutique__list__place {
    font-size: 1.1rem;
  }
}
.modal__multiboutique .multiboutique__list__status {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  flex-shrink: 0;
  text-align: right;
}
@media print, screen and (max-width: 39.99875em) {
  .modal__multiboutique .multiboutique__list__status {
    font-size: 1rem;
  }
}
.modal__multiboutique .multiboutique__list__status--pending {
  display: flex;
  align-items: center;
}
.modal__multiboutique .multiboutique__list__status--accepted,
.modal__multiboutique .multiboutique__list__status--canceled,
.modal__multiboutique .multiboutique__list__status--refused {
  display: flex;
  align-items: center;
}
.modal__multiboutique .multiboutique__list__status--accepted img,
.modal__multiboutique .multiboutique__list__status--canceled img,
.modal__multiboutique .multiboutique__list__status--refused img {
  margin-left: 1rem;
}
.modal__multiboutique .loader_container {
  height: auto;
}
.modal__multiboutique .lds-ring {
  width: 36px;
  height: 36px;
}
.modal__multiboutique .lds-ring div {
  width: 24px;
  height: 24px;
  margin: 8px;
  border: 3px solid #CD242B;
  border-color: #CD242B transparent transparent transparent;
}
.simple-slide-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.simple-slide-wrapper.is--mobile .simple-slide-container {
  scroll-snap-type: x mandatory;
}
.simple-slide-wrapper.is--mobile .simple-slide-container > * {
  scroll-snap-align: start;
}
.simple-slide-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  will-change: transform;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  -ms-overflow-style: none;
}
.simple-slide-container::-webkit-scrollbar {
  display: none;
}
snack-bar-container {
  text-align: center;
}
snack-bar-container.success {
  background-color: #a3bfb9;
  font-size: 1.6rem;
  font-weight: 700;
}
snack-bar-container.error {
  font-size: 1.6rem;
  color: white;
  font-weight: 700;
}

/*# sourceMappingURL=styles.d74167c70a759a07.css.map*/