body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1.5em;
  }
  .container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  [ng\:cloak],
  [ng-cloak],
  [data-ng-cloak],
  [x-ng-cloak],
  .ng-cloak,
  .x-ng-cloak {
    display: none !important;
  }
  @font-face {
    font-family: Inconsolata;
    src: url('../files/fonts/Inconsolata-VariableFont_wdth,wght.ttf') format('opentype');
  }
  @font-face {
    font-family: InterVariable;
    src: url('../files/fonts/Inter-VariableFont_slnt,wght.ttf') format('opentype');
  }
  @font-face {
    font-family: WireOne;
    src: url('../files/fonts/WireOne-Regular.ttf') format('opentype');
  }
  h1 {
    font-size: calc(1em*1.2*1.2*1.6);
    margin: 0;
    padding: 0;
    font-family: InterVariable;
  }
  hXl {
    font-size: 32px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-family: InterVariable;
    line-height: 1.1;
  }
  h2 {
    font-size: 25px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-family: InterVariable;
  }
  h3 {
    font-size: calc(1em*1.2*1.2);
    margin: 0;
    padding: 0;
    font-weight: 100;
    font-family: Inconsolata;
  }
  h4 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    font-family: Inconsolata;
  }
  h5 {
    font-size: 10px;
    margin: 0;
    padding: 0;
  }
  p {
    font-size: 13px;
    margin: 0;
    padding: 0;
    font-family: Inconsolata;
  }
  li {
    font-family: Inconsolata; font-size: 13px;
    margin: 0 0 0 30px;
  }
  ul {
    margin-bottom: 30px;
  }
  ul li {
    list-style: disc;
  }
  a {
    text-decoration: none !important;
    color: #FFFFFF;
    font-size: 15px;
    font-family: Inconsolata;
  }
  a:hover,
  a:focus,
  a:active,
  a:visited,
  a:link {
    color: unset;
  }
  a,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hXl {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
  }
  ul {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
  }
  .icon {
    height: 21px;
    width: 21px;
  }
  @media only screen and (min-width: 600px) {
    h2 {
      font-size: 30px;
    }
    hXl {
      font-size: 30px;
    }
    p, li {
      font-size: 14px;
    }
  }
  @media only screen and (min-width: 760px) and (min-height: 900px) {
    h2 {
      font-size: 39px;
    }
    hXl {
      font-size: 39px;
    }
    p, li {
      font-size: 21px;
    }
  }
  @media only screen and (min-width: 900px) {
    h2 {
      font-size: 39px;
    }
    hXl {
      font-size: 39px;
    }
    p, li {
      font-size: 18px;
    }
  }
  @media only screen and (min-width: 1200px) {
    h2 {
      font-size: 40px;
    }
    hXl {
      font-size: 90px;
    }
    p, li {
      font-size: 20px;
    }
    .icon {
      height: 37px;
      width: 35px;
    }
  }
  @media only screen and (min-width: 1500px) {
    h2 {
      font-size: 40px;
    }
    p, li {
      font-size: 20px;
    }
    hXl {
      font-size: 90px;
      font-weight: 600;
      margin: 0;
      padding: 0;
      font-family: InterVariable;
    }
  }
  #navbar {
    width: 100%;
    position: fixed;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
    height: 73px;
    z-index: 1500;
    background: linear-gradient(0deg, rgba(86, 86, 86, 0) 0%, rgba(86, 86, 86, 0.5) 70%);
  }
  #navbar.admin {
    justify-content: center;
  }
  #navbar.black a {
    color: #28282A;
  }
  #navbar.hideBtnNav {
    justify-content: center;
  }
  #navbar.cartOpen {
    /*border-bottom: 1px solid #77353D;*/
  }
  #navbar a {
    color: #FFFFFF;
    z-index: 1001;
  }
  #navbar a img {
    max-height: 30px;
    width: auto;
  }
  #navbar #wrapper-burger {
    z-index: 1001;
    cursor: pointer;
  }
  #navbar #wrapper-burger.hideBtnNav {
    display: none;
  }
  #navbar #wrapper-burger #burger {
    content: url("../images/public/BurgerClose.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #navbar #wrapper-burger #burger.open {
    content: url("../images/public/BurgerOpen.png");
  }
  #navbar #wrapper-burger #burger.black {
    content: url("../images/public/BurgerCloseBlack.png");
  }
  #navbar #wrapper-burger #burger.black.open {
    content: url("../images/public/BurgerOpenBlack.png");
  }
  #navbar #cartIcon {
    position: relative;
    cursor: pointer;
  }
  #navbar #cartIcon.hideBtnNav {
    display: none;
  }
  #navbar #cartIcon .icon {
    content: url("../images/public/Cart.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #navbar #cartIcon .icon.black {
    content: url("../images/public/CartBlack.png");
  }
  #navbar #cartIcon label {
    position: absolute;
    top: 16px;
    right: -9px;
    height: 18px;
    width: 18px;
    border: 1px solid transparent;
    background-color: black;
    color: white;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: 'Inconsolata';
    font-weight: 100;
    border-radius: 50%;
    margin: 0;
  }
  #navbar #cartIcon #square {
    height: 10px;
    width: 10px;
    display: none;
    background-color: #555;
    transform: rotate(45deg);
    border-left: 1px solid #77353D;
    border-top: 1px solid #77353D;
    background-color: white;
    position: absolute;
    bottom: -31px;
    left: 5px;
    transform-style: preserve-3d;
  }
  #navbar #cartIcon #square.open {
    display: unset;
  }
  #navbar #cartIcon #square #line {
    display: block;
    border-bottom: 1px solid #77353D;
    width: 200vw;
    height: 1px;
    transform-origin: left;
    transform: rotate(-45deg) translateX(-70%) translateY(6px) translateZ(-10px);
  }
  #menu-container {
    display: none;
    height: 100%;
    width: 100vw;
    z-index: 5;
    background-color: #28282A;
    flex-flow: column nowrap;
    align-items: flex-start;
    padding: 89px 25px 20px 25px;
    position: fixed;
  }
  #menu-container.open {
    display: flex;
  }
  #menu-container.open + div.container {
    display: none;
  }
  #menu-container #menu {
    color: #FFFFFF;
  }
  #menu-container #menu li {
    margin-bottom: 30px;
    list-style: none;
  }
  #menu-container #info-menu {
    bottom: 20px;
    position: absolute;
    color: #FFFFFF;
    text-transform: uppercase;
  }
  #menu-container #info-menu .info-item {
    margin-bottom: 20px;
    list-style: none;
  }
  #menu-container #info-menu #info-details {
    color: #FFFFFF;
    margin-bottom: 40px;
    list-style: none;
  }
  #menu-container #info-menu #info-details h4 {
    margin-bottom: 5px;
  }
  #menu-container #info-menu #social-details {
    display: flex;
    flex-flow: row;
  }
  #menu-container #info-menu #social-details .icon {
    height: 27px;
    width: 27px;
    margin-right: 20px;
    cursor: pointer;
  }
  #menu-container #lang-choice {
    position: absolute;
    right: -5px;
    bottom: 25px;
    display: flex;
    flex-flow: row nowrap;
    width: 180px;
  }
  #menu-container #lang-choice a .flag {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 50px;
    cursor: pointer;
    transition: ease-in 0.7s;
  }
  #menu-container #lang-choice a .flag:hover {
    transform: translateY(-5px);
  }
  #menu-container #lang-choice a .nl {
    background-image: url('../images/public/nl.webp');
  }
  #menu-container #lang-choice a .fr {
    background-image: url('../images/public/fr.webp');
  }
  #menu-container #lang-choice a .en {
    background-image: url('../images/public/us.webp');
  }
  @media only screen and (min-width: 1200px) {
    #navbar {
      padding: 0 70px;
      height: 60px;
    }
    #navbar a img {
      max-height: 35px;
    }
    #navbar #wrapper-burger #burger {
      width: 30px;
      height: 30px;
    }
    #navbar #wrapper-burger #burger.open {
      content: url("../images/public/BurgerOpen.png");
      transform: translateY(30px);
    }
    #navbar #wrapper-burger #burger.black {
      content: url("../images/public/BurgerCloseBlack.png");
    }
    #navbar #wrapper-burger #burger.black.open {
      content: url("../images/public/BurgerOpenBlack.png");
      transform: translateY(30px);
    }
    #navbar #cartIcon {
      width: 30px;
      height: 30px;
    }
    #navbar #cartIcon #square {
      left: 11px;
    }
    #navbar #cartIcon #square #line {
      transform: rotate(-45deg) translateX(-92.4%) translateY(6px) translateZ(-10px);
    }
    #navbar #cartIcon label {
      top: 25px;
    }
    #menu-container {
      height: 96vh;
      min-height: 530px;
      width: 35vw;
      position: fixed;
      top: 2vh;
      left: 25px;
      padding: 100px 25px 20px 25px;
    }
    #menu-container #info-menu h4 {
      font-size: 18px;
    }
    #menu-container #info-menu #social-details .icon {
      height: 37px;
      width: 37px;
    }
  }
  @media only screen and (min-width: 500px) and (max-height: 700px) {
    #menu-container #menu {
      color: #FFFFFF;
    }
    #menu-container #menu li {
      margin-bottom: 20px;
    }
    #menu-container #menu li h2 {
      font-size: 25px;
    }
    #menu-container #info-menu h4 {
      font-size: 14px;
    }
    #menu-container #info-menu #social-details .icon {
      height: 30px;
      width: 30px;
    }
  }
  .index_section {
    height: 100vh;
    width: 100%;
    color: #FFFFFF;
    background: linear-gradient(0deg, #565656 0%, #232326 100%);
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    position: relative;
  }
  .index_section > div.img {
    flex: 1;
    position: relative;
  }
  .index_section img {
    position: absolute;
    left: 0;
    top: 50%;
    width: auto;
    max-height: 100%;
    transform: translate(-60%, -50%);
  }
  .screen-section {
    padding: 0 25px 0 25px;
  }
  .screen-section p {
    margin: 23px 0;
  }
  .screen-section a {
    margin-bottom: 40px;
    text-transform: uppercase;
    border: 1px solid;
    border-color: white;
    text-align: center;
    padding: 1em;
    font-size: 20px;
    cursor: pointer;
    display: block;
  }
  .screen-section a:hover {
    background-color: rgba(0, 0, 0, 0.15);
    color: #77353D !important;
  }
  .section_inline {
    padding: 0;
  }
  .section_inline .index_section-img {
    background-size: cover;
    height: 100%;
  }
  .section_inline .screen-section {
    padding: 70px 25px 0 25px;
  }
  .index_section:nth-child(even) {
    color: black;
    background: #FFFFFF;
  }
  .index_section:nth-child(even) a {
    border-color: black;
    color: black;
  }
  .index_section:nth-child(even) img {
    position: absolute;
    right: 0;
    left: unset;
    transform: translate(57%, -45%);
  }
  @media only screen and (min-width: 760px) and (min-height: 900px) {
  }
  @media only screen and (min-width: 900px) {
    .index_section {
      display: grid;
      grid-template-rows: 1fr;
      grid-template-columns: 1fr;
      justify-content: initial;
      padding: 0;
      min-height: 900px;
    }
    .index_section .img {
      grid-column-start: 1;
      grid-column-end: 1;
      grid-row-start: 1;
      grid-row-end: 1;
      display: flex;
      justify-content: center;
    }
    .index_section .img img {
      max-width: 100%;
      position: initial !important;
      transform: initial !important;
    }
    .index_section.section_inline {
      grid-template-columns: 1fr 1fr;
    }
    .index_section.section_inline .index_section-img {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 1;
      background-image: var(--bg-image);
      background-size: cover;
      background-position: center;
    }
    .index_section.section_inline .screen-section {
      grid-column-start: 2;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 1;
    }
    .screen-section {
      grid-column-start: 1;
      grid-column-end: 1;
      grid-row-start: 1;
      grid-row-end: 1;
      z-index: 2;
      align-self: center;
      margin-left: 10%;
      margin-right: 10%;
      max-width: 720px;
    }
    .screen-section p {
      margin: 46px 0;
    }
    .section_inline:nth-child(odd) .index_section-img {
      grid-column-start: 2;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 1;
    }
    .section_inline:nth-child(odd) .screen-section {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 1;
    }
  }
  @media only screen and (min-width: 1500px) {
    .index_section a {
      font-size: 24px;
    }
    .index_section .section_inline .screen-section {
      width: 50px;
    }
  }
  #about {
    background: linear-gradient(0deg, #565656 0%, #232326 100%);
  }
  #about .section_head {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 0.5fr 1fr;
    height: 100vh;
  }
  #about .section_head .img {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 5;
    background-size: cover;
    background-position: center;
  }
  #about .section_head hXl {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 4;
    grid-row-end: 5;
    color: white;
    padding: 10px 25px;
    max-width: 310px;
  }
  #about .section_head p {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 5;
    grid-row-end: 6;
    color: white;
    padding: 10px 25px;
  }
  #about .section_body {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    padding: 0 25px 50px;
  }
  #about .section_body .body_container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    height: 100%;
  }
  #about .section_body .body_container .paragraph {
    text-align: left;
    color: white;
  }
  #about .section_body .body_container .paragraph h2 {
    margin: 20px 0;
  }
  #about .section_body .image_none {
    display: none;
  }
  @media only screen and (min-width: 600px) {
    #about .section_head hXl {
      max-width: 365px;
    }
  }
  @media only screen and (max-height: 800px) {
    #about .section_body {
      height: unset;
    }
  }
  @media only screen and (min-width: 750px) {
    #about .section_head {
      display: grid;
      grid-template-columns: 2fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      height: 100vh;
    }
    #about .section_head .img {
      grid-row-start: 1;
      grid-row-end: 8;
    }
    #about .section_head hXl {
      grid-row-start: 6;
      grid-row-end: 7;
      background-color: rgba(0, 0, 0, 0.3);
    }
    #about .section_head p {
      grid-row-start: 7;
      grid-row-end: 8;
      background-color: rgba(0, 0, 0, 0.3);
    }
    #about .section_body {
      height: 100vh;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
      align-items: center;
    }
    #about .section_body .body_container .paragraph {
      text-align: left;
      max-width: 300px;
    }
    #about .section_body .image_none {
      display: block;
      background-size: cover;
      background-position: center;
      height: 80vh;
      width: 40%;
    }
  }
  @media only screen and (min-width: 900px) {
    #about .section_head hXl {
      max-width: 425px;
    }
    #about .section_body .body_container .paragraph {
      text-align: left;
      max-width: 400px;
    }
  }
  @media only screen and (min-width: 1200px) {
    #about .section_head hXl {
      max-width: 900px;
    }
    #about .section_body .body_container .paragraph {
      text-align: left;
      max-width: 480px;
    }
  }
  @media only screen and (min-width: 1500px) {
    #about .section_head hXl {
      max-width: 1160px;
    }
    #about .section_head p {
      max-width: 1160px;
    }
  }
  #center-content {
    margin: 120px auto 0;
    text-align: center;
    max-width: 700px;
  }
  #center-content h1 {
    font-size: 64px; text-transform: uppercase;
    margin: 0 0 30px;
  }
  #center-content p {
    margin: 0 0 30px;
  }
  #center-content a.backBtn {
    display: inline-block;
  }
  #contact {
    background-color: #FFFFFF;
    color: black;
    padding: 0px 25px;
    margin-top: 80px;
  }
  #contact hxl {
    font-size: 48px;
  }
  #contact hxl.nl {
    word-break: break-all;
  }
  #contact h2 {
    margin-bottom: 30px;
  }
  #contact .contact-section {
    margin-bottom: 30px;
  }
  #contact .contact-section p {
    margin: 0 0 30px;
  }
  #contact .contact-section h3 {
    border-bottom: 1px solid #77353D;
    width: fit-content;
    margin-bottom: 30px;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 18px;
  }
  #contact .contact-section h4 {
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 1.2px;
    cursor: pointer;
  }
  #contact .contact_content {
    margin-top: 20px;
  }
  #contact .textToClipBoard {
    display: none;
    position: fixed;
    padding: 0.5em 1em;
    border: 1px solid #77353D;
    background-color: white;
    bottom: 0;
    margin: 0 auto;
    opacity: 0;
    right: 25%;
    transform: translateY(-100%);
    transition: 2s linear;
    z-index: 4;
  }
  #contact .textToClipBoard.visible {
    display: block;
    transform: translateY(0);
    opacity: 1;
  }
  @media only screen and (min-width: 760px) and (min-height: 900px) {
  }
  @media only screen and (min-width: 900px) {
    #contact {
      display: flex;
      margin: 60px 70px;
      padding: 0;
    }
    #contact .contact_title {
      margin-right: 140px;
    }
    #contact .contact_content {
      max-width: 900px;
      margin-top: 96px;
    }
  }
  #search {
    margin-top: 80px;
    color: black;
    width: 100%;
    padding: 0px 25px;
    display: flex;
    flex-flow: column nowrap;
  }
  #search .reset-btn {
    align-self: flex-end;
    cursor: pointer;
  }
  #search .reset-btn img {
    object-fit: cover;
    height: 21px;
    width: 21px;
    margin-right: 5px;
    transition: transform 0.8s ease;
  }
  #search .reset-btn:hover img {
    transition: transform 0.8s ease;
    transform: rotate(180deg);
  }
  #search input[type=text] {
    border: none;
    width: 100%;
    font-size: calc(1em*1.2*1.2*1.4);
    border: none !important;
    outline: none;
  }
  #search #shop-list {
    width: 100%;
  }
  #search #shop-list h4 {
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #77353D;
    width: fit-content;
  }
  #search #shop-list #item-list {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 2em;
  }
  #search #shop-list #item-list .item {
    cursor: pointer;
  }
  #search #shop-list #item-list .item h4 {
    text-decoration: none;
    border: none;
    padding: 0;
  }
  #search #shop-list #item-list .item img {
    width: 100%;
    object-fit: contain;
  }
  @media only screen and (min-width: 600px) {
    #search #shop-list #item-list {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: center;
    }
    #search #shop-list #item-list .item {
      width: 50%;
    }
  }
  @media only screen and (min-width: 900px) {
    #search .reset-btn img {
      object-fit: cover;
      height: 35px;
      width: 35px;
      margin-right: 5px;
      transition: transform 0.8s ease;
    }
  }
  @media only screen and (min-width: 1200px) {
    #search {
      padding: 0px 70px;
      margin-top: 60px;
    }
    #search input[type=text] {
      font-size: 140px;
    }
    #search #shop-list #item-list .item {
      width: 25%;
    }
  }
  #list-page {
    background-color: #FFFFFF;
    color: black;
    padding: 0 25px;
    margin-top: 80px;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
  #list-page #filter-board {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: white;
    z-index: 1000;
  }
  #list-page #filter-btn {
    border: 1px solid black;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
    font-size: calc(1em*1.2*1.2);
    opacity: 1;
    margin-bottom: 10px;
  }
  #list-page #filter-btn:hover {
    cursor: pointer;
    opacity: 1;
  }
  #list-page .reset-btn {
    align-self: end;
    text-transform: uppercase;
    margin-top: 0.2em;
  }
  #list-page .reset-btn img {
    object-fit: cover;
    height: 21px;
    width: 21px;
    margin-right: 5px;
  }
  #list-page .reset-btn:hover img {
    transition: transform 0.8s ease;
    transform: rotate(180deg);
  }
  #list-page #shop-list {
    width: 100%;
  }
  #list-page #shop-list h4 {
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #77353D;
    width: fit-content;
  }
  #list-page #shop-list #item-list {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 2em;
  }
  #list-page #shop-list #item-list .item {
    border: 1px solid transparent;
    margin-bottom: 20px;
    cursor: pointer;
    width: 100%;
    height: 300px;
  }
  #list-page #shop-list #item-list .item h4 {
    text-decoration: none;
    border: none;
    padding: 0;
  }
  #list-page #shop-list #item-list .item .img-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 250px;
  }
  #list-page #filters {
    display: flex;
    flex-flow: column nowrap;
    background-color: white;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1500;
    padding: 0px 25px;
  }
  #list-page #filters h2 {
    font-size: calc(1em*1.2*1.2*1.4);
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  #list-page #filters #filter-menu {
    height: 73px;
    color: black;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
  #list-page #filters #filter-menu h2 {
    margin-top: unset;
  }
  #list-page #filters #filter-menu #closeFilter {
    content: url("../images/public/BurgerOpenBlack.png");
    object-fit: contain;
    height: calc(1em*1.1);
    width: calc(1em*1.1);
    cursor: pointer;
  }
  #list-page #filters #filter-menu .reset-btn {
    align-self: unset;
    text-transform: uppercase;
    margin-top: 0;
  }
  #list-page #filters #filter-menu .reset-btn img {
    object-fit: cover;
    height: 21px;
    width: 21px;
    margin-right: 5px;
  }
  #list-page #filters .filterElement {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    margin: 13px 0;
  }
  #list-page #filters .filterElement .filter {
    width: 65%;
    border-bottom: 1px solid #77353D;
    border-left: 1px solid #77353D;
    border-top: 1px solid transparent;
  }
  #list-page #filters .filterElement .filter .tout {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
    font-weight: 100;
    padding-left: 10px;
  }
  #list-page #filters .filterElement .filter .tout p {
    transform: translateY(2px);
    font-size: 15px;
    margin-bottom: 5px;
  }
  #list-page #filters .filterElement .filter .tout img {
    height: 12px;
    width: 12px;
    margin-right: 10px;
  }
  #list-page #filters .filterElement .filter .tout img.upsidedown {
    transform: rotate(180deg);
  }
  #list-page #filters .filterElement .filter .option {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
    padding-left: 10px;
    margin-bottom: 5px;
    cursor: pointer;
  }
  #list-page #filters .filterElement .filter .option p {
    font-size: 15px;
  }
  #list-page #filters .filterElement .filter.ensquared {
    border: 1px solid #77353D;
  }
  #list-page #filters .filterElement h4 {
    text-transform: uppercase;
    width: 35%;
    border-bottom: 1px solid #77353D;
    display: flex;
    flex-flow: row;
    max-height: 28.43px;
    justify-content: flex-start;
    align-items: flex-end;
  }
  #list-page #filters #product-btn {
    align-self: center;
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #000000;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 125px;
    text-transform: uppercase;
  }
  @media only screen and (min-width: 760px) and (min-height: 900px) {
  }
  @media only screen and (min-width: 900px) {
    #list-page {
      margin: 0px 70px;
      padding: 0;
    }
    #list-page #shop-list #item-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr);
      grid-gap: 24px;
    }
  }
  @media only screen and (min-width: 1200px) {
    #filter-btn,
    #product-btn,
    #filter-board,
    .filters-title,
    #closeFilter {
      display: none !important;
    }
    #list-page > .reset-btn {
      display: none;
    }
    #list-page #filters {
      height: inherit;
      width: 100%;
      position: relative;
      flex-flow: column-reverse;
      padding: 0;
      z-index: 0;
    }
    #list-page #filters #filter-menu {
      justify-content: flex-end;
    }
    #list-page #filters .filterList {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 24px;
      justify-content: space-between;
    }
    #list-page #filters .filterList .filterElement {
      flex-grow: 1;
      width: inherit;
      position: relative;
      align-items: flex-start;
    }
    #list-page #filters .filterList .filterElement h4 {
      transform: translateY(10px);
    }
    #list-page #filters .filterList .filterElement .filter {
      height: fit-content;
      position: absolute;
      right: 0;
      background-color: white;
    }
    #list-page #filters .filterList .filterElement .filter:hover {
      color: #77353D;
    }
    #list-page {
      margin: 60px 70px;
    }
    #list-page #shop-list #item-list {
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(4, 1fr);
    }
  }
  #error-page {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 0 20px;
  }
  #error-page h1 {
    margin-top: 100px;
    font-weight: 800;
    text-align: center;
  }
  #error-page p {
    text-align: center;
    margin: 20px 0;
    font-weight: 800;
  }
  #error-page a {
    margin-bottom: 40px;
    text-transform: uppercase;
    border: 1px solid;
    border-color: #77353D;
    text-align: center;
    padding: 1em;
    font-size: 20px;
    cursor: pointer;
    color: black;
  }
  #error-page a:hover {
    background-color: rgba(0, 0, 0, 0.15);
    color: #77353D;
  }
  @media only screen and (min-width: 600px) {
    #error-page a {
      width: 400px;
      padding: 20px 10px;
      text-transform: uppercase;
    }
  }
  @media only screen and (min-width: 800px) {
    #error-page h1 {
      margin-top: 200px;
    }
    #error-page p {
      margin: 40px 0;
    }
    #error-page a {
      width: 400px;
      padding: 20px 10px;
      text-transform: uppercase;
    }
  }
  #success-page {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 0 20px;
  }
  #success-page h1 {
    margin-top: 100px;
    font-weight: 800;
    text-align: center;
  }
  #success-page p {
    text-align: center;
    margin: 20px 0;
    font-weight: 800;
  }
  #success-page a {
    margin-bottom: 40px;
    text-transform: uppercase;
    border: 1px solid;
    border-color: #77353D;
    text-align: center;
    padding: 1em;
    font-size: 20px;
    cursor: pointer;
    color: black;
  }
  #success-page a:hover {
    background-color: rgba(0, 0, 0, 0.15);
    color: #77353D;
  }
  @media only screen and (min-width: 800px) {
    #success-page h1 {
      margin-top: 200px;
    }
    #success-page p {
      margin: 40px 0;
      max-width: 700px;
    }
    #success-page a {
      width: 400px;
      padding: 20px 10px;
      text-transform: uppercase;
    }
  }
  #purchase-infos {
    margin-top: 80px;
    padding: 0 25px;
  }
  #purchase-infos #command-resume {
    width: 100%;
  }
  #purchase-infos #command-resume h2 {
    margin: 20px 0;
  }
  #purchase-infos #command-resume p {
    font-weight: 800;
  }
  #purchase-infos #command-resume #cartitem-list {
    border-top: 1px solid #77353D;
    border-bottom: 1px solid #77353D;
  }
  #purchase-infos #command-resume #cartitem-list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    margin: 10px 0;
  }
  #purchase-infos #command-resume #cartitem-list .item .img {
    background-image: var(--bg-image);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    flex: 0.5;
  }
  #purchase-infos #command-resume #cartitem-list .item h4 {
    height: 20px;
    width: 20px;
    border-bottom: 1px solid #77353D;
    text-align: center;
    transform: translateX(-100%);
  }
  #purchase-infos #command-resume #cartitem-list .item p {
    align-self: center;
    font-weight: unset;
  }
  #purchase-infos #command-resume #total {
    text-align: end;
    margin-top: 10px;
  }
  #purchase-infos #user-info {
    width: 100%;
  }
  #purchase-infos #user-info h2 {
    margin: 20px 0;
  }
  #purchase-infos #shipping-list {
    margin: 0 0 24px;
  }
  #purchase-infos #shipping-list li {
    margin: 0;
  }
  #purchase-infos #user-info div.field,
  #purchase-infos #user-info div.field-auto-complete-address {
    display: flex;
    flex-flow: column nowrap;
    margin: 10px 0;
  }
  #purchase-infos #user-info div.field label,
  #purchase-infos #user-info div.field-auto-complete-address label,
  #purchase-infos #shipping-list label {
    font-family: 'Inconsolata';
  }
  #purchase-infos #shipping-list label {
    font-size: 20px;
  }
  #purchase-infos #user-info div.field input,
  #purchase-infos #user-info div.field-auto-complete-address input {
    order: 2;
    font-family: 'Inconsolata';
  }
  #purchase-infos #user-info div.field p,
  #purchase-infos #user-info div.field-auto-complete-address p {
    display: none;
    order: 3;
  }
  #purchase-infos #user-info div.field p.visible,
  #purchase-infos #user-info div.field-auto-complete-address p.visible {
    display: block;
  }
  #purchase-infos #user-info div.field-auto-complete-address {
    position: relative;
  }
  #purchase-infos #user-info div.field-auto-complete-address #google-predictions {
    order: 3;
    position: absolute;
    border: 1px solid black;
    bottom: 0;
    transform: translateY(100%);
    width: 100%;
  }
  #purchase-infos #user-info div.field-auto-complete-address #google-predictions .prediction {
    height: 25px;
    width: 100%;
    cursor: pointer;
    background-color: white;
    padding: 5px 0;
  }
  #purchase-infos #user-info div.field-auto-complete-address #google-predictions .prediction:hover {
    border-left-color: yellow;
  }
  #purchase-infos #user-info div.field-auto-complete-address #google-predictions .google-sponsor {
    height: 25px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    border: 1px solid black;
    align-items: center;
    background-color: white;
  }
  #purchase-infos #user-info div.field-auto-complete-address #google-predictions .google-sponsor p {
    margin-right: 10px;
    color: black;
    display: block;
    order: unset;
  }
  #purchase-infos #user-info div.field-auto-complete-address #google-predictions .google-sponsor .google_icon {
    background-image: url("../images/public/google.png");
    background-position: center;
    background-size: contain;
    height: 20px;
    width: 20px;
  }
  #purchase-infos #user-info #coupon-input {
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #77353D;
    padding: 5px;
  }
  #purchase-infos #user-info #coupon-input div.field {
    display: flex;
    flex-flow: row nowrap;
  }
  #purchase-infos #user-info #coupon-input div.field * {
    flex: 1;
    height: 100%;
    margin: 0 5px 0 0;
  }
  #purchase-infos #user-info #coupon-input div.field p {
    flex: unset;
  }
  #purchase-infos #user-info #coupon-input #ErrorMsgCoupon,
  #purchase-infos #user-info #coupon-input #SuccessMsgCoupon,
  #purchase-infos #user-info #coupon-input #ValueMsgCoupon {
    display: none;
    color: #77353D;
  }
  #purchase-infos #user-info #coupon-input #ErrorMsgCoupon.visible,
  #purchase-infos #user-info #coupon-input #SuccessMsgCoupon.visible,
  #purchase-infos #user-info #coupon-input #ValueMsgCoupon.visible {
    display: block;
  }
  #purchase-infos #user-info #coupon-input #SuccessMsgCoupon {
    color: green;
  }
  #purchase-infos #user-info #confidentiality p,
  #purchase-infos #user-info #confidentiality a {
    font-size: 13px;
    color: black;
    margin: 0 5px;
  }
  #purchase-infos #user-info #confidentiality a {
    border-bottom: 1px solid transparent;
    border-color: #77353D;
  }
  #purchase-infos #user-info #confidentiality a:hover {
    color: #77353D;
  }
  #purchase-infos #user-info #confidentiality input[type=checkbox] {
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin: 0;
    margin-left: 10px;
    transform: translateY(6px);
  }
  #purchase-infos #user-info input[type=submit] {
    margin: 20px 0;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    border: 1px solid #77353D;
    text-align: center;
    padding: 1em;
    font-size: 20px;
    cursor: pointer;
  }
  #purchase-infos #user-info input[type=submit]:hover {
    background-color: rgba(0, 0, 0, 0.15);
    color: #77353D;
  }
  .fontsizeUp {
    font-size: 17px;
  }
  @media only screen and (min-width: 600px) {
    .fontsizeUp {
      font-size: 20px;
    }
  }
  @media only screen and (min-width: 760px) and (min-height: 900px) {
  }
  @media only screen and (min-width: 900px) {
    #purchase-infos #command-resume #cartitem-list .item .img {
      flex: 0.2;
    }
    #purchase-infos #user-info input[type=submit] {
      margin: 20px 20%;
      width: 60%;
      height: 100%;
      text-transform: uppercase;
      border: 1px solid;
      border-color: #77353D;
      text-align: center;
      padding: 1em;
      font-size: 20px;
      cursor: pointer;
    }
    #purchase-infos #user-info input[type=submit]:hover {
      background-color: rgba(0, 0, 0, 0.15);
    }
    .fontsizeUp {
      font-size: 24px;
    }
  }
  @media only screen and (min-width: 1200px) {
    #purchase-infos {
      padding: 0 124px;
      display: flex;
      margin-top: 60px;
      gap: 74px;
    }
    #purchase-infos #command-resume #cartitem-list .item .img {
      flex: 0.5;
    }
    #purchase-infos #user-info #confidentiality p,
    #purchase-infos #user-info #confidentiality a {
      font-size: 20px;
    }
    #purchase-infos #user-info input[type=submit] {
      width: 80%;
      margin: 20px 10%;
      height: initial;
    }
  }
  @media only screen and (min-width: 1300px) and (max-width: 1420px) {
    #purchase-infos #user-info #confidentiality input[type=checkbox] {
      position: absolute;
      transform: translateY(-1px);
    }
  }
  #verification-page {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: 0 25px;
  }
  #verification-page #command-resume {
    margin-top: 80px;
    width: 100%;
  }
  #verification-page #command-resume p {
    font-weight: 800;
  }
  #verification-page #command-resume #item-list {
    border-top: 1px solid #77353D;
    border-bottom: 1px solid #77353D;
    display: block;
  }
  #verification-page #command-resume #item-list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    margin: 10px 0;
  }
  #verification-page #command-resume #item-list .item .img {
    background-image: var(--bg-image);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    flex: 0.5;
  }
  #verification-page #command-resume #item-list .item h4 {
    height: 20px;
    width: 20px;
    border-bottom: 1px solid #77353D;
    text-align: center;
    transform: translateX(-100%);
  }
  #verification-page #command-resume #item-list .item p {
    align-self: center;
    font-weight: unset;
  }
  #verification-page #command-resume #total {
    text-align: end;
    margin-top: 10px;
  }
  #verification-page #btn-payment {
    margin-bottom: 40px;
    text-transform: uppercase;
    border: 1px solid #77353D;
    text-align: center;
    padding: 1em;
    font-size: 20px;
    cursor: pointer;
    margin-top: 20px;
    width: 70%;
    max-width: 500px;
  }
  #verification-page #btn-payment:hover {
    background-color: rgba(0, 0, 0, 0.15);
    color: #77353D;
  }
  .fontsizeUp {
    font-size: 17px;
  }
  @media only screen and (min-width: 1200px) {
    #verification-page #command-resume {
      margin-top: 60px;
      width: 60%;
    }
    #verification-page #btn-payment:hover {
      border-color: #77353D;
    }
    .fontsizeUp {
      font-size: 24px;
    }
  }
  #adminpage {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-family: Incosolata;
  }
  #adminpage #connexionForm {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    background-color: lightgray;
    padding: 10px 20px;
  }
  #adminpage #connexionForm div.field {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
  #adminpage #connexionForm div.field label {
    order: 1;
  }
  #adminpage #connexionForm div.field input {
    order: 2;
  }
  #adminpage #connexionForm div.field p {
    display: none;
  }
  #adminpage #connexionForm input-password {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
  #adminpage #connexionForm input-password label {
    order: 1;
  }
  #adminpage #connexionForm input-password input {
    order: 2;
  }
  #adminpage #connexionForm input[type=submit] {
    margin-bottom: 20px;
    text-transform: uppercase;
    border: 1px solid;
    border-color: white;
    text-align: center;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
  }
  #adminpage #connexionForm input[type=submit]:hover {
    background-color: rgba(0, 0, 0, 0.15);
    color: #77353D;
  }
  #ItemListPage .wrapper-table,
  #ArticlesListPage .wrapper-table,
  #CommandListPage .wrapper-table {
    padding: 1rem;
    margin-top: 4rem;
    width: 100%;
    overflow: auto;
    /*table tr:hover {
              background-color: rgba(20,20,20,0.5);
              color: white;
          }*/
  }
  #ItemListPage .wrapper-table table,
  #ArticlesListPage .wrapper-table table,
  #CommandListPage .wrapper-table table {
    border-collapse: collapse;
  }
  #ItemListPage .wrapper-table table th,
  #ArticlesListPage .wrapper-table table th,
  #CommandListPage .wrapper-table table th {
    background-color: #cdcdcd;
    text-align: center;
    padding: 1rem;
    border: 1px solid black;
  }
  #ItemListPage .wrapper-table table tr,
  #ArticlesListPage .wrapper-table table tr,
  #CommandListPage .wrapper-table table tr {
    min-height: 60px;
  }
  #ItemListPage .wrapper-table table td,
  #ArticlesListPage .wrapper-table table td,
  #CommandListPage .wrapper-table table td {
    padding: 1rem;
    cursor: pointer;
    font-weight: normal !important;
    border: 1px solid black;
  }
  #ItemListPage .wrapper-table table td.center > div,
  #ArticlesListPage .wrapper-table table td.center > div,
  #CommandListPage .wrapper-table table td.center > div {
    text-align: center;
  }
  #ItemListPage .wrapper-table table td .symbol,
  #ArticlesListPage .wrapper-table table td .symbol,
  #CommandListPage .wrapper-table table td .symbol {
    opacity: 0.6;
    font-size: 0.6em;
    margin-left: 4px;
  }
  #ItemListPage .wrapper-table table td label,
  #ArticlesListPage .wrapper-table table td label,
  #CommandListPage .wrapper-table table td label {
    font-weight: normal;
  }
  #ItemListPage .wrapper-table table td.Name,
  #ArticlesListPage .wrapper-table table td.Name,
  #CommandListPage .wrapper-table table td.Name,
  #ItemListPage .wrapper-table table td.Description > div,
  #ArticlesListPage .wrapper-table table td.Description > div,
  #CommandListPage .wrapper-table table td.Description > div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    max-width: 160px;
  }
  #ItemListPage .wrapper-table table td.Sizes ul li,
  #ArticlesListPage .wrapper-table table td.Sizes ul li,
  #CommandListPage .wrapper-table table td.Sizes ul li {
    display: flex;
  }
  #ItemListPage .wrapper-table table td.Sizes ul li + li:before,
  #ArticlesListPage .wrapper-table table td.Sizes ul li + li:before,
  #CommandListPage .wrapper-table table td.Sizes ul li + li:before {
    content: '-';
    margin-left: 4px;
    margin-right: 10px;
    opacity: 0.4;
  }
  #ItemListPage .wrapper-table table td.ImgPath > div,
  #ArticlesListPage .wrapper-table table td.ImgPath > div,
  #CommandListPage .wrapper-table table td.ImgPath > div,
  #ItemListPage .wrapper-table table td.ImgListPath > div,
  #ArticlesListPage .wrapper-table table td.ImgListPath > div,
  #CommandListPage .wrapper-table table td.ImgListPath > div {
    display: flex;
    flex-flow: row nowrap;
  }
  #ItemListPage .wrapper-table table td.ImgPath > div img,
  #ArticlesListPage .wrapper-table table td.ImgPath > div img,
  #CommandListPage .wrapper-table table td.ImgPath > div img,
  #ItemListPage .wrapper-table table td.ImgListPath > div img,
  #ArticlesListPage .wrapper-table table td.ImgListPath > div img,
  #CommandListPage .wrapper-table table td.ImgListPath > div img {
    width: 100px;
    object-fit: contain;
  }
  #ItemListPage .wrapper-table table td.ImgPath img + img,
  #ArticlesListPage .wrapper-table table td.ImgPath img + img,
  #CommandListPage .wrapper-table table td.ImgPath img + img,
  #ItemListPage .wrapper-table table td.ImgListPath img + img,
  #ArticlesListPage .wrapper-table table td.ImgListPath img + img,
  #CommandListPage .wrapper-table table td.ImgListPath img + img {
    margin-left: 1rem;
  }
  #ItemListPage .wrapper-table table tr td:hover,
  #ArticlesListPage .wrapper-table table tr td:hover,
  #CommandListPage .wrapper-table table tr td:hover {
    background-color: #77353D;
  }
  #ItemListPage .wrapper-edit,
  #ArticlesListPage .wrapper-edit,
  #CommandListPage .wrapper-edit {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transform: translateX(-100%);
    display: flex;
    flex-flow: column nowrap;
  }
  #ItemListPage .wrapper-edit.open,
  #ArticlesListPage .wrapper-edit.open,
  #CommandListPage .wrapper-edit.open {
    transform: translateX(0);
    background-color: white;
    color: #28282A;
  }
  #ItemListPage .wrapper-edit > div,
  #ArticlesListPage .wrapper-edit > div,
  #CommandListPage .wrapper-edit > div {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    margin: 1rem 2rem;
  }
  #ItemListPage .wrapper-edit h2,
  #ArticlesListPage .wrapper-edit h2,
  #CommandListPage .wrapper-edit h2 {
    border-bottom: 1px solid green;
    margin-bottom: 5rem;
  }
  #ItemListPage .wrapper-edit form,
  #ArticlesListPage .wrapper-edit form,
  #CommandListPage .wrapper-edit form {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
  }
  #ItemListPage .wrapper-edit form textarea,
  #ArticlesListPage .wrapper-edit form textarea,
  #CommandListPage .wrapper-edit form textarea {
    height: 300px;
    width: 300px;
  }
  #ItemListPage .wrapper-edit form .controls,
  #ArticlesListPage .wrapper-edit form .controls,
  #CommandListPage .wrapper-edit form .controls {
    margin-top: auto;
    border-top: 1px solid green;
    display: flex;
    padding: 1rem 0;
  }
  #ItemListPage .wrapper-edit form .controls .save,
  #ArticlesListPage .wrapper-edit form .controls .save,
  #CommandListPage .wrapper-edit form .controls .save,
  #ItemListPage .wrapper-edit form .controls .cancel,
  #ArticlesListPage .wrapper-edit form .controls .cancel,
  #CommandListPage .wrapper-edit form .controls .cancel {
    padding: 1rem;
  }
  #ItemListPage .wrapper-edit form .controls .save,
  #ArticlesListPage .wrapper-edit form .controls .save,
  #CommandListPage .wrapper-edit form .controls .save {
    background-color: green !important;
    color: white !important;
  }
  #ItemListPage .wrapper-edit form .controls .save:hover,
  #ArticlesListPage .wrapper-edit form .controls .save:hover,
  #CommandListPage .wrapper-edit form .controls .save:hover {
    background-color: darkgreen !important;
  }
  #ItemListPage .wrapper-edit form div p,
  #ArticlesListPage .wrapper-edit form div p,
  #CommandListPage .wrapper-edit form div p {
    display: none;
  }
  #ItemListPage .wrapper-edit form div div.field,
  #ArticlesListPage .wrapper-edit form div div.field,
  #CommandListPage .wrapper-edit form div div.field {
    display: flex;
    flex-flow: column nowrap;
    width: 300px;
  }
  #ItemListPage .wrapper-edit form div div.field input,
  #ArticlesListPage .wrapper-edit form div div.field input,
  #CommandListPage .wrapper-edit form div div.field input {
    order: 2;
  }
  #ItemListPage .wrapper-edit form div div.field label,
  #ArticlesListPage .wrapper-edit form div div.field label,
  #CommandListPage .wrapper-edit form div div.field label {
    order: 1;
  }
  #ItemListPage .wrapper-edit .close::before,
  #ArticlesListPage .wrapper-edit .close::before,
  #CommandListPage .wrapper-edit .close::before {
    border-radius: 50%;
    border: 1px solid green;
    height: 50px;
    width: 50px;
    line-height: 45px;
    text-align: center;
    color: #28282A;
    display: block;
    font-size: 1.5em;
  }
  #ItemListPage .wrapper-edit .delete::before,
  #ArticlesListPage .wrapper-edit .delete::before,
  #CommandListPage .wrapper-edit .delete::before {
    border-radius: 50%;
    border: 1px solid green;
    height: 30px;
    width: 30px;
    line-height: 25px;
    text-align: center;
    display: block;
    background-color: white;
  }
  #ItemListPage .wrapper-edit .close,
  #ArticlesListPage .wrapper-edit .close,
  #CommandListPage .wrapper-edit .close,
  #ItemListPage .wrapper-edit .delete,
  #ArticlesListPage .wrapper-edit .delete,
  #CommandListPage .wrapper-edit .delete {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
  #ItemListPage .wrapper-edit .close::before,
  #ArticlesListPage .wrapper-edit .close::before,
  #CommandListPage .wrapper-edit .close::before,
  #ItemListPage .wrapper-edit .delete::before,
  #ArticlesListPage .wrapper-edit .delete::before,
  #CommandListPage .wrapper-edit .delete::before {
    content: 'x';
  }
  #ItemListPage .wrapper-edit .preview-img-list,
  #ArticlesListPage .wrapper-edit .preview-img-list,
  #CommandListPage .wrapper-edit .preview-img-list {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
  }
  #ItemListPage .wrapper-edit .preview-img-list li,
  #ArticlesListPage .wrapper-edit .preview-img-list li,
  #CommandListPage .wrapper-edit .preview-img-list li {
    position: relative;
    border: 1px solid green;
    margin: 1rem;
  }
  #ItemListPage .wrapper-edit .preview-img-list li img,
  #ArticlesListPage .wrapper-edit .preview-img-list li img,
  #CommandListPage .wrapper-edit .preview-img-list li img {
    max-height: 300px;
    max-width: 300px;
    height: auto;
    width: auto;
  }
  #ItemListPage .wrapper-edit input-switch .switch,
  #ArticlesListPage .wrapper-edit input-switch .switch,
  #CommandListPage .wrapper-edit input-switch .switch {
    border-radius: 40px;
    border: 1px solid green;
    width: 70px;
    height: 26px;
    background-color: #fafafa;
    position: relative;
    cursor: pointer;
  }
  #ItemListPage .wrapper-edit input-switch .switch input,
  #ArticlesListPage .wrapper-edit input-switch .switch input,
  #CommandListPage .wrapper-edit input-switch .switch input {
    opacity: 0;
    cursor: pointer;
  }
  #ItemListPage .wrapper-edit input-switch .switch:before,
  #ArticlesListPage .wrapper-edit input-switch .switch:before,
  #CommandListPage .wrapper-edit input-switch .switch:before {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50px;
    background-color: #001a00;
    transition: all 0.1s ease-out;
  }
  #ItemListPage .wrapper-edit input-switch .switch.active:before,
  #ArticlesListPage .wrapper-edit input-switch .switch.active:before,
  #CommandListPage .wrapper-edit input-switch .switch.active:before {
    transform: translateX(44px);
  }
  #ItemListPage .wrapper-edit input-switch .switch.active,
  #ArticlesListPage .wrapper-edit input-switch .switch.active,
  #CommandListPage .wrapper-edit input-switch .switch.active {
    background-color: green;
  }
  #ItemListPage .wrapper-edit input-switch .switch + .value,
  #ArticlesListPage .wrapper-edit input-switch .switch + .value,
  #CommandListPage .wrapper-edit input-switch .switch + .value {
    margin-left: 10px;
  }
  #ItemListPage .wrapper-edit .loading,
  #ArticlesListPage .wrapper-edit .loading,
  #CommandListPage .wrapper-edit .loading {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #28282A;
  }
  .button {
    border: 1px solid transparent;
    cursor: pointer;
    height: 40px;
    margin-top: 20px;
    padding: 10px 20px;
    color: black;
  }
  .button:hover {
    border-width: 1px;
    border: 1px solid black;
  }
  #CommandListPage .wrapper-table table th {
    min-width: 125px;
  }
  #CommandListPage .wrapper-table #filter {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    font-size: 0.8em;
  }
  #CommandListPage .wrapper-table #filter div {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    margin: 5px 0;
    border: 1px solid black;
    max-width: 500px;
  }
  #CommandListPage .wrapper-table #filter div input[type=date] {
    cursor: pointer;
  }
  #CommandListPage .wrapper-table #filter div .button {
    background-color: #00af21;
    border: none;
    height: 30px;
  }
  #CommandListPage .wrapper-table #filter div .button:hover {
    border: 1px solid #28282A;
  }
  #CommandListPage .wrapper-table #filter div .button.delete:hover {
    background-color: darkred;
  }
  #CommandListPage .wrapper-table th div {
    justify-content: center;
  }
  #CommandListPage .wrapper-table td div {
    text-align: center;
  }
  .AddBtn {
    margin-top: 20px;
    padding: 10px 20px;
    cursor: pointer;
  }
  .AddBtn:hover {
    border-width: 1px;
    border: 1px solid black;
  }
  .deletebtn {
    font-size: 20px;
    color: black;
    background-color: red;
  }
  .close {
    margin-top: 60px;
    cursor: pointer;
  }
  .listSize {
    display: flex;
  }
  #item-page {
    padding: 0 25px;
    margin-top: 80px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    color: black;
  }
  .backBtn {
    text-transform: uppercase;
    border: 1px solid #77353D;
    padding: 0.5em 1em;
    font-size: 13px;
    cursor: pointer;
    align-self: flex-start;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 20px 0;
  }
  .backBtn:hover {
    background-color: rgba(0, 0, 0, 0.15);
  }
  .backBtn .arrow {
    background-image: url("../images/public/Arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
    cursor: pointer;
    transform: rotate(90deg);
    margin-right: 10px;
  }
  #item-page .item_titles h4 {
    text-transform: uppercase;
  }
  #item-page .item_pictures {
    width: 100%;
  }
  #item-page .item_pictures .img-carousel {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 250px;
    position: relative;
  }
  #item-page .item_pictures .img-carousel .arrow {
    background-image: url(../images/public/Arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
    position: absolute;
    cursor: pointer;
  }
  #item-page .item_pictures .img-carousel .arrow.left {
    left: 0;
    top: 50%;
    transform: rotate(90deg);
  }
  #item-page .item_pictures .img-carousel .arrow.right {
    right: 0;
    top: 50%;
    transform: rotate(-90deg);
  }
  #item-page #step-bar {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
  #item-page #step-bar .step {
    height: 2px;
    width: 2px;
    border-radius: 50%;
    background-color: black;
    margin: 0 10px;
  }
  #item-page #step-bar .step.active {
    transform: scale(2);
  }
  #item-page #details {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    border-top: 1px solid #77353D;
    margin: 20px 0;
  }
  #item-page #details .detail {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    margin: 5px 0;
  }
  #item-page #details .detail h4 {
    width: 40%;
    text-transform: uppercase;
  }
  #item-page #details .detail h4.value {
    width: 60%;
    text-transform: none;
    padding-left: 10px;
  }
  #item-page #details .size-detail {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    width: 100%;
    margin: 5px 0;
  }
  #item-page #details .size-detail h4 {
    width: 40%;
    text-transform: uppercase;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    border-bottom: 1px solid #77353D;
  }
  #item-page #details .size-detail .taille {
    width: 60%;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    border-left: 1px solid #77353D;
    position: relative;
    border-bottom: 1px solid #77353D;
    border-top: 1px solid transparent;
    cursor: pointer;
  }
  #item-page #details .size-detail .taille.ensquared {
    border: 1px solid #77353D;
    z-index: 4;
  }
  #item-page #details .size-detail .taille.ensquared .wrapper-option {
    border: 1px solid #77353D;
    border-top: none;
  }
  #item-page #details .size-detail .taille p {
    padding-left: 10px;
  }
  #item-page #details .size-detail .taille .img {
    background-image: url("../images/public/Arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 13px;
    width: 13px;
    margin-right: 5px;
  }
  #item-page #details .size-detail .taille .wrapper-option {
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    background-color: white;
  }
  #item-page #details .size-detail .taille .wrapper-option .option {
    width: 100%;
    padding-top: 5px;
  }
  #item-page #description {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #77353D;
  }
  #item-page #description h4 {
    width: 40%;
    text-transform: uppercase;
  }
  #item-page #description .text {
    margin-top: 20px;
  }
  #item-page #recommandation {
    margin-top: 20px;
  }
  #item-page #recommandation h4 {
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #77353D;
    display: inline-block;
  }
  #item-page #recommandation #recommandation-list {
    margin-top: 10px;
    margin-bottom: 60px;
  }
  #item-page #recommandation #recommandation-list #item-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  #item-page #recommandation #recommandation-list #item-list .item {
    width: 45%;
    padding-top: 10px;
    margin-bottom: -10px;
    cursor: pointer;
  }
  #item-page #recommandation #recommandation-list #item-list .item h4 {
    text-decoration: none;
    border: none;
    padding: 0;
  }
  #item-page #recommandation #recommandation-list #item-list .item img {
    width: 100%;
    margin-top: -5px;
    object-fit: contain;
  }
  #item-page #item-footer {
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    border: 1px solid #77353D;
    height: 40px;
    background-color: white;
  }
  #item-page #item-footer h4 {
    width: 40%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    height: 40px;
  }
  #item-page #item-footer #add-to-cart-btn {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 60%;
    border-left: 1px solid #77353D;
    height: 40px;
    text-transform: uppercase;
    color: black;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  #item-page #item-footer #add-to-cart-btn h4 {
    width: unset;
    border-right: unset;
  }
  #coupon-page {
    padding: 0 25px;
    margin-top: 80px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    color: black;
  }
  #coupon-page .coupon-content {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  #coupon-page .coupon-content .coupon-pictures {
    background-image: url("../images/public/bon.jpg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 250px;
    height: 250px;
    margin-top: 20px;
  }
  #coupon-page .coupon-content .coupon-info #details {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
  #coupon-page .coupon-content .coupon-info #details h3 {
    font-weight: 900;
  }
  #coupon-page #item-footer {
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    border: 1px solid #77353D;
    height: 40px;
    width: 100vw;
    background-color: white;
    position: fixed;
    bottom: 0;
    left: 0;
  }
  #coupon-page #item-footer h4 {
    width: 40%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    height: 40px;
  }
  #coupon-page #item-footer #add-to-cart-btn {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 60%;
    border-left: 1px solid #77353D;
    height: 40px;
    text-transform: uppercase;
    color: black;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  #coupon-page #item-footer #add-to-cart-btn h4 {
    width: unset;
    border-right: unset;
  }
  @media only screen and (min-width: 600px) {
    #item-page .item_content .item_pictures .img-carousel {
      height: 350px;
    }
  }
  @media only screen and (min-width: 760px) and (min-height: 900px) {
  }
  @media only screen and (min-width: 900px) {
    #item-page {
      margin: 150px 70px;
      padding: 0;
    }
    .backBtn {
      font-size: 20px;
      transform: translateY(-20px);
    }
    .item_content {
      display: grid;
      grid-template-columns: 1fr 2fr;
      grid-template-rows: auto;
      grid-template-areas: "titles pictures" "info pictures" "info pictures";
    }
    .item_content .item_titles {
      grid-area: titles;
    }
    .item_content .item_pictures {
      grid-area: pictures;
      margin-left: 70px;
      display: flex;
      justify-content: center;
      flex-direction: column;
    }
    .item_content .item_info {
      grid-area: info;
    }
    .item_content .item_info #item-footer {
      border: none;
    }
    #item-page #details h4 {
      padding: 1em !important;
    }
    #item-page #details .taille {
      align-items: center !important;
    }
    #item-page #item-footer {
      position: relative;
      width: initial;
    }
    #item-page #description {
      border: none;
    }
    #item-page #recommandation > h4 {
      margin: 2em 0;
    }
    #item-page #recommandation #recommandation-list #item-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 48px;
    }
    #item-page #recommandation #recommandation-list #item-list .item {
      width: 100%;
    }
    #item-page .item_pictures {
      width: inherit;
    }
  }
  @media only screen and (min-width: 1200px) {
    #item-page .item_content {
      grid-template-columns: 478px 1fr;
    }
    #item-page .item_content .item_pictures .img-carousel {
      height: 550px;
    }
    #item-page #recommandation #recommandation-list #item-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 48px;
    }
  }
  #cart {
    display: none;
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: white;
    overflow: scroll;
  }
  #cart.open {
    display: flex;
  }
  #cart #emptyCartMsg a {
    font-size: 13px;
  }
  #cart #shopping-cart {
    font-size: 16px;
    width: 100%;
    margin-top: 90px;
    padding: 0 25px;
  }
  #cart #shopping-cart a {
    color: black;
    border-bottom: 1px solid #77353D;
    padding-bottom: 2px;
  }
  #cart #shopping-cart #cart-list .cart-item {
    position: relative;
    border-bottom: 1px dotted #77353D;
    margin-bottom: 20px;
  }
  #cart #shopping-cart #cart-list .cart-item .delete-btn {
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
  }
  #cart #shopping-cart #cart-list .cart-item .item_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, min-content);
    grid-template-areas: "img img" "tb1 tb3" "tb2 tb2" "ship ship";
  }
  #cart #shopping-cart #cart-list .cart-item .item_content .item_img {
    grid-area: img;
  }
  #cart #shopping-cart #cart-list .cart-item .item_content .tableau1 {
    grid-area: tb1;
  }
  #cart #shopping-cart #cart-list .cart-item .item_content .tableau2 {
    grid-area: tb2;
  }
  #cart #shopping-cart #cart-list .cart-item .item_content .item-quantity {
    grid-area: tb3;
  }
  #cart #shopping-cart #cart-list .cart-item .item_content .shipment-text {
    grid-area: ship;
  }
  #cart #shopping-cart #cart-list .cart-item .item_content .delete-btn {
    grid-area: dlt;
  }
  #cart #shopping-cart #cart-list .cart-item img {
    height: auto;
    max-width: 80%;
    margin: 0 10%;
    object-fit: contain;
  }
  #cart #shopping-cart #cart-list .cart-item .tableau1 {
    display: flex;
    flex-flow: row;
    align-items: flex-end;
    width: 100%;
  }
  #cart #shopping-cart #cart-list .cart-item .tableau1 .nomination {
    display: flex;
    flex-flow: column nowrap;
    width: 40%;
  }
  #cart #shopping-cart #cart-list .cart-item .tableau1 .nomination h4 {
    text-transform: uppercase;
  }
  #cart #shopping-cart #cart-list .cart-item .tableau2 {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    margin: 10px 0;
  }
  #cart #shopping-cart #cart-list .cart-item .tableau2 .detail {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    justify-content: space-between;
  }
  #cart #shopping-cart #cart-list .cart-item .tableau2 .detail h4 {
    width: 40%;
    text-transform: uppercase;
  }
  #cart #shopping-cart #cart-list .cart-item .tableau2 .detail h4.value {
    width: 60%;
    text-transform: unset;
  }
  #cart #shopping-cart #cart-list .cart-item .item-quantity {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-family: Incosolata;
  }
  #cart #shopping-cart #cart-list .cart-item .item-quantity .quantity {
    border-bottom: 1px solid #77353D;
    display: flex;
    align-items: center;
  }
  #cart #shopping-cart #cart-list .cart-item .item-quantity .quantity .quantityBtn {
    height: 21px;
    width: 21px;
    padding: 2px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  #cart #shopping-cart #cart-list .cart-item .item-quantity .quantity .quantityBtn:hover {
    border: 1px solid #77353D;
  }
  #cart #shopping-cart #cart-list .cart-item .item-quantity .price {
    width: auto;
  }
  #cart #shopping-cart #cart-list .cart-item .shipment-text {
    margin: 10px 0;
    text-transform: uppercase;
  }
  #cart #shopping-cart #cart-list .order-info .tableau3 {
    margin-bottom: 10px;
  }
  #cart #shopping-cart #cart-list .order-info .tableau3 div {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  #cart #shopping-cart #cart-list .order-info .tableau3 div h4 {
    text-transform: uppercase;
  }
  #cart #shopping-cart #cart-list .order-info .tableau3 div h4.value {
    text-transform: unset;
  }
  #cart #shopping-cart #cart-list .order-info #lineBottom {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background-color: white;
    height: 40px;
  }
  #cart #shopping-cart #cart-list .order-info #lineBottom .total {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    width: 35%;
    border: 1px solid #77353D;
    height: 40px;
  }
  #cart #shopping-cart #cart-list .order-info #lineBottom .total .textTotal {
    display: none;
  }
  #cart #shopping-cart #cart-list .order-info #lineBottom #order-btn {
    width: 65%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    border: 1px solid #77353D;
    height: 40px;
    cursor: pointer;
  }
  #cart #shopping-cart #cart-list .order-info #lineBottom #order-btn:hover {
    background-color: rgba(0, 0, 0, 0.15);
    color: #77353D;
  }
  @media only screen and (min-width: 900px) {
    #cart #emptyCartMsg a {
      font-size: 20px;
    }
    #cart #shopping-cart {
      font-size: 20px;
      margin-top: 120px;
    }
    #cart #shopping-cart #cart-list .cart-item .delete-btn {
      position: relative;
    }
    #cart #shopping-cart #cart-list .cart-item .item_content {
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(2, min-content);
      grid-template-areas: "img tb1 tb2 tb3" "img dlt . ship";
      align-items: flex-start;
    }
    #cart #shopping-cart #cart-list .cart-item .item_content .tableau1,
    #cart #shopping-cart #cart-list .cart-item .item_content .tableau2,
    #cart #shopping-cart #cart-list .cart-item .item_content .item-quantity {
      padding-top: 32px;
      margin: 0;
    }
    #cart #shopping-cart #cart-list .cart-item .item_content .delete-btn {
      margin: 10px 0;
      font-size: 18px;
    }
    #cart #shopping-cart #cart-list .cart-item .item_content .detail {
      margin: 6px 0;
    }
    #cart #shopping-cart #cart-list .order-info {
      float: right;
      width: 33%;
    }
    #cart #shopping-cart #cart-list .order-info .order-detail {
      margin: 16px 0;
    }
    #cart #shopping-cart #cart-list .order-info #lineBottom {
      position: unset;
      bottom: unset;
      right: unset;
      height: unset;
      width: 100%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-items: center;
    }
    #cart #shopping-cart #cart-list .order-info #lineBottom .total {
      width: 100%;
      height: unset;
      border: unset;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
    }
    #cart #shopping-cart #cart-list .order-info #lineBottom .total .textTotal {
      display: block;
    }
    #cart #shopping-cart #cart-list .order-info #lineBottom #order-btn {
      width: 100%;
      padding: 10px 20px;
      margin: 20px 0px;
      top: unset;
      left: unset;
      height: unset;
    }
  }
  consent-cookie-box #cookie-box {
    position: fixed;
    z-index: 999999;
    height: 100vh;
    width: 100vw;
    top: 0;
  }
  consent-cookie-box #cookie-box .box {
    border: 2px solid #77353D;
    background: white;
    -webkit-box-shadow: 5px 5px 15px 6px #000000;
    box-shadow: 5px 5px 15px 6px #000000;
    position: fixed;
    width: 75%;
    bottom: 12.5%;
    left: 12.5%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    color: black;
    padding: 10px 20px;
  }
  consent-cookie-box #cookie-box .box h1 {
    text-align: center;
    margin-bottom: 20px;
  }
  consent-cookie-box #cookie-box .box .message {
    padding: 10px;
    text-align: justify;
  }
  consent-cookie-box #cookie-box .box a {
    color: black;
  }
  consent-cookie-box #cookie-box .box a:hover {
    color: #77353D;
  }
  consent-cookie-box #cookie-box .box #accept-btn {
    text-transform: uppercase;
    border: 1px solid;
    border-color: #77353D;
    text-align: center;
    padding: 1em;
    font-size: 20px;
    margin-top: 20px;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
  }
  consent-cookie-box #cookie-box .box #accept-btn:hover,
  consent-cookie-box #cookie-box .box #accept-btn:focus {
    background-color: rgba(0, 0, 0, 0.15);
    box-shadow: unset;
  }
  @media only screen and (min-width: 600px) {
    consent-cookie-box #cookie-box .box .message {
      padding: 10px;
      text-align: justify;
      width: 60%;
    }
  }
  @media only screen and (min-width: 900px) {
    consent-cookie-box #cookie-box .box {
      height: 60%;
    }
  }
  #addForm {
    position: fixed;
    top: 50%;
    height: 250px;
    width: 40%;
    left: 30%;
  }
  #addForm #form-item {
    background-color: white;
  }
  #addForm #form-item div.field {
    display: flex;
    flex-flow: column nowrap;
  }
  #addForm #form-item div.field input {
    order: 2;
  }
  #addForm #form-item div.field label {
    order: 1;
  }
  #addForm #form-item div.field p {
    display: none;
  }
  #addForm #form-item .validate-btn {
    cursor: pointer;
    padding: 5px;
  }
  .lds-ring {
    display: inline-block;
    width: 200px;
    height: 200px;
    background-color: #28282A;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 1500;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 184px;
    height: 184px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff 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);
    }
  }