@charset "UTF-8";
@font-face{
  font-family:"Raleway";
  src:url("../fonts/Raleway/Raleway-Regular.eot") format("embedded-opentype"), url("../fonts/Raleway/Raleway-Regular.woff2") format("woff2"), url("../fonts/Raleway/Raleway-Regular.woff") format("woff"), url("../fonts/Raleway/Raleway-Regular.ttf") format("truetype"), url("../fonts/Raleway/Raleway-Regular.svg") format("svg");
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Raleway";
  src:url("../fonts/Raleway/Raleway-Medium.eot") format("embedded-opentype"), url("../fonts/Raleway/Raleway-Medium.woff2") format("woff2"), url("../fonts/Raleway/Raleway-Medium.woff") format("woff"), url("../fonts/Raleway/Raleway-Medium.ttf") format("truetype"), url("../fonts/Raleway/Raleway-Medium.svg") format("svg");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Raleway";
  src:url("../fonts/Raleway/Raleway-Bold.eot") format("embedded-opentype"), url("../fonts/Raleway/Raleway-Bold.woff2") format("woff2"), url("../fonts/Raleway/Raleway-Bold.woff") format("woff"), url("../fonts/Raleway/Raleway-Bold.ttf") format("truetype"), url("../fonts/Raleway/Raleway-Bold.svg") format("svg");
  font-weight:bold;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Raleway";
  src:url("../fonts/Raleway/Raleway-ExtraBold.eot") format("embedded-opentype"), url("../fonts/Raleway/Raleway-ExtraBold.woff2") format("woff2"), url("../fonts/Raleway/Raleway-ExtraBold.woff") format("woff"), url("../fonts/Raleway/Raleway-ExtraBold.ttf") format("truetype"), url("../fonts/Raleway/Raleway-ExtraBold.svg") format("svg");
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Allura";
  src:url("../fonts/Allura/Allura-Regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@-webkit-keyframes fade-in{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}
@keyframes fade-in{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}
@-webkit-keyframes fade-out{
  0%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
@keyframes fade-out{
  0%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
@-webkit-keyframes slide-up{
  0%{
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
  }
  100%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }
}
@keyframes slide-up{
  0%{
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
  }
  100%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }
}
@-webkit-keyframes slide-down{
  0%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }
  100%{
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
  }
}
@keyframes slide-down{
  0%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }
  100%{
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
  }
}
*,
*::after,
*::before{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
body,
div, section, article,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, legend,
figure, figcaption,
p, blockquote,
th, td{
  margin:0;
  padding:0;
}
img{
  width:auto;
  max-width:100%;
  height:auto;
  border-style:none;
}
a{
  background-color:transparent;
  color:inherit;
}
h1, h2, h3, h4, h5, h6{
  color:inherit;
  font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight:bold;
  line-height:1.3;
  word-wrap:break-word;
}

h1{
  font-size:3.2rem;
}

h2{
  font-size:2.4rem;
}

h3{
  font-size:2rem;
}

h4{
  font-size:1.8rem;
}

h5{
  font-size:1.6rem;
}

h6{
  font-size:1.4rem;
}
ul{
  list-style:none;
}
iframe{
  border:none;
}
table{
  width:100%;
  max-width:100%;
}
main{
  display:block;
  width:100%;
}
hr{
  -webkit-box-sizing:content-box;
          box-sizing:content-box;
  overflow:visible;
  display:block;
  height:0.1rem;
  border:0;
  border-top:0.1rem solid #ccc;
  margin:1em 0;
  padding:0;
}
audio,
canvas,
iframe,
img,
svg,
video{
  vertical-align:middle;
}
abbr[title]{
  text-decoration:none;
  border:none;
}
svg{
  display:block;
  fill:currentColor;
}
[hidden]{
  display:none;
}
template{
  display:none;
}
pre{
  font-family:monospace, monospace;
  font-size:1em;
}
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;
}
button,
input,
optgroup,
select,
textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
}

button,
input{
  overflow:visible;
}

button,
select{
  text-transform:none;
}

button,
[type=button],
[type=reset],
[type=submit]{
  -webkit-appearance:button;
}
fieldset{
  border:0;
  margin:0;
  padding:0;
}

legend{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}
textarea{
  resize:vertical;
  overflow:auto;
}
progress{
  vertical-align:baseline;
}
details{
  display:block;
}

summary{
  display:list-item;
}
[type=checkbox],
[type=radio]{
  -webkit-box-sizing:border-box;
          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;
}
a:focus,
button:focus,
input[type=submit]:focus{
  outline:0.2rem solid #222222;
  outline-offset:0.2rem;
}
.js-focus-visible :focus:not(.focus-visible){
  outline:none;
  -webkit-box-shadow:none;
          box-shadow:none;
}
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    -webkit-animation-duration:0.001s !important;
            animation-duration:0.001s !important;
    -webkit-animation-iteration-count:1 !important;
            animation-iteration-count:1 !important;
    -webkit-transition-duration:0.001s !important;
            transition-duration:0.001s !important;
    scroll-behavior:auto !important;
  }
}
@-ms-viewport{
  width:device-width;
}
.visually-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  -webkit-clip-path:inset(50%) !important;
          clip-path:inset(50%) !important;
  border:0 !important;
  white-space:nowrap !important;
}
html{
  font-size:62.5%;
  -ms-overflow-style:scrollbar;
}

body{
  font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size:1.6em;
  line-height:1.5;
  color:#222222;
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}
h1.big-title{
  font-size:4.2rem;
  margin-bottom:7rem;
}

h1{
  font-size:2.8rem;
}

h2{
  font-size:2.1rem;
}

h3{
  font-size:1.8rem;
}

h4{
  font-size:1.6rem;
}

h5{
  font-size:1.4rem;
}

h6{
  font-size:1.2rem;
}
@media all and (max-width: 61.1875em){
  h1.big-title{
    font-size:3.2rem;
    margin-bottom:3rem;
  }
  h1{
    font-size:2.4rem;
  }
  h2{
    font-size:1.8rem;
  }
  h3{
    font-size:1.6rem;
  }
  h4{
    font-size:1.4rem;
  }
  h5{
    font-size:1.3rem;
  }
  h6{
    font-size:1.1rem;
  }
}
@media all and (max-width: 35.4375em){
  h1.big-title{
    font-size:2.1rem;
  }
  h1{
    font-size:2rem;
  }
}
h1,
h2,
h3,
h4,
h5,
h6{
  color:#2f2f8b;
}
@media (prefers-reduced-motion: reduce){
  *{
    -webkit-animation:none;
            animation:none;
  }
}
noscript{
  display:block;
  padding:1rem 2rem;
  text-align:center;
  background-color:#ff3e25;
  color:#ffffff;
}
input::-webkit-input-placeholder{
  font-style:normal;
}
input::-moz-placeholder{
  font-style:normal;
}
input:-ms-input-placeholder{
  font-style:normal;
}
input::-ms-input-placeholder{
  font-style:normal;
}
input::placeholder{
  font-style:normal;
}

.show-4-print{
  display:none;
}
@media print{
  @page{
    margin-top:0.75in;
    margin-bottom:0.5in;
    margin-left:0.5in;
    margin-right:0.5in;
  }
  body{
    -webkit-print-color-adjust:exact;
  }
  *,
  *:before,
  *:after{
    background:transparent !important;
    color:#000 !important;
    -webkit-box-shadow:none !important;
            box-shadow:none !important;
    text-shadow:none !important;
  }
  a,
  a:visited{
    text-decoration:underline;
  }
  pre,
  blockquote{
    border:1px solid #999;
    page-break-inside:avoid;
  }
  thead{
    display:table-header-group;
  }
  tr,
  img{
    page-break-inside:avoid;
  }
  img{
    max-width:100% !important;
  }
  p,
  h2,
  h3{
    orphans:3;
    widows:3;
  }
  h2,
  h3{
    page-break-after:avoid;
  }
  table{
    border-collapse:collapse;
  }
  thead{
    border-bottom:0.2rem solid #e3e4ee;
  }
  thead td{
    padding:1rem 1.5rem;
    background-color:#f4f4fc !important;
    color:#2f2f8b !important;
    font-weight:bold;
  }
  thead td.modal__table__unit{
    background-color:#ffffff !important;
    color:#c5c6df !important;
  }
  tbody td{
    padding:1rem 1.5rem;
    border-bottom:0.2rem solid #e3e4ee;
    color:#2f2f8b !important;
  }
  .modal__title{
    color:#2f2f8b !important;
  }
  .modal__title__code--customer-code{
    display:inline-block !important;
    color:#2f2f8b !important;
  }
  .modal__item__company{
    color:#9394c2 !important;
  }
  .modal__item__code,
  .modal__item__message{
    color:#2f2f8b !important;
  }
  .deviant__icon{
    display:none !important;
  }
  .deviant__text,
  .changed__text{
    color:#2f2f8b !important;
  }
  h2.orders__title{
    margin-bottom:4rem;
    color:#2f2f8b !important;
  }
  .ohd__content__item__title{
    color:#9394c2 !important;
  }
  .ohd__title span,
  .ohd__content__block__title,
  .ohd__content__block__address,
  .ohd__content__block__code span,
  .ohd__overview__content__title,
  .ohd__overview__content__vrac,
  .ohd__overview__content__unit,
  .ohd__overview__content__input-number span,
  .ohd__overview__menu__content,
  .ohd__overview__title{
    color:#2f2f8b !important;
  }
  .ohd__overview__header,
  .ohd__overview__subtitle{
    background-color:#f4f4fc !important;
  }
  .ohd__overview__subtitle{
    color:#2f2f8b !important;
  }
  .ohd__overview__type__title,
  .ohd__overview__number__title,
  .ohd__overview__menu__title{
    color:#63638b !important;
  }
  .ohd__content__item{
    page-break-inside:avoid;
    border:0.1rem solid #dfdfdf;
  }
  .ohd__overview__item{
    page-break-inside:avoid;
    border:0.1rem solid #dfdfdf;
  }
  .ohd__overview__menu{
    background-color:#f4f4fc !important;
  }
  .modal__table--week tbody{
    border-top:0.2rem solid #e3e4ee;
  }
  .week__item{
    page-break-inside:avoid;
  }
  .hide-4-print{
    display:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  .show-4-print{
    display:block;
  }
  .modal,
  .ui-dialog,
  .order-submit--fixed{
    display:none;
  }
  .modal__actions,
  .ohd__back-link,
  .ohd__print-link,
  .menu-footer .button{
    display:none !important;
  }
}
.skip-link{
  position:absolute;
  width:1px;
  height:1px;
  margin:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  -webkit-clip-path:inset(50%);
          clip-path:inset(50%);
  white-space:nowrap;
  background:#222222;
  color:#ffffff;
  padding:1rem 2rem;
  font-size:1.8rem;
  line-height:1.5;
  border:0.2rem solid;
}
.skip-link:active, .skip-link:focus{
  position:static;
  width:auto;
  height:auto;
  margin:inherit;
  overflow:visible;
  clip:auto;
  -webkit-clip-path:none;
          clip-path:none;
  white-space:inherit;
}
.skip-link:active, .skip-link:focus{
  outline:none;
  position:absolute;
  top:2rem;
  left:2rem;
  z-index:505;
}
.tabs.primary,
.tabs.secondary{
  margin:0;
  padding:0;
  list-style:none;
  background-color:#283848;
  color:#fff;
  text-align:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.tabs.primary a,
.tabs.secondary a{
  display:block;
  margin:0;
  padding:1rem 1.2rem 0.8rem;
  font-size:1.4rem;
  line-height:1.2;
  text-decoration:none;
}
.tabs.primary a:hover, .tabs.primary a:focus, .tabs.primary a.active,
.tabs.secondary a:hover,
.tabs.secondary a:focus,
.tabs.secondary a.active{
  background-color:#2d2323;
}
.tabs.primary a:focus,
.tabs.secondary a:focus{
  text-decoration:underline;
  outline:0.2rem solid #fff;
  outline-offset:-0.2rem;
}
.tabs.secondary{
  background-color:#2d2323;
}
.tabs.secondary a:hover, .tabs.secondary a:focus, .tabs.secondary a.active{
  background-color:#4c4949;
}
@media print{
  .tabs.primary,
  .tabs.secondary{
    display:none;
  }
}
.toolbar-tray a{
  color:#484848;
}
.toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded{
  background-position:center right 10px;
}
@media (max-width: 976px){
  .toolbar .toolbar-bar{
    position:fixed;
  }
}
.messages{
  position:relative;
  margin:0;
  padding:1.5rem 2rem;
  font-size:1.5rem;
  font-weight:normal;
  line-height:1.5;
  word-wrap:break-word;
  overflow-wrap:break-word;
  border-left:0.5rem solid rgba(0, 0, 0, 0.2);
  background-image:none;
}
.messages .messages__list{
  list-style:none;
}
.messages .messages__item{
  margin-bottom:0.4rem;
}
.messages .messages__item:last-child{
  margin-bottom:0;
}
.messages a{
  font-style:italic;
  text-decoration:underline;
}
.messages.messages--warning{
  background:#aad86c;
  color:#2a2a2a;
}
.messages.messages--warning a:hover, .messages.messages--warning a:focus{
  color:#000;
}
.messages.messages--status{
  background:#aad86c;
  color:#2a2a2a;
}
.messages.messages--error{
  background:#c73434;
  color:#fff;
}
.messages.messages--error a:hover, .messages.messages--error a:focus{
  color:#ecff62;
}
.dialog{
  background:transparent;
  border:none;
  padding:0;
  width:50dvw;
  overflow:hidden;
  height:-webkit-max-content;
  height:-moz-max-content;
  height:max-content;
}
.dialog::-webkit-backdrop{
  background:rgba(0, 0, 0, 0.65);
  -webkit-transition:opacity 0.3s ease-in-out;
  transition:opacity 0.3s ease-in-out;
  opacity:0;
}
.dialog::backdrop{
  background:rgba(0, 0, 0, 0.65);
  -webkit-transition:opacity 0.3s ease-in-out;
  transition:opacity 0.3s ease-in-out;
  opacity:0;
}

.dialog[open]{
  -webkit-animation:slide-up 0.3s forwards ease-in-out, fade-in 0.3s forwards ease-in-out;
          animation:slide-up 0.3s forwards ease-in-out, fade-in 0.3s forwards ease-in-out;
  display:grid;
  place-items:center;
}
.dialog[open]::-webkit-backdrop{
  opacity:1;
}
.dialog[open]::backdrop{
  opacity:1;
}
.dialog[animate-closing]{
  display:block;
  pointer-events:none;
  inset:0;
  -webkit-animation:slide-down 0.3s forwards ease-in-out, fade-out 0.3s forwards ease-in-out;
          animation:slide-down 0.3s forwards ease-in-out, fade-out 0.3s forwards ease-in-out;
}
.dialog[animate-closing]::-webkit-backdrop{
  opacity:0;
}
.dialog[animate-closing]::backdrop{
  opacity:0;
}
.dialog__close{
  display:grid;
  place-items:center;
  background:transparent;
  padding:0;
  margin:0;
  width:4rem;
  height:4rem;
  border:none;
  outline:none;
  position:absolute;
  top:0;
  right:0;
  -webkit-transform:none;
      -ms-transform:none;
          transform:none;
  z-index:10;
  color:#ffffff;
  -webkit-transition:color 0.25s ease-out;
  transition:color 0.25s ease-out;
  cursor:pointer;
}
.dialog__close::before{
  content:"";
  width:1.6rem;
  height:1.6rem;
  background-color:#2f2f8b;
  -webkit-mask-image:url("../img/icon__close-rounded.svg");
          mask-image:url("../img/icon__close-rounded.svg");
  -webkit-mask-size:1.6rem 1.6rem;
          mask-size:1.6rem 1.6rem;
  -webkit-mask-position:center center;
          mask-position:center center;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
}
@media (hover: hover){
  .dialog__close::before{
    background-color:#2f2f8b;
  }
}
.dialog__body{
  position:relative;
  overflow:hidden;
  width:100%;
  max-height:80dvh;
  border-radius:0.8rem;
  -webkit-box-shadow:0 0.4rem 6.8rem rgba(0, 0, 0, 0.1);
          box-shadow:0 0.4rem 6.8rem rgba(0, 0, 0, 0.1);
  background:#ffffff;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
      -ms-flex-align:start;
          align-items:flex-start;
}
.dialog__header{
  position:relative;
  padding:2.4rem;
  border-bottom:0.1rem solid #E8E8F4;
  width:100%;
  -webkit-flex-shrink:0;
      -ms-flex-negative:0;
          flex-shrink:0;
  -webkit-box-flex:0;
  -webkit-flex-grow:0;
      -ms-flex-positive:0;
          flex-grow:0;
}
@media screen and (min-width: 960px){
  .dialog__header{
    padding:3.2rem 4rem;
  }
}
.dialog__content-wrapper{
  overflow-x:hidden;
  overflow-y:auto;
  height:100%;
  width:100%;
}
.dialog__content{
  padding:2.4rem;
}
@media screen and (min-width: 960px){
  .dialog__content{
    padding:3.2rem 4rem;
  }
}
.dialog__footer{
  padding:2.4rem;
  background-color:#FBFBFF;
}
@media screen and (min-width: 960px){
  .dialog__footer{
    padding:3.2rem 4rem;
  }
}
.dialog--video{
  width:98dvw;
  overflow:visible;
  aspect-ratio:16/9;
  height:auto;
}
@media screen and (min-width: 960px){
  .dialog--video{
    width:60dvw;
  }
}
@media screen and (min-width: 1200px){
  .dialog--video{
    width:56dvw;
  }
}
.dialog--video .dialog__close{
  top:0.4rem;
  right:0.4rem;
  background:rgba(0, 0, 0, 0.3);
  border-radius:0.4rem;
}
.dialog--video .dialog__close::before{
  background-color:#ffffff;
}
.dialog--video .dialog__body{
  background:#222222;
  padding:0 !important;
  aspect-ratio:16/9;
  max-height:none;
}
.dialog--video .video-player{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:9;
}
.text-content,
body.cke_editable{
  font-size:1.6rem;
  line-height:1.5;
}
.text-content * + *,
body.cke_editable * + *{
  margin-top:2.2rem;
}
.text-content * + li, .text-content * + dd, .text-content * + tr, .text-content * + th, .text-content * + td,
body.cke_editable * + li,
body.cke_editable * + dd,
body.cke_editable * + tr,
body.cke_editable * + th,
body.cke_editable * + td{
  margin-top:0;
}
.text-content p + p,
body.cke_editable p + p{
  margin-top:1.4rem;
}
.text-content * + h2, .text-content * + h3, .text-content * + h4, .text-content * + h5, .text-content * + h6,
body.cke_editable * + h2,
body.cke_editable * + h3,
body.cke_editable * + h4,
body.cke_editable * + h5,
body.cke_editable * + h6{
  margin-top:2.8rem;
}
.text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6,
body.cke_editable h1,
body.cke_editable h2,
body.cke_editable h3,
body.cke_editable h4,
body.cke_editable h5,
body.cke_editable h6{
  font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  line-height:1.3;
  font-weight:bold;
}
.text-content h1,
body.cke_editable h1{
  font-size:4rem;
}
.text-content h2,
body.cke_editable h2{
  font-size:2.5rem;
}
.text-content h3,
body.cke_editable h3{
  font-size:1.8rem;
}
.text-content h4,
body.cke_editable h4{
  font-size:1.4rem;
}
.text-content h5,
body.cke_editable h5{
  font-size:1.2rem;
}
.text-content h6,
body.cke_editable h6{
  font-size:1rem;
}
.text-content a,
body.cke_editable a{
  text-decoration:underline;
  word-wrap:break-word;
  word-break:break-word;
}
.text-content .paragraph-table-wrapper,
body.cke_editable .paragraph-table-wrapper{
  margin:3.2rem 0;
  overflow-x:auto;
  outline:none;
}
.text-content .paragraph-table-wrapper table,
body.cke_editable .paragraph-table-wrapper table{
  margin:0;
}
.text-content table,
body.cke_editable table{
  margin:3.2rem 0;
  border:none;
  border-collapse:collapse;
  color:inherit;
  width:100% !important;
}
.text-content table tr, .text-content table th, .text-content table thead, .text-content table tbody, .text-content table tfoot, .text-content table td,
body.cke_editable table tr,
body.cke_editable table th,
body.cke_editable table thead,
body.cke_editable table tbody,
body.cke_editable table tfoot,
body.cke_editable table td{
  border:none;
}
.text-content table tr,
body.cke_editable table tr{
  border-bottom:0.1rem solid;
}
.text-content table th, .text-content table td,
body.cke_editable table th,
body.cke_editable table td{
  padding:0.75em 0.5em;
  border:0.1rem solid;
}
.text-content table th,
body.cke_editable table th{
  font-weight:bold;
  text-align:left;
}
.text-content table caption,
body.cke_editable table caption{
  text-align:center;
  font-size:1em;
}
.text-content ul,
body.cke_editable ul{
  list-style-type:disc;
  margin:3rem 0 3rem 1rem;
  padding-left:4rem;
}
.text-content ul li ul, .text-content ul li ol,
body.cke_editable ul li ul,
body.cke_editable ul li ol{
  margin:1rem 0 1rem 1rem;
}
.text-content ol,
body.cke_editable ol{
  margin:3rem 0 3rem 1rem;
  padding-left:4rem;
}
.text-content ol li ol, .text-content ol li ul,
body.cke_editable ol li ol,
body.cke_editable ol li ul{
  margin:1rem 0 1rem 1rem;
}
.text-content blockquote,
body.cke_editable blockquote{
  position:relative;
}
.text-content blockquote p:before,
body.cke_editable blockquote p:before{
  content:open-quote;
}
.text-content blockquote p:after,
body.cke_editable blockquote p:after{
  content:close-quote;
}
.text-content hr,
body.cke_editable hr{
  width:100%;
  margin:3.2rem 0;
  border:none;
  border-bottom:0.1rem solid;
}
.text-content > *:last-child,
body.cke_editable > *:last-child{
  margin-bottom:0;
}
body.cke_editable > span:not([class]) + *{
  margin-top:0;
}
.form-item{
  margin:0 0 2.4rem 0;
  padding:0;
}
@media all and (max-width: 47.9375em){
  .form-item{
    margin:0 0 1.4rem 0;
  }
}
.form-item label{
  display:block;
  font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size:1.4rem;
  line-height:1.4;
  font-weight:500;
  margin-bottom:0.4rem;
}
@media all and (max-width: 35.4375em){
  .form-item label{
    font-size:1.3rem;
  }
}
.form-item label[id$=-error]{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  padding:1rem 2rem;
  color:#ff3e25;
  font-size:1.3rem;
  font-weight:500;
  text-transform:none;
}
.form-item .description{
  margin-top:0.4rem;
  font-size:1.4rem;
}
.vacation .form-item label[id$=-error]{
  padding:1rem 0 1rem 2rem;
}
.alert{
  margin-bottom:2rem;
  margin-top:-0.5rem;
  padding-right:2rem;
  color:#222222;
  font-size:1.2rem;
  font-weight:600;
}

.alert--danger,
.alert--error{
  color:#ff3e25;
}

.alert--success{
  position:relative;
  padding-left:2.2rem;
  color:#9adb48;
}
.alert--success::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  margin-top:-0.6rem;
  width:1.2rem;
  height:1.2rem;
  background-image:url("../img/icon__check.svg");
  background-repeat:no-repeat;
  background-size:12px 12px;
  background-position:0 0;
}
#messageContainer.error,
#messageContainer.success{
  margin-bottom:2rem;
  margin-top:-0.5rem;
  padding-right:2rem;
  font-size:1.2rem;
  font-weight:600;
}

#messageContainer.error{
  color:#ff3e25;
}

#messageContainer.success{
  position:relative;
  padding-left:2.2rem;
  color:#9adb48;
}
#messageContainer.success::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  margin-top:-0.6rem;
  width:1.2rem;
  height:1.2rem;
  background-image:url("../img/icon__check.svg");
  background-repeat:no-repeat;
  background-size:12px 12px;
  background-position:0 0;
}
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
input[type=tel],
input[type=url],
input[type=search],
textarea,
select{
  width:100%;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  outline:0;
  padding:1.4rem 2rem;
  background-color:#ffffff;
  border:0.2rem solid #dfdfdf;
  border-radius:0.5rem;
  -webkit-box-shadow:none;
          box-shadow:none;
  font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size:1.4rem;
  line-height:1.5;
  color:#222222;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus,
textarea:focus,
select:focus{
  border-color:#e3e4ee;
  -webkit-box-shadow:0 0 0 0.2rem #dfdfdf;
          box-shadow:0 0 0 0.2rem #dfdfdf;
}
input[type=text][disabled], input[type=text].disabled,
input[type=email][disabled],
input[type=email].disabled,
input[type=password][disabled],
input[type=password].disabled,
input[type=number][disabled],
input[type=number].disabled,
input[type=date][disabled],
input[type=date].disabled,
input[type=datetime-local][disabled],
input[type=datetime-local].disabled,
input[type=month][disabled],
input[type=month].disabled,
input[type=week][disabled],
input[type=week].disabled,
input[type=time][disabled],
input[type=time].disabled,
input[type=tel][disabled],
input[type=tel].disabled,
input[type=url][disabled],
input[type=url].disabled,
input[type=search][disabled],
input[type=search].disabled,
textarea[disabled],
textarea.disabled,
select[disabled],
select.disabled{
  opacity:0.2;
  pointer-events:none;
}
input[type=text][readonly],
input[type=email][readonly],
input[type=password][readonly],
input[type=number][readonly],
input[type=date][readonly],
input[type=datetime-local][readonly],
input[type=month][readonly],
input[type=week][readonly],
input[type=time][readonly],
input[type=tel][readonly],
input[type=url][readonly],
input[type=search][readonly],
textarea[readonly],
select[readonly]{
  cursor:not-allowed;
}
input[type=text].input-field--radius-large,
input[type=email].input-field--radius-large,
input[type=password].input-field--radius-large,
input[type=number].input-field--radius-large,
input[type=date].input-field--radius-large,
input[type=datetime-local].input-field--radius-large,
input[type=month].input-field--radius-large,
input[type=week].input-field--radius-large,
input[type=time].input-field--radius-large,
input[type=tel].input-field--radius-large,
input[type=url].input-field--radius-large,
input[type=search].input-field--radius-large,
textarea.input-field--radius-large,
select.input-field--radius-large{
  border-radius:2.5rem;
}
input[type=text].error,
input[type=email].error,
input[type=password].error,
input[type=number].error,
input[type=date].error,
input[type=datetime-local].error,
input[type=month].error,
input[type=week].error,
input[type=time].error,
input[type=tel].error,
input[type=url].error,
input[type=search].error,
textarea.error,
select.error{
  border-color:#ff3e25;
}
@media all and (min-width: 35.5em) and (max-width: 61.1875em){
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=number],
  input[type=date],
  input[type=datetime-local],
  input[type=month],
  input[type=week],
  input[type=time],
  input[type=tel],
  input[type=url],
  input[type=search],
  textarea,
  select{
    padding:1.2rem 2rem;
  }
}
@media all and (max-width: 35.4375em){
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=number],
  input[type=date],
  input[type=datetime-local],
  input[type=month],
  input[type=week],
  input[type=time],
  input[type=tel],
  input[type=url],
  input[type=search],
  textarea,
  select{
    padding:1rem 1.5rem;
  }
}

input::-ms-clear{
  display:none;
}
label.error{
  color:#ff3e25;
  padding:0 0 0 2rem;
  font-size:1.3rem;
  font-weight:500;
  text-transform:none;
}
input[type=date]{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button{
  display:none;
}

input[type=date],
.hasDatepicker,
.datepick{
  background-image:url("../img/icon__cal--purple.svg");
  background-repeat:no-repeat;
  background-size:15px auto;
  background-position:right 20px center;
}
input[type=date]:focus,
.hasDatepicker:focus,
.datepick:focus{
  background-image:url("../img/icon__cal--yellow.svg");
}
input[type=date][readonly]:focus,
.hasDatepicker[readonly]:focus,
.datepick[readonly]:focus{
  background-image:url("../img/icon__cal--purple.svg");
}
input[type=date][readonly],
.hasDatepicker[readonly],
.datepick[readonly]{
  opacity:0.6;
  pointer-events:none;
}

.ui-datepicker{
  padding:1rem;
  background-color:#ffffff;
  border-radius:0.5rem;
  -webkit-box-shadow:0 0.2rem 0.3rem 0 #7a7a7a;
          box-shadow:0 0.2rem 0.3rem 0 #7a7a7a;
}
@media all and (max-width: 35.4375em){
  .ui-datepicker{
    overflow-x:auto;
    min-width:25rem;
  }
}

.ui-datepicker-header{
  margin-bottom:1rem;
}

.ui-datepicker-inline{
  position:relative;
}

.ui-datepicker-title{
  margin-top:0.2rem;
  padding-right:2.5rem;
  padding-left:2.5rem;
  color:#2f2f8b;
  font-size:1.6rem;
  font-weight:900;
  text-align:center;
}

.ui-datepicker-prev,
.ui-datepicker-next{
  display:block;
  width:2.3rem;
  height:2.3rem;
  position:absolute;
  top:1.1rem;
  background-color:#eeeef3;
  background-repeat:no-repeat;
  background-size:5px 8px;
  background-position:center center;
  border-radius:50%;
  cursor:pointer;
  -webkit-transition:background-color 0.2s ease;
  transition:background-color 0.2s ease;
}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon{
  display:none;
}
.ui-datepicker-prev:hover, .ui-datepicker-prev:focus,
.ui-datepicker-next:hover,
.ui-datepicker-next:focus{
  background-color:#dfdfdf;
}

.ui-datepicker-prev{
  left:1rem;
  background-image:url("../img/icon__prev.svg");
}

.ui-datepicker-next{
  right:1rem;
  background-image:url("../img/icon__next.svg");
}

.ui-datepicker-calendar{
  border-collapse:collapse;
}
.ui-datepicker-calendar th{
  padding-bottom:0.75rem;
  border-bottom:0.1rem solid rgba(122, 122, 122, 0.1);
  color:#7a7a7a;
  font-size:1rem;
  font-weight:500;
  text-transform:uppercase;
}
.ui-datepicker-calendar td{
  padding:0.2rem;
  color:#c0c0dc;
  font-size:1.3rem;
  font-weight:500;
  text-align:center;
}
.ui-datepicker-calendar td span, .ui-datepicker-calendar td a{
  display:inline-block;
  width:2.6rem;
  height:2.6rem;
  padding-top:0.1rem;
  border:0.2rem solid #ffffff;
  background-color:#ffffff;
  border-radius:50%;
  text-decoration:none;
  -webkit-transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.ui-datepicker-calendar td a{
  color:#222222;
}
.ui-datepicker-calendar td a:hover, .ui-datepicker-calendar td a:focus{
  background-color:#9394c2;
  color:#ffffff;
}
.ui-datepicker-calendar td.ui-datepicker-unselectable, .ui-datepicker-calendar td.ui-state-disabled{
  opacity:0.3;
  cursor:not-allowed;
  pointer-events:none;
}
textarea{
  resize:vertical;
  min-height:16rem;
  vertical-align:top;
}
select{
  background-image:url("../img/icon__select.svg");
  background-repeat:no-repeat;
  background-size:10px auto;
  background-position:right 20px center;
  padding-right:3.6rem;
}

select[readonly] + .ui-multiselect{
  opacity:0.6;
  pointer-events:none;
}

.ui-multiselect-menu{
  display:none;
}

.ui-multiselect-header .ui-helper-reset{
  display:none;
}

.ui-multiselect{
  width:100%;
  max-width:100%;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  outline:0;
  padding:1.4rem 3.6rem 1.4rem 2rem;
  background-color:#ffffff;
  background-image:url("../img/icon__select.svg");
  background-repeat:no-repeat;
  background-size:10px auto;
  background-position:right 20px center;
  border:0.2rem solid #dfdfdf;
  border-radius:0.5rem;
  -webkit-box-shadow:none;
          box-shadow:none;
  font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size:1.4rem;
  line-height:1.5;
  color:#222222;
  text-align:left;
}
.ui-multiselect:focus{
  border-color:#e3e4ee;
  outline:0.2rem solid #222222;
  outline-offset:0.2rem;
}
.ui-multiselect[disabled], .ui-multiselect.disabled{
  opacity:0.3;
  pointer-events:none;
}
.ui-multiselect span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.vacation__content__item .ui-multiselect{
  min-width:100%;
}

.ui-multiselect-checkboxes{
  position:absolute;
  top:0;
  right:0;
  left:0;
  padding:1rem;
  background-color:#ffffff;
  border-radius:0.5rem;
  -webkit-box-shadow:0 0.2rem 0.3rem 0 #7a7a7a;
          box-shadow:0 0.2rem 0.3rem 0 #7a7a7a;
}
.ui-multiselect-checkboxes li{
  clear:both;
  display:block;
  margin-bottom:1rem;
}
.ui-multiselect-checkboxes li:last-child{
  margin-bottom:0;
}
.ui-multiselect-checkboxes input{
  display:none;
}
.ui-multiselect-checkboxes input:focus + span::before{
  border-color:#2f2f8b;
}
.ui-multiselect-checkboxes input:checked + span::before{
  background-color:#2f2f8b;
  border-color:#2f2f8b;
}
.ui-multiselect-checkboxes input:checked + span::after{
  display:block;
}
.ui-multiselect-checkboxes span{
  position:relative;
  display:block;
  font-size:1.4rem;
  font-weight:500;
  line-height:1.8;
  cursor:pointer;
}
.ui-multiselect-checkboxes span::before{
  content:"";
  display:block;
  float:left;
  width:2.5rem;
  height:2.5rem;
  margin-right:1rem;
  border:0.2rem solid #cecece;
  border-radius:0.35rem;
}
.ui-multiselect-checkboxes span::after{
  content:"";
  display:none;
  width:2.5rem;
  height:2.5rem;
  position:absolute;
  top:0;
  left:0;
  background-image:url("../img/icon__checkbox.svg");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:16px auto;
}
select::-ms-expand{
  display:none;
}
::-webkit-input-placeholder{
  color:#dfdfdf;
  opacity:1;
  font-style:italic;
}

::-moz-placeholder{
  color:#dfdfdf;
  opacity:1;
  font-style:italic;
}

:-ms-input-placeholder{
  color:#dfdfdf;
  opacity:1;
  font-style:italic;
}

:-moz-placeholder{
  color:#dfdfdf;
  opacity:1;
  font-style:italic;
}
.form-type-checkbox,
.order-item__checkbox{
  position:relative;
  min-height:3rem;
}
.form-type-checkbox > input,
.order-item__checkbox > input{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  opacity:0;
  position:absolute;
  top:50%;
  margin-top:-1.5rem;
  left:0;
  width:3rem;
  height:3rem;
  border:none;
  background:transparent;
}
.form-type-checkbox > label,
.order-item__checkbox > label{
  position:relative;
  display:inline-block;
  margin:0;
  font-size:1.4rem;
  font-weight:500;
  line-height:1.8;
  cursor:pointer;
}
.form-type-checkbox > label::before,
.order-item__checkbox > label::before{
  content:"";
  display:block;
  float:left;
  width:2.5rem;
  height:2.5rem;
  margin-right:1rem;
  border:0.2rem solid #cecece;
  background-color:#ffffff;
  border-radius:0.35rem;
}
.form-type-checkbox > label::after,
.order-item__checkbox > label::after{
  content:"";
  display:none;
  width:2.5rem;
  height:2.5rem;
  position:absolute;
  top:0;
  left:0;
  background-image:url("../img/icon__checkbox.svg");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:16px auto;
}
.form-type-checkbox > label a,
.order-item__checkbox > label a{
  text-decoration:underline;
}
.form-type-checkbox > input:focus + label::before,
.order-item__checkbox > input:focus + label::before{
  border-color:#2f2f8b;
}
.form-type-checkbox > input:checked + label::before,
.order-item__checkbox > input:checked + label::before{
  background-color:#2f2f8b;
  border-color:#2f2f8b;
}
.form-type-checkbox > input:checked + label::after,
.order-item__checkbox > input:checked + label::after{
  display:block;
}
.form-type-radio{
  position:relative;
  min-height:3rem;
}
.form-type-radio > input{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  opacity:0;
  position:absolute;
  top:50%;
  margin-top:-1.5rem;
  left:0;
  width:3rem;
  height:3rem;
  background:transparent;
  border:none;
}
.form-type-radio > label{
  display:inline-block;
  position:relative;
  margin:0;
  padding-left:4.5rem;
  cursor:pointer;
}
.form-type-radio > label:before, .form-type-radio > label:after{
  content:"";
  display:block;
  position:absolute;
}
.form-type-radio > label:before{
  top:50%;
  margin-top:-1.5rem;
  left:0;
  width:3rem;
  height:3rem;
  border:0.2rem solid #c9c9c9;
  border-radius:50%;
  background-color:#f9f2f2;
  -webkit-transition:border-color 0.2s ease;
  transition:border-color 0.2s ease;
}
.form-type-radio > label:after{
  width:0;
  height:0;
  top:50%;
  margin-top:-0.8rem;
  left:0.7rem;
  border:0.8rem solid currentColor;
  opacity:0;
  visibility:hidden;
  border-radius:50%;
  -webkit-transition:opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
  transition:opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
  transition:opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  transition:opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform:scale(0.7);
      -ms-transform:scale(0.7);
          transform:scale(0.7);
}
.form-type-radio > label a{
  text-decoration:underline;
}
.form-type-radio > input:focus + label:before{
  border-color:#222222;
}
.form-type-radio > input:focus + label:after{
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
      -ms-transform:scale(1);
          transform:scale(1);
}
.form-type-radio > input:checked + label:after{
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
      -ms-transform:scale(1);
          transform:scale(1);
}
.btn{
  position:relative;
  display:inline-block;
  max-width:100%;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background:transparent;
  border:none;
  border-radius:0;
  font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  white-space:normal;
  text-decoration:none;
  text-align:inherit;
  color:inherit;
  margin:0;
  padding:0;
  cursor:pointer;
  max-width:100%;
  margin-bottom:2.4rem;
  padding:1.4rem 5rem;
  background-color:#f8b000;
  border:0.2rem solid #f8b000;
  border-radius:2.45rem;
  color:#ffffff;
  font-size:1.3rem;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-transition:background-color 0.2s ease, border-color 0.2s ease;
  transition:background-color 0.2s ease, border-color 0.2s ease;
}
.btn:disabled, .btn.disabled{
  opacity:0.2;
  pointer-events:none;
}
.btn:hover, .btn:focus{
  background-color:#d39500;
  border-color:#d39500;
}
@media all and (min-width: 35.5em) and (max-width: 61.1875em){
  .btn{
    padding:1.2rem 2rem;
  }
}
@media all and (max-width: 35.4375em){
  .btn{
    padding:1rem 2rem;
  }
}
.btn.btn--full{
  width:100%;
}
.btn.btn--radius-large{
  border-radius:2.5rem;
}

.btn-link{
  display:inline-block;
  color:#f8b000;
  background-color:transparent;
  border:none;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}
.btn-link:hover, .btn-link:focus{
  color:#d39500;
}
.btn-link:disabled, .btn-link.disabled{
  opacity:0.2;
  pointer-events:none;
}
@media all and (max-width: 61.1875em){
  .btn-link{
    font-size:1.2rem;
  }
}

.ui-dialog-buttonset .ui-button{
  position:relative;
  display:inline-block;
  max-width:100%;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background:transparent;
  border:none;
  border-radius:0;
  font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  white-space:normal;
  text-decoration:none;
  text-align:inherit;
  color:inherit;
  margin:0;
  padding:0;
  cursor:pointer;
  max-width:100%;
  margin-bottom:2.4rem;
  padding:1.4rem 5rem;
  background-color:#f8b000;
  border:0.2rem solid #f8b000;
  border-radius:2.45rem;
  color:#ffffff;
  font-size:1.3rem;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-transition:background-color 0.2s ease, border-color 0.2s ease;
  transition:background-color 0.2s ease, border-color 0.2s ease;
  margin-bottom:0;
}
.ui-dialog-buttonset .ui-button:disabled, .ui-dialog-buttonset .ui-button.disabled{
  opacity:0.2;
  pointer-events:none;
}
.ui-dialog-buttonset .ui-button:hover, .ui-dialog-buttonset .ui-button:focus{
  background-color:#d39500;
  border-color:#d39500;
}
@media all and (min-width: 35.5em) and (max-width: 61.1875em){
  .ui-dialog-buttonset .ui-button{
    padding:1.2rem 2rem;
  }
}
@media all and (max-width: 35.4375em){
  .ui-dialog-buttonset .ui-button{
    padding:1rem 2rem;
  }
}
.ui-dialog-buttonset .ui-button + .ui-button{
  display:inline-block;
  color:#f8b000;
  background-color:transparent;
  border:none;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}
.ui-dialog-buttonset .ui-button + .ui-button:hover, .ui-dialog-buttonset .ui-button + .ui-button:focus{
  color:#d39500;
}
.ui-dialog-buttonset .ui-button + .ui-button:disabled, .ui-dialog-buttonset .ui-button + .ui-button.disabled{
  opacity:0.2;
  pointer-events:none;
}
@media all and (max-width: 61.1875em){
  .ui-dialog-buttonset .ui-button + .ui-button{
    font-size:1.2rem;
  }
}
.number-spinner__button{
  position:relative;
  width:3.1rem;
  height:3.1rem;
  color:#63638b;
  background-color:#f4f4fc;
  border:none;
  border-radius:50%;
  vertical-align:middle;
  cursor:pointer;
  -webkit-transition:background-color 0.2s ease;
  transition:background-color 0.2s ease;
}
.number-spinner__button svg{
  position:absolute;
  left:0.9rem;
  top:1.5rem;
}
.number-spinner__button:hover, .number-spinner__button:focus{
  background-color:#e0e0f7;
}
.number-spinner__button:disabled{
  opacity:0.2;
  pointer-events:none;
}
.number-spinner__button[data-action=minus]{
  margin-left:1rem;
}
@media all and (max-width: 35.4375em){
  .number-spinner__button[data-action=minus]{
    margin-left:0;
  }
}
.number-spinner__button[data-action=plus]{
  margin-right:1rem;
}
.number-spinner__button[data-action=plus] svg{
  top:0.9rem;
}
@media all and (max-width: 35.4375em){
  .number-spinner__button[data-action=plus]{
    margin-right:0;
  }
}
.header{
  position:relative;
  z-index:100;
  background-color:#ffffff;
  border-bottom:0.1rem solid #dfdfdf;
}
.header__inner{
  max-width:100%;
  padding-left:5.5rem;
  padding-right:3.5rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
}
@media all and (max-width: 61.1875em){
  .header__inner{
    padding-right:0;
    padding-left:0;
  }
}

.login-page .header__inner{
  width:100%;
  max-width:142rem;
  margin-left:auto;
  margin-right:auto;
}
@media all and (max-width: 61.1875em){
  .login-page .header__inner{
    padding-right:0;
    padding-left:0;
  }
}
@media all and (max-width: 61.1875em){
  .header__logo{
    border-bottom:0.1rem solid #dfdfdf;
  }
}

.header__logo,
.header__navigation{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}
@media all and (max-width: 61.1875em){
  .header__logo,
  .header__navigation{
    padding-right:2rem;
    padding-left:2rem;
    width:100%;
    text-align:center;
  }
}

.header__navigation{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
}
@media all and (max-width: 61.1875em){
  .header__navigation{
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    padding-top:0.8rem;
    padding-bottom:0.8rem;
  }
}

.responsive-menu,
.language,
.customer-code,
.account{
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
}
@media all and (max-width: 29.9375em){
  .responsive-menu,
  .language,
  .customer-code,
  .account{
    -webkit-box-flex:1;
    -webkit-flex:1 1 49%;
        -ms-flex:1 1 49%;
            flex:1 1 49%;
  }
}
.logo{
  margin-right:2rem;
}
@media all and (max-width: 61.1875em){
  .logo{
    margin-right:0;
  }
}

.logo__link{
  display:inline-block;
  padding:1.5rem 0;
}
@media all and (min-width: 35.5em) and (max-width: 61.1875em){
  .logo__link{
    padding:1rem 0;
  }
}
@media all and (max-width: 35.4375em){
  .logo__link{
    padding:0.5rem 0;
  }
}

.logo__link__image{
  max-width:100%;
  width:18.5rem;
  max-height:5.5rem;
  height:auto;
}
.language{
  position:relative;
}
.language.is-open .language__button__icon-arrow{
  -webkit-transform:rotate(-180deg);
      -ms-transform:rotate(-180deg);
          transform:rotate(-180deg);
}
.language.is-open .language__wrapper{
  z-index:3000;
  visibility:visible;
  opacity:1;
  -webkit-transform:translateY(0);
      -ms-transform:translateY(0);
          transform:translateY(0);
}
@media all and (max-width: 61.1875em){
  .language.is-open .language__wrapper{
    -webkit-transform:translate(50%, 0);
        -ms-transform:translate(50%, 0);
            transform:translate(50%, 0);
  }
}
@media all and (max-width: 61.1875em){
  .language{
    border-left:0.1rem solid #dfdfdf;
  }
}
@media all and (max-width: 29.9375em){
  .language{
    border-bottom:0.1rem solid #dfdfdf;
  }
}

.language__button{
  height:100%;
  padding:1.5rem 2.5rem;
  background-color:#ffffff;
  border:none;
  cursor:pointer;
}
@media all and (min-width: 30em) and (max-width: 61.1875em){
  .language__button{
    padding:1.5rem 1rem;
  }
}
@media all and (max-width: 29.9375em){
  .language__button{
    padding:1rem;
  }
}
.language__button:hover .language__button__text, .language__button:focus .language__button__text{
  color:#f8b000;
  text-decoration:underline;
}
.language__button:hover .language__button__icon-arrow path, .language__button:focus .language__button__icon-arrow path{
  fill:#f8b000;
}

.language__button__text{
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:bold;
}
@media all and (max-width: 47.9375em){
  .language__button__text{
    font-size:1.4rem;
  }
}

.language__button__icon-arrow{
  display:inline-block;
  margin-left:1rem;
  -webkit-transition:-webkit-transform 0.2s ease;
  transition:-webkit-transform 0.2s ease;
  transition:transform 0.2s ease;
  transition:transform 0.2s ease, -webkit-transform 0.2s ease;
}
@media all and (max-width: 61.1875em){
  .language__button__text--long{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    -webkit-clip-path:inset(50%) !important;
            clip-path:inset(50%) !important;
    border:0 !important;
    white-space:nowrap !important;
  }
}
@media all and (min-width: 61.25em){
  .language__button__text--short{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    -webkit-clip-path:inset(50%) !important;
            clip-path:inset(50%) !important;
    border:0 !important;
    white-space:nowrap !important;
  }
}

.language__wrapper{
  position:absolute;
  z-index:-1;
  right:0.3rem;
  top:7.5rem;
  visibility:hidden;
  opacity:0;
  -webkit-transition:visibility 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition:visibility 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition:transform 0.2s ease, visibility 0.2s ease, opacity 0.2s ease;
  transition:transform 0.2s ease, visibility 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform:translateY(-1rem);
      -ms-transform:translateY(-1rem);
          transform:translateY(-1rem);
}
@media all and (max-width: 61.1875em){
  .language__wrapper{
    right:50%;
    top:5.5rem;
    -webkit-transform:translate(50%, -1rem);
        -ms-transform:translate(50%, -1rem);
            transform:translate(50%, -1rem);
  }
}
@media all and (max-width: 29.9375em){
  .language__wrapper{
    top:4.5rem;
  }
}

.language__list{
  position:relative;
  min-width:13rem;
  padding:1.5rem 1rem;
  background-color:#e3e4ee;
  border-radius:0.5rem;
}
@media all and (max-width: 61.1875em){
  .language__list{
    min-width:5rem;
  }
}
.language__list::before{
  content:"";
  position:absolute;
  top:-0.8rem;
  right:2rem;
  border-bottom:0.8rem solid #e3e4ee;
  border-right:0.6rem solid transparent;
  border-left:0.6rem solid transparent;
}
@media all and (max-width: 61.1875em){
  .language__list::before{
    right:50%;
    -webkit-transform:translateX(50%);
        -ms-transform:translateX(50%);
            transform:translateX(50%);
  }
}

.language__item{
  padding:0 0.5rem 0.5rem 0.5rem;
  text-align:left;
}
.language__item:last-child{
  padding:0 0.5rem;
}

.language__link{
  padding:0.5rem 0 0 0;
  color:#2f2f8b;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:none;
}
.language__link:hover, .language__link:focus{
  text-decoration:underline;
}
@media all and (max-width: 61.1875em){
  .language__link__text--long{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    -webkit-clip-path:inset(50%) !important;
            clip-path:inset(50%) !important;
    border:0 !important;
    white-space:nowrap !important;
  }
}
@media all and (min-width: 61.25em){
  .language__link__text--short{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    -webkit-clip-path:inset(50%) !important;
            clip-path:inset(50%) !important;
    border:0 !important;
    white-space:nowrap !important;
  }
}
@media all and (max-width: 61.1875em){
  .loggedin .responsive-menu{
    display:block;
  }
}
@media all and (max-width: 29.9375em){
  .loggedin .responsive-menu{
    border-bottom:0.1rem solid #dfdfdf;
  }
}

.responsive-menu{
  display:none;
}

.responsive-menu__button{
  height:100%;
  padding:2rem 2.5rem;
  background-color:transparent;
  border:none;
  cursor:pointer;
}
@media all and (min-width: 30em) and (max-width: 61.1875em){
  .responsive-menu__button{
    padding:2rem;
  }
}
@media all and (max-width: 29.9375em){
  .responsive-menu__button{
    padding:1.5rem 1rem;
  }
}
.responsive-menu__button:hover .responsive-menu__button__icon path,
.responsive-menu__button:hover .responsive-menu__button__close path, .responsive-menu__button:focus .responsive-menu__button__icon path,
.responsive-menu__button:focus .responsive-menu__button__close path{
  fill:#f8b000;
}

.responsive-menu__button__close{
  display:none;
}

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

.responsive-menu-open .responsive-menu__button__icon{
  display:none;
}
.responsive-menu-open .responsive-menu__button__close{
  display:block;
}
.customer-code{
  border-left:0.1rem solid #dfdfdf;
}
@media all and (max-width: 29.9375em){
  .customer-code{
    border-left:0;
  }
}

.customer-code__link{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  height:100%;
  padding:1.5rem 2.5rem;
  text-decoration:none;
}
@media all and (min-width: 35.5em) and (max-width: 61.1875em){
  .customer-code__link{
    padding:1.5rem 1rem;
  }
}
@media all and (max-width: 29.9375em){
  .customer-code__link{
    padding:1rem;
  }
}
.customer-code__link:hover .customer-code__text, .customer-code__link:focus .customer-code__text{
  color:#f8b000;
  text-decoration:underline;
}

.customer-code__icon{
  display:inline-block;
  margin-right:1.2rem;
}

.customer-code__text{
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:bold;
  -webkit-transition:color 0.1s ease;
  transition:color 0.1s ease;
}
@media all and (max-width: 47.9375em){
  .customer-code__text{
    font-size:1.4rem;
  }
}
.account{
  position:relative;
  border-left:0.1rem solid #dfdfdf;
}
.account.is-open .account__button__icon-arrow{
  -webkit-transform:rotate(-180deg);
      -ms-transform:rotate(-180deg);
          transform:rotate(-180deg);
}
.account.is-open .account__wrapper{
  z-index:3000;
  visibility:visible;
  opacity:1;
  -webkit-transform:translateY(0);
      -ms-transform:translateY(0);
          transform:translateY(0);
}
@media all and (max-width: 61.1875em){
  .account.is-open .account__wrapper{
    -webkit-transform:translate(50%, 0);
        -ms-transform:translate(50%, 0);
            transform:translate(50%, 0);
  }
}

.account__button{
  height:100%;
  padding:1.5rem 2.5rem;
  background-color:#ffffff;
  border:none;
  cursor:pointer;
}
@media all and (min-width: 30em) and (max-width: 61.1875em){
  .account__button{
    padding:1.5rem 1rem;
  }
}
@media all and (max-width: 29.9375em){
  .account__button{
    padding:1rem;
  }
}
.account__button:hover .account__button__text, .account__button:focus .account__button__text{
  color:#f8b000;
  text-decoration:underline;
}
.account__button:hover .account__button__icon-arrow path, .account__button:focus .account__button__icon-arrow path{
  fill:#f8b000;
}

.account__button__icon{
  display:inline-block;
  margin-right:1.2rem;
}

.account__button__text{
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:bold;
  -webkit-transition:color 0.1s ease;
  transition:color 0.1s ease;
}
@media all and (max-width: 47.9375em){
  .account__button__text{
    font-size:1.4rem;
  }
}

.account__button__icon-arrow{
  display:inline-block;
  margin-left:1rem;
  -webkit-transition:fill 0.1s ease, -webkit-transform 0.2s ease;
  transition:fill 0.1s ease, -webkit-transform 0.2s ease;
  transition:transform 0.2s ease, fill 0.1s ease;
  transition:transform 0.2s ease, fill 0.1s ease, -webkit-transform 0.2s ease;
}

.account__wrapper{
  position:absolute;
  z-index:-1;
  right:0.3rem;
  top:7.5rem;
  visibility:hidden;
  opacity:0;
  -webkit-transition:visibility 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition:visibility 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition:transform 0.2s ease, visibility 0.2s ease, opacity 0.2s ease;
  transition:transform 0.2s ease, visibility 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform:translateY(-1rem);
      -ms-transform:translateY(-1rem);
          transform:translateY(-1rem);
}
@media all and (max-width: 61.1875em){
  .account__wrapper{
    right:50%;
    top:5.5rem;
    -webkit-transform:translate(50%, -1rem);
        -ms-transform:translate(50%, -1rem);
            transform:translate(50%, -1rem);
  }
}
@media all and (max-width: 29.9375em){
  .account__wrapper{
    top:4.5rem;
  }
}

.account__list{
  position:relative;
  min-width:13rem;
  padding:1.5rem 1rem;
  background-color:#e3e4ee;
  border-radius:0.5rem;
}
.account__list::before{
  content:"";
  position:absolute;
  top:-0.8rem;
  right:2rem;
  border-bottom:0.8rem solid #e3e4ee;
  border-right:0.6rem solid transparent;
  border-left:0.6rem solid transparent;
}
@media all and (max-width: 61.1875em){
  .account__list::before{
    right:50%;
    -webkit-transform:translateX(50%);
        -ms-transform:translateX(50%);
            transform:translateX(50%);
  }
}

.account__item{
  padding:0 0.5rem 0.5rem 0.5rem;
  text-align:left;
}
.account__item:last-child{
  padding:0 0.5rem;
}

.account__link{
  padding:0.5rem 0 0 0;
  color:#2f2f8b;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:none;
}
.account__link:hover, .account__link:focus{
  text-decoration:underline;
}

.account__link--logout{
  color:#9394c2;
}

.print{
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
}

.print__button{
  height:100%;
  padding:1.5rem 2.5rem;
  background-color:#ffffff;
  background-image:url("../img/icon__print.svg");
  background-repeat:no-repeat;
  background-position:center center;
  border:none;
  cursor:pointer;
}

.name{
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  margin-right:1.4rem;
}

.name__label{
  background-color:rgba(47, 47, 139, 0.05);
  background-image:url("../img/icon__building.svg");
  background-repeat:no-repeat;
  background-position:left 1.4rem center;
  padding:0.6rem 1.4rem 0.6rem 4.2rem;
  color:#2f2f8b;
  font-weight:600;
  border:0.1rem solid #2f2f8b;
  border-radius:2rem;
}
.pagination__wrapper{
  background:#ffffff;
  padding-top:3.2rem;
  padding-bottom:3.2rem;
}

.pagination{
  list-style:none;
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
  -webkit-justify-content:space-around;
      -ms-flex-pack:distribute;
          justify-content:space-around;
  border:0.1rem solid #E8E8F4;
  background:#E8E8F4;
  gap:0.1rem;
  overflow:hidden;
  border-radius:2.4rem;
}
.pagination li{
  background:#FBFBFF;
  width:100%;
  text-align:center;
  font-size:1.6rem;
  line-height:1.8rem;
  font-weight:700;
  -webkit-box-pack:stretch;
  -webkit-justify-content:stretch;
      -ms-flex-pack:stretch;
          justify-content:stretch;
}
.pagination li.pagination__month{
  color:#2f2f8b;
  padding:1.6rem 2.4rem;
}
@media screen and (min-width: 768px){
  .pagination li.pagination__month{
    padding:1.6rem 0.8rem;
  }
}
.pagination li a,
.pagination li span{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  position:relative;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  gap:0.8rem;
  text-decoration:none;
  color:#2f2f8b;
  width:100%;
  text-align:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
@media screen and (min-width: 768px){
  .pagination li a,
  .pagination li span{
    padding:1.6rem 2.4rem 1.6rem 4.8rem;
  }
}
.pagination li.pagination__previous, .pagination li.pagination__next{
  font-size:0;
  width:4rem;
}
.pagination li.pagination__previous a,
.pagination li.pagination__previous span, .pagination li.pagination__next a,
.pagination li.pagination__next span{
  height:100%;
  -webkit-flex-shrink:0;
      -ms-flex-negative:0;
          flex-shrink:0;
  -webkit-box-flex:1;
  -webkit-flex-grow:1;
      -ms-flex-positive:1;
          flex-grow:1;
}
.pagination li.pagination__previous a::before,
.pagination li.pagination__previous span::before, .pagination li.pagination__next a::before,
.pagination li.pagination__next span::before{
  content:"";
  -webkit-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
  -webkit-flex-shrink:0;
      -ms-flex-negative:0;
          flex-shrink:0;
  -webkit-box-flex:0;
  -webkit-flex-grow:0;
      -ms-flex-positive:0;
          flex-grow:0;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  width:1.6rem;
  height:1.6rem;
  background-color:#2f2f8b;
  -webkit-mask-image:url("../img/icon__arrow-left.svg");
          mask-image:url("../img/icon__arrow-left.svg");
  -webkit-mask-size:1.6rem 1.6rem;
          mask-size:1.6rem 1.6rem;
  -webkit-mask-position:center center;
          mask-position:center center;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
}
.pagination li.pagination__previous a:hover::before,
.pagination li.pagination__previous span:hover::before, .pagination li.pagination__next a:hover::before,
.pagination li.pagination__next span:hover::before{
  -webkit-transform:translateY(-50%) translateX(-0.4rem);
      -ms-transform:translateY(-50%) translateX(-0.4rem);
          transform:translateY(-50%) translateX(-0.4rem);
}
@media screen and (min-width: 768px){
  .pagination li.pagination__previous, .pagination li.pagination__next{
    font-size:1.6rem;
    width:100%;
  }
}
.pagination li.pagination__previous a::before,
.pagination li.pagination__previous span::before{
  left:1.2rem;
}
@media screen and (min-width: 768px){
  .pagination li.pagination__previous a::before,
  .pagination li.pagination__previous span::before{
    left:2.4rem;
  }
}
.pagination li.pagination__next a::before,
.pagination li.pagination__next span::before{
  -webkit-mask-image:url("../img/icon__arrow-right.svg");
          mask-image:url("../img/icon__arrow-right.svg");
  right:1.2rem;
}
@media screen and (min-width: 768px){
  .pagination li.pagination__next a::before,
  .pagination li.pagination__next span::before{
    right:2.4rem;
  }
}
.pagination li.pagination__next a:hover::before,
.pagination li.pagination__next span:hover::before{
  -webkit-transform:translateY(-50%) translateX(0.4rem);
      -ms-transform:translateY(-50%) translateX(0.4rem);
          transform:translateY(-50%) translateX(0.4rem);
}
@media screen and (min-width: 768px){
  .pagination li.pagination__next a,
  .pagination li.pagination__next span{
    padding-left:2.4rem;
    padding-right:4.8rem;
  }
}
.pagination li:has(span.pagination__disabled) span{
  color:#dfdfdf;
}
.pagination li:has(span.pagination__disabled) span::before{
  -webkit-transform:translateY(-50%) !important;
      -ms-transform:translateY(-50%) !important;
          transform:translateY(-50%) !important;
  background-color:#dfdfdf;
}
.navigation{
  padding:5rem 3rem;
  background-color:#20205A;
  color:#ffffff;
}
@media all and (min-width: 35.5em) and (max-width: 61.1875em){
  .navigation{
    padding:2.5rem 2rem;
  }
}
@media all and (max-width: 35.4375em){
  .navigation{
    padding:2.5rem 2rem;
  }
}
@media all and (min-width: 61.25em){
  .navigation-fixed .navigation{
    overflow-y:auto;
    max-height:100vh;
  }
}
.navigation__title{
  margin-bottom:1rem;
  margin-left:2.5rem;
  color:#63638b;
  font-size:1.2rem;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0.12rem;
}
@media all and (max-width: 61.1875em){
  .navigation__title{
    margin-left:1.5rem;
  }
}
.navigation__menu{
  margin-bottom:8rem;
}
@media all and (max-width: 61.1875em){
  .navigation__menu{
    margin-bottom:6rem;
  }
}

.menu__item{
  margin-bottom:2rem;
}
.menu__item:last-child{
  margin-bottom:0;
}
@media all and (max-width: 61.1875em){
  .menu__item{
    margin-bottom:1.5rem;
  }
}

.menu__link{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  padding:1rem 2.5rem;
  font-size:1.5rem;
  font-weight:500;
  border:0.2rem solid transparent;
  border-radius:2.5rem;
  text-decoration:none;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}
@media all and (max-width: 61.1875em){
  .menu__link{
    padding:1rem 1.5rem;
    font-size:1.3rem;
  }
}
.menu__link.active{
  border-color:#2f2f8b;
  background-color:#ffffff;
  color:#2f2f8b;
  font-weight:bold;
}
.menu__link.active .menu__link__text{
  opacity:1;
}
.menu__link:hover, .menu__link:focus{
  color:#f8b000;
}
.menu__link:hover .menu__link__text, .menu__link:focus .menu__link__text{
  opacity:1;
}

.menu__link__icon{
  -webkit-box-flex:0;
  -webkit-flex:0 1 2rem;
      -ms-flex:0 1 2rem;
          flex:0 1 2rem;
  margin-right:2rem;
}
@media all and (max-width: 61.1875em){
  .menu__link__icon{
    margin-right:1.5rem;
  }
}

.menu__link__text{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(100% - 4rem);
      -ms-flex:0 1 calc(100% - 4rem);
          flex:0 1 calc(100% - 4rem);
  opacity:0.7;
  -webkit-transition:opacity 0.2s ease;
  transition:opacity 0.2s ease;
}

.menu__link__text__badge{
  overflow:hidden;
  display:block;
  width:1.6rem;
  height:1.6rem;
  margin-top:-1rem;
  margin-left:1rem;
  padding:0.1rem;
  background-color:#ff3e25;
  color:#ffffff;
  border-radius:50%;
  line-height:0.7;
  text-align:center;
}
@media all and (max-width: 61.1875em){
  .menu__link__text__badge{
    line-height:1;
  }
}
.menu__link__text__badge span{
  font-size:1.2rem;
  font-weight:bold;
  letter-spacing:0.1rem;
}
.contact__link{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  padding:1rem 2.5rem;
  font-size:1.5rem;
  font-weight:500;
}
@media all and (max-width: 61.1875em){
  .contact__link{
    padding:1rem 1.5rem;
    font-size:1.3rem;
  }
}

.contact__link--tel{
  text-decoration:none;
}

.contact__link--mail{
  text-decoration:underline;
}
.contact__link--mail:hover, .contact__link--mail:focus{
  text-decoration:none;
}

.contact__link__icon{
  -webkit-box-flex:0;
  -webkit-flex:0 1 2rem;
      -ms-flex:0 1 2rem;
          flex:0 1 2rem;
  margin-right:2rem;
}
@media all and (max-width: 61.1875em){
  .contact__link__icon{
    margin-right:1.5rem;
  }
}

.contact__link__text{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(100% - 4rem);
      -ms-flex:0 1 calc(100% - 4rem);
          flex:0 1 calc(100% - 4rem);
  opacity:0.7;
}
.footer{
  padding:1.5rem 0;
  background-color:#2f2f8b;
}
.footer__inner{
  width:100%;
  max-width:142rem;
  margin-left:auto;
  margin-right:auto;
  padding-left:5.5rem;
  padding-right:3.5rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-flow:flow wrap;
      -ms-flex-flow:flow wrap;
          flex-flow:flow wrap;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  color:#ffffff;
  font-size:1.2rem;
  opacity:0.7;
}
@media all and (max-width: 61.1875em){
  .footer__inner{
    padding-left:0;
    padding-right:0;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-flow:column wrap;
        -ms-flex-flow:column wrap;
            flex-flow:column wrap;
  }
}

.footer__content{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-flow:flow wrap;
      -ms-flex-flow:flow wrap;
          flex-flow:flow wrap;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
@media all and (max-width: 61.1875em){
  .footer__content{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
    width:100%;
    margin-bottom:1rem;
  }
}
.footer__copy{
  margin-right:3.5rem;
  font-weight:bold;
}
@media all and (max-width: 35.4375em){
  .footer__copy{
    margin-right:0;
    margin-bottom:0.5rem;
    width:100%;
    text-align:center;
  }
}
@media all and (max-width: 35.4375em){
  .footer__navigation{
    width:100%;
    text-align:center;
  }
}

.footer__navigation__list{
  margin:0;
  padding:0;
}

.footer__navigation__item{
  position:relative;
  display:inline-block;
  padding:0 1.5rem;
}
@media all and (max-width: 29.9375em){
  .footer__navigation__item{
    padding:0 0.5rem;
  }
}
.footer__navigation__item::after{
  content:"|";
  position:absolute;
  right:-0.1rem;
}
.footer__navigation__item:last-child::after{
  content:"";
}

.footer__navigation__link{
  display:inline-block;
  font-weight:500;
  text-decoration:underline;
}
.footer__navigation__link:hover, .footer__navigation__link:focus{
  text-decoration:none;
}

.footer__made-by{
  font-size:1.2rem;
  font-weight:500;
}

.footer__made-by__link{
  display:inline-block;
  font-weight:500;
  text-decoration:underline;
}
.footer__made-by__link:hover, .footer__made-by__link:focus{
  text-decoration:none;
}

.menu-footer{
  background-color:#ffffff;
  padding:2.5rem 0;
}

.menu-footer__navigation--list{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  gap:4.2rem;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}

.menu-footer__navigation--item--right{
  margin-left:auto;
}
@media all and (max-width: 47.9375em){
  .menu-footer__navigation--item--right{
    margin-left:0;
  }
}

.menu-footer__navigation--link{
  text-decoration:none;
}
.navigation-overlay{
  visibility:hidden;
  opacity:0;
  position:absolute;
  z-index:-1;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(34, 34, 34, 0.5);
  -webkit-transition:opacity 0.2s ease;
  transition:opacity 0.2s ease;
}

.responsive-menu-open .navigation-overlay{
  visibility:visible;
  z-index:500;
}

.responsive-menu-open--animation .navigation-overlay{
  opacity:1;
}
.ui-widget-overlay{
  position:fixed;
  z-index:500;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(34, 34, 34, 0.5);
}
.modal__title{
  margin-top:-1rem;
  margin-bottom:4rem;
  padding-right:3rem;
}
@media all and (min-width: 35.5em) and (max-width: 61.1875em){
  .modal__title{
    margin-bottom:3rem;
  }
}
@media all and (max-width: 35.4375em){
  .modal__title{
    margin-bottom:2rem;
  }
}

.modal__subtitle{
  margin-top:0.5rem;
  margin-bottom:2rem;
}

.modal__content{
  margin-bottom:3rem;
}
@media all and (max-width: 61.1875em){
  .modal__content{
    margin-bottom:2rem;
  }
}

.modal .customer-codes--no-modal,
.ui-dialog .customer-codes--no-modal{
  display:none;
}
.modal .modal__title__code--customer-code,
.ui-dialog .modal__title__code--customer-code{
  display:none;
}

.modal__list{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
}

.modal__item{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(50% - 0.1rem);
      -ms-flex:0 1 calc(50% - 0.1rem);
          flex:0 1 calc(50% - 0.1rem);
  width:-webkit-calc(50% - 0.1rem);
  width:calc(50% - 0.1rem);
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  padding-bottom:2.5rem;
}
.modal__item:nth-child(odd){
  border-right:0.1rem solid #dfdfdf;
}
.modal__item:nth-child(odd) .modal__item__text{
  margin-right:4rem;
}
.modal__item:nth-child(even) .modal__item__code{
  margin-left:4rem;
}
.modal__item:last-child, .modal__item:nth-last-child(2){
  padding-bottom:0;
}
@media all and (max-width: 61.1875em){
  .modal__item{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
  }
  .modal__item:nth-child(odd){
    border-right:none;
  }
  .modal__item:nth-child(odd) .modal__item__text{
    margin-right:0;
  }
  .modal__item:nth-child(even) .modal__item__code{
    margin-left:0;
  }
  .modal__item:last-child, .modal__item:nth-last-child(2){
    padding-bottom:2.5rem;
  }
}

.modal__item__code{
  -webkit-box-flex:0;
  -webkit-flex:0 1 9rem;
      -ms-flex:0 1 9rem;
          flex:0 1 9rem;
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:bold;
}

.modal__item__text{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}

.modal__item__company{
  margin-bottom:0.1rem;
  color:#9394c2;
  font-size:1.5rem;
  font-weight:500;
}

.modal__item__message{
  color:#2f2f8b;
  font-size:1.2rem;
  font-weight:bold;
}

.modal__actions{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
          justify-content:flex-end;
}

.modal__link{
  display:inline-block;
  color:#f8b000;
  background-color:transparent;
  border:none;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}
.modal__link:hover, .modal__link:focus{
  color:#d39500;
}
.modal__link:disabled, .modal__link.disabled{
  opacity:0.2;
  pointer-events:none;
}
@media all and (max-width: 61.1875em){
  .modal__link{
    font-size:1.2rem;
  }
}

.modal--first .modal__title{
  margin-bottom:3rem;
}
.modal--first .modal__text{
  margin-bottom:2rem;
  color:#222222;
}
.modal--first .modal__input{
  margin-bottom:3rem;
  width:22.5rem;
  max-width:100%;
}
.modal--first .btn{
  margin-bottom:0;
}

.ui-dialog.ui-widget-content[aria-describedby=confirm_orders_dialog]{
  overflow:hidden;
}

.modal__header{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  margin-top:-1rem;
  margin-bottom:1rem;
}
.modal__header .modal__title{
  margin:0;
}
.modal__header .modal__title span{
  margin-right:3rem;
}
.modal__header .modal__title,
.modal__header .modal__countdown{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}

.modal__countdown{
  color:#ff3e25;
  font-size:1.8rem;
  font-weight:900;
}

.modal__countdown__icon{
  display:inline-block;
}

.modal__countdown__text{
  display:inline-block;
  vertical-align:middle;
}

.modal-error{
  margin-bottom:1.5rem;
  color:#ff3e25;
  font-size:1.4rem;
  font-weight:500;
}

.modal-error__icon{
  display:inline-block;
  margin-right:1rem;
}

.modal-error__text{
  display:inline-block;
  padding:0.25rem 1rem 0.25rem 0;
  vertical-align:middle;
}

.modal-date{
  margin-bottom:1.5rem;
  font-size:1.6rem;
  font-weight:900;
}

.modal-form--orders{
  overflow:auto;
  max-height:60vh;
  min-height:25rem;
  margin-bottom:9rem;
  padding-right:2rem;
}
@media screen and (max-height: 750px){
  .modal-form--orders{
    min-height:0;
    margin-bottom:0;
  }
}

.modal-form--deviation{
  margin-bottom:14.4rem;
}
@media screen and (max-height: 750px){
  .modal-form--deviation{
    margin-bottom:0;
  }
}

.modal__table{
  border-collapse:collapse;
  margin-bottom:2rem;
}
.modal__table thead{
  border-bottom:0.2rem solid #e3e4ee;
}
.modal__table thead td{
  padding:1.5rem;
  background-color:#f4f4fc;
  font-size:1.5rem;
  font-weight:bold;
}
.modal__table thead td.modal__table__unit{
  background-color:#ffffff;
}
.modal__table tbody td{
  padding:1.5rem;
  border-bottom:0.2rem solid #e3e4ee;
}
.modal__table tbody td.deviant{
  color:#ff3e25;
  font-weight:bold;
}
.modal__table tbody td .deviant__icon{
  display:inline-block;
  margin-left:-1.9rem;
  vertical-align:middle;
}
.modal__table tbody td.changed{
  font-weight:bold;
}

.modal__table--week{
  margin-bottom:3rem;
}
.modal__table--week thead{
  border-right:0.2rem solid #f4f4fc;
  border-left:0.2rem solid #f4f4fc;
  border-bottom:none;
}
.modal__table--week tbody{
  border-right:0.2rem solid #e3e4ee;
  border-left:0.2rem solid #e3e4ee;
}
.modal__table--week td{
  text-align:center;
}
.modal__table--week .row__menu{
  text-align:left;
}
.modal__table--week .row__menu__title{
  margin-bottom:1rem;
  font-size:1.5rem;
  font-weight:bold;
}
.modal__table--week .row__menu__content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  font-size:1.4rem;
}
.modal__table--week .row__menu__vrac{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  margin-right:2rem;
}
.modal__table--week .row__menu__unit{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}

.modal__table__unit{
  color:#c5c6df;
}

.modal__actions--fixed{
  position:fixed;
  z-index:2000;
  right:0;
  bottom:0;
  left:0;
  height:9rem;
  padding:2rem 4.5rem 0 4.5rem;
  -webkit-box-shadow:0.7rem -0.7rem 1.1rem 0 #dfdfdf;
          box-shadow:0.7rem -0.7rem 1.1rem 0 #dfdfdf;
  background-color:#ffffff;
}
.modal__actions--fixed .form-item,
.modal__actions--fixed .form-actions{
  width:100%;
}
@media screen and (max-height: 750px){
  .modal__actions--fixed{
    position:relative;
    right:auto;
    bottom:auto;
    left:auto;
    height:auto;
    margin-bottom:2rem;
    padding:0;
    -webkit-box-shadow:none;
            box-shadow:none;
  }
}

.modal__actions--deviation{
  height:14.4rem;
}
@media screen and (max-height: 750px){
  .modal__actions--deviation{
    height:auto;
  }
}

.btn--modal-order{
  margin-right:3rem;
}

.link--back{
  display:inline-block;
  color:#f8b000;
  background-color:transparent;
  border:none;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}
.link--back:hover, .link--back:focus{
  color:#d39500;
}
.link--back:disabled, .link--back.disabled{
  opacity:0.2;
  pointer-events:none;
}
@media all and (max-width: 61.1875em){
  .link--back{
    font-size:1.2rem;
  }
}

.modal__items{
  margin-bottom:3rem;
}

.modal__data{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  margin-bottom:2rem;
}
.modal__data:last-child{
  margin-bottom:2rem;
}

.modal__data__label{
  -webkit-box-flex:0;
  -webkit-flex:0 1 14rem;
      -ms-flex:0 1 14rem;
          flex:0 1 14rem;
  width:14rem;
  margin-right:2rem;
  color:#9a9fc9;
  font-weight:bold;
}
@media all and (max-width: 35.4375em){
  .modal__data__label{
    -webkit-box-flex:0;
    -webkit-flex:none;
        -ms-flex:none;
            flex:none;
    width:auto;
  }
  .modal__data__label::after{
    content:":";
  }
}

.modal__data__value{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(100% - 16rem);
      -ms-flex:0 1 calc(100% - 16rem);
          flex:0 1 calc(100% - 16rem);
  width:-webkit-calc(100% - 16rem);
  width:calc(100% - 16rem);
  font-weight:bold;
}
@media all and (max-width: 35.4375em){
  .modal__data__value{
    -webkit-box-flex:0;
    -webkit-flex:none;
        -ms-flex:none;
            flex:none;
    width:auto;
    display:inline-block;
  }
}

.modal__expired-text{
  margin-bottom:2rem;
  color:#222222;
}

.modal__expired-contact{
  color:#222222;
}
.ui-dialog{
  z-index:1000;
  padding:2rem 4.5rem 3rem 4.5rem;
  outline:0;
}
@media all and (max-width: 61.1875em){
  .ui-dialog{
    padding:2rem 3rem 3rem 3rem;
  }
}
.ui-dialog.ui-widget-content{
  overflow:auto;
  width:98rem !important;
  max-width:95%;
  max-height:90vh;
  position:fixed;
  top:50% !important;
  left:50% !important;
  -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  background-color:#ffffff;
  color:#2f2f8b;
  border-radius:0.5rem;
  -webkit-box-shadow:0 0.2rem 2.3rem 0 #222222;
          box-shadow:0 0.2rem 2.3rem 0 #222222;
}
.ui-dialog.ui-widget-content[aria-describedby=alert-dialog]{
  width:66rem !important;
}
.ui-dialog.ui-widget-content > .ui-multiselect-menu{
  display:none;
}
.ui-dialog .ui-dialog-titlebar-close{
  overflow:hidden;
  position:absolute;
  top:2rem;
  right:2rem;
  width:3rem;
  height:3rem;
  background-color:transparent;
  border:none;
  text-indent:-9999em;
  white-space:nowrap;
  cursor:pointer;
}
.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon-closethick, .ui-dialog .ui-dialog-titlebar-close:focus .ui-icon-closethick{
  opacity:0.75;
}
.ui-dialog .ui-icon-closethick{
  display:block;
  width:3rem;
  height:3rem;
  margin-left:-0.75rem;
  background-image:url("../img/icon__modal-close.svg");
  background-repeat:no-repeat;
  background-size:17px 17px;
  background-position:center center;
  text-indent:0;
  -webkit-transition:opacity 0.2s ease;
  transition:opacity 0.2s ease;
}

.modal .btn:focus{
  background-color:#f8b000;
  border-color:#f8b000;
}
.modal .btn:focus:hover{
  background-color:#d39500;
  border-color:#d39500;
}
.banner{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  margin-bottom:3rem;
  padding:1.2rem 3rem 1.2rem 2rem;
  color:rgba(34, 34, 34, 0.6);
  background-color:#ffffff;
  border-left:0.7rem solid #dfdfdf;
  border-radius:0.5rem;
  font-size:1.5rem;
  font-weight:500;
}

.banner__icon{
  -webkit-box-flex:0;
  -webkit-flex:0 1 3rem;
      -ms-flex:0 1 3rem;
          flex:0 1 3rem;
  margin-right:2rem;
}

.banner__content{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(100% - 5rem);
      -ms-flex:0 1 calc(100% - 5rem);
          flex:0 1 calc(100% - 5rem);
  width:-webkit-calc(100% - 5rem);
  width:calc(100% - 5rem);
}
.banner__content *{
  margin:0;
  font-size:1.7rem;
}

.banner__content__title{
  color:#222222;
  font-size:2.2rem;
  font-weight:bold;
}

.banner--general{
  border-left-color:#2e2f8b;
}
.banner--general .banner__icon path{
  fill:#2e2f8b;
}
.banner--general .banner__content__title{
  color:#2e2f8b;
}

.banner--critical{
  border-left-color:#ff3e25;
}
.banner--critical .banner__icon path{
  fill:#ff3e25;
}
.banner--critical .banner__content__title{
  color:#ff3e25;
}

.banner--urgent{
  border-left-color:#f8b000;
}
.banner--urgent .banner__icon path{
  fill:#f8b000;
}
.banner--urgent .banner__content__title{
  color:#f8b000;
}
.notifyjs-corner{
  top:1rem;
  right:1rem;
  max-width:-webkit-calc(100% - 2rem);
  max-width:calc(100% - 2rem);
}

.notifyjs-arrow{
  display:none;
}

.notifyjs-container{
  padding:0;
  background-color:transparent;
  border:none;
}
.notifyjs-bootstrap-error{
  padding:1rem 2rem !important;
  background-image:none !important;
  background-color:#ff3e25 !important;
  border:none !important;
  border-radius:0.5rem !important;
  color:#ffffff !important;
}
.notifyjs-bootstrap-error span{
  font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
  font-weight:500 !important;
  font-size:1.5rem !important;
  text-shadow:none !important;
}
.soap-error{
  padding:1.2rem 3rem 1.2rem 2rem;
  color:#ffffff;
  background-color:#ff3e25;
  font-size:1.2rem;
  font-weight:500;
}

.soap-error__inner{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  width:100%;
  max-width:130rem;
  margin-left:auto;
  margin-right:auto;
  max-width:134rem;
  padding-left:2rem;
  padding-right:2rem;
}

.soap-error__icon{
  -webkit-box-flex:0;
  -webkit-flex:0 1 3rem;
      -ms-flex:0 1 3rem;
          flex:0 1 3rem;
  margin-right:2rem;
}

.soap-error__content{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(100% - 5rem);
      -ms-flex:0 1 calc(100% - 5rem);
          flex:0 1 calc(100% - 5rem);
  width:-webkit-calc(100% - 5rem);
  width:calc(100% - 5rem);
}

.soap-error__title{
  margin-bottom:0.5rem;
  font-size:1.5rem;
  font-weight:bold;
}

.soap-error__text{
  overflow:auto;
  font-size:1.3rem;
}
.loader-ring{
  display:inline-block;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-2rem;
  margin-left:-2rem;
  width:4rem;
  height:4rem;
}

.loader-ring__item{
  position:absolute;
  width:3.2rem;
  height:3.2rem;
  margin:0.4rem;
  border:0.4rem solid #f3f3f6;
  border-radius:50%;
  -webkit-animation:loader-ring 1.4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation:loader-ring 1.4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color:#f3f3f6 transparent transparent transparent;
}

.loader-ring__item--first{
  -webkit-animation-delay:-0.45s;
          animation-delay:-0.45s;
}

.loader-ring__item--second{
  -webkit-animation-delay:-0.3s;
          animation-delay:-0.3s;
}

.loader-ring__item--third{
  -webkit-animation-delay:-0.15s;
          animation-delay:-0.15s;
}

@-webkit-keyframes loader-ring{
  0%{
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg);
  }
}

@keyframes loader-ring{
  0%{
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg);
  }
}
.page--vacation .loader-ring{
  margin-top:-1.5rem;
  margin-left:-1.5rem;
  width:3rem;
  height:3rem;
}
.page--vacation .loader-ring__item{
  position:absolute;
  width:2.4rem;
  height:2.4rem;
  margin:0.3rem;
  border:0.3rem solid #ffffff;
  border-color:#ffffff transparent transparent transparent;
}

.page--vacation .loader-ring[aria-hidden=true]{
  display:none;
}

.page--vacation .loader-ring[aria-hidden=false]{
  display:block;
}
.page--vacation .loader-ring[aria-hidden=false] + span{
  visibility:hidden;
}

.page--vacation .disabled{
  opacity:0.4;
}
.login{
  overflow:hidden;
  position:relative;
  background-color:#ffffff;
}
.login::before{
  content:"";
  position:absolute;
  z-index:20;
  top:0;
  bottom:0;
  left:0;
  display:block;
  width:-webkit-calc(45% + 15rem);
  width:calc(45% + 15rem);
  min-width:55rem;
  padding-right:15rem;
  background-image:url("../img/bg__shape-login.svg");
  background-repeat:no-repeat;
  background-size:auto auto;
  background-position:right top;
}
@media all and (max-width: 61.1875em){
  .login::before{
    width:100%;
    height:-webkit-calc(100% - 60rem - 5rem);
    height:calc(100% - 60rem - 5rem);
    padding-right:0;
    background-color:#f3f3f6;
  }
}
@media all and (max-width: 47.9375em){
  .login::before{
    height:-webkit-calc(100% - 37rem - 5rem);
    height:calc(100% - 37rem - 5rem);
  }
}
@media all and (max-width: 35.4375em){
  .login::before{
    height:-webkit-calc(100% - 28rem - 5rem);
    height:calc(100% - 28rem - 5rem);
  }
}

.login__content{
  width:100%;
  max-width:130rem;
  margin-left:auto;
  margin-right:auto;
  max-width:134rem;
  padding-left:2rem;
  padding-right:2rem;
  max-width:142rem;
  padding-left:5.5rem;
  position:relative;
  z-index:50;
  color:#2f2f8b;
}
@media all and (max-width: 61.1875em){
  .login__content{
    padding-left:0;
    padding-right:0;
  }
}
@media all and (max-width: 61.1875em){
  .login__content::before{
    content:"";
    position:absolute;
    z-index:-1;
    bottom:-18rem;
    right:0;
    left:0;
    display:block;
    height:100vw;
    background-image:url("../img/bg__shape-login.svg");
    background-repeat:no-repeat;
    background-size:84% auto;
    background-position:right top;
    -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
            transform:rotate(90deg);
  }
}
@media all and (max-width: 47.9375em){
  .login__content::before{
    bottom:-14rem;
    background-size:90% auto;
  }
}
@media all and (max-width: 35.4375em){
  .login__content::before{
    bottom:-10rem;
  }
}
.login__content::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-50vh;
  bottom:-50vh;
  left:-50%;
  display:block;
  width:-webkit-calc(50% + 5.5rem);
  width:calc(50% + 5.5rem);
  height:500vh;
  background-color:#f3f3f6;
}
@media all and (max-width: 61.1875em){
  .login__content::after{
    display:none;
  }
}

.login__content__inner{
  width:47rem;
  padding:5rem 0;
}
@media all and (max-width: 61.1875em){
  .login__content__inner{
    width:100%;
    padding:2rem;
  }
}

.login__tomato-boy{
  position:absolute;
  z-index:15;
  left:45%;
  bottom:0;
  display:block;
  width:80rem;
  height:80rem;
}
@media all and (min-width: 61.25em) and (max-width: 88.6875em){
  .login__tomato-boy{
    left:auto;
    right:0;
  }
}
@media all and (min-width: 61.25em) and (max-width: 68.6875em){
  .login__tomato-boy{
    width:70rem;
    height:70rem;
  }
}
@media all and (max-width: 61.1875em){
  .login__tomato-boy{
    position:relative;
    z-index:25;
    left:0;
    right:0;
    width:60rem;
    height:60rem;
    margin-top:5rem;
    margin-right:auto;
    margin-left:auto;
  }
}
@media all and (max-width: 47.9375em){
  .login__tomato-boy{
    width:37rem;
    height:37rem;
  }
}
@media all and (max-width: 35.4375em){
  .login__tomato-boy{
    width:28rem;
    height:28rem;
  }
}
.login-page{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  height:100vh;
}
@media screen and (min-height: 975px){
  .login-page{
    height:auto;
  }
}
.login-page .header{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}
.login-page .login{
  -webkit-box-flex:1;
  -webkit-flex:1 0 auto;
      -ms-flex:1 0 auto;
          flex:1 0 auto;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.login-page .footer{
  -webkit-flex-shrink:0;
      -ms-flex-negative:0;
          flex-shrink:0;
}
.form--login{
  width:100%;
  max-width:33rem;
}
@media all and (max-width: 61.1875em){
  .form--login{
    max-width:100%;
  }
}
.form--login .btn{
  margin-bottom:4.4rem;
}
@media all and (max-width: 47.9375em){
  .form--login .btn{
    margin-bottom:2.4rem;
  }
}
.call-us{
  margin-bottom:10rem;
  font-size:1.3rem;
  font-weight:500;
}
@media all and (min-width: 48em) and (max-width: 61.1875em){
  .call-us{
    margin-bottom:4rem;
  }
}
@media all and (max-width: 47.9375em){
  .call-us{
    margin-bottom:3rem;
  }
}
.call-us .call-us__title,
.call-us p{
  margin-bottom:1rem;
}
.call-us .call-us__title span, .call-us .call-us__title strong,
.call-us p span,
.call-us p strong{
  display:inline-block;
  font-weight:bold;
}
.call-us .call-us__item,
.call-us ul li{
  position:relative;
  padding-left:1.5rem;
}
.call-us .call-us__item::before,
.call-us ul li::before{
  content:"•";
  position:absolute;
  top:50%;
  left:0;
  margin-top:-1.6rem;
  color:#d39500;
  font-size:2.2rem;
}
.call-us .call-us__link,
.call-us a{
  text-decoration:none;
}
.more-info .more-info__content,
.more-info p{
  font-size:1.4rem;
  font-weight:500;
}
@media all and (max-width: 35.4375em){
  .more-info .more-info__content,
  .more-info p{
    font-size:1.3rem;
  }
}
.more-info .more-info__link,
.more-info a{
  display:inline-block;
  color:#f8b000;
  background-color:transparent;
  border:none;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}
.more-info .more-info__link:hover, .more-info .more-info__link:focus,
.more-info a:hover,
.more-info a:focus{
  color:#d39500;
}
.more-info .more-info__link:disabled, .more-info .more-info__link.disabled,
.more-info a:disabled,
.more-info a.disabled{
  opacity:0.2;
  pointer-events:none;
}
@media all and (max-width: 61.1875em){
  .more-info .more-info__link,
  .more-info a{
    font-size:1.2rem;
  }
}
@media all and (max-width: 35.4375em){
  .form--review .btn{
    width:100%;
  }
}

.form-item--date div,
.form-item--customer-codes div{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.form-item--date label,
.form-item--customer-codes label{
  -webkit-box-flex:0;
  -webkit-flex:0 1 14.5rem;
      -ms-flex:0 1 14.5rem;
          flex:0 1 14.5rem;
  margin-right:2rem;
}
.form-item--date input,
.form-item--date select,
.form-item--date button,
.form-item--customer-codes input,
.form-item--customer-codes select,
.form-item--customer-codes button{
  -webkit-box-flex:0;
  -webkit-flex:0 1 22.5rem;
      -ms-flex:0 1 22.5rem;
          flex:0 1 22.5rem;
}

.review-score{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.review-score.is-selected label{
  opacity:0.4;
}
.review-score.is-selected input:checked + label{
  opacity:1;
}
.review-score .form-item__choice{
  -webkit-box-flex:0;
  -webkit-flex:0 1 23%;
      -ms-flex:0 1 23%;
          flex:0 1 23%;
  position:relative;
}
.review-score .form-item__choice .focus-visible + label{
  -webkit-box-shadow:0 0 0 0.2rem #dfdfdf;
          box-shadow:0 0 0 0.2rem #dfdfdf;
}
@media all and (min-width: 35.5em) and (max-width: 47.9375em){
  .review-score .form-item__choice{
    -webkit-box-flex:0;
    -webkit-flex:0 1 48%;
        -ms-flex:0 1 48%;
            flex:0 1 48%;
    margin-bottom:2rem;
  }
  .review-score .form-item__choice:last-child, .review-score .form-item__choice:nth-last-child(2){
    margin-bottom:0;
  }
}
@media all and (max-width: 35.4375em){
  .review-score .form-item__choice{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    margin-bottom:2rem;
  }
  .review-score .form-item__choice:last-child{
    margin-bottom:2rem;
  }
}
.review-score input{
  position:absolute;
  z-index:-1;
  bottom:0;
  left:50%;
  margin-left:-0.7rem;
  opacity:0;
  cursor:pointer;
}
.review-score input:hover + label{
  opacity:1;
}
.review-score input[value=bad] + label::before{
  background-image:url("../img/icon__score--bad.svg");
}
.review-score input[value=bad]:hover + label, .review-score input[value=bad]:checked + label{
  color:#ff3e25;
}
.review-score input[value=average] + label::before{
  background-image:url("../img/icon__score--average.svg");
}
.review-score input[value=average]:hover + label, .review-score input[value=average]:checked + label{
  color:#ff831a;
}
.review-score input[value=good] + label::before{
  background-image:url("../img/icon__score--good.svg");
}
.review-score input[value=good]:hover + label, .review-score input[value=good]:checked + label{
  color:#ffd54f;
}
.review-score input[value=very-good] + label::before{
  background-image:url("../img/icon__score--very-good.svg");
}
.review-score input[value=very-good]:hover + label, .review-score input[value=very-good]:checked + label{
  color:#9adb48;
}
.review-score label{
  position:relative;
  padding-top:9.7rem;
  font-size:1.1rem;
  font-weight:bold;
  letter-spacing:0.11rem;
  text-transform:uppercase;
  text-align:center;
  cursor:pointer;
  -webkit-transition:opacity 0.2s ease;
  transition:opacity 0.2s ease;
}
.review-score label::before{
  content:"";
  position:absolute;
  top:0;
  display:block;
  width:100%;
  height:7.7rem;
  background-repeat:no-repeat;
  background-size:auto 100%;
  background-position:top center;
}
@media all and (max-width: 35.4375em){
  .review-score label{
    padding-top:7.5rem;
  }
  .review-score label::before{
    height:6.5rem;
  }
}

.review-score__item{
  -webkit-box-flex:0;
  -webkit-flex:0 1 23%;
      -ms-flex:0 1 23%;
          flex:0 1 23%;
  position:relative;
}

.error-radio{
  width:100%;
  margin-top:0.6rem;
  border:0.2rem solid #ff3e25;
  border-radius:0.5rem;
  text-align:center;
}
.error-radio label[id$=-error]{
  padding:0.6rem 2rem 0.3rem 2rem;
}
.page-not-found{
  width:56rem;
  max-width:96%;
  margin:0 auto;
}

.page-not-found__title{
  padding-top:4rem;
  margin-bottom:2rem;
}

.page-not-found__text{
  margin-bottom:2rem;
}

.page-not-found__link{
  display:inline-block;
  color:#f8b000;
  background-color:transparent;
  border:none;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
  font-size:1.6rem;
}
.page-not-found__link:hover, .page-not-found__link:focus{
  color:#d39500;
}
.page-not-found__link:disabled, .page-not-found__link.disabled{
  opacity:0.2;
  pointer-events:none;
}
@media all and (max-width: 61.1875em){
  .page-not-found__link{
    font-size:1.2rem;
  }
}

.page-not-found__icon path{
  fill:#2f2f8b;
}

.page-404{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  height:100vh;
}
@media screen and (min-height: 975px){
  .page-404{
    height:auto;
  }
}
@media all and (max-width: 35.4375em){
  .page-404{
    height:auto;
  }
}
.page-404 .header{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}
@media screen and (min-height: 420px){
  .page-404 .header{
    height:8.4rem;
  }
}
@media screen and (min-height: 420px) and (max-width: 980px){
  .page-404 .header{
    height:12.3rem;
  }
}
@media all and (max-width: 35.4375em){
  .page-404 .header{
    height:auto;
  }
}
@media screen and (min-height: 420px){
  .page-404 .page-content{
    height:-webkit-calc(100vh - 8.4rem - 4.8rem);
    height:calc(100vh - 8.4rem - 4.8rem);
  }
  .page-404 .page-content .page-content__inner{
    height:100%;
  }
}
@media screen and (min-height: 420px) and (max-width: 980px){
  .page-404 .page-content{
    height:-webkit-calc(100vh - 12.3rem - 7.6rem);
    height:calc(100vh - 12.3rem - 7.6rem);
  }
}
@media all and (max-width: 35.4375em){
  .page-404 .page-content{
    height:auto;
  }
}
.page-404 .footer{
  -webkit-flex-shrink:0;
      -ms-flex-negative:0;
          flex-shrink:0;
}
@media screen and (min-height: 420px){
  .page-404 .footer{
    height:4.8rem;
  }
}
@media screen and (min-height: 420px) and (max-width: 980px){
  .page-404 .footer{
    height:7.6rem;
  }
}
@media all and (max-width: 35.4375em){
  .page-404 .footer{
    height:auto;
  }
}
.tooltip{
  position:relative;
  margin:0;
  padding:0;
  background:transparent;
  border:none;
  cursor:help;
}
.tooltip.is-active .tooltip__content{
  display:block;
}

.tooltip__icon{
  display:inline-block;
  vertical-align:middle;
}

.tooltip__content{
  position:absolute;
  z-index:100;
  bottom:2.7rem;
  left:-7.6rem;
  width:17rem;
  padding:1rem 1.5rem;
  background-color:#2f2f8b;
  border-radius:0.5rem;
  word-wrap:break-word;
  text-align:left;
  cursor:default;
  display:none;
}
.tooltip__content::after{
  content:"";
  width:1rem;
  height:1rem;
  position:absolute;
  bottom:-0.7rem;
  left:50%;
  margin-left:-1.25rem;
  border-right:1rem solid transparent;
  border-left:1rem solid transparent;
  border-top:1rem solid #2f2f8b;
}
.tooltip__content.is-overflow{
  top:2.7rem;
  bottom:auto;
  left:-7.5rem;
}
.tooltip__content.is-overflow::after{
  top:-0.7rem;
  bottom:auto;
  border-bottom:1rem solid #2f2f8b;
  border-top:none;
}

.tooltip__content__title{
  margin-bottom:1rem;
  color:#c5c6df;
  font-size:1.1rem;
  font-weight:bold;
  letter-spacing:0.11rem;
  text-transform:uppercase;
}

.tooltip__content__text{
  color:#ffffff;
  font-size:1.3rem;
  font-weight:500;
  line-height:1.6;
}
.profile__title{
  margin-bottom:4rem;
}
.account-content{
  margin-bottom:5rem;
  padding:3rem 5rem;
  background-color:#ffffff;
  border-radius:0.5rem;
  -webkit-box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
          box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
}
@media all and (max-width: 35.4375em){
  .account-content{
    margin-bottom:3rem;
    padding:1.5rem 2.5rem;
  }
}

.account-content__title{
  margin-bottom:4rem;
}
@media all and (max-width: 35.4375em){
  .account-content__title{
    margin-bottom:2.5rem;
  }
}

.account-content__inner{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
}

.account-content__info{
  -webkit-box-flex:0;
  -webkit-flex:0 1 50%;
      -ms-flex:0 1 50%;
          flex:0 1 50%;
}
@media all and (max-width: 35.4375em){
  .account-content__info{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    padding-bottom:3rem;
  }
}

.account-content__change{
  -webkit-box-flex:0;
  -webkit-flex:0 1 50%;
      -ms-flex:0 1 50%;
          flex:0 1 50%;
  position:relative;
}
.account-content__change::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:0.1rem;
  background-color:#dfdfdf;
}
@media all and (max-width: 35.4375em){
  .account-content__change{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    padding-top:3rem;
  }
  .account-content__change::before{
    right:0;
    bottom:auto;
    width:100%;
    height:0.1rem;
  }
}

.account-content__list__item{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  margin-bottom:3rem;
}
.account-content__list__item:last-child{
  margin-bottom:0;
}

.account-content__list__item__label{
  -webkit-box-flex:0;
  -webkit-flex:0 1 13rem;
      -ms-flex:0 1 13rem;
          flex:0 1 13rem;
  width:13rem;
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:bold;
}
@media all and (min-width: 48em) and (max-width: 68.6875em){
  .account-content__list__item__label{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
  }
}
@media all and (max-width: 47.9375em){
  .account-content__list__item__label{
    -webkit-box-flex:0;
    -webkit-flex:0 1 10rem;
        -ms-flex:0 1 10rem;
            flex:0 1 10rem;
    width:10rem;
  }
}
@media all and (max-width: 35.4375em){
  .account-content__list__item__label{
    font-size:1.4rem;
  }
}

.account-content__list__item__value{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(100% - 17rem);
      -ms-flex:0 1 calc(100% - 17rem);
          flex:0 1 calc(100% - 17rem);
  width:-webkit-calc(100% - 17rem);
  width:calc(100% - 17rem);
  margin-right:4rem;
  color:#9394c2;
  font-size:1.5rem;
  font-weight:500;
}
@media all and (min-width: 48em) and (max-width: 68.6875em){
  .account-content__list__item__value{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(100% - 4rem);
        -ms-flex:0 1 calc(100% - 4rem);
            flex:0 1 calc(100% - 4rem);
    width:-webkit-calc(100% - 4rem);
    width:calc(100% - 4rem);
  }
}
@media all and (max-width: 47.9375em){
  .account-content__list__item__value{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(100% - 14rem);
        -ms-flex:0 1 calc(100% - 14rem);
            flex:0 1 calc(100% - 14rem);
    width:-webkit-calc(100% - 14rem);
    width:calc(100% - 14rem);
  }
}
@media all and (max-width: 35.4375em){
  .account-content__list__item__value{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(100% - 12rem);
        -ms-flex:0 1 calc(100% - 12rem);
            flex:0 1 calc(100% - 12rem);
    width:-webkit-calc(100% - 12rem);
    width:calc(100% - 12rem);
    margin-right:2rem;
    font-size:1.4rem;
  }
}

.account-content__subtitle,
.account-content__subtext,
.account-content__subcontact{
  margin-left:4rem;
}
@media all and (max-width: 35.4375em){
  .account-content__subtitle,
  .account-content__subtext,
  .account-content__subcontact{
    margin-left:0;
  }
}

.account-content__subtitle{
  margin-bottom:3rem;
  font-size:1.5rem;
}
@media all and (max-width: 35.4375em){
  .account-content__subtitle{
    margin-bottom:2rem;
    font-size:1.4rem;
  }
}

.account-content__subtext{
  margin-bottom:1.5rem;
  color:#9394c2;
  font-size:1.5rem;
  font-weight:500;
}
@media all and (max-width: 35.4375em){
  .account-content__subtext{
    font-size:1.4rem;
  }
}

.account-content__subcontact{
  overflow:hidden;
}
.account-content__subcontact a{
  float:left;
  padding:0;
  color:#9394c2;
}
.account-content__subcontact svg,
.account-content__subcontact span{
  -webkit-box-flex:0;
  -webkit-flex:none;
      -ms-flex:none;
          flex:none;
}
.profile .modal--customer-code{
  display:none !important;
}

.customer-codes{
  padding:3rem 5rem;
  background-color:#ffffff;
  border-radius:0.5rem;
  -webkit-box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
          box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
}
@media all and (max-width: 35.4375em){
  .customer-codes{
    padding:1.5rem 2.5rem;
  }
}

.customer-codes__title{
  margin-bottom:4rem;
}
@media all and (max-width: 35.4375em){
  .customer-codes__title{
    margin-bottom:2.5rem;
  }
}

.customer-codes__list{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
}

.customer-codes__item{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(50% - 0.1rem);
      -ms-flex:0 1 calc(50% - 0.1rem);
          flex:0 1 calc(50% - 0.1rem);
  width:-webkit-calc(50% - 0.1rem);
  width:calc(50% - 0.1rem);
  padding-bottom:2.5rem;
}
.customer-codes__item:nth-child(odd){
  border-right:0.1rem solid #dfdfdf;
}
.customer-codes__item:nth-child(odd) .customer-codes__item__inner{
  padding-right:4rem;
}
.customer-codes__item:nth-child(even) .customer-codes__item__inner{
  padding-left:4rem;
}
.customer-codes__item:last-child, .customer-codes__item:nth-last-child(2){
  padding-bottom:0;
}
@media all and (max-width: 61.1875em){
  .customer-codes__item{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
  }
  .customer-codes__item:nth-child(odd){
    border-right:none;
  }
  .customer-codes__item:nth-child(odd) .customer-codes__item__inner{
    padding-right:0;
  }
  .customer-codes__item:nth-child(even) .customer-codes__item__inner{
    padding-left:0;
  }
  .customer-codes__item:last-child, .customer-codes__item:nth-last-child(2){
    padding-bottom:2.5rem;
  }
}
@media all and (max-width: 35.4375em){
  .customer-codes__item{
    padding-bottom:2rem;
  }
}

.customer-codes__item__inner{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
}

.customer-codes__item__code{
  -webkit-box-flex:0;
  -webkit-flex:0 1 9rem;
      -ms-flex:0 1 9rem;
          flex:0 1 9rem;
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:bold;
}

.customer-codes__item__text{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}

.customer-codes__item__company{
  margin-bottom:0.1rem;
  color:#9394c2;
  font-size:1.5rem;
  font-weight:500;
}

.customer-codes__item__message{
  color:#2f2f8b;
  font-size:1.2rem;
  font-weight:bold;
}

.customer-codes__actions{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
          justify-content:flex-end;
}

.customer-codes__link{
  display:inline-block;
  color:#f8b000;
  background-color:transparent;
  border:none;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}
.customer-codes__link:hover, .customer-codes__link:focus{
  color:#d39500;
}
.customer-codes__link:disabled, .customer-codes__link.disabled{
  opacity:0.2;
  pointer-events:none;
}
@media all and (max-width: 61.1875em){
  .customer-codes__link{
    font-size:1.2rem;
  }
}
.orders__title{
  margin-bottom:1.5rem;
  font-weight:900;
}

.orders__text{
  margin-bottom:1.5rem;
  font-size:1.4rem;
  font-weight:500;
}
.orders__text.complete{
  color:#9adb48;
  font-weight:bold;
}
.orders__text.past-deadline{
  color:#ff3e25;
  font-weight:bold;
}

.orders__subtext{
  margin-bottom:1.5rem;
  color:#9394c2;
  font-size:1.3rem;
  font-weight:500;
}
.orders__today{
  margin-bottom:3.5rem;
}
.orders__content__header{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:baseline;
  -webkit-align-items:baseline;
      -ms-flex-align:baseline;
          align-items:baseline;
  margin-bottom:2rem;
}
.orders__content__header .orders__title{
  margin-bottom:0;
}
.orders__content__header .orders__title,
.orders__content__header .orders__subtext{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  margin-right:3rem;
}

.orders__content__form--has-submit{
  padding-bottom:4rem;
}

.order-item{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  margin-bottom:3.5rem;
}
.order-item__checkbox{
  -webkit-box-flex:0;
  -webkit-flex:0 1 5rem;
      -ms-flex:0 1 5rem;
          flex:0 1 5rem;
  width:5rem;
  margin-top:1.5rem;
}
@media all and (max-width: 23.6875em){
  .order-item__checkbox{
    -webkit-box-flex:0;
    -webkit-flex:0 1 3.5rem;
        -ms-flex:0 1 3.5rem;
            flex:0 1 3.5rem;
    width:3.5rem;
  }
}

.order-item__checkbox .order-item__checkbox__input{
  top:1.5rem;
  left:-0.5rem;
}

.order-item__table{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(100% - 5rem);
      -ms-flex:0 1 calc(100% - 5rem);
          flex:0 1 calc(100% - 5rem);
  width:-webkit-calc(100% - 5rem);
  width:calc(100% - 5rem);
  min-width:0;
  border:0.2rem solid #f3f3f6;
  border-radius:0.5rem;
}
.order-item__table.is-checked{
  border-color:#2f2f8b;
}
@media all and (max-width: 23.6875em){
  .order-item__table{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(100% - 3.5rem);
        -ms-flex:0 1 calc(100% - 3.5rem);
            flex:0 1 calc(100% - 3.5rem);
    width:-webkit-calc(100% - 3.5rem);
    width:calc(100% - 3.5rem);
  }
}

.past-deadline .order-item__table{
  -webkit-box-flex:0;
  -webkit-flex:0 1 100%;
      -ms-flex:0 1 100%;
          flex:0 1 100%;
  width:100%;
}

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

.order-item__header{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  overflow:hidden;
  position:relative;
  z-index:50;
  width:100%;
  margin:0;
  padding:1rem 10rem 1.5rem 5rem;
  background-color:#ffffff;
  border:none;
  border-radius:0.5rem 0.5rem 0 0;
  cursor:pointer;
}
.order-item__header.is-closed{
  border-radius:0.5rem;
}
.order-item__header.is-closed .order-item__icon{
  -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
          transform:rotate(180deg);
}
@media all and (max-width: 68.6875em){
  .order-item__header{
    padding:1rem 4rem 1.5rem 1.5rem;
  }
}
@media all and (max-width: 61.1875em){
  .order-item__header{
    text-align:left;
  }
}

.complete .order-item__header,
.past-deadline .order-item__header{
  padding:1rem 10rem 1.5rem 7.5rem;
}
@media all and (max-width: 29.9375em){
  .complete .order-item__header,
  .past-deadline .order-item__header{
    padding:1rem 4rem 1.5rem 4rem;
  }
}
.complete .order-item__header::before,
.past-deadline .order-item__header::before{
  content:"";
  width:5rem;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  background-repeat:no-repeat;
  background-size:20px 20px;
  background-position:center center;
}
@media all and (max-width: 29.9375em){
  .complete .order-item__header::before,
  .past-deadline .order-item__header::before{
    width:2.75rem;
    background-size:16px 16px;
  }
}

.complete .order-item__header::before{
  background-color:#9adb48;
  background-image:url("../img/icon__complete.svg");
}

.past-deadline .order-item__header::before{
  background-color:#ff3e25;
  background-image:url("../img/icon__past-deadline.svg");
}

.order-item__title{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  padding-top:0.5rem;
  padding-right:1rem;
  font-size:1.6rem;
  font-weight:bold;
}
@media all and (max-width: 61.1875em){
  .order-item__title{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
  }
}

.complete .order-item__title{
  color:#9adb48;
}

.past-deadline .order-item__title{
  color:#ff3e25;
}
@media all and (max-width: 35.4375em){
  .past-deadline .order-item__title{
    padding-right:0;
  }
}

.order-item__text{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  padding-top:0.5rem;
  color:#2f2f8b;
  font-size:1.4rem;
  font-weight:500;
}
@media all and (max-width: 61.1875em){
  .order-item__text{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    margin-top:1rem;
  }
}

.complete .order-item__text{
  color:#9adb48;
}

.past-deadline .order-item__text{
  color:#ff3e25;
}

.order-item__icon{
  position:absolute;
  top:50%;
  right:3rem;
  margin-top:-0.4rem;
  -webkit-transition:-webkit-transform 0.2s ease;
  transition:-webkit-transform 0.2s ease;
  transition:transform 0.2s ease;
  transition:transform 0.2s ease, -webkit-transform 0.2s ease;
}
@media all and (max-width: 68.6875em){
  .order-item__icon{
    right:1.5rem;
  }
}

.order-item__content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  background-color:#ffffff;
  border-top:0.1rem solid #dfdfdf;
  border-radius:0 0 0.5rem 0.5rem;
}
.order-item__content.is-closed{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  -webkit-clip-path:inset(50%) !important;
          clip-path:inset(50%) !important;
  border:0 !important;
  white-space:nowrap !important;
}

.order-item__product{
  -webkit-box-flex:0;
  -webkit-flex:0 1 70%;
      -ms-flex:0 1 70%;
          flex:0 1 70%;
  width:70%;
}
@media all and (max-width: 68.6875em){
  .order-item__product{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
  }
}

.order-item__menu{
  -webkit-box-flex:0;
  -webkit-flex:0 1 30%;
      -ms-flex:0 1 30%;
          flex:0 1 30%;
  width:30%;
  background-color:#dfdfdf;
  border-radius:0 0 0.5rem 0;
}
@media all and (max-width: 68.6875em){
  .order-item__menu{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
    border:0.1rem solid #dfdfdf;
    border-radius:0 0 0.5rem 0.5rem;
  }
}

.order-item__menu__inner{
  padding:3.5rem 4rem;
}
@media all and (max-width: 68.6875em){
  .order-item__menu__inner{
    padding:2rem 3rem;
  }
}
@media all and (max-width: 29.9375em){
  .order-item__menu__inner{
    padding:1.5rem;
  }
}

.order-item__product{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
}

.order-item__type{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(50% - 0.1rem);
      -ms-flex:0 1 calc(50% - 0.1rem);
          flex:0 1 calc(50% - 0.1rem);
  width:-webkit-calc(50% - 0.1rem);
  width:calc(50% - 0.1rem);
  border-right:0.1rem solid #dfdfdf;
}
@media all and (max-width: 68.6875em){
  .order-item__type{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(40% - 0.1rem);
        -ms-flex:0 1 calc(40% - 0.1rem);
            flex:0 1 calc(40% - 0.1rem);
    width:-webkit-calc(40% - 0.1rem);
    width:calc(40% - 0.1rem);
  }
}
@media all and (max-width: 23.6875em){
  .order-item__type{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
    border-right:none;
  }
}

.order-item__number{
  -webkit-box-flex:0;
  -webkit-flex:0 1 50%;
      -ms-flex:0 1 50%;
          flex:0 1 50%;
}
@media all and (max-width: 68.6875em){
  .order-item__number{
    -webkit-box-flex:0;
    -webkit-flex:0 1 60%;
        -ms-flex:0 1 60%;
            flex:0 1 60%;
  }
}
@media all and (max-width: 23.6875em){
  .order-item__number{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
  }
}

.order-item__type,
.order-item__number{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-flow:column wrap;
      -ms-flex-flow:column wrap;
          flex-flow:column wrap;
}

.order-item__type__content{
  min-height:9.5rem;
}

.order-item__number__content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  min-height:9.5rem;
}
@media all and (max-width: 68.6875em){
  .order-item__number__content{
    text-align:center;
  }
}

.order-item__content__input-number,
.number-spinner{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}
@media all and (max-width: 68.6875em){
  .order-item__content__input-number,
  .number-spinner{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
  }
}

.number-spinner__button,
.order-item__content__input-number{
  display:inline-block;
}

.order-item__content__input-number{
  margin:0 0.5rem;
}

.order-item__content__link{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}
@media all and (max-width: 68.6875em){
  .order-item__content__link{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
  }
}

.order-item__type__title,
.order-item__number__title{
  -webkit-box-flex:0;
  -webkit-flex:0 1 4.4rem;
      -ms-flex:0 1 4.4rem;
          flex:0 1 4.4rem;
  padding:1.2rem 2rem 1.2rem 5rem;
  color:#63638b;
  border-bottom:0.1rem solid #dfdfdf;
  font-size:1.2rem;
  font-weight:600;
  text-transform:uppercase;
  text-align:center;
  letter-spacing:0.1rem;
}
@media all and (max-width: 68.6875em){
  .order-item__type__title,
  .order-item__number__title{
    padding:1.2rem 1.5rem;
  }
}
@media all and (max-width: 23.6875em){
  .order-item__number__title{
    border-top:0.1rem solid #dfdfdf;
  }
}

.order-item__type__contents,
.order-item__number__contents{
  -webkit-box-flex:1;
  -webkit-flex:1 1 -webkit-calc(100% - 4.4rem);
      -ms-flex:1 1 calc(100% - 4.4rem);
          flex:1 1 calc(100% - 4.4rem);
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-flow:column wrap;
      -ms-flex-flow:column wrap;
          flex-flow:column wrap;
}

.order-item__type__content,
.order-item__number__content{
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  padding:2.5rem 2rem 2.5rem 5rem;
  border-bottom:0.1rem solid #dfdfdf;
}
.order-item__type__content:last-child,
.order-item__number__content:last-child{
  border-bottom:0;
}
@media all and (min-width: 30em) and (max-width: 68.6875em){
  .order-item__type__content,
  .order-item__number__content{
    padding:2.5rem 1.5rem;
  }
}
@media all and (min-width: 23.75em) and (max-width: 29.9375em){
  .order-item__type__content,
  .order-item__number__content{
    padding:1.5rem 0.5rem;
  }
}
@media all and (max-width: 23.6875em){
  .order-item__type__content,
  .order-item__number__content{
    padding:1.5rem;
  }
}

.order-item__number__content{
  padding-left:2rem;
  -webkit-justify-content:space-around;
      -ms-flex-pack:distribute;
          justify-content:space-around;
}
@media all and (max-width: 68.6875em){
  .order-item__number__content{
    padding-left:1.5rem;
  }
}
@media all and (max-width: 23.6875em){
  .past-deadline .order-item__number__content{
    text-align:left;
  }
}

.order-item__content__title,
.order-item__content__vrac,
.order-item__content__unit{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  padding:0 1rem;
}
@media all and (max-width: 68.6875em){
  .order-item__content__title,
  .order-item__content__vrac,
  .order-item__content__unit{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    padding:0;
  }
}

.order-item__content__title{
  -webkit-box-flex:0;
  -webkit-flex:0 1 11rem;
      -ms-flex:0 1 11rem;
          flex:0 1 11rem;
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:bold;
}
@media all and (max-width: 68.6875em){
  .order-item__content__title{
    margin-bottom:1rem;
  }
}
@media all and (max-width: 47.9375em){
  .order-item__content__title{
    -webkit-box-flex:0;
    -webkit-flex:0 1 auto;
        -ms-flex:0 1 auto;
            flex:0 1 auto;
  }
}
@media all and (max-width: 68.6875em){
  .order-item__content__vrac{
    margin-bottom:1rem;
  }
}

.order-item__content__vrac,
.order-item__content__unit{
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:500;
}

.order-item__content__type__title{
  display:none;
  width:100%;
  margin-bottom:1rem;
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:bold;
}
@media all and (max-width: 23.6875em){
  .order-item__content__type__title{
    display:block;
  }
}

.order-item__content__input-number input{
  width:7rem;
  padding:0.3rem 0.4rem;
  color:#2f2f8b;
  font-size:1.6rem;
  font-weight:bold;
  text-align:center;
}
.order-item__content__input-number input.invalid{
  color:#ff3e25;
}

.order-item__content__link a{
  text-decoration:none;
}
@media all and (max-width: 68.6875em){
  .order-item__content__link a{
    display:inline-block;
    margin-top:1rem;
  }
}
.order-item__content__link a:hover span, .order-item__content__link a:focus span{
  color:#d39500;
}
.order-item__content__link a.disabled{
  opacity:0.2;
  text-decoration:none;
  pointer-events:none;
}
.order-item__content__link a.disabled:hover span, .order-item__content__link a.disabled:focus span{
  color:#f8b000;
}
.order-item__content__link svg{
  display:inline-block;
}
.order-item__content__link span{
  display:inline-block;
  margin-left:0.2rem;
  font-size:1.3rem;
  font-weight:bold;
  color:#f8b000;
  text-decoration:underline;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}

.order-item__menu__title{
  margin-bottom:2rem;
  color:#63638b;
  font-size:1.2rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.1rem;
}
@media all and (max-width: 68.6875em){
  .order-item__menu__title{
    margin-bottom:1.5rem;
  }
}

.order-item__menu__content{
  margin-bottom:2.5rem;
  color:#2f2f8b;
  font-size:1.4rem;
  font-weight:500;
}
.order-item__menu__content:last-child{
  margin-bottom:0;
}

.order-submit--fixed{
  position:fixed;
  z-index:900;
  right:0;
  bottom:0;
  left:30rem;
  padding:1rem;
  background-color:#ffffff;
  text-align:center;
  -webkit-box-shadow:0.7rem -0.7rem 1.1rem 0 #dfdfdf;
          box-shadow:0.7rem -0.7rem 1.1rem 0 #dfdfdf;
}
.order-submit--fixed input{
  margin-bottom:0;
}
@media all and (max-width: 61.1875em){
  .order-submit--fixed{
    left:0;
  }
}
@media screen and (max-height: 650px){
  .order-submit--fixed{
    position:absolute;
  }
}
.order-item--week.is-overflow .order-item__content--weekly{
  overflow-x:auto;
}
.order-item--week .order-item__dates,
.order-item--week .order-item__contents{
  min-width:113.5rem;
}

.order-item__content--weekly .order-item__dates{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  width:100%;
}
.order-item__content--weekly .order-item__date{
  -webkit-box-flex:0;
  -webkit-flex:0 1 16.66%;
      -ms-flex:0 1 16.66%;
          flex:0 1 16.66%;
  width:16.66%;
  position:relative;
  padding:1.2rem 1rem;
  border-right:0.1rem solid #dfdfdf;
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:bold;
  text-align:center;
}
.order-item__content--weekly .order-item__date:last-child{
  border-right:none;
}
.order-item__content--weekly .order-item__date::before{
  content:"";
  width:2rem;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
}
@media all and (max-width: 29.9375em){
  .order-item__content--weekly .order-item__date::before{
    width:1.5rem;
  }
}
.order-item__content--weekly .order-item__date.complete{
  color:#9adb48;
}
.order-item__content--weekly .order-item__date.complete::before{
  background-color:#9adb48;
}
.order-item__content--weekly .order-item__date.past-deadline{
  color:#ff3e25;
}
.order-item__content--weekly .order-item__date.past-deadline::before{
  background-color:#ff3e25;
}
.order-item__content--weekly .order-item__dates__title{
  padding:1.5rem 1rem;
  color:#63638b;
  font-size:1.2rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.1rem;
}
.order-item__content--weekly .order-item__date__value{
  display:inline-block;
  margin-right:0.3rem;
}
.order-item__content--weekly .order-item__contents{
  width:100%;
}
.order-item__content--weekly .order-item__content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  width:100%;
}
.order-item__content--weekly .order-item__type,
.order-item__content--weekly .order-item__number__content{
  -webkit-box-flex:0;
  -webkit-flex:0 1 16.66%;
      -ms-flex:0 1 16.66%;
          flex:0 1 16.66%;
  width:16.66%;
  padding:1.2rem 1rem;
  border-right:0.1rem solid #dfdfdf;
}
.order-item__content--weekly .order-item__number__content{
  border-bottom:none;
}
.order-item__content--weekly .order-item__number__content:last-child{
  border-right:none;
}
.order-item__content--weekly .order-item__type__content{
  padding:1.5rem 1rem;
}

.order-item--seven-days .order-item__dates,
.order-item--seven-days .order-item__contents{
  min-width:148rem;
}
.order-item--seven-days .order-item__content--weekly .order-item__date,
.order-item--seven-days .order-item__content--weekly .order-item__type,
.order-item--seven-days .order-item__content--weekly .order-item__number__content{
  -webkit-box-flex:0;
  -webkit-flex:0 1 12.5%;
      -ms-flex:0 1 12.5%;
          flex:0 1 12.5%;
  width:12.5%;
}

.order-item--six-days .order-item__dates,
.order-item--six-days .order-item__contents{
  min-width:131rem;
}
.order-item--six-days .order-item__content--weekly .order-item__date,
.order-item--six-days .order-item__content--weekly .order-item__type,
.order-item--six-days .order-item__content--weekly .order-item__number__content{
  -webkit-box-flex:0;
  -webkit-flex:0 1 14.28%;
      -ms-flex:0 1 14.28%;
          flex:0 1 14.28%;
  width:14.28%;
}
.vacation{
  padding-bottom:18rem;
}

.vacation__header{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  margin-bottom:2rem;
}
@media all and (max-width: 61.1875em){
  .vacation__header{
    margin-bottom:0;
  }
}
@media all and (max-width: 35.4375em){
  .vacation__header{
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
            justify-content:flex-start;
  }
}

.vacation__actions{
  -webkit-box-flex:0;
  -webkit-flex:0 1 48%;
      -ms-flex:0 1 48%;
          flex:0 1 48%;
}
@media all and (max-width: 35.4375em){
  .vacation__actions{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
  }
}

.vacations__actions__add{
  margin-top:0.5rem;
  padding:1rem 3rem;
}
@media all and (max-width: 35.4375em){
  .vacations__actions__add{
    width:100%;
    margin-top:0;
    margin-bottom:1rem;
  }
}

.vacations__actions__add__icon{
  display:inline-block;
  width:1.1rem;
  height:1.1rem;
  margin-right:0.5rem;
}

.vacation__sorting{
  -webkit-box-flex:0;
  -webkit-flex:0 1 48%;
      -ms-flex:0 1 48%;
          flex:0 1 48%;
  text-align:right;
}
@media all and (max-width: 35.4375em){
  .vacation__sorting{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    margin-bottom:2rem;
    text-align:center;
  }
}
.vacation__sorting label{
  margin-right:1rem;
  color:#9394c2;
  font-size:1.3rem;
  font-weight:bold;
}
.vacation__sorting select{
  width:auto;
  min-width:16rem;
}

.vc__header{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  margin-right:-1rem;
  margin-left:-1rem;
}
@media all and (max-width: 72.125em){
  .vc__header{
    display:none;
  }
}

.vc__header__item{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  width:auto;
  margin-right:1rem;
  margin-left:1rem;
  padding-bottom:1rem;
  color:#2f2f8b;
  font-size:1.4rem;
  font-weight:bold;
}
@media all and (min-width: 35.5em) and (max-width: 61.1875em){
  .vc__header__item{
    font-size:1.3rem;
  }
}
@media all and (max-width: 35.4375em){
  .vc__header__item{
    font-size:1.2rem;
  }
}
.vc__header__item.vc__header__item--fromdate, .vc__header__item.vc__header__item--todate{
  -webkit-box-flex:0;
  -webkit-flex:0 1 15rem;
      -ms-flex:0 1 15rem;
          flex:0 1 15rem;
  width:15rem;
}
.vc__header__item.vc__header__item--description{
  -webkit-box-flex:0;
  -webkit-flex:0 1 15rem;
      -ms-flex:0 1 15rem;
          flex:0 1 15rem;
  width:15rem;
}
.vc__header__item.vc__header__item--customer_codes{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc((100% - 51rem) / 2 - 2rem);
      -ms-flex:0 1 calc((100% - 51rem) / 2 - 2rem);
          flex:0 1 calc((100% - 51rem) / 2 - 2rem);
  width:-webkit-calc((100% - 51rem) / 2 - 2rem);
  width:calc((100% - 51rem) / 2 - 2rem);
}
.vc__header__item.vc__header__item--actions{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc((100% - 51rem) / 2 - 2rem);
      -ms-flex:0 1 calc((100% - 51rem) / 2 - 2rem);
          flex:0 1 calc((100% - 51rem) / 2 - 2rem);
  width:-webkit-calc((100% - 51rem) / 2 - 2rem);
  width:calc((100% - 51rem) / 2 - 2rem);
}

.vacation__content__item{
  padding-top:1.25rem;
  border-top:0.2rem solid #eeeef3;
}
.vacation__content__item form{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  margin-right:-1rem;
  margin-left:-1rem;
}
@media all and (max-width: 47.9375em){
  .vacation__content__item form{
    margin-right:0;
    margin-left:0;
  }
}
.vacation__content__item form > *{
  margin-right:1rem;
  margin-left:1rem;
  margin-bottom:1.25rem;
}
@media all and (min-width: 48em) and (max-width: 72.125em){
  .vacation__content__item form > *{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(50% - 2rem);
        -ms-flex:0 1 calc(50% - 2rem);
            flex:0 1 calc(50% - 2rem);
    width:-webkit-calc(50% - 2rem);
    width:calc(50% - 2rem);
  }
}
@media all and (max-width: 47.9375em){
  .vacation__content__item form > *{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
    margin-right:0;
    margin-left:0;
  }
}
.vacation__content__item form .form-item--fromdate,
.vacation__content__item form .form-item--todate{
  -webkit-box-flex:0;
  -webkit-flex:0 1 15rem;
      -ms-flex:0 1 15rem;
          flex:0 1 15rem;
  width:15rem;
}
@media all and (min-width: 48em) and (max-width: 72.125em){
  .vacation__content__item form .form-item--fromdate,
  .vacation__content__item form .form-item--todate{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(50% - 2rem);
        -ms-flex:0 1 calc(50% - 2rem);
            flex:0 1 calc(50% - 2rem);
    width:-webkit-calc(50% - 2rem);
    width:calc(50% - 2rem);
  }
}
@media all and (max-width: 47.9375em){
  .vacation__content__item form .form-item--fromdate,
  .vacation__content__item form .form-item--todate{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
  }
}
.vacation__content__item form .form-item--description{
  -webkit-box-flex:0;
  -webkit-flex:0 1 15rem;
      -ms-flex:0 1 15rem;
          flex:0 1 15rem;
  width:15rem;
}
@media all and (min-width: 48em) and (max-width: 72.125em){
  .vacation__content__item form .form-item--description{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(50% - 2rem);
        -ms-flex:0 1 calc(50% - 2rem);
            flex:0 1 calc(50% - 2rem);
    width:-webkit-calc(50% - 2rem);
    width:calc(50% - 2rem);
  }
}
@media all and (max-width: 47.9375em){
  .vacation__content__item form .form-item--description{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
  }
}
.vacation__content__item form .form-item--customer_codes{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc((100% - 51rem) / 2 - 2rem);
      -ms-flex:0 1 calc((100% - 51rem) / 2 - 2rem);
          flex:0 1 calc((100% - 51rem) / 2 - 2rem);
  width:-webkit-calc((100% - 51rem) / 2 - 2rem);
  width:calc((100% - 51rem) / 2 - 2rem);
}
@media all and (min-width: 48em) and (max-width: 72.125em){
  .vacation__content__item form .form-item--customer_codes{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(50% - 2rem);
        -ms-flex:0 1 calc(50% - 2rem);
            flex:0 1 calc(50% - 2rem);
    width:-webkit-calc(50% - 2rem);
    width:calc(50% - 2rem);
  }
}
@media all and (max-width: 47.9375em){
  .vacation__content__item form .form-item--customer_codes{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
  }
}
.vacation__content__item form .actions,
.vacation__content__item form .add-actions,
.vacation__content__item form .edit-actions{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc((100% - 51rem) / 2 - 2rem);
      -ms-flex:0 1 calc((100% - 51rem) / 2 - 2rem);
          flex:0 1 calc((100% - 51rem) / 2 - 2rem);
  width:-webkit-calc((100% - 51rem) / 2 - 2rem);
  width:calc((100% - 51rem) / 2 - 2rem);
}
@media all and (min-width: 48em) and (max-width: 72.125em){
  .vacation__content__item form .actions,
  .vacation__content__item form .add-actions,
  .vacation__content__item form .edit-actions{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(50% - 2rem);
        -ms-flex:0 1 calc(50% - 2rem);
            flex:0 1 calc(50% - 2rem);
    width:-webkit-calc(50% - 2rem);
    width:calc(50% - 2rem);
  }
}
@media all and (max-width: 47.9375em){
  .vacation__content__item form .actions,
  .vacation__content__item form .add-actions,
  .vacation__content__item form .edit-actions{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
  }
}
.vacation__content__item form label{
  display:none;
  color:#2f2f8b;
  font-size:1.4rem;
  font-weight:500;
  line-height:1.4;
}
@media all and (max-width: 72.125em){
  .vacation__content__item form label{
    display:block;
  }
}
@media all and (max-width: 35.4375em){
  .vacation__content__item form label{
    font-size:1.3rem;
  }
}
.vacation__content__item .ui-multiselect{
  cursor:not-allowed;
}
@media all and (max-width: 47.9375em){
  .vacation__content__item .ui-multiselect{
    width:100% !important;
  }
}
.vacation__content__item .ui-multiselect.is-active{
  cursor:default;
}
.vacation__content__item .form--add .ui-multiselect{
  cursor:default;
}
.vacation__content__item .actions,
.vacation__content__item .add-actions,
.vacation__content__item .edit-actions{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
          justify-content:flex-end;
}
.vacation__content__item .actions .btn,
.vacation__content__item .actions .btn-link,
.vacation__content__item .add-actions .btn,
.vacation__content__item .add-actions .btn-link,
.vacation__content__item .edit-actions .btn,
.vacation__content__item .edit-actions .btn-link{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}
.vacation__content__item .actions .btn,
.vacation__content__item .add-actions .btn,
.vacation__content__item .edit-actions .btn{
  min-width:9.6rem;
}
.vacation__content__item .actions .btn-link,
.vacation__content__item .add-actions .btn-link,
.vacation__content__item .edit-actions .btn-link{
  min-width:7.5rem;
}
@media all and (min-width: 72.1875em) and (max-width: 84.625em){
  .vacation__content__item .actions,
  .vacation__content__item .add-actions,
  .vacation__content__item .edit-actions{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-flow:column wrap;
        -ms-flex-flow:column wrap;
            flex-flow:column wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
  }
  .vacation__content__item .actions .btn,
  .vacation__content__item .add-actions .btn,
  .vacation__content__item .edit-actions .btn{
    margin-right:0;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
  }
  .vacation__content__item .actions .btn-link,
  .vacation__content__item .add-actions .btn-link,
  .vacation__content__item .edit-actions .btn-link{
    margin-top:1rem;
  }
}
@media all and (max-width: 72.125em){
  .vacation__content__item .actions,
  .vacation__content__item .add-actions,
  .vacation__content__item .edit-actions{
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
            justify-content:flex-start;
  }
}
.vacation__content__item .btn{
  margin-bottom:0;
  margin-right:2rem;
  padding:1rem 1.5rem;
}
.downloads--general{
  margin-bottom:5rem;
}
@media all and (min-width: 35.5em) and (max-width: 61.1875em){
  .downloads--general{
    margin-bottom:3rem;
  }
}
@media all and (max-width: 35.4375em){
  .downloads--general{
    margin-bottom:2rem;
  }
}

.download-items{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
}

.download-item{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(50% - 1.5rem);
      -ms-flex:0 1 calc(50% - 1.5rem);
          flex:0 1 calc(50% - 1.5rem);
  width:-webkit-calc(50% - 1.5rem);
  width:calc(50% - 1.5rem);
  margin-bottom:1.5rem;
  background-color:#ffffff;
  border-radius:0.5rem;
  -webkit-box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
          box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
}
@media all and (max-width: 35.4375em){
  .download-item{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
  }
}

.download-item__link{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  overflow:hidden;
  position:relative;
  height:100%;
  padding:1.5rem 3rem;
  text-decoration:none;
  border-radius:0.5rem;
}
.download-item__link::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:0.5rem;
  background-color:#f8b000;
  -webkit-transform:translateX(-0.6rem);
      -ms-transform:translateX(-0.6rem);
          transform:translateX(-0.6rem);
  -webkit-transition:background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition:background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition:transform 0.2s ease, background-color 0.2s ease;
  transition:transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
}
.download-item__link:hover::before, .download-item__link:focus::before{
  background-color:#d39500;
  -webkit-transform:translateX(0);
      -ms-transform:translateX(0);
          transform:translateX(0);
}
.download-item__link:hover .download-item__link__icon path, .download-item__link:focus .download-item__link__icon path{
  fill:#d39500;
}
@media all and (max-width: 35.4375em){
  .download-item__link{
    padding:1rem 2rem;
  }
}

.download-item__link__icon{
  -webkit-box-flex:0;
  -webkit-flex:0 1 1.6rem;
      -ms-flex:0 1 1.6rem;
          flex:0 1 1.6rem;
  width:1.6rem;
  margin-right:2rem;
}
.download-item__link__icon path{
  -webkit-transition:fill 0.2s ease;
  transition:fill 0.2s ease;
}

.download-item__link__text{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(100% - 3.6rem);
      -ms-flex:0 1 calc(100% - 3.6rem);
          flex:0 1 calc(100% - 3.6rem);
  width:-webkit-calc(100% - 3.6rem);
  width:calc(100% - 3.6rem);
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:500;
}
@media all and (min-width: 35.5em) and (max-width: 61.1875em){
  .download-item__link__text{
    font-size:1.4rem;
  }
}
@media all and (max-width: 35.4375em){
  .download-item__link__text{
    font-size:1.3rem;
  }
}

.page--downloads__video{
  max-width:64rem;
  width:100%;
  margin-top:2.5rem;
}

.page--downloads__video-list__item{
  position:relative;
  padding-bottom:56.25%;
  height:0;
}
.page--downloads__video-list__item iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.order-history__filter{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  margin-bottom:4rem;
}
@media all and (max-width: 29.9375em){
  .order-history__filter{
    margin-bottom:2.5rem;
  }
}

.order-history__filter__label{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  margin-right:1rem;
  color:#9394c2;
  font-size:1.3rem;
  font-weight:bold;
}

input.order-history__filter__date{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  width:20rem;
  max-width:100%;
  margin-right:2rem;
}
@media all and (max-width: 29.9375em){
  input.order-history__filter__date{
    margin-right:0;
  }
}

.order-history__filter__reset{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  display:inline-block;
  text-decoration:none;
}
@media all and (max-width: 29.9375em){
  .order-history__filter__reset{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    margin-top:1.25rem;
  }
}
.order-history__filter__reset:hover span, .order-history__filter__reset:focus span{
  color:#d39500;
}
.order-history__filter__reset.disabled{
  opacity:0.2;
  text-decoration:none;
  pointer-events:none;
}
.order-history__filter__reset svg{
  display:inline-block;
}
.order-history__filter__reset span{
  display:inline-block;
  margin-left:0.2rem;
  font-size:1.3rem;
  font-weight:bold;
  color:#f8b000;
  text-decoration:underline;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}

.order-history__list__item{
  overflow:hidden;
  display:block;
  position:relative;
  margin-bottom:2rem;
  border-radius:0.5rem;
}
.order-history__list__item::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:0.5rem;
  background-color:#2f2f8b;
}
.order-history__list__item:last-child{
  margin-bottom:0;
}

.order-history__list__item__link{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  padding:1.3rem 2rem;
  background-color:#ffffff;
  border:0.2rem solid #ffffff;
  -webkit-box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
          box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
  border-radius:0.5rem;
  text-decoration:none;
  -webkit-transition:border-color 0.2s ease;
  transition:border-color 0.2s ease;
}
.order-history__list__item__link:hover, .order-history__list__item__link:focus{
  border-color:#2f2f8b;
}
@media all and (max-width: 61.1875em){
  .order-history__list__item__link{
    padding:1.5rem 2rem;
  }
}
@media all and (max-width: 35.4375em){
  .order-history__list__item__link{
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
            justify-content:flex-start;
  }
}

.order-history__list__item__date{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  color:#2f2f8b;
  font-size:1.6rem;
  font-weight:bold;
}
.order-history__list__item__date span{
  padding-right:4rem;
}
@media all and (max-width: 61.1875em){
  .order-history__list__item__date{
    font-size:1.4rem;
  }
  .order-history__list__item__date span{
    padding-right:2rem;
  }
}
@media all and (max-width: 35.4375em){
  .order-history__list__item__date{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    margin-bottom:1rem;
    font-size:1.3rem;
    font-weight:bold;
  }
  .order-history__list__item__date span{
    padding-right:0;
  }
}

.order-history__list__item__link-text{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  display:inline-block;
  color:#f8b000;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:underline;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}
.order-history__list__item__link-text:hover{
  color:#d39500;
}
@media all and (max-width: 61.1875em){
  .order-history__list__item__link-text{
    font-size:1.2rem;
  }
}
@media all and (max-width: 35.4375em){
  .order-history__list__item__link-text{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
  }
}
.ohd__back-link{
  display:inline-block;
  color:#f8b000;
  background-color:transparent;
  border:none;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
  margin-bottom:2.5rem;
  text-decoration:none;
}
.ohd__back-link:hover, .ohd__back-link:focus{
  color:#d39500;
}
.ohd__back-link:disabled, .ohd__back-link.disabled{
  opacity:0.2;
  pointer-events:none;
}
@media all and (max-width: 61.1875em){
  .ohd__back-link{
    font-size:1.2rem;
  }
}
@media all and (max-width: 47.9375em){
  .ohd__back-link{
    margin-bottom:1rem;
  }
}

.ohd__back-link__icon{
  display:inline-block;
  margin-right:1rem;
}

.ohd__back-link__text{
  display:inline-block;
  text-decoration:underline;
}

.ohd__header{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  margin-bottom:2rem;
}
@media all and (max-width: 47.9375em){
  .ohd__header{
    margin-bottom:0;
  }
}

.ohd__title{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  padding-top:0.5rem;
  padding-bottom:1rem;
}
.ohd__title span{
  padding-right:4rem;
}
@media all and (max-width: 47.9375em){
  .ohd__title span{
    padding-right:0;
  }
}

.ohd__print-link{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  padding:1rem 3rem;
}
@media all and (max-width: 29.9375em){
  .ohd__print-link{
    width:100%;
    margin-top:0.5rem;
    padding:0.75rem 2rem;
  }
}

.ohd__content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row nowrap;
      -ms-flex-flow:row nowrap;
          flex-flow:row nowrap;
  margin-bottom:1rem;
}
@media all and (max-width: 47.9375em){
  .ohd__content{
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
  }
}

.ohd__content__item{
  -webkit-box-flex:-webkit-calc(33.3333333333% - 2rem);
  -webkit-flex:-webkit-calc(33.3333333333% - 2rem);
      -ms-flex:calc(33.3333333333% - 2rem);
          flex:calc(33.3333333333% - 2rem);
  width:-webkit-calc(33.3333333333% - 2rem);
  width:calc(33.3333333333% - 2rem);
  margin:0 3rem 3rem 0;
  background-color:#ffffff;
  -webkit-box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
          box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
  border-radius:0.5rem;
}
.ohd__content__item:nth-child(3n){
  margin-right:0;
}
@media all and (max-width: 47.9375em){
  .ohd__content__item{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
    margin:0 0 1.5rem 0;
  }
}

.ohd__content__item__inner{
  padding:2rem 3rem;
}
@media all and (max-width: 47.9375em){
  .ohd__content__item__inner{
    padding:2rem;
  }
}

.ohd__content__item__title{
  color:#9394c2;
  font-size:1.2rem;
  font-weight:bold;
  letter-spacing:0.12rem;
  text-transform:uppercase;
}

.ohd__content__block{
  padding:2rem 0;
  border-bottom:0.1rem solid #dfdfdf;
}
.ohd__content__block:last-child{
  padding-bottom:0;
  border-bottom:none;
}

.ohd__content__block__title{
  margin-bottom:2rem;
  font-size:1.5rem;
  font-weight:bold;
}
@media all and (max-width: 61.1875em){
  .ohd__content__block__title{
    font-size:1.4rem;
  }
}
@media all and (max-width: 47.9375em){
  .ohd__content__block__title{
    margin-bottom:1rem;
  }
}

.ohd__content__block__address{
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:500;
  line-height:1.7;
}
@media all and (max-width: 61.1875em){
  .ohd__content__block__address{
    font-size:1.4rem;
  }
}

.ohd__content__block__codes{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
}

.ohd__content__block__code{
  -webkit-box-flex:0;
  -webkit-flex:0 1 50%;
      -ms-flex:0 1 50%;
          flex:0 1 50%;
  margin-bottom:0.5rem;
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:500;
}
.ohd__content__block__code span{
  padding-right:1rem;
}
@media all and (max-width: 61.1875em){
  .ohd__content__block__code{
    font-size:1.4rem;
  }
}

.ohd__overview__item{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  margin-bottom:3.5rem;
}
@media all and (max-width: 61.1875em){
  .ohd__overview__item{
    margin-bottom:2rem;
  }
}

.ohd__overview__table{
  -webkit-box-flex:0;
  -webkit-flex:0 1 100%;
      -ms-flex:0 1 100%;
          flex:0 1 100%;
  width:100%;
  overflow:hidden;
  border:0.2rem solid #f3f3f6;
  border-radius:0.5rem;
}

.ohd__overview__header{
  position:relative;
  z-index:50;
  width:100%;
  margin:0;
  padding:1.5rem 10rem 1.5rem 5rem;
  background-color:#2f2f8b;
  border:none;
}
@media all and (max-width: 68.6875em){
  .ohd__overview__header{
    padding:1.5rem 4rem 1.5rem 1.5rem;
  }
}
@media all and (max-width: 61.1875em){
  .ohd__overview__header{
    text-align:left;
  }
}

.ohd__overview__subtitle{
  color:#ffffff;
  font-size:1.6rem;
  font-weight:bold;
}

.ohd__overview__content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  background-color:#ffffff;
  border-top:0.1rem solid #dfdfdf;
}

.ohd__overview__product{
  -webkit-box-flex:0;
  -webkit-flex:0 1 70%;
      -ms-flex:0 1 70%;
          flex:0 1 70%;
}
@media all and (max-width: 68.6875em){
  .ohd__overview__product{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
  }
}

.ohd__overview__menu{
  -webkit-box-flex:0;
  -webkit-flex:0 1 30%;
      -ms-flex:0 1 30%;
          flex:0 1 30%;
  background-color:#dfdfdf;
}
@media all and (max-width: 68.6875em){
  .ohd__overview__menu{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    border-top:0.1rem solid #dfdfdf;
  }
}

.ohd__overview__menu__inner{
  padding:3.5rem 4rem;
}
@media all and (max-width: 68.6875em){
  .ohd__overview__menu__inner{
    padding:2rem 3rem;
  }
}
@media all and (max-width: 29.9375em){
  .ohd__overview__menu__inner{
    padding:1.5rem;
  }
}

.ohd__overview__product{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
}

.ohd__overview__type{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(50% - 0.1rem);
      -ms-flex:0 1 calc(50% - 0.1rem);
          flex:0 1 calc(50% - 0.1rem);
  width:-webkit-calc(50% - 0.1rem);
  width:calc(50% - 0.1rem);
  border-right:0.1rem solid #dfdfdf;
}
@media all and (max-width: 68.6875em){
  .ohd__overview__type{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(40% - 0.1rem);
        -ms-flex:0 1 calc(40% - 0.1rem);
            flex:0 1 calc(40% - 0.1rem);
    width:-webkit-calc(40% - 0.1rem);
    width:calc(40% - 0.1rem);
  }
}

.ohd__overview__number{
  -webkit-box-flex:0;
  -webkit-flex:0 1 50%;
      -ms-flex:0 1 50%;
          flex:0 1 50%;
}
@media all and (max-width: 68.6875em){
  .ohd__overview__number{
    -webkit-box-flex:0;
    -webkit-flex:0 1 60%;
        -ms-flex:0 1 60%;
            flex:0 1 60%;
  }
}

.ohd__overview__type,
.ohd__overview__number{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-flow:column wrap;
      -ms-flex-flow:column wrap;
          flex-flow:column wrap;
  overflow:hidden;
}

.ohd__overview__type__content{
  min-height:9.5rem;
}

.ohd__overview__number__content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  min-height:9.5rem;
}
@media all and (max-width: 68.6875em){
  .ohd__overview__number__content{
    text-align:center;
  }
}

.ohd__overview__type__title,
.ohd__overview__number__title{
  -webkit-box-flex:0;
  -webkit-flex:0 1 4.4rem;
      -ms-flex:0 1 4.4rem;
          flex:0 1 4.4rem;
  padding:1.2rem 2rem 1.2rem 5rem;
  color:#63638b;
  border-bottom:0.1rem solid #dfdfdf;
  font-size:1.2rem;
  font-weight:600;
  text-transform:uppercase;
  text-align:center;
  letter-spacing:0.1rem;
}
@media all and (max-width: 68.6875em){
  .ohd__overview__type__title,
  .ohd__overview__number__title{
    padding:1.2rem 1.5rem;
  }
}

.ohd__overview__type__contents,
.ohd__overview__number__contents{
  -webkit-box-flex:1;
  -webkit-flex:1 1 -webkit-calc(100% - 4.4rem);
      -ms-flex:1 1 calc(100% - 4.4rem);
          flex:1 1 calc(100% - 4.4rem);
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-flow:column wrap;
      -ms-flex-flow:column wrap;
          flex-flow:column wrap;
}

.ohd__overview__type__content,
.ohd__overview__number__content{
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  padding:2.5rem 2rem 2.5rem 5rem;
  border-bottom:0.1rem solid #dfdfdf;
}
.ohd__overview__type__content:last-child,
.ohd__overview__number__content:last-child{
  border-bottom:0;
}
@media all and (min-width: 30em) and (max-width: 68.6875em){
  .ohd__overview__type__content,
  .ohd__overview__number__content{
    padding:2.5rem 1.5rem;
  }
}
@media all and (max-width: 29.9375em){
  .ohd__overview__type__content,
  .ohd__overview__number__content{
    padding:1.5rem 1.5rem;
  }
}

.ohd__overview__number__content{
  padding-left:2rem;
  color:#2f2f8b;
  font-weight:bold;
  -webkit-justify-content:space-around;
      -ms-flex-pack:distribute;
          justify-content:space-around;
}
@media all and (min-width: 30em) and (max-width: 68.6875em){
  .ohd__overview__number__content{
    padding-left:1.5rem;
  }
}
@media all and (max-width: 29.9375em){
  .ohd__overview__number__content{
    padding-left:0.5rem;
  }
}

.ohd__overview__content__title,
.ohd__overview__content__vrac,
.ohd__overview__content__unit{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  padding:0 1rem;
}
@media all and (max-width: 68.6875em){
  .ohd__overview__content__title,
  .ohd__overview__content__vrac,
  .ohd__overview__content__unit{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    padding:0;
  }
}

.ohd__overview__content__title{
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:bold;
}
@media all and (max-width: 68.6875em){
  .ohd__overview__content__title{
    margin-bottom:1rem;
  }
}
@media all and (max-width: 68.6875em){
  .ohd__overview__content__vrac{
    margin-bottom:1rem;
  }
}

.ohd__overview__content__vrac,
.ohd__overview__content__unit{
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:500;
}

.ohd__overview__content__type__title{
  display:none;
  width:100%;
  margin-bottom:1rem;
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:bold;
}
.ohd__overview__menu__title{
  margin-bottom:2rem;
  color:#63638b;
  font-size:1.2rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.1rem;
}
@media all and (max-width: 68.6875em){
  .ohd__overview__menu__title{
    margin-bottom:1.5rem;
  }
}

.ohd__overview__menu__content{
  color:#2f2f8b;
  font-size:1.4rem;
  font-weight:500;
}
.news__overview{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  margin-right:-1.5rem;
  margin-left:-1.5rem;
}

.news__overview__item{
  -webkit-box-flex:0;
  -webkit-flex:0 1 -webkit-calc(25% - 3rem);
      -ms-flex:0 1 calc(25% - 3rem);
          flex:0 1 calc(25% - 3rem);
  width:-webkit-calc(25% - 3rem);
  width:calc(25% - 3rem);
  margin-right:1.5rem;
  margin-left:1.5rem;
  margin-bottom:3rem;
}
@media all and (min-width: 48em) and (max-width: 88.6875em){
  .news__overview__item{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(33.33% - 3rem);
        -ms-flex:0 1 calc(33.33% - 3rem);
            flex:0 1 calc(33.33% - 3rem);
    width:-webkit-calc(33.33% - 3rem);
    width:calc(33.33% - 3rem);
  }
}
@media all and (max-width: 68.6875em){
  .news__overview__item{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(50% - 3rem);
        -ms-flex:0 1 calc(50% - 3rem);
            flex:0 1 calc(50% - 3rem);
    width:-webkit-calc(50% - 3rem);
    width:calc(50% - 3rem);
    margin-bottom:2rem;
  }
}
@media all and (max-width: 35.4375em){
  .news__overview__item{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
  }
}

.news__overview__item{
  overflow:hidden;
  background-color:#ffffff;
  border-radius:0.5rem;
  -webkit-box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
          box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
}

.teaser{
  display:block;
  text-decoration:none;
}
.teaser:hover .teaser__link-text, .teaser:focus .teaser__link-text{
  color:#d39500;
  text-decoration:none;
}
.teaser:hover .teaser__image__inner, .teaser:focus .teaser__image__inner{
  -webkit-transform:scale(1.025);
      -ms-transform:scale(1.025);
          transform:scale(1.025);
}

.teaser__image{
  overflow:hidden;
  height:13.5rem;
}

.teaser__image__inner{
  height:100%;
  background-color:#dfdfdf;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  -webkit-transform:scale(1);
      -ms-transform:scale(1);
          transform:scale(1);
  -webkit-transition:-webkit-transform 0.2s ease;
  transition:-webkit-transform 0.2s ease;
  transition:transform 0.2s ease;
  transition:transform 0.2s ease, -webkit-transform 0.2s ease;
}

.teaser__date{
  position:relative;
  z-index:10;
  margin-top:-1.5rem;
}
.teaser__date span{
  display:inline-block;
  margin-right:1.5rem;
  margin-left:1.5rem;
  padding:0.4rem 0.7rem;
  color:#2f2f8b;
  background-color:#d1d1e4;
  font-size:1.1rem;
  font-weight:500;
}

.teaser__content{
  padding:2rem 1.5rem;
  background-color:#ffffff;
}

.teaser__title{
  margin-bottom:1rem;
  padding-bottom:1rem;
  border-bottom:0.1rem solid #eeeef3;
  color:#2f2f8b;
  font-size:1.4rem;
  font-weight:900;
}

.teaser__text{
  margin-bottom:1.5rem;
  color:#2f2f8b;
  font-size:1.3rem;
  line-height:1.7;
}

.teaser__link-text{
  color:#f8b000;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:underline;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}
@media all and (max-width: 61.1875em){
  .teaser__link-text{
    font-size:1.2rem;
  }
}
.menu-container{
  width:100%;
  max-width:127rem;
  margin-left:auto;
  margin-right:auto;
  padding-left:2.3rem;
  padding-right:2.3rem;
}

.print-menu{
  display:none;
}

.menu-banner{
  background:-webkit-gradient(linear, left top, right top, from(rgb(47, 47, 139)), color-stop(40%, rgb(47, 47, 139)), color-stop(140%, rgba(47, 47, 139, 0))) !important;
  background:linear-gradient(90deg, rgb(47, 47, 139) 0%, rgb(47, 47, 139) 40%, rgba(47, 47, 139, 0) 140%) !important;
  position:relative;
  overflow:hidden;
}
@media all and (max-width: 47.9375em){
  .menu-banner{
    background-color:#2f2f8b;
    padding:3.2rem 0;
  }
}

img.menu-banner__image{
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:center;
     object-position:center;
  z-index:1;
}

.menu-banner__content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-flow:column wrap;
      -ms-flex-flow:column wrap;
          flex-flow:column wrap;
  padding:5.6rem 0 4.8rem;
  position:relative;
  z-index:2;
}
.menu-banner__content .subtitle{
  color:#f8b000;
  font-family:"Allura", "Times New Roman", serif;
  font-size:8.083rem;
  font-weight:400;
  line-height:1;
}
@media all and (max-width: 61.1875em){
  .menu-banner__content .subtitle{
    font-size:5.05188rem;
    font-style:normal;
    font-weight:400;
    line-height:normal;
  }
}
.menu-banner__content h1{
  color:#ffffff;
}

.menu-message{
  background-size:4.2rem;
  background-color:#ffffff;
  background-image:url("../img/icon__info-big.svg");
  background-repeat:no-repeat;
  background-position:left 2.9rem center;
  margin-bottom:5rem;
  padding:2rem 8rem 2rem 10rem;
  color:#2f2f8b;
  border-radius:0.8rem;
  border-left:1rem solid #2f2f8b;
  -webkit-box-shadow:1.1rem 1.2rem 2rem 0 rgba(34, 34, 34, 0.03);
          box-shadow:1.1rem 1.2rem 2rem 0 rgba(34, 34, 34, 0.03);
}
.menu-message h2{
  margin-bottom:1.4rem;
}
@media all and (max-width: 47.9375em){
  .menu-message{
    background-size:3rem;
    background-position:left 2rem top 2rem;
    padding:6rem 2rem 2rem 2rem;
  }
}

@media screen{
  .weeks{
    padding:3.6rem 0;
  }
}

.week{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr;
  margin-bottom:5rem;
}
.week:last-child{
  margin-bottom:0;
}
@media all and (max-width: 47.9375em){
  .week{
    grid-template-columns:1fr;
  }
}

.day{
  background-color:#ffffff;
  color:#2f2f8b;
  border:0.1rem solid #D2D2E9;
  border-left-width:0;
}
@media all and (max-width: 47.9375em){
  .day{
    margin-bottom:1.4rem;
    border-left-width:0.1rem;
    border-radius:0.8rem;
  }
}
.day:hover .day__inner{
  background-color:rgba(248, 176, 0, 0.1);
  outline:0.1rem solid #f8b000;
}
.day:first-child{
  border-left-width:0.1rem;
  border-radius:0.8rem 0 0 0.8rem;
}
@media all and (max-width: 47.9375em){
  .day:first-child{
    border-radius:0.8rem;
  }
}
.day:first-child .day__inner{
  border-radius:0.8rem 0 0 0.8rem;
}
@media all and (max-width: 47.9375em){
  .day:first-child .day__inner{
    border-radius:0.8rem;
  }
}
.day:last-child{
  border-radius:0 0.8rem 0.8rem 0;
}
@media all and (max-width: 47.9375em){
  .day:last-child{
    border-radius:0.8rem;
  }
}
.day:last-child .day__inner{
  border-radius:0 0.8rem 0.8rem 0;
}
@media all and (max-width: 47.9375em){
  .day:last-child .day__inner{
    border-radius:0.8rem;
  }
}

.day__inner{
  height:100%;
}
@media all and (max-width: 47.9375em){
  .day__inner{
    border-radius:0.8rem;
  }
}

.day__header{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  gap:2rem;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  padding:2rem 1.7rem;
  border-bottom:0.1rem solid #D2D2E9;
}

.day__header--day{
  font-weight:800;
  text-transform:uppercase;
}

.day__header--date{
  font-size:1.4rem;
  font-style:italic;
}

.day__content{
  font-size:1.3rem;
  font-weight:600;
}

.day__content--item.filtered-allergy{
  position:relative;
  z-index:1;
}
.day__content--item.filtered-allergy::before{
  content:"";
  width:-webkit-calc(100% + 2rem);
  width:calc(100% + 2rem);
  height:3rem;
  background-size:100%;
  background-image:url("../img/icon__allergy.svg");
  background-repeat:no-repeat;
  background-position:center center;
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}

.day__content--tooltip{
  -webkit-box-flex:0;
  -webkit-flex:none;
      -ms-flex:none;
          flex:none;
  background-size:contain;
  background-image:url("../img/icon__info.svg");
  background-repeat:no-repeat;
  background-position:center center;
  width:1.4rem;
  height:1.4rem;
  position:relative;
}
.day__content--tooltip:focus .day__content--tooltip-content, .day__content--tooltip:hover .day__content--tooltip-content{
  -webkit-transition:opacity 0.3s linear;
  transition:opacity 0.3s linear;
  top:-webkit-calc(100% + 0.8rem);
  top:calc(100% + 0.8rem);
  opacity:1;
}
.day__content--tooltip.no-tooltip-content{
  -webkit-filter:grayscale(1);
          filter:grayscale(1);
  opacity:0.5;
  pointer-events:none;
}

.day__content--tooltip-content{
  background-color:#ffffff;
  min-width:28rem;
  padding:1.2rem 2.4rem;
  color:#505053;
  font-size:1.4rem;
  line-height:2.4rem;
  font-weight:500;
  border-radius:0.8rem;
  -webkit-box-shadow:0 0.4rem 6.8rem 0 rgba(34, 34, 34, 0.1);
          box-shadow:0 0.4rem 6.8rem 0 rgba(34, 34, 34, 0.1);
  position:absolute;
  z-index:1;
  top:-999rem;
  right:0;
  opacity:0;
}
@media all and (max-width: 35.4375em){
  .day__content--tooltip-content{
    min-width:24rem;
  }
}
.day__content--tooltip-content ul{
  list-style:disc;
  padding-left:1.5rem;
}

.day__content--highlight{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  gap:1rem;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-top:1rem;
  padding:0.6rem 1.2rem;
  border-radius:0.4rem;
}
.day__content--highlight span{
  color:#ffffff;
  text-shadow:0 0.1rem 0.1rem rgba(34, 34, 34, 0.5);
}
.day__content--highlight img{
  height:2.5rem;
}

.day__content--soup{
  padding:1.4rem 1.7rem;
  border-bottom:0.1rem solid #D2D2E9;
}
.day__content--soup > ul > li{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.day__content--soup > ul > li:not(:last-child){
  margin-bottom:1.4rem;
}

.day__content--menu{
  padding:1.4rem 1.7rem;
}
.day__content--menu > ul > li{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.day__content--menu > ul > li:not(:last-child){
  margin-bottom:1.4rem;
}

.allergies{
  background-color:#ffffff;
}

.menu-wrapper{
  background:#FBFBFF;
}

.menu-content{
  padding:3.2rem 0 5rem 0;
  border-top:0.1rem solid #D2D2E9;
}
.menu-content:has(.pagination){
  padding-top:0;
}

.day__header--icon img{
  width:3.7rem;
}

@media print{
  @page{
    margin:0.5cm;
  }
  *,
  *::before,
  *::after{
    color:#2f2f8b !important;
  }
  body{
    -webkit-print-color-adjust:exact !important;
    color-adjust:exact !important;
  }
  .print-menu{
    display:block;
  }
  .sf-toolbar,
  .allergies,
  .responsive-menu,
  .print{
    display:none !important;
    height:0 !important;
    line-height:0 !important;
    font-size:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .menu-header{
    margin-bottom:5mm;
    border:0;
  }
  .header__logo,
  .header__navigation,
  .header__inner,
  .logo__link,
  .menu-content{
    padding:0;
  }
  .header__logo,
  .header__navigation{
    width:auto;
    border:0;
  }
  .logo__link__image{
    max-width:33mm;
    width:33mm;
  }
  .name{
    margin-right:0;
  }
  .name__label{
    padding:1.5mm 3.7mm;
    font-size:8pt;
    font-weight:normal;
  }
  .menu-message{
    display:block;
  }
  .menu-container{
    max-width:100%;
    margin:0;
    padding:0;
  }
  .menu-banner{
    margin-bottom:5mm;
    padding:0;
    color:#ffffff !important;
  }
  .menu-banner__content{
    padding:4mm;
  }
  .subtitle{
    color:#f8b000 !important;
  }
  h1{
    color:#ffffff !important;
  }
  .menu-wrapper{
    margin-bottom:2cm;
  }
  .day__header--icon img{
    width:8mm;
  }
  .menu-content .week{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    -webkit-column-break-inside:avoid;
       -moz-column-break-inside:avoid;
            break-inside:avoid;
    margin-bottom:2.5mm;
  }
  .menu-content .day{
    border-left-width:0;
    border-radius:0;
  }
  .menu-content .day:first-child{
    border-left-width:0.1rem;
    border-radius:0.8rem 0 0 0.8rem;
  }
  .menu-content .day:last-child{
    border-radius:0 0.8rem 0.8rem 0;
  }
  .menu-content .day__header{
    gap:0.5rem;
    padding:0.5rem;
  }
  .menu-content .day__header--icon{
    width:1.6rem;
  }
  .menu-content .day__header--day{
    font-size:1.3rem;
  }
  .menu-content .day__header--date{
    font-size:1rem;
  }
  .menu-content .day__content{
    font-size:1.1rem;
    font-weight:normal;
    word-break:break-word;
  }
  .menu-content .day__content--soup,
  .menu-content .day__content--menu{
    padding:0.5rem;
  }
  .menu-content .day__content--soup > ul > li:not(:last-child),
  .menu-content .day__content--menu > ul > li:not(:last-child){
    margin-bottom:0.5rem;
  }
  .menu-content .day__content--highlight span{
    color:#ffffff !important;
    font-weight:bold;
    text-shadow:0 0.1rem 0.1rem rgba(34, 34, 34, 0.5) !important;
  }
  .menu-message{
    background-color:#F7F7FD !important;
    padding:2rem 6rem;
    border:0.1rem solid #E8E8F4;
    border-left:1rem solid #2f2f8b;
  }
  .print-header__date,
  .print-day__date{
    -webkit-box-flex:0;
    -webkit-flex-grow:0;
        -ms-flex-positive:0;
            flex-grow:0;
    -webkit-flex-shrink:0;
        -ms-flex-negative:0;
            flex-shrink:0;
    width:15%;
    padding:2mm 2mm 2mm;
  }
  .print-header__menu-allergies,
  .print-day__menu-allergies{
    width:45%;
    -webkit-box-flex:0;
    -webkit-flex-grow:0;
        -ms-flex-positive:0;
            flex-grow:0;
    -webkit-flex-shrink:0;
        -ms-flex-negative:0;
            flex-shrink:0;
    padding:0;
  }
  .print-header__time, .print-header__temperature, .print-header__action-taken, .print-header__name-signature,
  .print-day__time,
  .print-day__temperature,
  .print-day__action-taken,
  .print-day__name-signature{
    -webkit-box-flex:0;
    -webkit-flex-grow:0;
        -ms-flex-positive:0;
            flex-grow:0;
    -webkit-flex-shrink:0;
        -ms-flex-negative:0;
            flex-shrink:0;
    width:10%;
    padding:2mm;
  }
  .print-header{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
        -ms-flex-align:stretch;
            align-items:stretch;
    width:100%;
    font-size:8pt;
    font-style:italic;
    border-bottom:0.1rem solid #D2D2E9;
  }
  .print-header > div{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
        -ms-flex-align:end;
            align-items:flex-end;
  }
  .print-header > div:not(:last-child){
    border-right:0.1rem solid #D2D2E9;
  }
  .print-header__menu-allergies > div{
    -webkit-flex-basis:50%;
        -ms-flex-preferred-size:50%;
            flex-basis:50%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
        -ms-flex-align:end;
            align-items:flex-end;
    height:100%;
    padding:2mm;
  }
  .print-header__menu{
    border-right:0.1rem solid #D2D2E9;
  }
  .print-weeks{
    font-size:1.4rem;
    page-break-after:always;
  }
  .print-week{
    margin-bottom:5rem;
    page-break-before:always;
    -webkit-column-break-inside:avoid;
       -moz-column-break-inside:avoid;
            break-inside:avoid;
    font-size:10pt;
    line-height:1.25;
  }
  .print-day{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
    width:100%;
    -webkit-column-break-inside:avoid;
       -moz-column-break-inside:avoid;
            break-inside:avoid;
  }
  .print-day:not(:last-child){
    border-bottom:0.1rem solid #D2D2E9;
  }
  .print-day > div:not(:last-child){
    border-right:0.1rem solid #D2D2E9;
  }
  .print-day__menu-allergies-item{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
  }
  .print-day__menu-allergies-item:not(:last-child){
    border-bottom:0.1rem dotted rgba(210, 210, 233, 0.25);
  }
  .print-day__menu-allergies-item:first-child > div{
    padding-top:1.1rem;
  }
  .print-day__menu-allergies-item:last-child > div{
    padding-bottom:1.1rem;
  }
  .print-day__menu-allergies-item > div{
    -webkit-flex-basis:50%;
        -ms-flex-preferred-size:50%;
            flex-basis:50%;
    padding:0.5rem 1.1rem;
  }
  .print-day__menu{
    border-right:0.1rem solid #D2D2E9;
  }
  .print-day__date--icon{
    margin-bottom:1.3rem;
  }
  .print-day__date--day{
    font-size:1.6rem;
    font-weight:800;
    text-transform:uppercase;
  }
  .print-day__date--date{
    font-size:1.4rem;
    font-style:italic;
  }
  .print-menu__allergies-info{
    margin:3rem 0 1rem 0;
  }
  .print-menu__allergies-info ul{
    list-style:disc;
    padding-left:4rem;
  }
}
.sticky-bar{
  position:-webkit-sticky;
  position:sticky;
  bottom:2.4rem;
  left:0;
  right:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  gap:0.8rem;
  padding:0 2.4rem;
  margin-top:1.6rem;
  pointer-events:none;
  z-index:10;
}
@media screen and (min-width: 480px){
  .sticky-bar{
    margin-top:-4rem;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
            justify-content:flex-end;
  }
}
.sticky-bar .dialog[open]{
  pointer-events:all;
}
@media screen and (min-width: 768px){
  .sticky-bar{
    padding:0 4.8rem;
  }
}
.sticky-bar__button{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  background:#ffd54f;
  border:none;
  color:#2f2f8b;
  border-radius:50%;
  font-size:0;
  line-height:0;
  font-weight:600;
  padding:0;
  cursor:pointer;
  width:4rem;
  height:4rem;
  pointer-events:initial;
}
.sticky-bar__button span{
  display:none;
  width:0;
  height:0;
}
.sticky-bar__button[class*=icon]::before{
  width:1.6rem;
  height:1.6rem;
  background-color:#2f2f8b;
  -webkit-mask-image:url("../img/icon__allergies.svg");
          mask-image:url("../img/icon__allergies.svg");
  -webkit-mask-size:1.6rem 1.6rem;
          mask-size:1.6rem 1.6rem;
  -webkit-mask-position:center center;
          mask-position:center center;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  content:"";
  display:block;
}
.sticky-bar__button[class*=icon--play]::before{
  -webkit-mask-image:url("../img/icon__play.svg");
          mask-image:url("../img/icon__play.svg");
  width:1.5rem;
  height:1.7rem;
  -webkit-mask-size:1.5rem 1.7rem;
          mask-size:1.5rem 1.7rem;
  margin-left:2px;
}
.sticky-bar__button:hover{
  background:#d39500;
}
@media screen and (min-width: 960px){
  .sticky-bar__button{
    width:auto;
    height:auto;
    border-radius:4rem;
    font-size:1.6rem;
    line-height:2rem;
    padding:0.8rem 1.6rem;
    gap:1.6rem;
  }
  .sticky-bar__button span{
    display:block;
    width:auto;
    height:auto;
  }
}
.allergies{
  min-height:8rem;
  position:relative;
}

.allergies__dialog{
  width:90dvw;
  max-width:64rem;
}
.allergies__dialog .dialog__header h2{
  text-transform:uppercase;
  font-size:1.8rem;
  line-height:2.2rem;
  font-weight:700;
}

.allergies__filters{
  display:grid;
  grid-template-columns:repeat(2, minmax(-webkit-max-content, 1fr));
  grid-template-columns:repeat(2, minmax(max-content, 1fr));
  gap:0.8rem;
}
@media all and (max-width: 35.4375em){
  .allergies__filters{
    grid-template-columns:1fr;
  }
}

.allergies__filters--filter input[type=checkbox]{
  display:none;
}
.allergies__filters--filter input[type=checkbox] + label{
  padding-top:0;
  padding-bottom:0;
  padding-left:2.2rem;
  position:relative;
  cursor:pointer;
  font-size:1.6rem;
  line-height:1.8rem;
  font-weight:600;
  color:#2f2f8b;
}
.allergies__filters--filter input[type=checkbox] + label::before{
  content:"";
  display:block;
  width:1.8rem;
  height:1.8rem;
  position:absolute;
  left:0;
  top:0.2rem;
  border:0.1rem solid #2f2f8b;
  border-radius:0.2rem;
  background:transparent;
  color:#ffffff;
  line-height:1.6rem;
}
.allergies__filters--filter input[type=checkbox]:checked + label::before{
  background-size:contain;
  background-color:#f8b000;
  background-image:url("../img/icon__checkboxcheck.svg");
  background-repeat:no-repeat;
  background-position:center center;
  border-color:#f8b000;
}
.allergies__filters--filter input[type=checkbox]:disabled + label{
  opacity:0.5;
  -webkit-filter:greyscale(1);
          filter:greyscale(1);
  cursor:default;
}

.allergies__info{
  color:#505053;
  font-size:1.4rem;
  line-height:2.4rem;
}
.allergies__info ul{
  list-style:disc;
  list-style-position:outside;
  padding-left:2.2rem;
  font-size:1.4rem;
  line-height:2.4rem;
}
.content-wrapper{
  outline:none;
}

.loggedin .page-content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  position:relative;
}
.loggedin .page-content__navigation{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  width:30rem;
  position:relative;
  z-index:100;
  background-color:#20205A;
}
@media all and (max-width: 61.1875em){
  .loggedin .page-content__navigation{
    -webkit-box-flex:0;
    -webkit-flex:0 1 27rem;
        -ms-flex:0 1 27rem;
            flex:0 1 27rem;
    width:27rem;
    max-width:95%;
    overflow:auto;
    position:absolute;
    z-index:2000;
    top:0;
    bottom:0;
    -webkit-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
            transform:translateX(-100%);
    visibility:hidden;
    opacity:0;
    -webkit-transition:-webkit-transform 0.2s ease;
    transition:-webkit-transform 0.2s ease;
    transition:transform 0.2s ease;
    transition:transform 0.2s ease, -webkit-transform 0.2s ease;
  }
}
.loggedin.responsive-menu-open--animation .page-content__navigation{
  -webkit-transform:translateX(0);
      -ms-transform:translateX(0);
          transform:translateX(0);
}
.loggedin.responsive-menu-open .page-content__navigation{
  visibility:visible;
  opacity:1;
}
.loggedin .page-content__inner{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  width:-webkit-calc(100% - 30rem);
  width:calc(100% - 30rem);
  min-width:0;
  padding:3rem 6rem;
  background-color:#f3f3f6;
}
@media all and (max-width: 61.1875em){
  .loggedin .page-content__inner{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
    padding:2rem 3rem;
  }
}
@media all and (max-width: 47.9375em){
  .loggedin .page-content__inner{
    padding:2rem;
  }
}
.loggedin .page-content__inner .modal--first{
  display:none;
}
@media all and (min-width: 61.25em){
  .navigation-fixed .loggedin .page-content__navigation{
    position:fixed;
    top:0;
    bottom:0;
  }
  .navigation-fixed .loggedin .page-content__inner{
    margin-left:30rem;
  }
}
.loggedin .page-wrapper{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  height:100vh;
}
.loggedin .page-wrapper .header{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}
.loggedin .page-wrapper .page-content{
  -webkit-box-flex:1;
  -webkit-flex:1 0 auto;
      -ms-flex:1 0 auto;
          flex:1 0 auto;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
}
.page__title{
  margin-bottom:2.5rem;
}
@media all and (min-width: 35.5em) and (max-width: 61.1875em){
  .page__title{
    margin-bottom:2rem;
  }
}
@media all and (max-width: 35.4375em){
  .page__title{
    margin-bottom:1.5rem;
  }
}

.page__subtitle{
  margin-bottom:3rem;
  font-size:2.1rem;
  font-weight:900;
}
@media all and (max-width: 61.1875em){
  .page__subtitle{
    margin-bottom:2rem;
    color:#2f2f8b;
    font-size:1.8rem;
  }
}
@media all and (max-width: 35.4375em){
  .page__subtitle{
    margin-bottom:1.5rem;
    font-size:1.6rem;
  }
}

.page__text{
  max-width:70rem;
  margin-bottom:3rem;
  color:#2f2f8b;
  font-size:1.5rem;
  font-weight:500;
  line-height:1.75;
}
@media all and (max-width: 35.4375em){
  .page__text{
    margin-bottom:2rem;
    font-size:1.3rem;
  }
}
.page__text--full-width{
  max-width:none;
}
.cal__title{
  font-size:2.7rem;
}

.cal__title,
.cal__text{
  max-width:52rem;
  width:100%;
  margin-bottom:2rem;
}
.cal__top{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  margin-bottom:1.5rem;
}

.cal__options{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  margin-bottom:1rem;
}

.cal__review{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  margin-bottom:1rem;
}

.cal__content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  margin-bottom:2.5rem;
}
@media all and (max-width: 47.9375em){
  .cal__content{
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
        -ms-flex-align:start;
            align-items:flex-start;
  }
}

.cal__scheme{
  -webkit-box-flex:0;
  -webkit-flex:0 1 39rem;
      -ms-flex:0 1 39rem;
          flex:0 1 39rem;
  width:39rem;
  max-width:100%;
  position:relative;
  margin-right:2.5rem;
  margin-bottom:1rem;
  background-color:#ffffff;
  border-radius:0.5rem;
  -webkit-box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
          box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
}
@media all and (min-width: 35.5em) and (max-width: 72.4375em){
  .cal__scheme{
    -webkit-box-flex:0;
    -webkit-flex:0 1 60%;
        -ms-flex:0 1 60%;
            flex:0 1 60%;
    width:60%;
  }
}
@media all and (max-width: 35.4375em){
  .cal__scheme{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
    margin-right:0;
  }
}

.cal__legend{
  -webkit-box-flex:0;
  -webkit-flex:0 1 30rem;
      -ms-flex:0 1 30rem;
          flex:0 1 30rem;
  width:30rem;
  max-width:100%;
  margin-bottom:1rem;
}
@media all and (min-width: 35.5em) and (max-width: 72.4375em){
  .cal__legend{
    -webkit-box-flex:0;
    -webkit-flex:0 1 -webkit-calc(40% - 2.5rem);
        -ms-flex:0 1 calc(40% - 2.5rem);
            flex:0 1 calc(40% - 2.5rem);
    width:-webkit-calc(40% - 2.5rem);
    width:calc(40% - 2.5rem);
  }
}
@media all and (max-width: 35.4375em){
  .cal__legend{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    width:100%;
  }
}
.cal__options{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}

.cal__options__item{
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
}
@media all and (max-width: 35.4375em){
  .cal__options__item:first-child{
    -webkit-box-flex:0;
    -webkit-flex:0 1 100%;
        -ms-flex:0 1 100%;
            flex:0 1 100%;
    margin-bottom:1rem;
  }
}

.cal__options__label{
  display:block;
  margin-right:2rem;
  color:rgba(47, 47, 139, 0.5);
  font-size:1.1rem;
  font-weight:bold;
}
.cal__options__label::after{
  content:":";
}

.cal__options__btn{
  margin-right:2rem;
  padding:1.2rem 3.2rem;
  color:#2f2f8b;
  background-color:transparent;
  border:none;
  border-radius:1.85rem;
  font-size:1.1rem;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
  -webkit-transition:color 0.2s ease, background-color 0.2s ease;
  transition:color 0.2s ease, background-color 0.2s ease;
}
.cal__options__btn.active, .cal__options__btn:hover, .cal__options__btn:focus{
  color:#ffffff;
  background-color:#2f2f8b;
}
@media all and (max-width: 35.4375em){
  .cal__options__btn{
    margin-bottom:0.5rem;
  }
}
.cal__review__link{
  display:inline-block;
  color:#f8b000;
  background-color:transparent;
  border:none;
  font-size:1.3rem;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}
.cal__review__link:hover, .cal__review__link:focus{
  color:#d39500;
}
.cal__review__link:disabled, .cal__review__link.disabled{
  opacity:0.2;
  pointer-events:none;
}
@media all and (max-width: 61.1875em){
  .cal__review__link{
    font-size:1.2rem;
  }
}
.cal__legend{
  padding:1.5rem 2.5rem;
  background-color:#ffffff;
  border-radius:0.5rem;
  -webkit-box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
          box-shadow:0 0.2rem 2.3rem 0 #eeeef3;
}
.cal__scheme .ui-datepicker{
  padding:1.5rem 2.5rem;
  -webkit-box-shadow:none;
          box-shadow:none;
}
@media all and (max-width: 35.4375em){
  .cal__scheme .ui-datepicker{
    padding:1.5rem 1rem;
  }
}
.cal__scheme .ui-datepicker-header{
  margin-bottom:2rem;
}
.cal__scheme .ui-datepicker-title{
  margin-top:0;
  padding-right:5rem;
  padding-left:0;
  font-size:1.8rem;
  text-align:left;
}
@media all and (max-width: 61.1875em){
  .cal__scheme .ui-datepicker-title{
    font-size:1.6rem;
  }
}
.cal__scheme .ui-datepicker-prev,
.cal__scheme .ui-datepicker-next{
  width:2.8rem;
  height:2.8rem;
  top:1.5rem;
  background-size:6px 10px;
}
.cal__scheme .ui-datepicker-prev{
  right:6.2rem;
  left:auto;
}
@media all and (max-width: 35.4375em){
  .cal__scheme .ui-datepicker-prev{
    right:4.7rem;
  }
}
.cal__scheme .ui-datepicker-next{
  right:2.5rem;
}
@media all and (max-width: 35.4375em){
  .cal__scheme .ui-datepicker-next{
    right:1rem;
  }
}
.cal__scheme .ui-datepicker-calendar th{
  padding-bottom:1rem;
  font-size:1.1rem;
}
@media all and (max-width: 61.1875em){
  .cal__scheme .ui-datepicker-calendar th{
    font-size:1rem;
  }
}
.cal__scheme .ui-datepicker-calendar td{
  padding:0.4rem;
  font-size:1.4rem;
  font-weight:500;
}
@media all and (max-width: 61.1875em){
  .cal__scheme .ui-datepicker-calendar td{
    font-size:1.3rem;
  }
}
.cal__scheme .ui-datepicker-calendar td span, .cal__scheme .ui-datepicker-calendar td a{
  width:2.8rem;
  height:2.8rem;
}
.cal__scheme .ui-datepicker-calendar td a{
  border-color:#dfdfdf;
}
.cal__scheme .ui-datepicker-calendar td a:hover, .cal__scheme .ui-datepicker-calendar td a:focus{
  border-color:#9394c2;
}
.cal__scheme .ui-datepicker-calendar td.ui-datepicker-today span, .cal__scheme .ui-datepicker-calendar td.ui-datepicker-today a{
  border-color:#2f2f8b;
  color:#2f2f8b;
  background-color:#ffffff;
  font-weight:bold;
}
.cal__scheme .ui-datepicker-calendar td.ui-datepicker-today span:hover, .cal__scheme .ui-datepicker-calendar td.ui-datepicker-today span:focus, .cal__scheme .ui-datepicker-calendar td.ui-datepicker-today a:hover, .cal__scheme .ui-datepicker-calendar td.ui-datepicker-today a:focus{
  border-color:#2f2f8b !important;
}
.cal__scheme .ui-datepicker-calendar td.complete a{
  border-color:#9adb48;
  color:#ffffff;
  background-color:#9adb48;
}
.cal__scheme .ui-datepicker-calendar td.complete a:hover, .cal__scheme .ui-datepicker-calendar td.complete a:focus{
  border-color:rgba(154, 219, 72, 0.75);
  background-color:rgba(154, 219, 72, 0.75);
}
.cal__scheme .ui-datepicker-calendar td.past-deadline a{
  border-color:#ff3e25;
  color:#ffffff;
  background-color:#ff3e25;
}
.cal__scheme .ui-datepicker-calendar td.past-deadline a:hover, .cal__scheme .ui-datepicker-calendar td.past-deadline a:focus{
  border-color:rgba(255, 62, 37, 0.75);
  background-color:rgba(255, 62, 37, 0.75);
}
.cal__scheme .ui-datepicker-calendar td.ui-datepicker-current-day a{
  border-color:#2f2f8b;
}

.cal__legend__title{
  margin-bottom:2rem;
  color:#2f2f8b;
  font-size:1.1rem;
  font-weight:bold;
  letter-spacing:0.11rem;
  text-transform:uppercase;
}

.cal__legend__item{
  overflow:hidden;
  text-overflow:ellipsis;
  position:relative;
  margin-bottom:2rem;
  padding-left:3rem;
  color:#7a7a7a;
  font-size:1.3rem;
  font-weight:500;
}
.cal__legend__item::before{
  content:"";
  display:block;
  width:1.5rem;
  height:1.5rem;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-0.75rem;
  background-color:#ffffff;
  border:0.2rem solid #dfdfdf;
  border-radius:50%;
}

.cal__legend__item--past-deadline::before{
  background-color:#ff3e25;
  border-color:#ff3e25;
}

.cal__legend__item--completed::before{
  background-color:#9adb48;
  border-color:#9adb48;
}

.cal__legend__item--today::before{
  border-color:#2f2f8b;
}
/*# sourceMappingURL=theme-style.css.map */
