.clear-fix-after,
.tabs-bar .tabContent:after,
.tabs-steps .tabContent:after,
.no-flex .license-plans:after {
  content: '';
  display: table;
  clear: both;
}
.button-icon-pseudo-base {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  font-size: 0.08333333em;
  width: 20em;
  height: 20em;
  flex-shrink: 0;
  -webkit-mask-image: url(/images/webshop/button-icons-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-mask.svg);
  mask-image: url(/images/webshop/button-icons-mask.svg);
  -webkit-mask-size: 540em 54em;
  -moz-mask-size: 540em 54em;
  -ms-mask-size: 540em 54em;
  -o-mask-size: 540em 54em;
  mask-size: 540em 54em;
}
.ie .button-icon-pseudo-base {
  font-size: 1px;
}
.button-icon-pseudo-base {
  background-color: #333;
}
.no-mask-image .button-icon-pseudo-base {
  background-color: transparent;
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg'), none;
}
.button-icon-pseudo-white,
.button.selected:before,
button.selected:before,
.button.selected:after,
button.selected:after,
.message-bar button:before,
#titlebar .button:before,
#titlebar button:before,
.message-bar button:after,
#titlebar .button:after,
#titlebar button:after {
  background-color: #fff;
}
.no-mask-image .button-icon-pseudo-white {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.color-primary {
  color: #630c0d;
}
.color-secondary {
  color: #630c0d;
}
:root {
  --page-gap: 32px;
  --scrollbar-width: 0px;
}
html {
  font-size: 10px;
}
body {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1.5;
  font-weight: 300;
}
h1,
h2 {
  border: none;
}
div,
p,
a,
li,
td {
  -webkit-text-size-adjust: none;
}
.list > dt,
.list > dt > *,
.list > * > tr > th,
.list > * > .tr > .th,
.form > dt,
.form > div > dt,
.order-totals > dt,
.crumbs,
.index-heading,
.index-text,
.about-list dt,
.spotlight-title,
.product .title,
.product-annotations > b:first-child,
.product-annotations > br + br + b,
.box-heading,
.tool-tip .tip-title,
.chart th,
.tip-title,
.product-sidebar dt,
.tabForm > tbody > tr > th,
.listPicker div.heading,
.productUpdateForm > div > label:first-child,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: italic;
  font-family: Roboto Condensed, Arial Narrow, sans-serif;
  font-weight: bolder;
}
.list > dt a,
.list > dt > * a,
.list > * > tr > th a,
.list > * > .tr > .th a,
.form > dt a,
.form > div > dt a,
.order-totals > dt a,
.crumbs a,
.index-heading a,
.index-text a,
.about-list dt a,
.spotlight-title a,
.product .title a,
.product-annotations > b:first-child a,
.product-annotations > br + br + b a,
.box-heading a,
.tool-tip .tip-title a,
.chart th a,
.tip-title a,
.product-sidebar dt a,
.tabForm > tbody > tr > th a,
.listPicker div.heading a,
.productUpdateForm > div > label:first-child a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.list > dt a:link,
.list > dt > * a:link,
.list > * > tr > th a:link,
.list > * > .tr > .th a:link,
.form > dt a:link,
.form > div > dt a:link,
.order-totals > dt a:link,
.crumbs a:link,
.index-heading a:link,
.index-text a:link,
.about-list dt a:link,
.spotlight-title a:link,
.product .title a:link,
.product-annotations > b:first-child a:link,
.product-annotations > br + br + b a:link,
.box-heading a:link,
.tool-tip .tip-title a:link,
.chart th a:link,
.tip-title a:link,
.product-sidebar dt a:link,
.tabForm > tbody > tr > th a:link,
.listPicker div.heading a:link,
.productUpdateForm > div > label:first-child a:link,
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link {
  font-weight: inherit;
}
.index-heading,
h1 {
  font-size: 1.5em;
  line-height: 1.33333333;
  color: #630c0d;
  font-weight: 700;
}
.index-text,
.about-list dt,
.product-annotations > b:first-child,
.product-annotations > br + br + b,
h2 {
  font-size: 1.25em;
  line-height: 1.2;
  color: #630c0d;
  font-weight: 700;
}
.crumbs,
.spotlight-title,
.product .title,
.box-heading,
.tool-tip .tip-title,
.listPicker div.heading,
h3 {
  font-size: 1.125em;
  line-height: 1.22222222;
}
h4 {
  font-size: 1em;
  line-height: 1.25;
}
.tool-tip,
.product-course {
  color: #fff;
  font-weight: normal;
}
strong,
b {
  font-weight: bolder;
}
.tool-tip,
.tool-tip,
.datePicker,
.jscolor-box {
  font-size: 0.75em;
  line-height: 1.33333333;
}
.tool-tip .tip-title,
.tool-tip .tip-text {
  font-size: inherit;
  line-height: inherit;
}
.tool-tip .tip-title + .tip-text,
.tool-tip .tip-title + .tip-element {
  margin-top: 0.5em;
}
p,
h1,
h2,
h3,
ul,
ol,
dl {
  margin: 1em 0;
}
p:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
style:first-child + p,
style:first-child + h1,
style:first-child + h2,
style:first-child + h3,
style:first-child + ul,
style:first-child + ol,
style:first-child + dl,
script:first-child + p,
script:first-child + h1,
script:first-child + h2,
script:first-child + h3,
script:first-child + ul,
script:first-child + ol,
script:first-child + dl {
  margin-top: 0;
}
p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
ul:last-child,
ol:last-child,
dl:last-child {
  margin-bottom: 0;
}
p + br,
h1 + br,
h2 + br,
h3 + br,
ul + br,
ol + br,
dl + br {
  display: none;
}
ul > li > ul,
ol > li > ul,
ul > li > ol,
ol > li > ol {
  margin: 0;
}
li {
  margin: 0.66666667em 0;
}
.spotlight-title {
  margin-top: 0;
}
a {
  text-decoration: none;
  font-weight: bolder;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
a,
:link,
:visited {
  color: #630c0d;
}
a:hover {
  color: #630c0d;
}
a:focus,
a:active {
  color: #630c0d;
}
a:hover,
a:focus,
a:active {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
a:focus {
  outline: 0;
}
.featured,
.new,
.specialOffer {
  font-weight: 400;
}
a.featured,
a.new,
a.specialOffer {
  color: inherit;
}
.tool-tip .featured,
.tool-tip .new,
.tool-tip .specialOffer {
  text-decoration: none;
}
.button,
button {
  display: inline-block;
  cursor: pointer;
  border: 0;
  position: relative;
  behavior: none;
  text-align: center;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
.button,
button,
.button.button.button:not(a):not(label):not(input),
button.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000000;
}
.button:before,
button:before,
.button.button.button:not(a):not(label):not(input):before,
button.button.button:not(a):not(label):not(input):before,
.button:after,
button:after,
.button.button.button:not(a):not(label):not(input):after,
button.button.button:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image .button:before,
.no-mask-image button:before,
.no-mask-image .button.button.button:not(a):not(label):not(input):before,
.no-mask-image button.button.button:not(a):not(label):not(input):before,
.no-mask-image .button:after,
.no-mask-image button:after,
.no-mask-image .button.button.button:not(a):not(label):not(input):after,
.no-mask-image button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button.button-flat,
button.button-flat,
.button.flat,
button.flat,
.button.button.button-flat:not(a):not(label):not(input),
button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
.button.button-flat:before,
button.button-flat:before,
.button.flat:before,
button.flat:before,
.button.button.button-flat:not(a):not(label):not(input):before,
button.button.button-flat:not(a):not(label):not(input):before,
.button.button-flat:after,
button.button-flat:after,
.button.flat:after,
button.flat:after,
.button.button.button-flat:not(a):not(label):not(input):after,
button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image .button.button-flat:before,
.no-mask-image button.button-flat:before,
.no-mask-image .button.flat:before,
.no-mask-image button.flat:before,
.no-mask-image .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .button.button-flat:after,
.no-mask-image button.button-flat:after,
.no-mask-image .button.flat:after,
.no-mask-image button.flat:after,
.no-mask-image .button.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button:hover,
button:hover,
.button.hover,
button.hover,
.button:focus,
button:focus,
.button.focus,
button.focus,
.accordion > :focus + dt > .button,
.accordion > :focus + dt > button {
  background-color: rgba(0, 0, 0, 0.2);
  color: #000000;
}
.button:hover:before,
button:hover:before,
.button.hover:before,
button.hover:before,
.button:focus:before,
button:focus:before,
.button.focus:before,
button.focus:before,
.accordion > :focus + dt > .button:before,
.accordion > :focus + dt > button:before,
.button:hover:after,
button:hover:after,
.button.hover:after,
button.hover:after,
.button:focus:after,
button:focus:after,
.button.focus:after,
button.focus:after,
.accordion > :focus + dt > .button:after,
.accordion > :focus + dt > button:after {
  background-color: #000000;
}
.no-mask-image .button:hover:before,
.no-mask-image button:hover:before,
.no-mask-image .button.hover:before,
.no-mask-image button.hover:before,
.no-mask-image .button:focus:before,
.no-mask-image button:focus:before,
.no-mask-image .button.focus:before,
.no-mask-image button.focus:before,
.no-mask-image .accordion > :focus + dt > .button:before,
.no-mask-image .accordion > :focus + dt > button:before,
.no-mask-image .button:hover:after,
.no-mask-image button:hover:after,
.no-mask-image .button.hover:after,
.no-mask-image button.hover:after,
.no-mask-image .button:focus:after,
.no-mask-image button:focus:after,
.no-mask-image .button.focus:after,
.no-mask-image button.focus:after,
.no-mask-image .accordion > :focus + dt > .button:after,
.no-mask-image .accordion > :focus + dt > button:after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button:hover:active,
button:hover:active,
.button.hover:active,
button.hover:active,
.button.active:hover,
button.active:hover,
.button.active.hover,
button.active.hover {
  background-color: rgba(0, 0, 0, 0.3);
  color: #000000;
}
.button:hover:active:before,
button:hover:active:before,
.button.hover:active:before,
button.hover:active:before,
.button.active:hover:before,
button.active:hover:before,
.button.active.hover:before,
button.active.hover:before,
.button:hover:active:after,
button:hover:active:after,
.button.hover:active:after,
button.hover:active:after,
.button.active:hover:after,
button.active:hover:after,
.button.active.hover:after,
button.active.hover:after {
  background-color: #000000;
}
.no-mask-image .button:hover:active:before,
.no-mask-image button:hover:active:before,
.no-mask-image .button.hover:active:before,
.no-mask-image button.hover:active:before,
.no-mask-image .button.active:hover:before,
.no-mask-image button.active:hover:before,
.no-mask-image .button.active.hover:before,
.no-mask-image button.active.hover:before,
.no-mask-image .button:hover:active:after,
.no-mask-image button:hover:active:after,
.no-mask-image .button.hover:active:after,
.no-mask-image button.hover:active:after,
.no-mask-image .button.active:hover:after,
.no-mask-image button.active:hover:after,
.no-mask-image .button.active.hover:after,
.no-mask-image button.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button:before,
button:before,
.button:after,
button:after {
  -webkit-transition: background-color 0.3s, transform 0.3s;
  -moz-transition: background-color 0.3s, transform 0.3s;
  transition: background-color 0.3s, transform 0.3s;
}
.button:hover,
button:hover,
.button.hover,
button.hover,
.button:focus,
button:focus,
.button.focus,
button.focus,
.accordion > :focus + dt > .button,
.accordion > :focus + dt > button,
.button:active:hover,
button:active:hover,
.button.active:hover,
button.active:hover,
.button.active.hover,
button.active.hover,
.button.hover:active,
button.hover:active,
.button.fg,
button.fg,
.button.selected,
button.selected,
.button[disabled],
button[disabled],
.button.disabled,
button.disabled {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.button:hover:before,
button:hover:before,
.button.hover:before,
button.hover:before,
.button:focus:before,
button:focus:before,
.button.focus:before,
button.focus:before,
.accordion > :focus + dt > .button:before,
.accordion > :focus + dt > button:before,
.button:active:hover:before,
button:active:hover:before,
.button.active:hover:before,
button.active:hover:before,
.button.active.hover:before,
button.active.hover:before,
.button.hover:active:before,
button.hover:active:before,
.button.fg:before,
button.fg:before,
.button.selected:before,
button.selected:before,
.button[disabled]:before,
button[disabled]:before,
.button.disabled:before,
button.disabled:before,
.button:hover:after,
button:hover:after,
.button.hover:after,
button.hover:after,
.button:focus:after,
button:focus:after,
.button.focus:after,
button.focus:after,
.accordion > :focus + dt > .button:after,
.accordion > :focus + dt > button:after,
.button:active:hover:after,
button:active:hover:after,
.button.active:hover:after,
button.active:hover:after,
.button.active.hover:after,
button.active.hover:after,
.button.hover:active:after,
button.hover:active:after,
.button.fg:after,
button.fg:after,
.button.selected:after,
button.selected:after,
.button[disabled]:after,
button[disabled]:after,
.button.disabled:after,
button.disabled:after {
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}
.button[disabled],
button[disabled],
.button.disabled,
button.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
  opacity: 0.4;
  cursor: default !important;
  pointer-events: none;
  z-index: 0;
}
.button.fg,
button.fg,
.button.selected,
button.selected {
  z-index: 3;
}
.button.fg,
button.fg,
.button.selected,
button.selected,
.button.fg:hover,
button.fg:hover,
.button.selected:hover,
button.selected:hover,
.button.fg:focus,
button.fg:focus,
.button.selected:focus,
button.selected:focus,
.button.fg:hover:active,
button.fg:hover:active,
.button.selected:hover:active,
button.selected:hover:active {
  background: #000;
  color: #fff;
}
.button.fg:before,
button.fg:before,
.button.selected:before,
button.selected:before,
.button.fg:hover:before,
button.fg:hover:before,
.button.selected:hover:before,
button.selected:hover:before,
.button.fg:focus:before,
button.fg:focus:before,
.button.selected:focus:before,
button.selected:focus:before,
.button.fg:hover:active:before,
button.fg:hover:active:before,
.button.selected:hover:active:before,
button.selected:hover:active:before,
.button.fg:after,
button.fg:after,
.button.selected:after,
button.selected:after,
.button.fg:hover:after,
button.fg:hover:after,
.button.selected:hover:after,
button.selected:hover:after,
.button.fg:focus:after,
button.fg:focus:after,
.button.selected:focus:after,
button.selected:focus:after,
.button.fg:hover:active:after,
button.fg:hover:active:after,
.button.selected:hover:active:after,
button.selected:hover:active:after {
  background-color: #fff;
}
.button:focus,
button:focus {
  outline: 0;
}
.button .course-type:before,
button .course-type:before {
  float: left;
  margin-left: -6px;
  margin-right: 6px;
}
.button .course-status:before,
button .course-status:before {
  float: right;
  margin-left: 6px;
  margin-right: -6px;
}
.button.button-red,
button.button-red,
.button.button-red.button.button:not(a):not(label):not(input),
button.button-red.button.button:not(a):not(label):not(input) {
  background-color: rgba(204, 0, 0, 0.7);
  color: #ffffff;
}
.button.button-red:before,
button.button-red:before,
.button.button-red.button.button:not(a):not(label):not(input):before,
button.button-red.button.button:not(a):not(label):not(input):before,
.button.button-red:after,
button.button-red:after,
.button.button-red.button.button:not(a):not(label):not(input):after,
button.button-red.button.button:not(a):not(label):not(input):after {
  background-color: #ffffff;
}
.no-mask-image .button.button-red:before,
.no-mask-image button.button-red:before,
.no-mask-image .button.button-red.button.button:not(a):not(label):not(input):before,
.no-mask-image button.button-red.button.button:not(a):not(label):not(input):before,
.no-mask-image .button.button-red:after,
.no-mask-image button.button-red:after,
.no-mask-image .button.button-red.button.button:not(a):not(label):not(input):after,
.no-mask-image button.button-red.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button.button-red.button-flat,
button.button-red.button-flat,
.button.button-red.flat,
button.button-red.flat,
.button.button-red.button.button-flat:not(a):not(label):not(input),
button.button-red.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
.button.button-red.button-flat:before,
button.button-red.button-flat:before,
.button.button-red.flat:before,
button.button-red.flat:before,
.button.button-red.button.button-flat:not(a):not(label):not(input):before,
button.button-red.button.button-flat:not(a):not(label):not(input):before,
.button.button-red.button-flat:after,
button.button-red.button-flat:after,
.button.button-red.flat:after,
button.button-red.flat:after,
.button.button-red.button.button-flat:not(a):not(label):not(input):after,
button.button-red.button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image .button.button-red.button-flat:before,
.no-mask-image button.button-red.button-flat:before,
.no-mask-image .button.button-red.flat:before,
.no-mask-image button.button-red.flat:before,
.no-mask-image .button.button-red.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.button-red.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .button.button-red.button-flat:after,
.no-mask-image button.button-red.button-flat:after,
.no-mask-image .button.button-red.flat:after,
.no-mask-image button.button-red.flat:after,
.no-mask-image .button.button-red.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image button.button-red.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button.button-red:hover,
button.button-red:hover,
.button.button-red.hover,
button.button-red.hover,
.button.button-red:focus,
button.button-red:focus,
.button.button-red.focus,
button.button-red.focus,
.accordion > :focus + dt > .button.button-red,
.accordion > :focus + dt > button.button-red {
  background-color: #c00;
  color: #ffffff;
}
.button.button-red:hover:before,
button.button-red:hover:before,
.button.button-red.hover:before,
button.button-red.hover:before,
.button.button-red:focus:before,
button.button-red:focus:before,
.button.button-red.focus:before,
button.button-red.focus:before,
.accordion > :focus + dt > .button.button-red:before,
.accordion > :focus + dt > button.button-red:before,
.button.button-red:hover:after,
button.button-red:hover:after,
.button.button-red.hover:after,
button.button-red.hover:after,
.button.button-red:focus:after,
button.button-red:focus:after,
.button.button-red.focus:after,
button.button-red.focus:after,
.accordion > :focus + dt > .button.button-red:after,
.accordion > :focus + dt > button.button-red:after {
  background-color: #ffffff;
}
.no-mask-image .button.button-red:hover:before,
.no-mask-image button.button-red:hover:before,
.no-mask-image .button.button-red.hover:before,
.no-mask-image button.button-red.hover:before,
.no-mask-image .button.button-red:focus:before,
.no-mask-image button.button-red:focus:before,
.no-mask-image .button.button-red.focus:before,
.no-mask-image button.button-red.focus:before,
.no-mask-image .accordion > :focus + dt > .button.button-red:before,
.no-mask-image .accordion > :focus + dt > button.button-red:before,
.no-mask-image .button.button-red:hover:after,
.no-mask-image button.button-red:hover:after,
.no-mask-image .button.button-red.hover:after,
.no-mask-image button.button-red.hover:after,
.no-mask-image .button.button-red:focus:after,
.no-mask-image button.button-red:focus:after,
.no-mask-image .button.button-red.focus:after,
.no-mask-image button.button-red.focus:after,
.no-mask-image .accordion > :focus + dt > .button.button-red:after,
.no-mask-image .accordion > :focus + dt > button.button-red:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button.button-red:hover:active,
button.button-red:hover:active,
.button.button-red.hover:active,
button.button-red.hover:active,
.button.button-red.active:hover,
button.button-red.active:hover,
.button.button-red.active.hover,
button.button-red.active.hover {
  background-color: #b80000;
  color: #ffffff;
}
.button.button-red:hover:active:before,
button.button-red:hover:active:before,
.button.button-red.hover:active:before,
button.button-red.hover:active:before,
.button.button-red.active:hover:before,
button.button-red.active:hover:before,
.button.button-red.active.hover:before,
button.button-red.active.hover:before,
.button.button-red:hover:active:after,
button.button-red:hover:active:after,
.button.button-red.hover:active:after,
button.button-red.hover:active:after,
.button.button-red.active:hover:after,
button.button-red.active:hover:after,
.button.button-red.active.hover:after,
button.button-red.active.hover:after {
  background-color: #ffffff;
}
.no-mask-image .button.button-red:hover:active:before,
.no-mask-image button.button-red:hover:active:before,
.no-mask-image .button.button-red.hover:active:before,
.no-mask-image button.button-red.hover:active:before,
.no-mask-image .button.button-red.active:hover:before,
.no-mask-image button.button-red.active:hover:before,
.no-mask-image .button.button-red.active.hover:before,
.no-mask-image button.button-red.active.hover:before,
.no-mask-image .button.button-red:hover:active:after,
.no-mask-image button.button-red:hover:active:after,
.no-mask-image .button.button-red.hover:active:after,
.no-mask-image button.button-red.hover:active:after,
.no-mask-image .button.button-red.active:hover:after,
.no-mask-image button.button-red.active:hover:after,
.no-mask-image .button.button-red.active.hover:after,
.no-mask-image button.button-red.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button.button-green,
button.button-green,
.button.button-green.button.button:not(a):not(label):not(input),
button.button-green.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.7);
  color: #ffffff;
}
.button.button-green:before,
button.button-green:before,
.button.button-green.button.button:not(a):not(label):not(input):before,
button.button-green.button.button:not(a):not(label):not(input):before,
.button.button-green:after,
button.button-green:after,
.button.button-green.button.button:not(a):not(label):not(input):after,
button.button-green.button.button:not(a):not(label):not(input):after {
  background-color: #ffffff;
}
.no-mask-image .button.button-green:before,
.no-mask-image button.button-green:before,
.no-mask-image .button.button-green.button.button:not(a):not(label):not(input):before,
.no-mask-image button.button-green.button.button:not(a):not(label):not(input):before,
.no-mask-image .button.button-green:after,
.no-mask-image button.button-green:after,
.no-mask-image .button.button-green.button.button:not(a):not(label):not(input):after,
.no-mask-image button.button-green.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button.button-green.button-flat,
button.button-green.button-flat,
.button.button-green.flat,
button.button-green.flat,
.button.button-green.button.button-flat:not(a):not(label):not(input),
button.button-green.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
.button.button-green.button-flat:before,
button.button-green.button-flat:before,
.button.button-green.flat:before,
button.button-green.flat:before,
.button.button-green.button.button-flat:not(a):not(label):not(input):before,
button.button-green.button.button-flat:not(a):not(label):not(input):before,
.button.button-green.button-flat:after,
button.button-green.button-flat:after,
.button.button-green.flat:after,
button.button-green.flat:after,
.button.button-green.button.button-flat:not(a):not(label):not(input):after,
button.button-green.button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image .button.button-green.button-flat:before,
.no-mask-image button.button-green.button-flat:before,
.no-mask-image .button.button-green.flat:before,
.no-mask-image button.button-green.flat:before,
.no-mask-image .button.button-green.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.button-green.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .button.button-green.button-flat:after,
.no-mask-image button.button-green.button-flat:after,
.no-mask-image .button.button-green.flat:after,
.no-mask-image button.button-green.flat:after,
.no-mask-image .button.button-green.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image button.button-green.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button.button-green:hover,
button.button-green:hover,
.button.button-green.hover,
button.button-green.hover,
.button.button-green:focus,
button.button-green:focus,
.button.button-green.focus,
button.button-green.focus,
.accordion > :focus + dt > .button.button-green,
.accordion > :focus + dt > button.button-green {
  background-color: #0c0;
  color: #ffffff;
}
.button.button-green:hover:before,
button.button-green:hover:before,
.button.button-green.hover:before,
button.button-green.hover:before,
.button.button-green:focus:before,
button.button-green:focus:before,
.button.button-green.focus:before,
button.button-green.focus:before,
.accordion > :focus + dt > .button.button-green:before,
.accordion > :focus + dt > button.button-green:before,
.button.button-green:hover:after,
button.button-green:hover:after,
.button.button-green.hover:after,
button.button-green.hover:after,
.button.button-green:focus:after,
button.button-green:focus:after,
.button.button-green.focus:after,
button.button-green.focus:after,
.accordion > :focus + dt > .button.button-green:after,
.accordion > :focus + dt > button.button-green:after {
  background-color: #ffffff;
}
.no-mask-image .button.button-green:hover:before,
.no-mask-image button.button-green:hover:before,
.no-mask-image .button.button-green.hover:before,
.no-mask-image button.button-green.hover:before,
.no-mask-image .button.button-green:focus:before,
.no-mask-image button.button-green:focus:before,
.no-mask-image .button.button-green.focus:before,
.no-mask-image button.button-green.focus:before,
.no-mask-image .accordion > :focus + dt > .button.button-green:before,
.no-mask-image .accordion > :focus + dt > button.button-green:before,
.no-mask-image .button.button-green:hover:after,
.no-mask-image button.button-green:hover:after,
.no-mask-image .button.button-green.hover:after,
.no-mask-image button.button-green.hover:after,
.no-mask-image .button.button-green:focus:after,
.no-mask-image button.button-green:focus:after,
.no-mask-image .button.button-green.focus:after,
.no-mask-image button.button-green.focus:after,
.no-mask-image .accordion > :focus + dt > .button.button-green:after,
.no-mask-image .accordion > :focus + dt > button.button-green:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button.button-green:hover:active,
button.button-green:hover:active,
.button.button-green.hover:active,
button.button-green.hover:active,
.button.button-green.active:hover,
button.button-green.active:hover,
.button.button-green.active.hover,
button.button-green.active.hover {
  background-color: #00b800;
  color: #ffffff;
}
.button.button-green:hover:active:before,
button.button-green:hover:active:before,
.button.button-green.hover:active:before,
button.button-green.hover:active:before,
.button.button-green.active:hover:before,
button.button-green.active:hover:before,
.button.button-green.active.hover:before,
button.button-green.active.hover:before,
.button.button-green:hover:active:after,
button.button-green:hover:active:after,
.button.button-green.hover:active:after,
button.button-green.hover:active:after,
.button.button-green.active:hover:after,
button.button-green.active:hover:after,
.button.button-green.active.hover:after,
button.button-green.active.hover:after {
  background-color: #ffffff;
}
.no-mask-image .button.button-green:hover:active:before,
.no-mask-image button.button-green:hover:active:before,
.no-mask-image .button.button-green.hover:active:before,
.no-mask-image button.button-green.hover:active:before,
.no-mask-image .button.button-green.active:hover:before,
.no-mask-image button.button-green.active:hover:before,
.no-mask-image .button.button-green.active.hover:before,
.no-mask-image button.button-green.active.hover:before,
.no-mask-image .button.button-green:hover:active:after,
.no-mask-image button.button-green:hover:active:after,
.no-mask-image .button.button-green.hover:active:after,
.no-mask-image button.button-green.hover:active:after,
.no-mask-image .button.button-green.active:hover:after,
.no-mask-image button.button-green.active:hover:after,
.no-mask-image .button.button-green.active.hover:after,
.no-mask-image button.button-green.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button.button-blue,
button.button-blue,
.button.button-blue.button.button:not(a):not(label):not(input),
button.button-blue.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 204, 0.7);
  color: #ffffff;
}
.button.button-blue:before,
button.button-blue:before,
.button.button-blue.button.button:not(a):not(label):not(input):before,
button.button-blue.button.button:not(a):not(label):not(input):before,
.button.button-blue:after,
button.button-blue:after,
.button.button-blue.button.button:not(a):not(label):not(input):after,
button.button-blue.button.button:not(a):not(label):not(input):after {
  background-color: #ffffff;
}
.no-mask-image .button.button-blue:before,
.no-mask-image button.button-blue:before,
.no-mask-image .button.button-blue.button.button:not(a):not(label):not(input):before,
.no-mask-image button.button-blue.button.button:not(a):not(label):not(input):before,
.no-mask-image .button.button-blue:after,
.no-mask-image button.button-blue:after,
.no-mask-image .button.button-blue.button.button:not(a):not(label):not(input):after,
.no-mask-image button.button-blue.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button.button-blue.button-flat,
button.button-blue.button-flat,
.button.button-blue.flat,
button.button-blue.flat,
.button.button-blue.button.button-flat:not(a):not(label):not(input),
button.button-blue.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
.button.button-blue.button-flat:before,
button.button-blue.button-flat:before,
.button.button-blue.flat:before,
button.button-blue.flat:before,
.button.button-blue.button.button-flat:not(a):not(label):not(input):before,
button.button-blue.button.button-flat:not(a):not(label):not(input):before,
.button.button-blue.button-flat:after,
button.button-blue.button-flat:after,
.button.button-blue.flat:after,
button.button-blue.flat:after,
.button.button-blue.button.button-flat:not(a):not(label):not(input):after,
button.button-blue.button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image .button.button-blue.button-flat:before,
.no-mask-image button.button-blue.button-flat:before,
.no-mask-image .button.button-blue.flat:before,
.no-mask-image button.button-blue.flat:before,
.no-mask-image .button.button-blue.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.button-blue.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .button.button-blue.button-flat:after,
.no-mask-image button.button-blue.button-flat:after,
.no-mask-image .button.button-blue.flat:after,
.no-mask-image button.button-blue.flat:after,
.no-mask-image .button.button-blue.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image button.button-blue.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button.button-blue:hover,
button.button-blue:hover,
.button.button-blue.hover,
button.button-blue.hover,
.button.button-blue:focus,
button.button-blue:focus,
.button.button-blue.focus,
button.button-blue.focus,
.accordion > :focus + dt > .button.button-blue,
.accordion > :focus + dt > button.button-blue {
  background-color: #00c;
  color: #ffffff;
}
.button.button-blue:hover:before,
button.button-blue:hover:before,
.button.button-blue.hover:before,
button.button-blue.hover:before,
.button.button-blue:focus:before,
button.button-blue:focus:before,
.button.button-blue.focus:before,
button.button-blue.focus:before,
.accordion > :focus + dt > .button.button-blue:before,
.accordion > :focus + dt > button.button-blue:before,
.button.button-blue:hover:after,
button.button-blue:hover:after,
.button.button-blue.hover:after,
button.button-blue.hover:after,
.button.button-blue:focus:after,
button.button-blue:focus:after,
.button.button-blue.focus:after,
button.button-blue.focus:after,
.accordion > :focus + dt > .button.button-blue:after,
.accordion > :focus + dt > button.button-blue:after {
  background-color: #ffffff;
}
.no-mask-image .button.button-blue:hover:before,
.no-mask-image button.button-blue:hover:before,
.no-mask-image .button.button-blue.hover:before,
.no-mask-image button.button-blue.hover:before,
.no-mask-image .button.button-blue:focus:before,
.no-mask-image button.button-blue:focus:before,
.no-mask-image .button.button-blue.focus:before,
.no-mask-image button.button-blue.focus:before,
.no-mask-image .accordion > :focus + dt > .button.button-blue:before,
.no-mask-image .accordion > :focus + dt > button.button-blue:before,
.no-mask-image .button.button-blue:hover:after,
.no-mask-image button.button-blue:hover:after,
.no-mask-image .button.button-blue.hover:after,
.no-mask-image button.button-blue.hover:after,
.no-mask-image .button.button-blue:focus:after,
.no-mask-image button.button-blue:focus:after,
.no-mask-image .button.button-blue.focus:after,
.no-mask-image button.button-blue.focus:after,
.no-mask-image .accordion > :focus + dt > .button.button-blue:after,
.no-mask-image .accordion > :focus + dt > button.button-blue:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button.button-blue:hover:active,
button.button-blue:hover:active,
.button.button-blue.hover:active,
button.button-blue.hover:active,
.button.button-blue.active:hover,
button.button-blue.active:hover,
.button.button-blue.active.hover,
button.button-blue.active.hover {
  background-color: #0000b8;
  color: #ffffff;
}
.button.button-blue:hover:active:before,
button.button-blue:hover:active:before,
.button.button-blue.hover:active:before,
button.button-blue.hover:active:before,
.button.button-blue.active:hover:before,
button.button-blue.active:hover:before,
.button.button-blue.active.hover:before,
button.button-blue.active.hover:before,
.button.button-blue:hover:active:after,
button.button-blue:hover:active:after,
.button.button-blue.hover:active:after,
button.button-blue.hover:active:after,
.button.button-blue.active:hover:after,
button.button-blue.active:hover:after,
.button.button-blue.active.hover:after,
button.button-blue.active.hover:after {
  background-color: #ffffff;
}
.no-mask-image .button.button-blue:hover:active:before,
.no-mask-image button.button-blue:hover:active:before,
.no-mask-image .button.button-blue.hover:active:before,
.no-mask-image button.button-blue.hover:active:before,
.no-mask-image .button.button-blue.active:hover:before,
.no-mask-image button.button-blue.active:hover:before,
.no-mask-image .button.button-blue.active.hover:before,
.no-mask-image button.button-blue.active.hover:before,
.no-mask-image .button.button-blue:hover:active:after,
.no-mask-image button.button-blue:hover:active:after,
.no-mask-image .button.button-blue.hover:active:after,
.no-mask-image button.button-blue.hover:active:after,
.no-mask-image .button.button-blue.active:hover:after,
.no-mask-image button.button-blue.active:hover:after,
.no-mask-image .button.button-blue.active.hover:after,
.no-mask-image button.button-blue.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
button,
.button,
.button-text {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.button:not(a) {
  cursor: default;
}
a .button:not(a) {
  cursor: inherit;
}
button.onActive,
button.onActive.button.button:not(a):not(label):not(input) {
  background-color: rgba(99, 12, 13, 0.7);
  color: #ffffff;
}
button.onActive:before,
button.onActive.button.button:not(a):not(label):not(input):before,
button.onActive:after,
button.onActive.button.button:not(a):not(label):not(input):after {
  background-color: #ffffff;
}
.no-mask-image button.onActive:before,
.no-mask-image button.onActive.button.button:not(a):not(label):not(input):before,
.no-mask-image button.onActive:after,
.no-mask-image button.onActive.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
button.onActive.button-flat,
button.onActive.flat,
button.onActive.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
button.onActive.button-flat:before,
button.onActive.flat:before,
button.onActive.button.button-flat:not(a):not(label):not(input):before,
button.onActive.button-flat:after,
button.onActive.flat:after,
button.onActive.button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image button.onActive.button-flat:before,
.no-mask-image button.onActive.flat:before,
.no-mask-image button.onActive.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.onActive.button-flat:after,
.no-mask-image button.onActive.flat:after,
.no-mask-image button.onActive.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
button.onActive:hover,
button.onActive.hover,
button.onActive:focus,
button.onActive.focus,
.accordion > :focus + dt > button.onActive {
  background-color: #630c0d;
  color: #ffffff;
}
button.onActive:hover:before,
button.onActive.hover:before,
button.onActive:focus:before,
button.onActive.focus:before,
.accordion > :focus + dt > button.onActive:before,
button.onActive:hover:after,
button.onActive.hover:after,
button.onActive:focus:after,
button.onActive.focus:after,
.accordion > :focus + dt > button.onActive:after {
  background-color: #ffffff;
}
.no-mask-image button.onActive:hover:before,
.no-mask-image button.onActive.hover:before,
.no-mask-image button.onActive:focus:before,
.no-mask-image button.onActive.focus:before,
.no-mask-image .accordion > :focus + dt > button.onActive:before,
.no-mask-image button.onActive:hover:after,
.no-mask-image button.onActive.hover:after,
.no-mask-image button.onActive:focus:after,
.no-mask-image button.onActive.focus:after,
.no-mask-image .accordion > :focus + dt > button.onActive:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
button.onActive:hover:active,
button.onActive.hover:active,
button.onActive.active:hover,
button.onActive.active.hover {
  background-color: #590b0c;
  color: #ffffff;
}
button.onActive:hover:active:before,
button.onActive.hover:active:before,
button.onActive.active:hover:before,
button.onActive.active.hover:before,
button.onActive:hover:active:after,
button.onActive.hover:active:after,
button.onActive.active:hover:after,
button.onActive.active.hover:after {
  background-color: #ffffff;
}
.no-mask-image button.onActive:hover:active:before,
.no-mask-image button.onActive.hover:active:before,
.no-mask-image button.onActive.active:hover:before,
.no-mask-image button.onActive.active.hover:before,
.no-mask-image button.onActive:hover:active:after,
.no-mask-image button.onActive.hover:active:after,
.no-mask-image button.onActive.active:hover:after,
.no-mask-image button.onActive.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button-cart:before,
button.cart:before {
  background-position: -318em -20em;
  -webkit-mask-position: -318em -20em;
  -moz-mask-position: -318em -20em;
  -ms-mask-position: -318em -20em;
  -o-mask-position: -318em -20em;
  mask-position: -318em -20em;
  width: 20px;
}
/*

.coz-input-number-buttons {
	.box-shadow(@shadow);
	& > button {
		.box-shadow(@none, @none, @border; transparent; transparent);
		&.disabled,
		&[disabled] {
			.box-shadow(none; transparent; transparent) !important;
		}
	}
}

.accordion > dt button {
	.rem(padding-left, 8); .touch & { .rem(padding-left, 12); }
	&:before { margin:0 -0.2rem 0 0.6rem; }
} */
.uploader:hover + button,
.uploader:focus + button,
.uploader:hover:active + button {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.uploader:hover + button,
.uploader:focus + button {
  z-index: 2;
  background-color: #cccccc;
  background-color: rgba(0, 0, 0, 0.2);
}
.uploader:hover:active + button {
  background-color: #b3b3b3;
  background-color: rgba(0, 0, 0, 0.3);
}
.no-box-sizing .button {
  height: 20px;
}
.no-box-sizing .button-icon {
  width: 20px !important;
}
.videoWrapper .button,
.videoWrapper button,
.product-video .button,
.calendar td button,
.videoWrapper .button.button.button:not(a):not(label):not(input),
.videoWrapper button.button.button:not(a):not(label):not(input),
.product-video .button.button.button:not(a):not(label):not(input),
.calendar td button.button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.7);
  color: #000000;
}
.videoWrapper .button:before,
.videoWrapper button:before,
.product-video .button:before,
.calendar td button:before,
.videoWrapper .button.button.button:not(a):not(label):not(input):before,
.videoWrapper button.button.button:not(a):not(label):not(input):before,
.product-video .button.button.button:not(a):not(label):not(input):before,
.calendar td button.button.button:not(a):not(label):not(input):before,
.videoWrapper .button:after,
.videoWrapper button:after,
.product-video .button:after,
.calendar td button:after,
.videoWrapper .button.button.button:not(a):not(label):not(input):after,
.videoWrapper button.button.button:not(a):not(label):not(input):after,
.product-video .button.button.button:not(a):not(label):not(input):after,
.calendar td button.button.button:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image .videoWrapper .button:before,
.no-mask-image .videoWrapper button:before,
.no-mask-image .product-video .button:before,
.no-mask-image .calendar td button:before,
.no-mask-image .videoWrapper .button.button.button:not(a):not(label):not(input):before,
.no-mask-image .videoWrapper button.button.button:not(a):not(label):not(input):before,
.no-mask-image .product-video .button.button.button:not(a):not(label):not(input):before,
.no-mask-image .calendar td button.button.button:not(a):not(label):not(input):before,
.no-mask-image .videoWrapper .button:after,
.no-mask-image .videoWrapper button:after,
.no-mask-image .product-video .button:after,
.no-mask-image .calendar td button:after,
.no-mask-image .videoWrapper .button.button.button:not(a):not(label):not(input):after,
.no-mask-image .videoWrapper button.button.button:not(a):not(label):not(input):after,
.no-mask-image .product-video .button.button.button:not(a):not(label):not(input):after,
.no-mask-image .calendar td button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.videoWrapper .button.button-flat,
.videoWrapper button.button-flat,
.product-video .button.button-flat,
.calendar td button.button-flat,
.videoWrapper .button.flat,
.videoWrapper button.flat,
.product-video .button.flat,
.calendar td button.flat,
.videoWrapper .button.button.button-flat:not(a):not(label):not(input),
.videoWrapper button.button.button-flat:not(a):not(label):not(input),
.product-video .button.button.button-flat:not(a):not(label):not(input),
.calendar td button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #ffffff;
}
.videoWrapper .button.button-flat:before,
.videoWrapper button.button-flat:before,
.product-video .button.button-flat:before,
.calendar td button.button-flat:before,
.videoWrapper .button.flat:before,
.videoWrapper button.flat:before,
.product-video .button.flat:before,
.calendar td button.flat:before,
.videoWrapper .button.button.button-flat:not(a):not(label):not(input):before,
.videoWrapper button.button.button-flat:not(a):not(label):not(input):before,
.product-video .button.button.button-flat:not(a):not(label):not(input):before,
.calendar td button.button.button-flat:not(a):not(label):not(input):before,
.videoWrapper .button.button-flat:after,
.videoWrapper button.button-flat:after,
.product-video .button.button-flat:after,
.calendar td button.button-flat:after,
.videoWrapper .button.flat:after,
.videoWrapper button.flat:after,
.product-video .button.flat:after,
.calendar td button.flat:after,
.videoWrapper .button.button.button-flat:not(a):not(label):not(input):after,
.videoWrapper button.button.button-flat:not(a):not(label):not(input):after,
.product-video .button.button.button-flat:not(a):not(label):not(input):after,
.calendar td button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #ffffff;
}
.no-mask-image .videoWrapper .button.button-flat:before,
.no-mask-image .videoWrapper button.button-flat:before,
.no-mask-image .product-video .button.button-flat:before,
.no-mask-image .calendar td button.button-flat:before,
.no-mask-image .videoWrapper .button.flat:before,
.no-mask-image .videoWrapper button.flat:before,
.no-mask-image .product-video .button.flat:before,
.no-mask-image .calendar td button.flat:before,
.no-mask-image .videoWrapper .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .videoWrapper button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .product-video .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .calendar td button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .videoWrapper .button.button-flat:after,
.no-mask-image .videoWrapper button.button-flat:after,
.no-mask-image .product-video .button.button-flat:after,
.no-mask-image .calendar td button.button-flat:after,
.no-mask-image .videoWrapper .button.flat:after,
.no-mask-image .videoWrapper button.flat:after,
.no-mask-image .product-video .button.flat:after,
.no-mask-image .calendar td button.flat:after,
.no-mask-image .videoWrapper .button.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image .videoWrapper button.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image .product-video .button.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image .calendar td button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.videoWrapper .button:hover,
.videoWrapper button:hover,
.product-video .button:hover,
.calendar td button:hover,
.videoWrapper .button.hover,
.videoWrapper button.hover,
.product-video .button.hover,
.calendar td button.hover,
.videoWrapper .button:focus,
.videoWrapper button:focus,
.product-video .button:focus,
.calendar td button:focus,
.videoWrapper .button.focus,
.videoWrapper button.focus,
.product-video .button.focus,
.calendar td button.focus,
.accordion > :focus + dt > .videoWrapper .button,
.accordion > :focus + dt > .videoWrapper button,
.accordion > :focus + dt > .product-video .button,
.accordion > :focus + dt > .calendar td button {
  background-color: #fff;
  color: #000000;
}
.videoWrapper .button:hover:before,
.videoWrapper button:hover:before,
.product-video .button:hover:before,
.calendar td button:hover:before,
.videoWrapper .button.hover:before,
.videoWrapper button.hover:before,
.product-video .button.hover:before,
.calendar td button.hover:before,
.videoWrapper .button:focus:before,
.videoWrapper button:focus:before,
.product-video .button:focus:before,
.calendar td button:focus:before,
.videoWrapper .button.focus:before,
.videoWrapper button.focus:before,
.product-video .button.focus:before,
.calendar td button.focus:before,
.accordion > :focus + dt > .videoWrapper .button:before,
.accordion > :focus + dt > .videoWrapper button:before,
.accordion > :focus + dt > .product-video .button:before,
.accordion > :focus + dt > .calendar td button:before,
.videoWrapper .button:hover:after,
.videoWrapper button:hover:after,
.product-video .button:hover:after,
.calendar td button:hover:after,
.videoWrapper .button.hover:after,
.videoWrapper button.hover:after,
.product-video .button.hover:after,
.calendar td button.hover:after,
.videoWrapper .button:focus:after,
.videoWrapper button:focus:after,
.product-video .button:focus:after,
.calendar td button:focus:after,
.videoWrapper .button.focus:after,
.videoWrapper button.focus:after,
.product-video .button.focus:after,
.calendar td button.focus:after,
.accordion > :focus + dt > .videoWrapper .button:after,
.accordion > :focus + dt > .videoWrapper button:after,
.accordion > :focus + dt > .product-video .button:after,
.accordion > :focus + dt > .calendar td button:after {
  background-color: #000000;
}
.no-mask-image .videoWrapper .button:hover:before,
.no-mask-image .videoWrapper button:hover:before,
.no-mask-image .product-video .button:hover:before,
.no-mask-image .calendar td button:hover:before,
.no-mask-image .videoWrapper .button.hover:before,
.no-mask-image .videoWrapper button.hover:before,
.no-mask-image .product-video .button.hover:before,
.no-mask-image .calendar td button.hover:before,
.no-mask-image .videoWrapper .button:focus:before,
.no-mask-image .videoWrapper button:focus:before,
.no-mask-image .product-video .button:focus:before,
.no-mask-image .calendar td button:focus:before,
.no-mask-image .videoWrapper .button.focus:before,
.no-mask-image .videoWrapper button.focus:before,
.no-mask-image .product-video .button.focus:before,
.no-mask-image .calendar td button.focus:before,
.no-mask-image .accordion > :focus + dt > .videoWrapper .button:before,
.no-mask-image .accordion > :focus + dt > .videoWrapper button:before,
.no-mask-image .accordion > :focus + dt > .product-video .button:before,
.no-mask-image .accordion > :focus + dt > .calendar td button:before,
.no-mask-image .videoWrapper .button:hover:after,
.no-mask-image .videoWrapper button:hover:after,
.no-mask-image .product-video .button:hover:after,
.no-mask-image .calendar td button:hover:after,
.no-mask-image .videoWrapper .button.hover:after,
.no-mask-image .videoWrapper button.hover:after,
.no-mask-image .product-video .button.hover:after,
.no-mask-image .calendar td button.hover:after,
.no-mask-image .videoWrapper .button:focus:after,
.no-mask-image .videoWrapper button:focus:after,
.no-mask-image .product-video .button:focus:after,
.no-mask-image .calendar td button:focus:after,
.no-mask-image .videoWrapper .button.focus:after,
.no-mask-image .videoWrapper button.focus:after,
.no-mask-image .product-video .button.focus:after,
.no-mask-image .calendar td button.focus:after,
.no-mask-image .accordion > :focus + dt > .videoWrapper .button:after,
.no-mask-image .accordion > :focus + dt > .videoWrapper button:after,
.no-mask-image .accordion > :focus + dt > .product-video .button:after,
.no-mask-image .accordion > :focus + dt > .calendar td button:after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.videoWrapper .button:hover:active,
.videoWrapper button:hover:active,
.product-video .button:hover:active,
.calendar td button:hover:active,
.videoWrapper .button.hover:active,
.videoWrapper button.hover:active,
.product-video .button.hover:active,
.calendar td button.hover:active,
.videoWrapper .button.active:hover,
.videoWrapper button.active:hover,
.product-video .button.active:hover,
.calendar td button.active:hover,
.videoWrapper .button.active.hover,
.videoWrapper button.active.hover,
.product-video .button.active.hover,
.calendar td button.active.hover {
  background-color: #e6e6e6;
  color: #000000;
}
.videoWrapper .button:hover:active:before,
.videoWrapper button:hover:active:before,
.product-video .button:hover:active:before,
.calendar td button:hover:active:before,
.videoWrapper .button.hover:active:before,
.videoWrapper button.hover:active:before,
.product-video .button.hover:active:before,
.calendar td button.hover:active:before,
.videoWrapper .button.active:hover:before,
.videoWrapper button.active:hover:before,
.product-video .button.active:hover:before,
.calendar td button.active:hover:before,
.videoWrapper .button.active.hover:before,
.videoWrapper button.active.hover:before,
.product-video .button.active.hover:before,
.calendar td button.active.hover:before,
.videoWrapper .button:hover:active:after,
.videoWrapper button:hover:active:after,
.product-video .button:hover:active:after,
.calendar td button:hover:active:after,
.videoWrapper .button.hover:active:after,
.videoWrapper button.hover:active:after,
.product-video .button.hover:active:after,
.calendar td button.hover:active:after,
.videoWrapper .button.active:hover:after,
.videoWrapper button.active:hover:after,
.product-video .button.active:hover:after,
.calendar td button.active:hover:after,
.videoWrapper .button.active.hover:after,
.videoWrapper button.active.hover:after,
.product-video .button.active.hover:after,
.calendar td button.active.hover:after {
  background-color: #000000;
}
.no-mask-image .videoWrapper .button:hover:active:before,
.no-mask-image .videoWrapper button:hover:active:before,
.no-mask-image .product-video .button:hover:active:before,
.no-mask-image .calendar td button:hover:active:before,
.no-mask-image .videoWrapper .button.hover:active:before,
.no-mask-image .videoWrapper button.hover:active:before,
.no-mask-image .product-video .button.hover:active:before,
.no-mask-image .calendar td button.hover:active:before,
.no-mask-image .videoWrapper .button.active:hover:before,
.no-mask-image .videoWrapper button.active:hover:before,
.no-mask-image .product-video .button.active:hover:before,
.no-mask-image .calendar td button.active:hover:before,
.no-mask-image .videoWrapper .button.active.hover:before,
.no-mask-image .videoWrapper button.active.hover:before,
.no-mask-image .product-video .button.active.hover:before,
.no-mask-image .calendar td button.active.hover:before,
.no-mask-image .videoWrapper .button:hover:active:after,
.no-mask-image .videoWrapper button:hover:active:after,
.no-mask-image .product-video .button:hover:active:after,
.no-mask-image .calendar td button:hover:active:after,
.no-mask-image .videoWrapper .button.hover:active:after,
.no-mask-image .videoWrapper button.hover:active:after,
.no-mask-image .product-video .button.hover:active:after,
.no-mask-image .calendar td button.hover:active:after,
.no-mask-image .videoWrapper .button.active:hover:after,
.no-mask-image .videoWrapper button.active:hover:after,
.no-mask-image .product-video .button.active:hover:after,
.no-mask-image .calendar td button.active:hover:after,
.no-mask-image .videoWrapper .button.active.hover:after,
.no-mask-image .videoWrapper button.active.hover:after,
.no-mask-image .product-video .button.active.hover:after,
.no-mask-image .calendar td button.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.calendar td button.selected,
.calendar td button.selected:hover,
.calendar td button.selected:focus,
.calendar td button.selected:hover:active {
  background: #630c0d;
}
.calendar td button.selected,
.calendar td button.selected * {
  color: #fff;
}
.button-large,
button.large {
  padding: 0.5em 1em;
}
.button-action,
button.action {
  padding: 0.5em 1em;
  /* 
	.button-icon-white; */
}
.button-action,
button.action,
.button-action.button.button:not(a):not(label):not(input),
button.action.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.7);
  color: #ffffff;
}
.button-action:before,
button.action:before,
.button-action.button.button:not(a):not(label):not(input):before,
button.action.button.button:not(a):not(label):not(input):before,
.button-action:after,
button.action:after,
.button-action.button.button:not(a):not(label):not(input):after,
button.action.button.button:not(a):not(label):not(input):after {
  background-color: #ffffff;
}
.no-mask-image .button-action:before,
.no-mask-image button.action:before,
.no-mask-image .button-action.button.button:not(a):not(label):not(input):before,
.no-mask-image button.action.button.button:not(a):not(label):not(input):before,
.no-mask-image .button-action:after,
.no-mask-image button.action:after,
.no-mask-image .button-action.button.button:not(a):not(label):not(input):after,
.no-mask-image button.action.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button-action.button-flat,
button.action.button-flat,
.button-action.flat,
button.action.flat,
.button-action.button.button-flat:not(a):not(label):not(input),
button.action.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
.button-action.button-flat:before,
button.action.button-flat:before,
.button-action.flat:before,
button.action.flat:before,
.button-action.button.button-flat:not(a):not(label):not(input):before,
button.action.button.button-flat:not(a):not(label):not(input):before,
.button-action.button-flat:after,
button.action.button-flat:after,
.button-action.flat:after,
button.action.flat:after,
.button-action.button.button-flat:not(a):not(label):not(input):after,
button.action.button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image .button-action.button-flat:before,
.no-mask-image button.action.button-flat:before,
.no-mask-image .button-action.flat:before,
.no-mask-image button.action.flat:before,
.no-mask-image .button-action.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.action.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .button-action.button-flat:after,
.no-mask-image button.action.button-flat:after,
.no-mask-image .button-action.flat:after,
.no-mask-image button.action.flat:after,
.no-mask-image .button-action.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image button.action.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button-action:hover,
button.action:hover,
.button-action.hover,
button.action.hover,
.button-action:focus,
button.action:focus,
.button-action.focus,
button.action.focus,
.accordion > :focus + dt > .button-action,
.accordion > :focus + dt > button.action {
  background-color: #0c0;
  color: #ffffff;
}
.button-action:hover:before,
button.action:hover:before,
.button-action.hover:before,
button.action.hover:before,
.button-action:focus:before,
button.action:focus:before,
.button-action.focus:before,
button.action.focus:before,
.accordion > :focus + dt > .button-action:before,
.accordion > :focus + dt > button.action:before,
.button-action:hover:after,
button.action:hover:after,
.button-action.hover:after,
button.action.hover:after,
.button-action:focus:after,
button.action:focus:after,
.button-action.focus:after,
button.action.focus:after,
.accordion > :focus + dt > .button-action:after,
.accordion > :focus + dt > button.action:after {
  background-color: #ffffff;
}
.no-mask-image .button-action:hover:before,
.no-mask-image button.action:hover:before,
.no-mask-image .button-action.hover:before,
.no-mask-image button.action.hover:before,
.no-mask-image .button-action:focus:before,
.no-mask-image button.action:focus:before,
.no-mask-image .button-action.focus:before,
.no-mask-image button.action.focus:before,
.no-mask-image .accordion > :focus + dt > .button-action:before,
.no-mask-image .accordion > :focus + dt > button.action:before,
.no-mask-image .button-action:hover:after,
.no-mask-image button.action:hover:after,
.no-mask-image .button-action.hover:after,
.no-mask-image button.action.hover:after,
.no-mask-image .button-action:focus:after,
.no-mask-image button.action:focus:after,
.no-mask-image .button-action.focus:after,
.no-mask-image button.action.focus:after,
.no-mask-image .accordion > :focus + dt > .button-action:after,
.no-mask-image .accordion > :focus + dt > button.action:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button-action:hover:active,
button.action:hover:active,
.button-action.hover:active,
button.action.hover:active,
.button-action.active:hover,
button.action.active:hover,
.button-action.active.hover,
button.action.active.hover {
  background-color: #00b800;
  color: #ffffff;
}
.button-action:hover:active:before,
button.action:hover:active:before,
.button-action.hover:active:before,
button.action.hover:active:before,
.button-action.active:hover:before,
button.action.active:hover:before,
.button-action.active.hover:before,
button.action.active.hover:before,
.button-action:hover:active:after,
button.action:hover:active:after,
.button-action.hover:active:after,
button.action.hover:active:after,
.button-action.active:hover:after,
button.action.active:hover:after,
.button-action.active.hover:after,
button.action.active.hover:after {
  background-color: #ffffff;
}
.no-mask-image .button-action:hover:active:before,
.no-mask-image button.action:hover:active:before,
.no-mask-image .button-action.hover:active:before,
.no-mask-image button.action.hover:active:before,
.no-mask-image .button-action.active:hover:before,
.no-mask-image button.action.active:hover:before,
.no-mask-image .button-action.active.hover:before,
.no-mask-image button.action.active.hover:before,
.no-mask-image .button-action:hover:active:after,
.no-mask-image button.action:hover:active:after,
.no-mask-image .button-action.hover:active:after,
.no-mask-image button.action.hover:active:after,
.no-mask-image .button-action.active:hover:after,
.no-mask-image button.action.active:hover:after,
.no-mask-image .button-action.active.hover:after,
.no-mask-image button.action.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button,
button {
  font-size: 0.75em;
  font-weight: 500;
  line-height: 1.66666667em;
  padding: 0.5em 1em;
}
.coz-input-number-buttons,
.coz-input-number-buttons button {
  width: auto;
}
.coz-input-number-buttons button {
  padding: 0.29166667em;
}
.coz-input-select > button.icon,
.coz-input-combo > button.icon,
.button-drop,
button.drop {
  width: auto;
}
.tabs-row .tabrow {
  height: 2em;
}
.tabs-row .tabrow .button {
  padding: 0.5em 0.83333333em 0.58333333em;
}
.tabs-row .tabrow .bg {
  height: 2.75em;
}
input,
textarea,
select,
.mooeditable-iframe-body,
.mce-content-body,
.iti,
.listPicker > div,
.coz-input > ul a,
.coz-input-style {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.5;
}
input,
textarea,
select,
progress,
.mooeditable-container .mooeditable-iframe,
.coz-input-tinymce .tox,
body .tox .tox-selectfield select,
body .tox .tox-textarea,
body .tox .tox-textfield,
body .tox .tox-toolbar-textfield,
.coz-input > input + i,
.listPicker > div,
.coz-input-style,
.coz-input-labeled--border,
.coz-input-labeled--border:before,
.coz-input-labeled--border:after {
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
progress {
  -webkit-appearance: none;
  appearance: none;
  height: 2em;
  padding: 0.125em;
  background: #fff;
}
::-webkit-progress-bar {
  background-color: #630c0d;
}
::-moz-progress-bar {
  background-color: #630c0d;
}
::-progress-bar {
  background-color: #630c0d;
}
.mooeditable-iframe-body,
.mce-content-body {
  background: #fff;
  padding-bottom: 0;
  font-size: 16px;
}
.coz-input-tinymce .tox {
  min-height: 86px;
}
.coz-input-tinymce .tox .tox-toolbar__primary {
  border-bottom: 1px solid #e6e6e6;
  background: none;
}
.coz-input-tinymce .tox .tox-toolbar__group {
  padding: 0 2px;
}
.coz-input-tinymce .tox[dir="rtl"] .tox-toolbar__group:not(:first-of-type),
.coz-input-tinymce .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type),
.coz-input-tinymce .tox .tox-statusbar {
  border-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
}
.coz-input-tinymce .tox .tox-toolbar__group:not(:last-of-type) {
  border-width: 0 1px 0 0;
}
.coz-input-tinymce .tox .tox-statusbar {
  border-width: 1px 0 0;
}
.coz-input-tinymce .tox .tox-tbtn {
  border-radius: 0;
  width: 32px;
  height: 32px;
}
.coz-input-tinymce .tox .tox-tbtn,
.coz-input-tinymce .tox .tox-tbtn--select {
  margin: 2px 0;
}
.coz-input-tinymce .tox .tox-tbtn--select {
  width: auto;
}
.coz-input-tinymce .tox .tox-tbtn:hover,
.coz-input-tinymce .tox .tox-tbtn--active {
  background-color: rgba(0, 0, 0, 0.2);
  color: #333;
}
.coz-input-tinymce .tox .tox-statusbar__branding {
  display: none;
}
.coz-input-tinymce .tox .tox-statusbar__resize-handle {
  cursor: ns-resize;
}
.coz-input-tinymce .tox .tox-edit-area {
  border-top: 0;
}
body .tox,
body .tox-tinymce,
body .tox :not(svg),
body .tox .tox-button,
body .tox .tox-dialog__title,
body .tox .tox-selectfield select,
body .tox .tox-textarea,
body .tox .tox-textfield,
body .tox .tox-toolbar-textfield {
  font-family: inherit;
  font-weight: inherit;
}
body .tox .tox-button {
  border: 0;
  border-radius: 0;
  color: #333;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
}
body .tox .tox-button,
body .tox .tox-button.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 0, 0.28);
  color: #000000;
}
body .tox .tox-button:before,
body .tox .tox-button.button.button:not(a):not(label):not(input):before,
body .tox .tox-button:after,
body .tox .tox-button.button.button:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image body .tox .tox-button:before,
.no-mask-image body .tox .tox-button.button.button:not(a):not(label):not(input):before,
.no-mask-image body .tox .tox-button:after,
.no-mask-image body .tox .tox-button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-button.button-flat,
body .tox .tox-button.flat,
body .tox .tox-button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
body .tox .tox-button.button-flat:before,
body .tox .tox-button.flat:before,
body .tox .tox-button.button.button-flat:not(a):not(label):not(input):before,
body .tox .tox-button.button-flat:after,
body .tox .tox-button.flat:after,
body .tox .tox-button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image body .tox .tox-button.button-flat:before,
.no-mask-image body .tox .tox-button.flat:before,
.no-mask-image body .tox .tox-button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image body .tox .tox-button.button-flat:after,
.no-mask-image body .tox .tox-button.flat:after,
.no-mask-image body .tox .tox-button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-button:hover,
body .tox .tox-button.hover,
body .tox .tox-button:focus,
body .tox .tox-button.focus,
.accordion > :focus + dt > body .tox .tox-button {
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
}
body .tox .tox-button:hover:before,
body .tox .tox-button.hover:before,
body .tox .tox-button:focus:before,
body .tox .tox-button.focus:before,
.accordion > :focus + dt > body .tox .tox-button:before,
body .tox .tox-button:hover:after,
body .tox .tox-button.hover:after,
body .tox .tox-button:focus:after,
body .tox .tox-button.focus:after,
.accordion > :focus + dt > body .tox .tox-button:after {
  background-color: #ffffff;
}
.no-mask-image body .tox .tox-button:hover:before,
.no-mask-image body .tox .tox-button.hover:before,
.no-mask-image body .tox .tox-button:focus:before,
.no-mask-image body .tox .tox-button.focus:before,
.no-mask-image .accordion > :focus + dt > body .tox .tox-button:before,
.no-mask-image body .tox .tox-button:hover:after,
.no-mask-image body .tox .tox-button.hover:after,
.no-mask-image body .tox .tox-button:focus:after,
.no-mask-image body .tox .tox-button.focus:after,
.no-mask-image .accordion > :focus + dt > body .tox .tox-button:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-button:hover:active,
body .tox .tox-button.hover:active,
body .tox .tox-button.active:hover,
body .tox .tox-button.active.hover {
  background-color: #000000;
  color: #ffffff;
}
body .tox .tox-button:hover:active:before,
body .tox .tox-button.hover:active:before,
body .tox .tox-button.active:hover:before,
body .tox .tox-button.active.hover:before,
body .tox .tox-button:hover:active:after,
body .tox .tox-button.hover:active:after,
body .tox .tox-button.active:hover:after,
body .tox .tox-button.active.hover:after {
  background-color: #ffffff;
}
.no-mask-image body .tox .tox-button:hover:active:before,
.no-mask-image body .tox .tox-button.hover:active:before,
.no-mask-image body .tox .tox-button.active:hover:before,
.no-mask-image body .tox .tox-button.active.hover:before,
.no-mask-image body .tox .tox-button:hover:active:after,
.no-mask-image body .tox .tox-button.hover:active:after,
.no-mask-image body .tox .tox-button.active:hover:after,
.no-mask-image body .tox .tox-button.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-button--naked {
  background-color: transparent;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary),
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.7);
  color: #ffffff;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button:not(a):not(label):not(input):before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button:not(a):not(label):not(input):after {
  background-color: #ffffff;
}
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button:not(a):not(label):not(input):before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button-flat,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).flat,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button-flat:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).flat:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button-flat:not(a):not(label):not(input):before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button-flat:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).flat:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button-flat:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).flat:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button-flat:not(a):not(label):not(input):before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button-flat:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).flat:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):focus,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).focus,
.accordion > :focus + dt > body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary) {
  background-color: #0c0;
  color: #ffffff;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):focus:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).focus:before,
.accordion > :focus + dt > body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):focus:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).focus:after,
.accordion > :focus + dt > body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):after {
  background-color: #ffffff;
}
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):focus:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).focus:before,
.no-mask-image .accordion > :focus + dt > body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):focus:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).focus:after,
.no-mask-image .accordion > :focus + dt > body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:active,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:active,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active:hover,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active.hover {
  background-color: #00b800;
  color: #ffffff;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:active:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:active:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active:hover:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active.hover:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:active:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:active:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active:hover:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active.hover:after {
  background-color: #ffffff;
}
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:active:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:active:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active:hover:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active.hover:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:active:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:active:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active:hover:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-menu {
  border: 0;
  border-radius: 0;
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.4);
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
body .tox .tox-dialog-wrap__backdrop {
  background: rgba(0, 0, 0, 0.8);
}
body .tox .tox-dialog {
  border: 0;
  border-radius: 0;
}
body .tox .tox-dialog__header {
  padding: 16px 16px 0;
}
body .tox .tox-dialog__title {
  font-style: italic;
  font-family: Roboto Condensed, Arial Narrow, sans-serif;
  font-weight: bolder;
  font-style: italic;
  font-size: 1.5em;
  color: #630c0d;
}
body .tox .tox-dialog__footer {
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  padding: 16px;
}
body .tox .tox-selectfield select,
body .tox .tox-textarea,
body .tox .tox-textfield,
body .tox .tox-toolbar-textfield {
  border-radius: 0;
}
input,
textarea,
.mooeditable-iframe-body,
.mce-content-body,
.coz-input > ul > li > a,
.coz-input-style,
main ~ .tox .tox-textarea,
main ~ .tox .tox-textfield,
main ~ .tox .tox-toolbar-textfield {
  padding: 0.1875em 0.4375em;
}
select,
main ~ .tox .tox-selectfield select {
  padding: 0.3125em 1.8125em 0.3125em 0.1875em;
}
input,
select,
.coz-input-style {
  height: 2em;
}
textarea {
  min-height: 2em;
}
input[type=color] {
  padding: 0;
}
input[type=number] {
  height: 1.5em;
}
input[type=checkbox],
input[type=radio] {
  width: 1em;
  height: 1em;
  margin: 0.125em 0.375em 0.125em 0.125em;
}
select {
  padding: 0.3125em 1.8125em 0.3125em 0.1875em;
}
input:hover,
textarea:hover,
select:hover,
.coz-input:hover > input,
.coz-input:hover > input + i,
.coz-input-search:hover > .coz-input > input,
:hover > input,
.coz-input-tinymce:hover .tox,
.coz-input-tinymce.hover .tox,
body .tox .tox-selectfield select:hover,
body .tox .tox-textarea:hover,
body .tox .tox-textfield:hover,
body .tox .tox-toolbar-textfield:hover,
button.coz-input-style:hover,
a.coz-input-style:hover,
.coz-input-hover,
:hover ~ .coz-input-labeled--border,
:hover ~ .coz-input-labeled--border:before,
:hover ~ .coz-input-labeled--border:after {
  outline: none;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
input:focus,
textarea:focus,
select:focus,
.coz-input:hover > input:focus,
.coz-input-search:hover > .coz-input > input:focus,
.coz-input > input:focus + i,
.coz-input-tinymce.focus .tox,
body .tox .tox-selectfield select:focus,
body .tox .tox-textarea:focus,
body .tox .tox-textfield:focus,
body .tox .tox-toolbar-textfield:focus,
button.coz-input-style:focus,
a.coz-input-style:focus,
.coz-input-focus,
button.coz-input-focus:hover,
a.coz-input-focus:hover,
:focus ~ .coz-input-labeled--border,
:focus ~ .coz-input-labeled--border:before,
:focus ~ .coz-input-labeled--border:after {
  outline: none;
  border-color: #630c0d;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.coz-input:focus-within > input + i,
.iti:focus-within ~ .coz-input-labeled--border,
.iti:focus-within ~ .coz-input-labeled--border:before,
.iti:focus-within ~ .coz-input-labeled--border:after {
  outline: none;
  border-color: #630c0d;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
input[readonly]:focus {
  outline: none;
}
input.coz-input-invalid,
textarea.coz-input-invalid,
select.coz-input-invalid,
button.coz-input-style.coz-input-invalid,
a.coz-input-style.coz-input-invalid,
.coz-input:hover > input.coz-input-invalid,
.coz-input-search:hover > .coz-input > input.coz-input-invalid,
.coz-input > input.coz-input-invalid + i,
.coz-input-invalid .tox,
.coz-input-invalid:focus {
  background-color: #fae6e6;
  background-clip: border-box;
  border-color: rgba(204, 0, 0, 0.1);
  color: #c00;
}
.coz-input-invalid ~ .iti .iti__selected-dial-code,
.coz-input-invalid ~ .coz-input-labeled--label {
  color: #c00;
}
.coz-input-invalid ~ .coz-input-labeled--border,
.coz-input-invalid ~ .coz-input-labeled--border:before,
.coz-input-invalid ~ .coz-input-labeled--border:after {
  border-color: rgba(204, 0, 0, 0.1);
}
input.coz-input-invalid:hover,
textarea.coz-input-invalid:hover,
select.coz-input-invalid:hover,
button.coz-input-style.coz-input-invalid:hover,
a.coz-input-style.coz-input-invalid:hover,
.coz-input:hover > input.coz-input-invalid:hover,
.coz-input-search:hover > .coz-input > input.coz-input-invalid:hover,
.coz-input > input.coz-input-invalid:hover + i,
.coz-input-invalid.hover .tox,
.coz-input-invalid:hover,
.coz-input-invalid:hover ~ .coz-input-labeled--border,
.coz-input-invalid:hover ~ .coz-input-labeled--border:before,
.coz-input-invalid:hover ~ .coz-input-labeled--border:after {
  border-color: rgba(204, 0, 0, 0.2);
}
input.coz-input-invalid:focus,
textarea.coz-input-invalid:focus,
select.coz-input-invalid:focus,
button.coz-input-style.coz-input-invalid:focus,
a.coz-input-style.coz-input-invalid:focus,
.coz-input:hover > input.coz-input-invalid:focus,
.coz-input-search:hover > .coz-input > input.coz-input-invalid:focus,
.coz-input > input.coz-input-invalid:focus + i,
.coz-input-invalid.focus .tox,
.coz-input-invalid:focus,
.coz-input-invalid:focus ~ .coz-input-labeled--border,
.coz-input-invalid:focus ~ .coz-input-labeled--border:before,
.coz-input-invalid:focus ~ .coz-input-labeled--border:after {
  border-color: #c00;
}
.coz-input:focus-within > input.coz-input-invalid + i {
  border-color: #c00;
}
.coz-input-checkbox:hover > input.coz-input-invalid + i:after,
.coz-input-radio:hover > input.coz-input-invalid + i:after,
.coz-input-checkbox > input.coz-input-invalid:focus + i:after,
.coz-input-radio > input.coz-input-invalid:focus + i:after {
  background-color: rgba(204, 0, 0, 0.2);
}
.coz-input > .coz-input-invalid ~ button,
.coz-input-invalid ~ .coz-input-number-buttons > button,
.coz-input > .coz-input-invalid ~ button.button.button:not(a):not(label):not(input),
.coz-input-invalid ~ .coz-input-number-buttons > button.button.button:not(a):not(label):not(input) {
  background-color: rgba(204, 0, 0, 0.05);
  color: #000000;
}
.coz-input > .coz-input-invalid ~ button:before,
.coz-input-invalid ~ .coz-input-number-buttons > button:before,
.coz-input > .coz-input-invalid ~ button.button.button:not(a):not(label):not(input):before,
.coz-input-invalid ~ .coz-input-number-buttons > button.button.button:not(a):not(label):not(input):before,
.coz-input > .coz-input-invalid ~ button:after,
.coz-input-invalid ~ .coz-input-number-buttons > button:after,
.coz-input > .coz-input-invalid ~ button.button.button:not(a):not(label):not(input):after,
.coz-input-invalid ~ .coz-input-number-buttons > button.button.button:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image .coz-input > .coz-input-invalid ~ button:before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button:before,
.no-mask-image .coz-input > .coz-input-invalid ~ button.button.button:not(a):not(label):not(input):before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.button.button:not(a):not(label):not(input):before,
.no-mask-image .coz-input > .coz-input-invalid ~ button:after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button:after,
.no-mask-image .coz-input > .coz-input-invalid ~ button.button.button:not(a):not(label):not(input):after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.coz-input > .coz-input-invalid ~ button.button-flat,
.coz-input-invalid ~ .coz-input-number-buttons > button.button-flat,
.coz-input > .coz-input-invalid ~ button.flat,
.coz-input-invalid ~ .coz-input-number-buttons > button.flat,
.coz-input > .coz-input-invalid ~ button.button.button-flat:not(a):not(label):not(input),
.coz-input-invalid ~ .coz-input-number-buttons > button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
.coz-input > .coz-input-invalid ~ button.button-flat:before,
.coz-input-invalid ~ .coz-input-number-buttons > button.button-flat:before,
.coz-input > .coz-input-invalid ~ button.flat:before,
.coz-input-invalid ~ .coz-input-number-buttons > button.flat:before,
.coz-input > .coz-input-invalid ~ button.button.button-flat:not(a):not(label):not(input):before,
.coz-input-invalid ~ .coz-input-number-buttons > button.button.button-flat:not(a):not(label):not(input):before,
.coz-input > .coz-input-invalid ~ button.button-flat:after,
.coz-input-invalid ~ .coz-input-number-buttons > button.button-flat:after,
.coz-input > .coz-input-invalid ~ button.flat:after,
.coz-input-invalid ~ .coz-input-number-buttons > button.flat:after,
.coz-input > .coz-input-invalid ~ button.button.button-flat:not(a):not(label):not(input):after,
.coz-input-invalid ~ .coz-input-number-buttons > button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image .coz-input > .coz-input-invalid ~ button.button-flat:before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.button-flat:before,
.no-mask-image .coz-input > .coz-input-invalid ~ button.flat:before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.flat:before,
.no-mask-image .coz-input > .coz-input-invalid ~ button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .coz-input > .coz-input-invalid ~ button.button-flat:after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.button-flat:after,
.no-mask-image .coz-input > .coz-input-invalid ~ button.flat:after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.flat:after,
.no-mask-image .coz-input > .coz-input-invalid ~ button.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.coz-input > .coz-input-invalid ~ button:hover,
.coz-input-invalid ~ .coz-input-number-buttons > button:hover,
.coz-input > .coz-input-invalid ~ button.hover,
.coz-input-invalid ~ .coz-input-number-buttons > button.hover,
.coz-input > .coz-input-invalid ~ button:focus,
.coz-input-invalid ~ .coz-input-number-buttons > button:focus,
.coz-input > .coz-input-invalid ~ button.focus,
.coz-input-invalid ~ .coz-input-number-buttons > button.focus,
.accordion > :focus + dt > .coz-input > .coz-input-invalid ~ button,
.accordion > :focus + dt > .coz-input-invalid ~ .coz-input-number-buttons > button {
  background-color: rgba(204, 0, 0, 0.1);
  color: #000000;
}
.coz-input > .coz-input-invalid ~ button:hover:before,
.coz-input-invalid ~ .coz-input-number-buttons > button:hover:before,
.coz-input > .coz-input-invalid ~ button.hover:before,
.coz-input-invalid ~ .coz-input-number-buttons > button.hover:before,
.coz-input > .coz-input-invalid ~ button:focus:before,
.coz-input-invalid ~ .coz-input-number-buttons > button:focus:before,
.coz-input > .coz-input-invalid ~ button.focus:before,
.coz-input-invalid ~ .coz-input-number-buttons > button.focus:before,
.accordion > :focus + dt > .coz-input > .coz-input-invalid ~ button:before,
.accordion > :focus + dt > .coz-input-invalid ~ .coz-input-number-buttons > button:before,
.coz-input > .coz-input-invalid ~ button:hover:after,
.coz-input-invalid ~ .coz-input-number-buttons > button:hover:after,
.coz-input > .coz-input-invalid ~ button.hover:after,
.coz-input-invalid ~ .coz-input-number-buttons > button.hover:after,
.coz-input > .coz-input-invalid ~ button:focus:after,
.coz-input-invalid ~ .coz-input-number-buttons > button:focus:after,
.coz-input > .coz-input-invalid ~ button.focus:after,
.coz-input-invalid ~ .coz-input-number-buttons > button.focus:after,
.accordion > :focus + dt > .coz-input > .coz-input-invalid ~ button:after,
.accordion > :focus + dt > .coz-input-invalid ~ .coz-input-number-buttons > button:after {
  background-color: #000000;
}
.no-mask-image .coz-input > .coz-input-invalid ~ button:hover:before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button:hover:before,
.no-mask-image .coz-input > .coz-input-invalid ~ button.hover:before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.hover:before,
.no-mask-image .coz-input > .coz-input-invalid ~ button:focus:before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button:focus:before,
.no-mask-image .coz-input > .coz-input-invalid ~ button.focus:before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.focus:before,
.no-mask-image .accordion > :focus + dt > .coz-input > .coz-input-invalid ~ button:before,
.no-mask-image .accordion > :focus + dt > .coz-input-invalid ~ .coz-input-number-buttons > button:before,
.no-mask-image .coz-input > .coz-input-invalid ~ button:hover:after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button:hover:after,
.no-mask-image .coz-input > .coz-input-invalid ~ button.hover:after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.hover:after,
.no-mask-image .coz-input > .coz-input-invalid ~ button:focus:after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button:focus:after,
.no-mask-image .coz-input > .coz-input-invalid ~ button.focus:after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.focus:after,
.no-mask-image .accordion > :focus + dt > .coz-input > .coz-input-invalid ~ button:after,
.no-mask-image .accordion > :focus + dt > .coz-input-invalid ~ .coz-input-number-buttons > button:after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.coz-input > .coz-input-invalid ~ button:hover:active,
.coz-input-invalid ~ .coz-input-number-buttons > button:hover:active,
.coz-input > .coz-input-invalid ~ button.hover:active,
.coz-input-invalid ~ .coz-input-number-buttons > button.hover:active,
.coz-input > .coz-input-invalid ~ button.active:hover,
.coz-input-invalid ~ .coz-input-number-buttons > button.active:hover,
.coz-input > .coz-input-invalid ~ button.active.hover,
.coz-input-invalid ~ .coz-input-number-buttons > button.active.hover {
  background-color: rgba(204, 0, 0, 0.15);
  color: #000000;
}
.coz-input > .coz-input-invalid ~ button:hover:active:before,
.coz-input-invalid ~ .coz-input-number-buttons > button:hover:active:before,
.coz-input > .coz-input-invalid ~ button.hover:active:before,
.coz-input-invalid ~ .coz-input-number-buttons > button.hover:active:before,
.coz-input > .coz-input-invalid ~ button.active:hover:before,
.coz-input-invalid ~ .coz-input-number-buttons > button.active:hover:before,
.coz-input > .coz-input-invalid ~ button.active.hover:before,
.coz-input-invalid ~ .coz-input-number-buttons > button.active.hover:before,
.coz-input > .coz-input-invalid ~ button:hover:active:after,
.coz-input-invalid ~ .coz-input-number-buttons > button:hover:active:after,
.coz-input > .coz-input-invalid ~ button.hover:active:after,
.coz-input-invalid ~ .coz-input-number-buttons > button.hover:active:after,
.coz-input > .coz-input-invalid ~ button.active:hover:after,
.coz-input-invalid ~ .coz-input-number-buttons > button.active:hover:after,
.coz-input > .coz-input-invalid ~ button.active.hover:after,
.coz-input-invalid ~ .coz-input-number-buttons > button.active.hover:after {
  background-color: #000000;
}
.no-mask-image .coz-input > .coz-input-invalid ~ button:hover:active:before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button:hover:active:before,
.no-mask-image .coz-input > .coz-input-invalid ~ button.hover:active:before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.hover:active:before,
.no-mask-image .coz-input > .coz-input-invalid ~ button.active:hover:before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.active:hover:before,
.no-mask-image .coz-input > .coz-input-invalid ~ button.active.hover:before,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.active.hover:before,
.no-mask-image .coz-input > .coz-input-invalid ~ button:hover:active:after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button:hover:active:after,
.no-mask-image .coz-input > .coz-input-invalid ~ button.hover:active:after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.hover:active:after,
.no-mask-image .coz-input > .coz-input-invalid ~ button.active:hover:after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.active:hover:after,
.no-mask-image .coz-input > .coz-input-invalid ~ button.active.hover:after,
.no-mask-image .coz-input-invalid ~ .coz-input-number-buttons > button.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.coz-input-invalid ~ .coz-input-time-ampm > button,
.coz-input-invalid ~ .coz-input-time-ampm > button.button.button:not(a):not(label):not(input) {
  background-color: rgba(204, 0, 0, 0.7);
  color: #ffffff;
}
.coz-input-invalid ~ .coz-input-time-ampm > button:before,
.coz-input-invalid ~ .coz-input-time-ampm > button.button.button:not(a):not(label):not(input):before,
.coz-input-invalid ~ .coz-input-time-ampm > button:after,
.coz-input-invalid ~ .coz-input-time-ampm > button.button.button:not(a):not(label):not(input):after {
  background-color: #ffffff;
}
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button:before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.button.button:not(a):not(label):not(input):before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button:after,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.coz-input-invalid ~ .coz-input-time-ampm > button.button-flat,
.coz-input-invalid ~ .coz-input-time-ampm > button.flat,
.coz-input-invalid ~ .coz-input-time-ampm > button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
.coz-input-invalid ~ .coz-input-time-ampm > button.button-flat:before,
.coz-input-invalid ~ .coz-input-time-ampm > button.flat:before,
.coz-input-invalid ~ .coz-input-time-ampm > button.button.button-flat:not(a):not(label):not(input):before,
.coz-input-invalid ~ .coz-input-time-ampm > button.button-flat:after,
.coz-input-invalid ~ .coz-input-time-ampm > button.flat:after,
.coz-input-invalid ~ .coz-input-time-ampm > button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.button-flat:before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.flat:before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.button-flat:after,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.flat:after,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.coz-input-invalid ~ .coz-input-time-ampm > button:hover,
.coz-input-invalid ~ .coz-input-time-ampm > button.hover,
.coz-input-invalid ~ .coz-input-time-ampm > button:focus,
.coz-input-invalid ~ .coz-input-time-ampm > button.focus,
.accordion > :focus + dt > .coz-input-invalid ~ .coz-input-time-ampm > button {
  background-color: #c00;
  color: #ffffff;
}
.coz-input-invalid ~ .coz-input-time-ampm > button:hover:before,
.coz-input-invalid ~ .coz-input-time-ampm > button.hover:before,
.coz-input-invalid ~ .coz-input-time-ampm > button:focus:before,
.coz-input-invalid ~ .coz-input-time-ampm > button.focus:before,
.accordion > :focus + dt > .coz-input-invalid ~ .coz-input-time-ampm > button:before,
.coz-input-invalid ~ .coz-input-time-ampm > button:hover:after,
.coz-input-invalid ~ .coz-input-time-ampm > button.hover:after,
.coz-input-invalid ~ .coz-input-time-ampm > button:focus:after,
.coz-input-invalid ~ .coz-input-time-ampm > button.focus:after,
.accordion > :focus + dt > .coz-input-invalid ~ .coz-input-time-ampm > button:after {
  background-color: #ffffff;
}
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button:hover:before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.hover:before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button:focus:before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.focus:before,
.no-mask-image .accordion > :focus + dt > .coz-input-invalid ~ .coz-input-time-ampm > button:before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button:hover:after,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.hover:after,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button:focus:after,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.focus:after,
.no-mask-image .accordion > :focus + dt > .coz-input-invalid ~ .coz-input-time-ampm > button:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.coz-input-invalid ~ .coz-input-time-ampm > button:hover:active,
.coz-input-invalid ~ .coz-input-time-ampm > button.hover:active,
.coz-input-invalid ~ .coz-input-time-ampm > button.active:hover,
.coz-input-invalid ~ .coz-input-time-ampm > button.active.hover {
  background-color: #b80000;
  color: #ffffff;
}
.coz-input-invalid ~ .coz-input-time-ampm > button:hover:active:before,
.coz-input-invalid ~ .coz-input-time-ampm > button.hover:active:before,
.coz-input-invalid ~ .coz-input-time-ampm > button.active:hover:before,
.coz-input-invalid ~ .coz-input-time-ampm > button.active.hover:before,
.coz-input-invalid ~ .coz-input-time-ampm > button:hover:active:after,
.coz-input-invalid ~ .coz-input-time-ampm > button.hover:active:after,
.coz-input-invalid ~ .coz-input-time-ampm > button.active:hover:after,
.coz-input-invalid ~ .coz-input-time-ampm > button.active.hover:after {
  background-color: #ffffff;
}
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button:hover:active:before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.hover:active:before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.active:hover:before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.active.hover:before,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button:hover:active:after,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.hover:active:after,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.active:hover:after,
.no-mask-image .coz-input-invalid ~ .coz-input-time-ampm > button.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.coz-input > .coz-input-invalid ~ button:before,
.coz-input-invalid ~ .coz-input-number-buttons > button:before,
.coz-input-checkbox > input.coz-input-invalid:indeterminate + i:after,
.coz-input-radio > input.coz-input-invalid:indeterminate + i:after,
.coz-input-checkbox > input.coz-input-invalid:checked + i:after,
.coz-input-radio > input.coz-input-invalid:checked + i:after {
  background-color: #c00 !important;
}
input:disabled,
textarea:disabled,
select:disabled,
.coz-input:hover > input:disabled,
.coz-input-search:hover > .coz-input > input:disabled,
.coz-input > input:disabled + i,
.coz-input-disabled,
.coz-input-labeled :disabled ~ label,
.coz-input-labeled :disabled ~ label:before,
.coz-input-labeled :disabled ~ label:after {
  border-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
}
.coz-input-placeholder,
.coz-input-select-empty input,
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
:-moz-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
::-moz-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
::-webkit-input-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
:-ms-input-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
  left: auto;
}
:focus + .coz-input-placeholder,
.coz-input-select-empty input:focus,
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks):focus::before {
  color: rgba(0, 0, 0, 0.2);
}
:focus > :-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
:focus > :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.coz-input-invalid + .coz-input-placeholder,
.coz-input-select-empty input.coz-input-invalid,
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks).coz-input-invalid::before {
  color: rgba(204, 0, 0, 0.3);
}
.coz-input-invalid > :-moz-placeholder {
  color: rgba(204, 0, 0, 0.3);
}
.coz-input-invalid::-moz-placeholder {
  color: rgba(204, 0, 0, 0.3);
}
.coz-input-invalid::-webkit-input-placeholder {
  color: rgba(204, 0, 0, 0.3);
}
.coz-input-invalid > :-ms-input-placeholder {
  color: rgba(204, 0, 0, 0.3);
}
.coz-input-invalid:focus + .coz-input-placeholder,
.coz-input-select-empty input.coz-input-invalid:focus,
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks).coz-input-invalid:focus::before {
  color: rgba(204, 0, 0, 0.2);
}
.coz-input-invalid:focus > :-moz-placeholder {
  color: rgba(204, 0, 0, 0.2);
}
.coz-input-invalid:focus::-moz-placeholder {
  color: rgba(204, 0, 0, 0.2);
}
.coz-input-invalid:focus::-webkit-input-placeholder {
  color: rgba(204, 0, 0, 0.2);
}
.coz-input-invalid:focus > :-ms-input-placeholder {
  color: rgba(204, 0, 0, 0.2);
}
.coz-input .coz-input-placeholder {
  display: none !important;
  border-color: transparent;
  background: none;
  margin: 0;
  pointer-events: none;
}
.coz-input-placeholder-focus.coz-input-placeholder-empty .coz-input-placeholder {
  display: inline !important;
}
.coz-input {
  /* 
	&-select&-open > input { visibility:hidden; } */
  --text-shadow-color: #fff;
}
.coz-input,
.coz-input > * {
  max-width: 100%;
}
.coz-input-checkbox,
.coz-input-radio {
  display: inline-flex;
  align-items: center;
}
.coz-input-checkbox > input + i,
.coz-input-radio > input + i {
  width: 1em;
  height: 1em;
  margin: 0.125em 0.375em 0.125em 0.125em;
  position: relative;
}
.coz-input-checkbox > input + i:after,
.coz-input-radio > input + i:after {
  content: '';
  position: absolute;
  top: 0.1875em;
  left: 0.1875em;
  width: 0.5em;
  height: 0.5em;
  -webkit-transition: background-color 0.3s, transform 0.3s;
  -moz-transition: background-color 0.3s, transform 0.3s;
  transition: background-color 0.3s, transform 0.3s;
}
.coz-input-checkbox:hover > i:after,
.coz-input-radio:hover > i:after {
  background: rgba(0, 0, 0, 0.1);
}
.coz-input-checkbox > :focus + i:after,
.coz-input-radio > :focus + i:after,
.coz-input-checkbox > :focus + i:after,
.coz-input-radio > :focus + i:after {
  background: rgba(0, 0, 0, 0.2);
}
.coz-input-checkbox > .coz-input-checked + i,
.coz-input-radio > .coz-input-checked + i,
.coz-input-checkbox > :checked + i,
.coz-input-radio > :checked + i,
.coz-input-checkbox > .coz-input-indeterminate + i,
.coz-input-radio > .coz-input-indeterminate + i,
.coz-input-checkbox > :indeterminate + i,
.coz-input-radio > :indeterminate + i {
  background: #fff;
}
.coz-input-checkbox > .coz-input-checked + i:after,
.coz-input-radio > .coz-input-checked + i:after,
.coz-input-checkbox > :checked + i:after,
.coz-input-radio > :checked + i:after {
  background: #000;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}
.coz-input-checkbox > .coz-input-indeterminate + i:after,
.coz-input-radio > .coz-input-indeterminate + i:after,
.coz-input-checkbox > :indeterminate + i:after,
.coz-input-radio > :indeterminate + i:after {
  background: #000;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}
.coz-input-checkbox > .coz-input-checked:disabled + i:after,
.coz-input-radio > .coz-input-checked:disabled + i:after,
.coz-input-checkbox > :checked:disabled + i:after,
.coz-input-radio > :checked:disabled + i:after,
.coz-input-checkbox > .coz-input-indeterminate:disabled + i:after,
.coz-input-radio > .coz-input-indeterminate:disabled + i:after,
.coz-input-checkbox > :indeterminate:disabled + i:after,
.coz-input-radio > :indeterminate:disabled + i:after {
  background: #999;
}
.coz-input-checkbox.button > input + i,
.coz-input-radio.button > input + i {
  margin-left: -0.375em;
  margin-right: 0.375em;
  border: 0;
  background-color: transparent;
  background-position: -202px -2px;
  opacity: 0.1;
}
.coz-input-checkbox.button > input + i:after,
.coz-input-radio.button > input + i:after {
  content: none;
}
.coz-input-checkbox.button > .coz-input-checked + i,
.coz-input-radio.button > .coz-input-checked + i,
.coz-input-checkbox.button > :checked + i,
.coz-input-radio.button > :checked + i {
  opacity: 1;
  background-image: url('/colorReplace/630c0d/images/webshop/button-icons-mask.svg');
  background-image: url(/colorReplace/630c0d/images/webshop/button-icons-mask.svg), none;
}
.coz-input-radio > input + i:after {
  border-radius: 0.25em;
}
.coz-input-toggle > input {
  position: absolute;
  left: -10000px;
}
.coz-input-toggle > input + i {
  display: inline-flex;
  min-width: 6.25em;
}
.coz-input-toggle > input + i > span {
  display: flex;
  min-width: 8.33333333em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.5;
}
.coz-input-toggle > input + i > span:before,
.coz-input-toggle > input + i > span:after {
  width: 50%;
  min-width: 3.91666667em;
  padding: 0.33333333em 0.66666667em;
  border: 0.16666667em solid #fff;
  background-clip: padding-box;
  color: rgba(0, 0, 0, 0.1);
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.coz-input-toggle > input + i > span:before {
  content: 'Off';
  border-right-width: 0;
}
.coz-input-toggle > input + i > span:after {
  content: 'On';
  border-left-width: 0;
}
.coz-input-toggle > input + i > span[data-toggle-off]:before {
  content: attr(data-toggle-off);
}
.coz-input-toggle > input + i > span[data-toggle-on]:after {
  content: attr(data-toggle-on);
}
.coz-input-toggle:hover > input + i > span:before,
.coz-input-toggle > input:focus + i > span:before,
.coz-input-toggle:hover > input + i > span:after,
.coz-input-toggle > input:focus + i > span:after {
  color: rgba(0, 0, 0, 0.2);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.coz-input-toggle > input:checked + i > span:after,
.coz-input-toggle > input:not(:checked) + i > span:before {
  background: #000;
  color: #fff;
}
.coz-input-toggle.button {
  width: auto;
  height: 2em;
  padding: 0.25em;
  margin: 0;
}
.coz-input-toggle.button:before,
.coz-input-toggle.button:after {
  min-width: 2.25em;
  line-height: 1.5;
}
.coz-input-switch > input {
  position: absolute;
  left: -10000px;
}
.coz-input-switch > input + i {
  display: inline-flex;
  width: 3em;
  height: 2em;
  padding: 0.125em;
  position: relative;
  vertical-align: middle;
}
.coz-input-switch > input + i:before {
  content: '';
  width: 100%;
  height: 100%;
  background: transparent;
  transition: background-color 0.3s;
}
.coz-input-switch > input + i > .button {
  display: flex;
  padding: 0;
  width: 1.33333333em;
  height: 1.33333333em;
  position: absolute;
  left: 0.58333333em;
  top: 0.58333333em;
  transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s, background-color 0.3s, border-color 0.3s;
  pointer-events: none;
}
.coz-input-switch > input + i > .button[disabled]:before,
.coz-input-switch > input + i > .button.disabled:before {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.coz-input-switch > input + i > .button:before {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  font-size: 0.08333333em;
  width: 20em;
  height: 20em;
  flex-shrink: 0;
  -webkit-mask-image: url(/images/webshop/button-icons-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-mask.svg);
  mask-image: url(/images/webshop/button-icons-mask.svg);
  -webkit-mask-size: 540em 54em;
  -moz-mask-size: 540em 54em;
  -ms-mask-size: 540em 54em;
  -o-mask-size: 540em 54em;
  mask-size: 540em 54em;
  background-color: #333;
  margin: 0 6em 0 -6em;
}
.ie .coz-input-switch > input + i > .button:before {
  font-size: 1px;
}
.no-mask-image .coz-input-switch > input + i > .button:before {
  background-color: transparent;
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg'), none;
}
.coz-input-switch > input + i > .button.icon:before,
.coz-input-switch > input + i > .button-icon:before {
  margin-right: -6em;
}
.coz-input-switch > input + i > .button[disabled]:before,
.coz-input-switch > input + i > .button.disabled:before {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.coz-input-switch > input + i > .button:before {
  background-position: -180em 0em;
  -webkit-mask-position: -180em 0em;
  -moz-mask-position: -180em 0em;
  -ms-mask-position: -180em 0em;
  -o-mask-position: -180em 0em;
  mask-position: -180em 0em;
  margin: -2em;
  background-color: #fff;
  transition: margin 0.3s, background-color 0.3s;
}
.coz-input-switch:hover > input + i > .button,
.coz-input-switch > input:focus + i > .button {
  background-color: rgba(0, 0, 0, 0.2);
}
.coz-input-switch:focus-within > input + i > .button {
  background-color: rgba(0, 0, 0, 0.2);
}
.coz-input-switch > input:checked + i:before,
.coz-input-switch > input:checked + i > .button:before {
  background-color: #000000;
}
.coz-input-switch > input:checked + i > .button {
  margin: 0;
  width: 1.83333333em;
  height: 1.83333333em;
  left: 1.66666667em;
  top: 0.33333333em;
  background-color: #fff;
}
.coz-input-switch > input:checked + i > .button[disabled]:before,
.coz-input-switch > input:checked + i > .button.disabled:before {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.coz-input-switch > input:checked + i > .button:before {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  font-size: 0.08333333em;
  width: 20em;
  height: 20em;
  flex-shrink: 0;
  -webkit-mask-image: url(/images/webshop/button-icons-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-mask.svg);
  mask-image: url(/images/webshop/button-icons-mask.svg);
  -webkit-mask-size: 540em 54em;
  -moz-mask-size: 540em 54em;
  -ms-mask-size: 540em 54em;
  -o-mask-size: 540em 54em;
  mask-size: 540em 54em;
  background-color: #333;
  margin: 0 6em 0 -6em;
}
.ie .coz-input-switch > input:checked + i > .button:before {
  font-size: 1px;
}
.no-mask-image .coz-input-switch > input:checked + i > .button:before {
  background-color: transparent;
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg'), none;
}
.coz-input-switch > input:checked + i > .button.icon:before,
.coz-input-switch > input:checked + i > .button-icon:before {
  margin-right: -6em;
}
.coz-input-switch > input:checked + i > .button[disabled]:before,
.coz-input-switch > input:checked + i > .button.disabled:before {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.coz-input-switch > input:checked + i > .button:before {
  background-position: -200em 0em;
  -webkit-mask-position: -200em 0em;
  -moz-mask-position: -200em 0em;
  -ms-mask-position: -200em 0em;
  -o-mask-position: -200em 0em;
  mask-position: -200em 0em;
}
.coz-input-switch > input:checked:focus + i:before,
.coz-input-switch > input:checked:focus + i > .button:before {
  background-color: #630c0d;
}
.coz-input-switch:focus-within > input:checked + i:before,
.coz-input-switch:focus-within > input:checked + i > .button:before {
  background-color: #630c0d;
}
.mask-composite .coz-input-switch > input + i > .button {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.mask-composite .coz-input-switch > input + i > .button:before {
  margin: -3em;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-mask-image: linear-gradient(#fff, #fff), url(/images/webshop/button-icons-mask.svg);
  -moz-mask-image: linear-gradient(#fff, #fff), url(/images/webshop/button-icons-mask.svg);
  -ms-mask-image: linear-gradient(#fff, #fff), url(/images/webshop/button-icons-mask.svg);
  -o-mask-image: linear-gradient(#fff, #fff), url(/images/webshop/button-icons-mask.svg);
  mask-image: linear-gradient(#fff, #fff), url(/images/webshop/button-icons-mask.svg);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
}
.mask-composite .coz-input-switch:hover > input + i > .button,
.mask-composite .coz-input-switch > input:focus + i > .button {
  border-color: rgba(0, 0, 0, 0.2);
}
.mask-composite .coz-input-switch:hover > input + i > .button:before,
.mask-composite .coz-input-switch > input:focus + i > .button:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.mask-composite .coz-input-switch:focus-within > input + i > .button {
  border-color: rgba(0, 0, 0, 0.2);
}
.mask-composite .coz-input-switch:focus-within > input + i > .button:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.mask-composite .coz-input-switch > input.coz-input-invalid + i > .button {
  border-color: rgba(204, 0, 0, 0.1);
}
.mask-composite .coz-input-switch > input.coz-input-invalid + i > .button:before {
  background-color: rgba(204, 0, 0, 0.1);
}
.mask-composite .coz-input-switch:hover > input.coz-input-invalid + i > .button,
.mask-composite .coz-input-switch > input.coz-input-invalid:focus + i > .button {
  border-color: rgba(204, 0, 0, 0.2);
}
.mask-composite .coz-input-switch:hover > input.coz-input-invalid + i > .button:before,
.mask-composite .coz-input-switch > input.coz-input-invalid:focus + i > .button:before {
  background-color: rgba(204, 0, 0, 0.2);
}
.mask-composite .coz-input-switch > input:checked + i > .button {
  background-color: transparent;
  border-color: #fff;
}
.mask-composite .coz-input-switch > input:checked + i > .button:before {
  margin: 0;
  background-color: #fff;
}
.mask-composite .coz-input-switch > input.coz-input-invalid:checked + i:before {
  background-color: #c00;
}
.coz-input-search label {
  padding: 0.5625em 0.625em 0.5625em 0.5625em;
  line-height: 0.875;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.coz-input-search .button,
.coz-input-search label,
.coz-input-search .coz-input-checkbox {
  position: absolute;
  top: 0;
}
.coz-input-search label,
.coz-input-search .coz-input-checkbox {
  right: 2.25em;
}
.coz-input-search .coz-input-checkbox label {
  right: 0 !important;
}
.coz-input-search .button {
  right: 2.0625em;
}
.coz-input-search .button + label,
.coz-input-search .button + .coz-input-checkbox {
  right: 4.0625em;
}
.coz-input-search .coz-input-combo {
  display: block;
  width: 100% !important;
}
.coz-input-search .coz-input-combo > input {
  width: 100%;
  min-width: 15em;
}
.coz-input-search .coz-input-combo > button {
  display: none;
}
.coz-input-search .coz-input-combo ~ button {
  z-index: 1;
}
.coz-input-search .coz-input-open ~ button {
  z-index: 101;
}
.coz-input-copy > input {
  padding-right: 5.6875em;
  text-overflow: ellipsis;
}
.coz-input > ul {
  right: auto;
  min-width: 100%;
  max-width: none;
  max-width: unset;
  max-height: 18.875em;
  max-height: calc(300/16em + 2px);
  border: 0;
  margin-top: -1px;
  border: 1px solid #630c0d;
}
.coz-input > ul > li {
  margin: 0;
}
.coz-input > ul > li a {
  color: #333;
}
.coz-input > ul > li a:hover,
.coz-input > ul > li.selected a {
  color: #fff;
}
.coz-input > ul > li a:hover {
  background-color: #630c0d;
}
.coz-input > ul > li.selected a {
  background-color: #630c0d;
}
.coz-input > ul > li a[data-value=""],
.coz-input > ul > li a[data-empty-value] {
  color: rgba(0, 0, 0, 0.2);
  font-style: italic;
}
.coz-input > ul > li a[data-value=""]:hover,
.coz-input > ul > li a[data-empty-value]:hover {
  color: rgba(255, 255, 255, 0.4);
}
.coz-input > ul > li.selected a[data-value=""],
.coz-input > ul > li.selected a[data-empty-value] {
  color: rgba(255, 255, 255, 0.4);
}
.coz-input > ul > li.disabled a {
  opacity: 0.5;
}
.coz-input-combo > ul > li.selected a {
  background-color: #630c0d;
}
.coz-input-select > input,
.coz-input-combo > input {
  padding-right: 1.6875em;
}
.coz-input-select > [readonly]:first-child ~ button,
.coz-input-combo > [readonly]:first-child ~ button {
  display: none;
}
.coz-input-select > button.icon:before,
.coz-input-combo > button.icon:before {
  transition: transform 0.1s;
}
.coz-input-select > select,
.coz-input-combo > select {
  appearance: none;
  padding: 0.125em 2.125em 0.125em 0.4375em;
}
.coz-input-open > button {
  top: 0.0625em;
  bottom: 0.0625em;
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
}
.coz-input-open:not(.coz-input-combo-loading) > button:before {
  background-position: -342em 0;
  -webkit-mask-position: -342em 0;
  -moz-mask-position: -342em 0;
  -ms-mask-position: -342em 0;
  -o-mask-position: -342em 0;
  mask-position: -342em 0;
  transform: rotate(180deg);
}
.coz-input-select > ul {
  margin-top: -32px;
}
.coz-input-select-multiple > ul > li a {
  display: flex;
}
.coz-input-select-multiple > ul > li a[disabled]:after,
.coz-input-select-multiple > ul > li a.disabled:after {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.coz-input-select-multiple > ul > li a:after {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  font-size: 0.08333333em;
  width: 20em;
  height: 20em;
  flex-shrink: 0;
  -webkit-mask-image: url(/images/webshop/button-icons-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-mask.svg);
  mask-image: url(/images/webshop/button-icons-mask.svg);
  -webkit-mask-size: 540em 54em;
  -moz-mask-size: 540em 54em;
  -ms-mask-size: 540em 54em;
  -o-mask-size: 540em 54em;
  mask-size: 540em 54em;
  background-color: #333;
  margin: 0 -6em 0 6em;
}
.ie .coz-input-select-multiple > ul > li a:after {
  font-size: 1px;
}
.no-mask-image .coz-input-select-multiple > ul > li a:after {
  background-color: transparent;
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg'), none;
}
.coz-input-select-multiple > ul > li a.icon:after,
.coz-input-select-multiple > ul > li a-icon:after {
  margin-left: -6em;
}
.coz-input-select-multiple > ul > li a[disabled]:after,
.coz-input-select-multiple > ul > li a.disabled:after {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.coz-input-select-multiple > ul > li a:after {
  background-position: -200em 0em;
  -webkit-mask-position: -200em 0em;
  -moz-mask-position: -200em 0em;
  -ms-mask-position: -200em 0em;
  -o-mask-position: -200em 0em;
  mask-position: -200em 0em;
}
.coz-input-select-multiple > ul > li a span {
  margin-right: auto;
}
.coz-input-select-multiple > ul > li a:after {
  background-color: #fff;
  font-size: 1px;
}
.no-mask-image .coz-input-select-multiple > ul > li a:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.touch .coz-input-select-multiple > ul > li a:after {
  margin: 2em -4em 2em 4em;
}
.coz-input-select-multiple > ul > li:not(.selected) a:after {
  visibility: hidden;
}
.coz-input-select-multiple > ul > li.selected:hover a,
.coz-input-select-multiple > ul > li.selected a:focus,
.coz-input-select-multiple > ul > li a:focus {
  background-color: #630c0d;
  color: #fff;
}
.coz-input-listpicker > div > ul > li.drag .course-type:before {
  background-image: url('/colorReplace/fff/images/webshop/course-icons-mask.svg');
  background-image: url(/colorReplace/fff/images/webshop/course-icons-mask.svg), none;
}
.coz-input-listpicker > div > ul > li.drag button:before {
  background-color: #fff;
}
.no-mask-image .coz-input-listpicker > div > ul > li.drag button:before {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.coz-input > button:not(:hover):not(.hover):not(:focus),
.coz-input > .coz-input-number-buttons > button:not(:hover):not(.hover):not(:focus) {
  background-color: transparent;
}
.coz-input[data-label]:before {
  content: attr(data-label);
}
.coz-input[data-label]:before,
.coz-input > label {
  display: block;
  position: absolute;
  font-size: 0.6875em;
  line-height: 1.09090909;
  margin: 0 0.36363636em -13/11em;
  left: 0.63636364em;
  top: -0.54545455em;
  z-index: 2;
  text-shadow: 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 2px var(--text-shadow-color), 0 0 2px var(--text-shadow-color), 0 0 3px var(--text-shadow-color), 0 0 3px var(--text-shadow-color), 0 0 4px var(--text-shadow-color), 0 0 4px var(--text-shadow-color), 0 0 5px var(--text-shadow-color), 0 0 5px var(--text-shadow-color), 0 0 6px var(--text-shadow-color), 0 0 6px var(--text-shadow-color);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.coz-input-labeled {
  display: -ms-inline-grid;
  -ms-grid-columns: 1fr;
  display: inline-grid;
}
.coz-input-labeled[data-label]:before {
  content: none;
}
.coz-input-labeled > :not(.coz-input-labeled--label) {
  grid-row: 1;
  grid-column: 1;
}
.coz-input-labeled > input,
.coz-input-labeled > select,
.coz-input-labeled > textarea,
.coz-input-labeled > .coz-input-style,
.coz-input-labeled > .iti > input {
  border-color: transparent !important;
}
.coz-input-labeled--border,
.coz-input-labeled--label {
  position: relative;
  margin-left: 0 !important;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.coz-input-labeled--border {
  display: flex;
  right: 0;
  bottom: 0;
  border-width: 0 0 1px 0;
}
.coz-input-labeled--border span {
  width: auto;
  font-size: 0;
  white-space: nowrap;
  color: transparent;
}
.coz-input-labeled--border:before,
.coz-input-labeled--border:after {
  content: '';
  display: block;
}
.coz-input-labeled--border:before {
  width: 0.28571429em;
  border-width: 1px 0 0 1px;
  flex-shrink: 0;
}
.coz-input-labeled--border:after {
  width: 100%;
  min-width: 0.28571429em;
  border-width: 1px 1px 0 0;
}
.coz-input-labeled--label {
  position: absolute;
  left: 0.4375em;
  top: 0.1875em;
  border: 1px solid transparent;
  line-height: 1.5;
  margin-left: 0;
  color: rgba(51, 51, 51, 0.6);
  -webkit-transition: color 0.3s, font-size 0.3s, line-height 0.3s, left 0.3s, top 0.3s, text-shadow 0.3s;
  -moz-transition: color 0.3s, font-size 0.3s, line-height 0.3s, left 0.3s, top 0.3s, text-shadow 0.3s;
  transition: color 0.3s, font-size 0.3s, line-height 0.3s, left 0.3s, top 0.3s, text-shadow 0.3s;
  --text-shadow-color: #fff;
}
.coz-input-labeled--spacer {
  visibility: hidden;
  pointer-events: none;
}
.coz-input-labeled--notempty .coz-input-labeled--border span,
[placeholder] ~ .coz-input-labeled--border span,
:autofill ~ .coz-input-labeled--border span,
.coz-input-number-suffix ~ .coz-input-labeled--border span,
.coz-input-labeled:not(.coz-input-select) input:focus ~ .coz-input-labeled--border span,
.iti ~ .coz-input-labeled--border span {
  font-size: 0.6875em;
}
.coz-input-labeled--notempty .coz-input-labeled--border:before,
[placeholder] ~ .coz-input-labeled--border:before,
:autofill ~ .coz-input-labeled--border:before,
.coz-input-number-suffix ~ .coz-input-labeled--border:before,
.coz-input-labeled:not(.coz-input-select) input:focus ~ .coz-input-labeled--border:before,
.iti ~ .coz-input-labeled--border:before {
  margin-right: 0.25em;
}
.coz-input-labeled--notempty .coz-input-labeled--border:after,
[placeholder] ~ .coz-input-labeled--border:after,
:autofill ~ .coz-input-labeled--border:after,
.coz-input-number-suffix ~ .coz-input-labeled--border:after,
.coz-input-labeled:not(.coz-input-select) input:focus ~ .coz-input-labeled--border:after,
.iti ~ .coz-input-labeled--border:after {
  margin-left: 0.25em;
}
.coz-input-labeled--notempty .coz-input-labeled--label,
[placeholder] ~ .coz-input-labeled--label,
:autofill ~ .coz-input-labeled--label,
.coz-input-number-suffix ~ .coz-input-labeled--label,
.coz-input-labeled:not(.coz-input-select) input:focus ~ .coz-input-labeled--label,
.iti ~ .coz-input-labeled--label {
  font-size: 0.6875em;
  line-height: 1.09090909;
  left: 0.63636364em;
  top: -0.54545455em;
  color: #333333;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  text-shadow: 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color);
}
:-webkit-autofill ~ .coz-input-labeled--border span {
  font-size: 0.6875em;
}
:-webkit-autofill ~ .coz-input-labeled--border:before {
  margin-right: 0.25em;
}
:-webkit-autofill ~ .coz-input-labeled--border:after {
  margin-left: 0.25em;
}
:-webkit-autofill ~ .coz-input-labeled--label {
  font-size: 0.6875em;
  line-height: 1.09090909;
  left: 0.63636364em;
  top: -0.54545455em;
  color: #333333;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  text-shadow: 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color);
}
:focus ~ .coz-input-labeled--label {
  color: #630c0d;
}
:focus-within ~ .coz-input-labeled--label {
  color: #630c0d;
}
.coz-input-invalid ~ .coz-input-labeled--label,
.coz-input-invalid:focus ~ .coz-input-labeled--label {
  color: #c00;
}
.coz-input-invalid :focus-within ~ .coz-input-labeled--label {
  color: #c00;
}
.coz-input-search .coz-input-combo.coz-input-labeled {
  display: -ms-inline-grid;
  -ms-grid-columns: 1fr;
  display: inline-grid;
}
.coz-input > label,
.coz-input-labeled .coz-input > a:last-child {
  position: absolute;
  right: 0.66666667em;
  top: 0.33333333em;
  font-size: 0.75em;
  line-height: 2;
}
.coz-input[data-label] > .coz-input-style {
  min-width: 100%;
}
.coz-input-tel-intl[data-label]:before {
  grid-column: 1;
  grid-row: 1;
}
.coz-input-color input[type="color"] {
  height: 100%;
  overflow: hidden;
  padding: 0;
}
.search-list li a {
  cursor: pointer;
}
.search-list li a[data-value=""] {
  cursor: default;
}
.search-list li span {
  display: flex;
  align-items: center;
}
.search-list li span b {
  margin-left: 0.4em;
}
.search-list li span i {
  margin-left: 0.33333333em;
}
.search-list mark {
  background: none;
  color: #630c0d;
  font-weight: bold;
  font-style: normal;
}
.search-tag {
  color: #fff;
  font-family: inherit;
  font-size: 0.625em;
  line-height: 0;
  padding: 0.8em 0.4em;
  border-radius: 0.2em;
  background: #630c0d;
  text-transform: uppercase;
}
.search-tag:before {
  content: none;
}
.search-tag.featured {
  background: #c00;
}
.search-tag.new {
  background: #fc0;
}
.search-count {
  opacity: 0.5;
  font-size: 0.75em;
  font-style: normal;
  line-height: 0;
}
.search-tag,
.search-count {
  display: inline-block;
  align-items: center;
  vertical-align: top;
}
.coz-input-search ul li a,
.productSearch-filters ul li a {
  cursor: pointer;
}
.coz-input-search ul li a[data-value=""],
.productSearch-filters ul li a[data-value=""] {
  cursor: default;
}
.coz-input-search ul li span,
.productSearch-filters ul li span {
  display: flex;
  align-items: center;
}
.coz-input-search ul li span b,
.productSearch-filters ul li span b {
  margin-left: 0.4em;
}
.coz-input-search ul li span i,
.productSearch-filters ul li span i {
  margin-left: 0.33333333em;
}
.coz-input-search ul mark,
.productSearch-filters ul mark {
  background: none;
  color: #630c0d;
  font-weight: bold;
  font-style: normal;
}
.coz-input-search b,
.productSearch-parameters b,
.productSearch-filters b,
#coursesSearch b {
  color: #fff;
  font-family: inherit;
  font-size: 0.625em;
  line-height: 0;
  padding: 0.8em 0.4em;
  border-radius: 0.2em;
  background: #630c0d;
  text-transform: uppercase;
  display: inline-block;
  align-items: center;
  vertical-align: top;
}
.coz-input-search b:before,
.productSearch-parameters b:before,
.productSearch-filters b:before,
#coursesSearch b:before {
  content: none;
}
.coz-input-search b.featured,
.productSearch-parameters b.featured,
.productSearch-filters b.featured,
#coursesSearch b.featured {
  background: #c00;
}
.coz-input-search b.new,
.productSearch-parameters b.new,
.productSearch-filters b.new,
#coursesSearch b.new {
  background: #fc0;
}
.coz-input-search i,
.productSearch-parameters i,
.productSearch-filters i,
#coursesSearch i {
  opacity: 0.5;
  font-size: 0.75em;
  font-style: normal;
  line-height: 0;
  display: inline-block;
  align-items: center;
  vertical-align: top;
}
.productSearch-parameters button * ~ b,
.productSearch-filters button * ~ b {
  margin-left: 0.4em;
}
.productSearch-parameters button * ~ i,
.productSearch-filters button * ~ i {
  margin-left: 0.33333333em;
}
input[type="number"],
.coz-input-number > input[type="number"] {
  padding-right: 1.5625em;
}
.coz-input-number-suffix {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.25em 1.125em 0.25em 0.25em;
  border: 0;
  pointer-events: none;
  line-height: 1.5;
}
input[type="search"],
.coz-input-search > input,
.coz-input-search > .coz-input-combo > input,
.coz-input-file-upload > input {
  padding-right: 2.25em;
}
.calendar caption {
  margin-bottom: 8px;
}
.calendar th {
  color: #fff;
}
@media (max-width:474px) {
  .coz-input-search .coz-input-checkbox,
  .coz-input-search label {
    position: static;
    padding: 0 !important;
    margin: 0.625em 0 0 !important;
    border: 0;
  }
  .coz-input-search label {
    padding: 0.3125em 0 !important;
  }
}
.productSearch-form {
  display: block;
  margin: 1em 0;
  position: relative;
  z-index: 11;
}
.productSearch-parameters,
.productSearch-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}
/* 
.productSearch-parameters button,
.productSearch-filters > button {
	text-align:left; text-transform:none; font-size:inherit; font-weight:400; background:none;
	border:1px solid darken(#fff, 10%);
	border-color:fade(#000, 10%);
	.rem(padding, 5, 7);
	&:hover { color:#fff; background:@secondary; border-color:darken(#fff, 20%); border-color:fade(#000, 20%); }
	&:hover:before { &:extend(.button-icon-pseudo-white); }
} */
.productSearch-parameters .coz-input-style:before,
.productSearch-filters .coz-input-style:before {
  order: 2;
  margin-right: -2em;
  margin-left: 6em;
}
.productSearch-parameters {
  margin-bottom: 0.75em;
}
.productSearch-parameters .coz-input-style {
  margin: 0 0.25em 0.25em 0;
}
.productSearch-parameters .button {
  margin: 0 0 0 auto;
}
.productSearch-refine {
  margin: 0;
}
.productSearch-refine > dd > .element-content {
  padding: 1em 0 0;
}
.productSearch-filters {
  margin-top: 0.75em;
}
.productSearch-filters > * {
  margin: 0.25em 0.25em 0 0;
}
.productSearch-filters .coz-input-select > select {
  display: none;
}
.productSearch-filters .coz-input-select > input {
  position: static;
  width: 10em;
}
.productSearch-message {
  padding-right: 0;
}
@media (max-width:360px) {
  .productSearch-filters .coz-input-select {
    display: block;
  }
  .productSearch-parameters .coz-input-style,
  .productSearch-filters .coz-input-style,
  .productSearch-filters select,
  .productSearch-filters .coz-input-select > input {
    width: 100%;
  }
}
.coz-input-tel-intl .iti--allow-dropdown .iti__flag-container .iti__selected-flag,
body > .iti .iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  background-color: transparent;
  transition: background-color 0.3s;
}
.coz-input-tel-intl .iti--allow-dropdown .iti__flag-container .iti__selected-flag:focus,
body > .iti .iti--allow-dropdown .iti__flag-container .iti__selected-flag:focus,
.coz-input-tel-intl .iti--allow-dropdown .iti__flag-container .iti__selected-flag:hover,
body > .iti .iti--allow-dropdown .iti__flag-container .iti__selected-flag:hover {
  background-color: rgba(0, 0, 0, 0.05);
  transition: none;
}
.coz-input-tel-intl .iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__arrow,
body > .iti .iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__arrow {
  display: none;
}
.coz-input-tel-intl .iti__flag-container,
body > .iti .iti__flag-container {
  padding: 0;
}
.coz-input-tel-intl .iti__country-list,
body > .iti .iti__country-list {
  margin: -1px 0 0 0;
  max-height: 18.9375em;
}
.coz-input-tel-intl .iti__country-list--dropup,
body > .iti .iti__country-list--dropup {
  margin: 0 0 -1px 0;
}
.coz-input-tel-intl .iti__country,
body > .iti .iti__country {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.1875em 0.4375em;
}
.coz-input-tel-intl .iti__active,
body > .iti .iti__active,
.coz-input-tel-intl .iti__active.iti__highlight,
body > .iti .iti__active.iti__highlight {
  background: #630c0d;
  color: #fff;
}
.coz-input-tel-intl .iti__country > *,
body > .iti .iti__country > * {
  line-height: 1.5;
}
.coz-input-tel-intl .iti__dial-code,
body > .iti .iti__dial-code {
  color: rgba(0, 0, 0, 0.4);
}
.coz-input-tel-intl .iti__active .iti__dial-code,
body > .iti .iti__active .iti__dial-code {
  color: rgba(255, 255, 255, 0.4);
}
.coz-input-tel-intl .iti__divider,
body > .iti .iti__divider {
  margin: 0;
  padding: 0;
}
.coz-input-tel-intl .iti__selected-flag,
body > .iti .iti__selected-flag {
  padding: 0.1875em 0.4375em;
  line-height: 1.5;
  border: 1px solid transparent;
  user-select: none;
}
.coz-input-tel-intl .iti__selected-flag:focus,
body > .iti .iti__selected-flag:focus {
  outline: 0;
}
.coz-input-tel-intl .iti__selected-flag .iti__arrow,
body > .iti .iti__selected-flag .iti__arrow {
  width: 9px;
  height: 20px;
  line-height: 1;
  border: 0;
}
.coz-input-tel-intl .iti__selected-flag .iti__arrow[disabled]:before,
body > .iti .iti__selected-flag .iti__arrow[disabled]:before,
.coz-input-tel-intl .iti__selected-flag .iti__arrow.disabled:before,
body > .iti .iti__selected-flag .iti__arrow.disabled:before {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.coz-input-tel-intl .iti__selected-flag .iti__arrow:before,
body > .iti .iti__selected-flag .iti__arrow:before {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  font-size: 0.08333333em;
  width: 20em;
  height: 20em;
  flex-shrink: 0;
  -webkit-mask-image: url(/images/webshop/button-icons-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-mask.svg);
  mask-image: url(/images/webshop/button-icons-mask.svg);
  -webkit-mask-size: 540em 54em;
  -moz-mask-size: 540em 54em;
  -ms-mask-size: 540em 54em;
  -o-mask-size: 540em 54em;
  mask-size: 540em 54em;
  background-color: #333;
  margin: 0 6em 0 -6em;
}
.ie .coz-input-tel-intl .iti__selected-flag .iti__arrow:before,
.ie body > .iti .iti__selected-flag .iti__arrow:before {
  font-size: 1px;
}
.no-mask-image .coz-input-tel-intl .iti__selected-flag .iti__arrow:before,
.no-mask-image body > .iti .iti__selected-flag .iti__arrow:before {
  background-color: transparent;
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg'), none;
}
.coz-input-tel-intl .iti__selected-flag .iti__arrow.icon:before,
body > .iti .iti__selected-flag .iti__arrow.icon:before,
.coz-input-tel-intl .iti__selected-flag .iti__arrow-icon:before,
body > .iti .iti__selected-flag .iti__arrow-icon:before {
  margin-right: -6em;
}
.coz-input-tel-intl .iti__selected-flag .iti__arrow[disabled]:before,
body > .iti .iti__selected-flag .iti__arrow[disabled]:before,
.coz-input-tel-intl .iti__selected-flag .iti__arrow.disabled:before,
body > .iti .iti__selected-flag .iti__arrow.disabled:before {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.coz-input-tel-intl .iti__selected-flag .iti__arrow:before,
body > .iti .iti__selected-flag .iti__arrow:before {
  background-position: -340em 0em;
  -webkit-mask-position: -340em 0em;
  -moz-mask-position: -340em 0em;
  -ms-mask-position: -340em 0em;
  -o-mask-position: -340em 0em;
  mask-position: -340em 0em;
  font-size: 0.0625em;
}
.coz-input-tel-intl .iti__selected-flag .iti__arrow--up:before,
body > .iti .iti__selected-flag .iti__arrow--up:before {
  background-position: -360em 0em;
  -webkit-mask-position: -360em 0em;
  -moz-mask-position: -360em 0em;
  -ms-mask-position: -360em 0em;
  -o-mask-position: -360em 0em;
  mask-position: -360em 0em;
}
.coz-input-tel-intl .iti__flag-container:focus-within .iti__country-list,
body > .iti .iti__flag-container:focus-within .iti__country-list,
.coz-input-tel-intl .iti__flag-container:focus-within ~ input,
body > .iti .iti__flag-container:focus-within ~ input,
.coz-input-tel-intl .iti__flag-container:focus-within ~ .coz-input > input,
body > .iti .iti__flag-container:focus-within ~ .coz-input > input {
  border-color: #630c0d;
}
body > .iti {
  position: absolute;
}
.coz-input-tel-intl .coz-input-invalid ~ .iti--allow-dropdown .iti__flag-container .iti__selected-flag:focus,
.coz-input-tel-intl .coz-input-invalid ~ .iti--allow-dropdown .iti__flag-container .iti__selected-flag:hover {
  background-color: rgba(204, 0, 0, 0.05);
}
.coz-input-tel-intl .coz-input-invalid ~ .iti .iti__flag-container:focus-within .iti__country-list,
.coz-input-tel-intl .coz-input-invalid ~ .iti .iti__flag-container:focus-within ~ input,
.coz-input-tel-intl .coz-input-invalid ~ .iti .iti__flag-container:focus-within ~ .coz-input > input {
  border-color: #c00;
}
.tool-tip,
.datePicker,
.jscolor-box {
  padding: 8px;
  padding: 0.8rem;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
}
.tool-tip br {
  height: 0.66666667em;
}
.tool-tip p,
.tool-tip ol {
  margin: 0;
}
.tool-tip * + p,
.tool-tip p + *,
.tool-tip * + ol,
.tool-tip ol + * {
  margin-top: 0.66666667em;
}
.tool-tip .tip-title {
  color: #fff;
}
.tool-tip .tip-title + .tip-text,
.tool-tip .tip-text > * + :not(br) {
  margin-top: 0.66666667em;
}
.tool-tip .featured,
.tool-tip .new,
.tool-tip .price,
.tool-tip .course-type,
.tool-tip .course-selection,
.tool-tip .course-status {
  display: block;
}
.tool-tip .featured:before,
.tool-tip .new:before,
.tool-tip .price:before,
.tool-tip .course-type:before,
.tool-tip .course-selection:before,
.tool-tip .course-status:before {
  margin: -4px 2px -4px -2px;
  margin: -0.4rem 0.2rem -0.4rem -0.2rem;
}
.tool-tip .description a {
  display: none;
}
.distributor-logo {
  background: #fff;
}
.crumbs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.crumbs,
.crumbs li {
  display: flex;
  align-items: center;
}
.crumbs li {
  margin: 0;
}
.crumb-icon,
.crumb-home:before,
.breadcrumbs .crumbs li + li:after,
.files-header .crumbs li + li:before {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  font-size: 0.08333333em;
  width: 20em;
  height: 20em;
  flex-shrink: 0;
  -webkit-mask-image: url(/images/webshop/button-icons-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-mask.svg);
  mask-image: url(/images/webshop/button-icons-mask.svg);
  -webkit-mask-size: 540em 54em;
  -moz-mask-size: 540em 54em;
  -ms-mask-size: 540em 54em;
  -o-mask-size: 540em 54em;
  mask-size: 540em 54em;
  background-color: #333;
  font-size: 0.0625em;
  background-position: -278em -20em;
  -webkit-mask-position: -278em -20em;
  -moz-mask-position: -278em -20em;
  -ms-mask-position: -278em -20em;
  -o-mask-position: -278em -20em;
  mask-position: -278em -20em;
  background-color: #333333;
  pointer-events: all;
}
.ie .crumb-icon {
  font-size: 1px;
}
.no-mask-image .crumb-icon {
  background-color: transparent;
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg'), none;
  background-color: transparent;
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg'), none;
}
.crumb-home:before {
  background-position: -258em -20em;
  -webkit-mask-position: -258em -20em;
  -moz-mask-position: -258em -20em;
  -ms-mask-position: -258em -20em;
  -o-mask-position: -258em -20em;
  mask-position: -258em -20em;
}
a.crumb-home:before {
  background-color: #630c0d;
}
.no-mask-image a.crumb-home:before {
  background-color: transparent;
  background-image: url('/colorReplace/630c0d/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/630c0d/images/webshop/button-icons-mask.svg'), none;
}
a.crumb-home:hover:before {
  background-color: #630c0d;
}
.no-mask-image a.crumb-home:hover:before {
  background-color: transparent;
  background-image: url('/colorReplace/630c0d/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/630c0d/images/webshop/button-icons-mask.svg'), none;
}
a.crumb-home:focus:before,
a.crumb-home:active:before {
  background-color: #630c0d;
}
.no-mask-image a.crumb-home:focus:before,
.no-mask-image a.crumb-home:active:before {
  background-color: transparent;
  background-image: url('/colorReplace/630c0d/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/630c0d/images/webshop/button-icons-mask.svg'), none;
}
.crumb-home span {
  font-size: 0;
  color: transparent;
}
.mask-image a.crumb-home:before {
  background: #630c0d;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.mask-image a.crumb-home:hover:before {
  background: #630c0d;
}
.mask-image a.crumb-home:focus:before,
.mask-image a.crumb-home:active:before {
  background: #630c0d;
}
.mask-image a.crumb-home:hover:before,
.mask-image a.crumb-home:focus:before,
.mask-image a.crumb-home:active:before {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.breadcrumbs,
.files-header {
  margin-bottom: 1em;
}
.breadcrumbs h1,
.breadcrumbs h2 {
  margin: 0;
}
.breadcrumbs .crumbs {
  float: right;
  flex-direction: row-reverse;
  height: 1.77777778em;
  margin-left: 0.88888889em;
}
.breadcrumbs .crumbs li {
  float: right;
}
.files-header {
  display: flex;
  justify-content: space-between;
}
.files-header .crumbs li + li:before {
  transform: rotate(180deg);
}
.list > dt,
.list > dd,
.list > * > tr > :first-child,
.list > * > .tr > :first-child,
.list > .tcaption {
  padding-left: 0;
}
.list > dt,
.list > dd,
.list > * > tr > :last-child,
.list > * > .tr > :last-child,
.list > .tcaption {
  padding-right: 0;
}
.list > [data-count]:before,
.list > * > a[data-count]:before {
  content: attr(data-count);
  float: right;
  pointer-events: none;
  color: #cccccc;
}
.flex .list > dt,
.flex .list > dd {
  display: flex;
  align-items: start;
}
.flex .list > dt:after,
.flex .list > dd:after {
  content: none;
}
.flex .list > dt > .right,
.flex .list > dd > .right {
  margin-left: auto;
  order: 1;
}
.flex .list > dt > * + *,
.flex .list > dd > * + *,
.flex .list > dt > .right:not(.hide) + *,
.flex .list > dd > .right:not(.hide) + * {
  margin-left: 4px;
}
.flex .list > dd > .coz-input-copy {
  flex: 1;
}
.flex .list > [data-count]:before {
  order: 1;
  margin-left: auto;
}
table.sort,
.coz-table {
  position: relative;
}
table.sort > thead > tr,
.coz-table > thead > tr {
  position: sticky;
  top: calc(var(--touch-menu-height) + var(--page-gap));
  z-index: 2;
  background: rgba(255, 255, 255, 0.9);
}
@media (max-height:639px) {
  table.sort > thead > tr,
  .coz-table > thead > tr {
    top: var(--page-gap);
  }
}
table.sort > thead > tr > th,
.coz-table > thead > tr > th {
  border-bottom: 1px solid #333333;
}
table.sort > thead > tr > th.checkbox,
.coz-table > thead > tr > th.checkbox {
  width: 0.1px;
  text-align: center;
  line-height: 0;
}
table.sort > thead > tr > th:not(.sort):not(.icon):not(.checkbox):not(.buttons),
.coz-table > thead > tr > th:not(.sort):not(.icon):not(.checkbox):not(.buttons),
table.sort > thead > tr > th.sort:not(.icon) > .button,
.coz-table > thead > tr > th.sort:not(.icon) > .button {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
table.sort > thead > tr > th:not(.sort):not(.checkbox),
.coz-table > thead > tr > th:not(.sort):not(.checkbox),
table.sort > thead > tr > th.sort:not(.icon) > .button,
.coz-table > thead > tr > th.sort:not(.icon) > .button {
  padding-left: 1em;
  padding-right: 1em;
}
table.sort > thead > tr > th[data-type]:not(.sort):not(.icon),
.coz-table > thead > tr > th[data-type]:not(.sort):not(.icon),
table.sort > thead > tr > th[data-type].sort:not(.icon) > .button,
.coz-table > thead > tr > th[data-type].sort:not(.icon) > .button {
  padding-right: 2.66666667em;
}
table.sort > thead > tr > th.right[data-type]:not(.sort):not(.icon),
.coz-table > thead > tr > th.right[data-type]:not(.sort):not(.icon),
table.sort > thead > tr > th.right[data-type].sort:not(.icon) > .button,
.coz-table > thead > tr > th.right[data-type].sort:not(.icon) > .button {
  padding-left: 2.66666667em;
  padding-right: 1em;
}
table.sort > thead > tr > th:not(.sort),
.coz-table > thead > tr > th:not(.sort) {
  background: rgba(0, 0, 0, 0.1);
}
table.sort > thead > tr > th:not(.sort):not(.checkbox),
.coz-table > thead > tr > th:not(.sort):not(.checkbox) {
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 500;
  line-height: 1.66666667;
}
table.sort > thead > tr > th ~ th:not(.sort),
.coz-table > thead > tr > th ~ th:not(.sort) {
  background: linear-gradient(to right, transparent 1px, rgba(0, 0, 0, 0.1) 1px);
  padding-left: calc(12em / 16 + 1px);
}
table.sort > thead > tr > th ~ th.icon:not(.sort),
.coz-table > thead > tr > th ~ th.icon:not(.sort) {
  padding-left: 0.75em;
}
table.sort > thead > tr > th ~ th.buttons:not(.sort),
.coz-table > thead > tr > th ~ th.buttons:not(.sort) {
  padding-left: 1px;
}
table.sort > thead > tr > th:empty,
.coz-table > thead > tr > th:empty {
  background: rgba(0, 0, 0, 0.1);
  background-clip: content-box;
}
table.sort > tbody > tr > td,
.coz-table > tbody > tr > td {
  border-bottom: 1px solid #e6e6e6;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
table.sort > tbody > tr > td.editable,
.coz-table > tbody > tr > td.editable {
  padding-left: 0.25em;
  padding-right: 0.25em;
  width: 0;
}
table.sort > tbody > tr > td.icon:not(.buttons),
.coz-table > tbody > tr > td.icon:not(.buttons) {
  padding-left: 0.375em;
  padding-right: 0.375em;
}
table.sort > tbody > tr.first-visible:not(:first-child),
.coz-table > tbody > tr.first-visible:not(:first-child) {
  background-image: -webkit-gradient(linear, rgba(0, 0, 0, 0.2), [transparent, 20%]);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
}
table.sort > tbody > tr.last-visible:not(:last-child),
.coz-table > tbody > tr.last-visible:not(:last-child) {
  background-image: -webkit-gradient(linear, transparent 80%, [transparent, 20%]);
  background-image: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: -moz-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: -ms-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
}
table.sort > tbody > tr.last-visible:not(:last-child) td,
.coz-table > tbody > tr.last-visible:not(:last-child) td {
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
table.sort > * > tr > .checkbox,
.coz-table > * > tr > .checkbox {
  padding-left: 0.625em;
  padding-right: 0.625em;
}
table.sort > * > tr > .checkbox > .coz-input-checkbox,
.coz-table > * > tr > .checkbox > .coz-input-checkbox {
  vertical-align: bottom;
}
table.sort > * > tr > .checkbox > .coz-input-checkbox > i,
.coz-table > * > tr > .checkbox > .coz-input-checkbox > i {
  margin-right: 0.125em;
}
table.sort > * > tr > th ~ th,
.coz-table > * > tr > th ~ th {
  padding-left: 1px;
}
table.sort > * > tr > td ~ td:not(:empty),
.coz-table > * > tr > td ~ td:not(:empty) {
  padding-left: calc(12em / 16 + 1px);
}
table.sort > * > tr > td ~ td.editable:not(:empty),
.coz-table > * > tr > td ~ td.editable:not(:empty) {
  padding-left: calc(4em / 16 + 1px);
}
table.sort > * > tr > td ~ td.icon:not(:empty),
.coz-table > * > tr > td ~ td.icon:not(:empty) {
  padding-left: calc(6em / 16 + 1px);
}
table.sort > * > tr > td ~ td.buttons:not(:empty),
.coz-table > * > tr > td ~ td.buttons:not(:empty) {
  padding-left: 1px;
}
table.sort > * > tr > td ~ td.select,
.coz-table > * > tr > td ~ td.select {
  padding-left: calc(4em / 16 + 1px);
  padding-right: 0.25em;
}
table.sort.sort-loading > tbody:first-of-type:not(:empty) ~ tbody,
.coz-table.sort-loading > tbody:first-of-type:not(:empty) ~ tbody {
  position: absolute;
  top: 33px;
  bottom: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}
table.sort.sort-loading > tbody:first-of-type:not(:empty) ~ tbody td,
.coz-table.sort-loading > tbody:first-of-type:not(:empty) ~ tbody td {
  padding: 0;
  border-bottom: 0;
}
table.sort.sort-loading > tbody:first-of-type:not(:empty) ~ tbody .coz-loading,
.coz-table.sort-loading > tbody:first-of-type:not(:empty) ~ tbody .coz-loading {
  position: absolute;
  width: 100%;
  height: 100%;
}
table.sort .sort-resize,
.coz-table .sort-resize,
table.sort .sort-where,
.coz-table .sort-where {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}
table.sort .sort-resize,
.coz-table .sort-resize {
  right: 0;
  width: 4px;
  cursor: ew-resize;
}
table.sort .sort-where,
.coz-table .sort-where {
  width: 1px;
  background: #000;
}
table.sort .sort-where:first-child,
.coz-table .sort-where:first-child {
  left: 0;
}
table.sort .sort-where:last-child,
.coz-table .sort-where:last-child {
  right: -1px;
}
table.sort .sort-where-container,
.coz-table .sort-where-container {
  position: relative;
  z-index: 1;
}
table.sort .sort-sorting-columns a.button,
.coz-table .sort-sorting-columns a.button {
  pointer-events: none;
}
.table-sort-clone {
  text-align: left;
  padding: 0.5em 1em;
  height: 2.66666667em;
}
.accordion > dt + dt,
.accordion > dt + dd + dt,
.accordion > dt + input + dt,
.accordion > dt + dd + input + dt {
  margin-top: 0.5em;
}
.accordion > dd .element-content {
  padding-bottom: 1em;
}
.accordion > dt + dd .element-content {
  padding-top: 1em;
}
.no-flex .tabs-row .tabrow,
.no-flex .tabs-bar .tabrow {
  display: flex;
  gap: 0 1px;
}
.flex.no-flex-gap .no-flex .tabs-row .tabrow > * + *,
.flex.no-flex-gap .no-flex .tabs-bar .tabrow > * + * {
  margin-left: 1px;
}
.no-flex .no-flex .tabs-row .tabrow,
.no-flex .no-flex .tabs-bar .tabrow {
  font-size: 0;
  word-spacing: 1px;
}
.no-flex .IE .no-flex .tabs-row .tabrow,
.no-flex .IE .no-flex .tabs-bar .tabrow,
.no-flex.ie .no-flex .tabs-row .tabrow,
.no-flex.ie .no-flex .tabs-bar .tabrow,
.no-flex.edge .no-flex .tabs-row .tabrow,
.no-flex.edge .no-flex .tabs-bar .tabrow {
  font-size: 4.1px;
  word-spacing: 0px;
}
.no-flex .IE8 .no-flex .tabs-row .tabrow,
.no-flex .IE8 .no-flex .tabs-bar .tabrow {
  font-size: 3.6px;
}
.no-flex .tabs-steps .tabrow {
  display: flex;
  gap: 0 9px;
}
.flex.no-flex-gap .no-flex .tabs-steps .tabrow > * + * {
  margin-left: 9px;
}
.no-flex .no-flex .tabs-steps .tabrow {
  font-size: 0;
  word-spacing: 9px;
}
.no-flex .IE .no-flex .tabs-steps .tabrow,
.no-flex.ie .no-flex .tabs-steps .tabrow,
.no-flex.edge .no-flex .tabs-steps .tabrow {
  font-size: 4.1px;
  word-spacing: 8px;
}
.no-flex .IE8 .no-flex .tabs-steps .tabrow {
  font-size: 3.6px;
}
.no-flex .tabs .tabrow .button {
  word-spacing: 0;
}
.tabs-row .tabbox {
  margin-top: 1px;
  position: relative;
}
.tabs-bar .tabrow,
.tabs-steps .tabrow {
  width: auto;
}
.tabs-bar .tabrow .button,
.tabs-steps .tabrow .button {
  overflow: visible;
}
.tabs-bar .tabContent,
.tabs-steps .tabContent {
  position: relative;
  zoom: 1;
}
.tabs-bar .tabContent > button:last-child,
.tabs-steps .tabContent > button:last-child {
  float: right;
}
.tabs-steps .tabrow .button:not(:first-child):before,
.tabs-steps .tabrow .button:not(:last-child):after {
  content: '';
  display: block;
  position: absolute;
  border: 8px solid transparent;
  background-color: transparent;
  -webkit-transform: scaleX(0.9999);
  -moz-transform: scaleX(0.9999);
  -ms-transform: scaleX(0.9999);
  -o-transform: scaleX(0.9999);
  transform: scaleX(0.9999);
}
.tabs-bar .tabrow .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-mask-image: url(../images/tab-arrow.svg);
  -moz-mask-image: url(../images/tab-arrow.svg);
  -ms-mask-image: url(../images/tab-arrow.svg);
  -o-mask-image: url(../images/tab-arrow.svg);
  mask-image: url(../images/tab-arrow.svg);
  -webkit-mask-size: 100% 100%;
  -moz-mask-size: 100% 100%;
  -ms-mask-size: 100% 100%;
  -o-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: height 0.3s, background-color 0.3s;
}
.no-mask-image .tabs-bar .tabrow .button:before {
  background-color: transparent;
  background-image: url(../../../colorReplace/000000/themes/redesign/images/tab-arrow.svg);
  background-size: 100% 100%;
}
.tabs-bar .tabrow .button:hover:before {
  transition: none;
}
.mask-image .tabs-bar .tabrow .button:hover:before {
  background-color: #630c0d;
}
.tabs-bar .tabrow .button.fg:before {
  height: 4px;
  transition: none;
}
.mask-image .tabs-bar .tabrow .button.fg:before {
  background-color: #000;
}
.tabs-steps .tabrow .button:before,
.tabs-steps .tabrow .button:after {
  top: 0;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.tabs-steps .tabrow .button:hover:before,
.tabs-steps .tabrow .button:hover:after {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.tabs-steps .tabrow .button:not(:first-child):before {
  left: -8px;
  border-width: 16px 0 16px 8px;
  border-top-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.tabs-steps .tabrow .button:not(:first-child):hover:before {
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.tabs-steps .tabrow .button:not(:last-child):after {
  right: -8px;
  border-width: 16px 0 16px 8px;
  border-left-color: rgba(0, 0, 0, 0.1);
}
.tabs-steps .tabrow .button:not(:last-child):hover:after {
  border-left-color: rgba(0, 0, 0, 0.2);
}
.tabs-steps .tabrow .button.fg:not(:first-child):before {
  border-top-color: #000;
  border-bottom-color: #000;
}
.tabs-steps .tabrow .button.fg:not(:last-child):after {
  border-left-color: #000;
}
.tabs-select .tabrow {
  display: none;
}
.tabs-select .tabselect {
  display: block;
}
/*  */
.tabrow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(159px, 1fr));
  grid-gap: 1px;
}
.tabs-steps .tabrow {
  grid-column-gap: 9px;
}
.no-grid .tabrow {
  display: flex;
  align-items: start;
}
.no-grid .tabrow .button {
  flex-basis: 1%;
  flex-grow: 1;
}
/*

.no-grid.no-flex {

	.tabs-count-loop(@i) when (@i > 0) {
		.tabs-count-loop((@i)-1);
		&-@{i} .tabrow { padding-right:(1px*((@i)-1)); .button { width:(100%/@i); } .button:last-child { margin-right:(-1px*((@i)-1)); } }
		.tabs-steps&-@{i} .tabrow { padding-right:(9px*((@i)-1)); .button { width:(100%/@i); } .button:last-child { margin-right:(-9px*((@i)-1)); } }
	}
	.tabs-count { .tabs-count-loop(7); }
	.tabs-count-2 { .tabrow .button + .button { margin-right:-1px; } }
	.tabs-count-3 { .tabrow .button + .button + .button { margin-right:-2px; } }
	.tabs-count-4 { .tabrow .button + .button + .button + .button { margin-right:-3px; } }
	.tabs-count-5 { .tabrow .button + .button + .button + .button + .button { margin-right:-4px; } }
	.tabs-count-6 { .tabrow .button + .button + .button + .button + .button + .button { margin-right:-5px; } }
	.tabs-count-7 { .tabrow .button + .button + .button + .button + .button + .button + .button { margin-right:-6px; } }
	.tabs-steps.tabs-count-2 { .tabrow .button + .button { margin-right:-9px; } }
	.tabs-steps.tabs-count-3 { .tabrow .button + .button + .button { margin-right:-18px; } }
	.tabs-steps.tabs-count-4 { .tabrow .button + .button + .button + .button { margin-right:-27px; } }
	.tabs-steps.tabs-count-5 { .tabrow .button + .button + .button + .button + .button { margin-right:-36px; } }
	.tabs-steps.tabs-count-6 { .tabrow .button + .button + .button + .button + .button + .button { margin-right:-45px; } }
	.tabs-steps.tabs-count-7 { .tabrow .button + .button + .button + .button + .button + .button + .button { margin-right:-54px; } }

}*/
.product-sidebar {
  margin: 0;
  left: 0;
}
.product-sidebar .right {
  margin-top: -1.25em;
}
.product-preview {
  padding: 0;
  background: #000;
}
.product-preview a {
  display: block;
  height: 210px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.button-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(228px, auto));
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.no-grid .button-columns {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-bottom: -16px;
}
.no-grid .button-columns .button,
.no-grid .button-columns button {
  min-width: 228px;
  flex: 1;
  margin: 0 16px 16px 0;
}
@media (max-width:1023px) {
  .ie .button-columns {
    max-width: calc(100vw - 64px);
  }
}
@media (max-width:767px) {
  .ie .button-columns {
    max-width: calc(100vw - 32px);
  }
}
.tool-tip {
  min-width: 0;
  max-width: none;
}
.tool-tip .tip-text {
  max-width: 400px;
}
.listPicker div.heading {
  padding: 4px 5px 3px;
  margin: -1px -1px 0;
}
.listPicker div.overlay {
  top: 22px;
  right: 0;
  bottom: 0;
  left: 0;
}
.listPicker div.overlay hr {
  border-top-color: #e6e6e6;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.listPicker > div > ul {
  border: 0;
}
.listPicker + div {
  margin-top: 10px;
}
.coz-input-listpicker > div > ul {
  margin: 0 !important;
}
.coz-input-listpicker-overlay li > a > i {
  display: none;
}
.arclprof .form,
#emailReminders .form {
  grid-template-columns: minmax(272px, 20%) auto;
}
#emailReminders .form > dd.full {
  clear: none;
  float: left;
  padding-left: 8px;
}
#emailReminders .form > dd.full input,
#emailReminders .form > dd.full textarea,
#emailReminders .form > dd.full .mooeditable-container {
  width: 680px !important;
}
@media (max-width:1023px) {
  #emailReminders .form > dd.full {
    clear: both;
    float: none;
    max-width: 100%;
    padding-left: 0;
  }
  #emailReminders .form > dd.full .coz-input {
    display: block;
  }
  #emailReminders .form > dd.full input,
  #emailReminders .form > dd.full textarea,
  #emailReminders .form > dd.full .mooeditable-container {
    width: 100% !important;
  }
}
form:not(:first-child) .form:first-child {
  margin-top: 0;
}
form:not(:last-child) .form:last-child {
  margin-bottom: 0;
}
.chart thead th,
.chart tbody td {
  padding-right: 1em;
  vertical-align: top;
}
.chart tbody td {
  padding-top: 0.5em;
}
#accountForm:before,
.accountForm:before {
  content: '';
  display: table;
  clear: both;
}
#accountForm > div,
.accountForm > div {
  position: relative;
}
* + #accountForm > div,
* + .accountForm > div,
#accountForm > div + div,
.accountForm > div + div {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #e6e6e6;
}
#accountForm > div > .button,
.accountForm > div > .button,
#accountForm > div > button,
.accountForm > div > button {
  position: absolute;
  right: 0;
  z-index: 1;
}
#accountForm > div > dl ~ *,
.accountForm > div > dl ~ * {
  display: none;
}
#accountForm > div.active > dl,
.accountForm > div.active > dl {
  margin-bottom: 1em;
}
#accountForm > div.active > dl > dd,
.accountForm > div.active > dl > dd {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: alpha(opacity=20);
  opacity: 0.2;
}
#accountForm > div.active > dl ~ *,
.accountForm > div.active > dl ~ * {
  display: block;
}
#accountForm > div.active > dl ~ table,
.accountForm > div.active > dl ~ table {
  display: table;
  margin-top: 1em;
}
#accountForm > div.active > dl ~ style,
.accountForm > div.active > dl ~ style,
#accountForm > div.active > dl ~ script,
.accountForm > div.active > dl ~ script {
  display: none;
}
#accountForm > div.active > dl:last-child,
.accountForm > div.active > dl:last-child {
  margin-bottom: 0;
}
#accountForm > div.force > .button,
.accountForm > div.force > .button,
#accountForm > div.force > button,
.accountForm > div.force > button {
  display: none;
}
#accountForm > div.required > dl > dd,
.accountForm > div.required > dl > dd {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
  color: #c00;
}
#accountForm .form,
.accountForm .form {
  /* 
		& > dd ~ dt,
		& > dd ~ dt ~ dd,
		& + .form > dt,
		& + .form > dt ~ dd { padding-top:13px; } */
}
#accountForm .form > dt:last-child,
.accountForm .form > dt:last-child {
  padding-bottom: 0;
}
#accountForm .form-submit,
.accountForm .form-submit,
#accountForm .address-submit,
.accountForm .address-submit {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  padding: 0;
  text-align: right;
}
#accountForm .form-submit button,
.accountForm .form-submit button,
#accountForm .address-submit button,
.accountForm .address-submit button {
  float: none;
}
#accountForm .account-history .sort,
.accountForm .account-history .sort {
  table-layout: auto;
}
#accountForm .account-history .sort th,
.accountForm .account-history .sort th {
  width: 1%;
  text-align: left;
}
#accountForm .account-history .sort th.stretch,
.accountForm .account-history .sort th.stretch {
  width: 20%;
}
#accountForm .address-submit,
.accountForm .address-submit {
  min-height: 0;
}
#accountForm .address-submit > br,
.accountForm .address-submit > br,
#accountForm .address-submit > button[formnovalidate],
.accountForm .address-submit > button[formnovalidate] {
  display: none;
}
#addressForm {
  display: block;
  position: relative;
}
#addressForm .address-submit {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  padding: 0;
  text-align: right;
}
#addressForm .address-submit button {
  float: none;
}
@media (max-width:479px) {
  #accountForm .form-submit,
  .accountForm .form-submit,
  #accountForm .address-submit,
  .accountForm .address-submit {
    position: relative;
    margin-top: 1em;
  }
}
.address-account + .address-mailing > .form > dt,
.address-account + .address-mailing > .form > dd {
  margin-top: 4px;
  /* padding-top:13px; */
}
.tree-node {
  margin: 4px 0;
  padding: 0;
  vertical-align: top;
  font-weight: 400;
}
.tree-node .tree-node-icon {
  width: 26px;
  width: 2.6rem;
  height: 26px;
  height: 2.6rem;
}
.tree-node .tree-node-title {
  line-height: 26px;
  line-height: 2.6rem;
}
.tree-node button.expand,
.tree-node button.collapse,
.tree-node button.edit,
.tree-node button.remove {
  line-height: 14px;
  line-height: 1.4rem;
  left: 0;
  width: auto;
}
.tree-node button.expand,
.tree-node button.collapse {
  padding: 5px 6px 5px 12px;
  padding: 0.5rem 0.6rem 0.5rem 1.2rem;
}
.tree-node button.edit,
.tree-node button.remove {
  padding: 5px 12px 5px 6px;
  padding: 0.5rem 1.2rem 0.5rem 0.6rem;
}
.tree-node button.expand,
.tree-node button.collapse {
  top: 0;
}
.tree-node img,
.tree-node img.assessment,
.tree-node input[type=checkbox],
.tree-node .coz-input-checkbox i {
  margin: 5px;
}
.tree-node input[type=checkbox] + .title,
.tree-node .coz-input-checkbox + .title {
  margin-left: 0;
}
.tree-dummy .tree-node {
  font-weight: 300;
}
.tree-node[data-type=video] .tree-node-icon:before,
.tree-node[data-type=assessment] .tree-node-icon:before {
  transform: scale(0.83333333);
  margin: 1px;
}
.tree-node-edit-form textarea {
  line-height: 1.25;
  padding-top: 5px;
  padding-bottom: 5px;
  max-height: 112px;
}
.tree-node-edit-form th {
  padding: 6px 6px 8px 0px;
  padding: 0.6rem 0.6rem 0.8rem 0rem;
}
.tree-answer {
  margin-left: 26px;
}
.uploader {
  position: absolute;
  z-index: 10;
  display: inline-block;
}
a[href^="mailto:"]:before,
.vcard .email:before {
  background: url(/images/webshop/envelope.png);
  margin-right: 0.25em;
}
a[href^="tel:"]:before,
.vcard .tel .value:before {
  background: url(/images/webshop/phone.png);
  margin-right: 0.25em;
}
#map {
  margin-top: 1em;
  height: 300px;
}
.category-columns {
  -webkit-columns: 3 200px;
  -moz-columns: 3 200px;
  -ms-columns: 3 200px;
  -o-columns: 3 200px;
  columns: 3 200px;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  -ms-column-gap: 32px;
  -o-column-gap: 32px;
  column-gap: 32px;
}
.category-columns div {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.category-columns div:first-child > h3 {
  margin-top: 0 !important;
}
.category-columns label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.category-columns label:hover {
  overflow: visible;
}
.category-columns + p {
  text-align: right;
}
a.btnDownloadSilverlightPlugin {
  display: block;
  float: right;
  width: 136px;
  height: 30px;
  margin-left: 35px;
  background: url(https://www.microsoft.com/silverlight/fw/btnDownloadSilverlightPlugin.jpg) no-repeat left top;
  text-indent: -99999px;
}
a.btnDownloadSilverlightPlugin:hover {
  background-position: left bottom;
}
#download_player .buttons {
  position: relative;
}
#download_button.installed {
  background: #0c0 !important;
  color: #fff !important;
  cursor: default !important;
}
#videoClip {
  display: flex;
}
#videoClip * + * {
  margin-left: 4px;
}
#videoClip label {
  line-height: 32px;
}
.order-terms ul {
  padding-left: 1em;
}
.order-terms li:first-child {
  margin-top: 0;
}
.order-terms li:last-child {
  margin-bottom: 0;
}
.columns-3 {
  padding-right: 64px;
}
.columns-3:after {
  content: '';
  display: block;
  clear: both;
}
.columns-3 > div {
  width: 33.333%;
  margin-right: 32px;
  float: left;
}
.columns-3 > div:last-child {
  margin-right: -64px;
}
.columns-3 p {
  min-height: 1.25em;
}
.columns-3 input,
.columns-3 button {
  width: 100%;
}
.columns-3 .coz-input {
  display: block;
}
.columns-3 .coz-input:before {
  content: 'Employees';
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
  position: absolute;
  padding: 6px 8px;
}
.columns-3 .coz-input input {
  background: none;
  text-align: right;
}
.columns-3 + .columns-3 {
  margin-top: 1em;
  border-top: 1px solid #eee;
  padding-top: 1em;
}
@media (max-width:639px) {
  .columns-3 {
    padding-right: 0;
  }
  .columns-3 p:empty {
    display: none;
  }
  .columns-3 > div {
    width: auto;
    margin-right: 0;
    float: none;
  }
  .columns-3 > div:last-child {
    margin-right: 0;
  }
  .columns-3 > div + div {
    margin-top: 1em;
  }
}
.license-plans {
  margin: 2em 0;
  display: flex;
}
.license-plans > * {
  flex: 1;
}
.license-plans > * ~ * {
  margin-left: 2em;
}
.no-flex .license-plans {
  zoom: 1;
}
.no-flex .license-plans > * {
  float: left;
}
@media (max-width:639px) {
  .license-plans {
    display: block;
  }
  .license-plans > * {
    margin-top: 1em;
    margin-left: 0;
  }
  .no-flex .license-plans > * {
    clear: left;
  }
}
.license-plans p {
  min-height: 1.25em;
}
.license-plans input,
.license-plans button {
  width: 100%;
}
.license-plans .coz-input {
  display: block;
}
.license-plans .coz-input:before {
  content: 'Employees';
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
  position: absolute;
  padding: 6px 8px;
}
.license-plans .coz-input input {
  background: none;
  text-align: right;
}
.license-plans + .license-plans {
  margin-top: 1em;
  border-top: 1px solid #eee;
  padding-top: 1em;
}
#studentsGroups,
#coursesGroups {
  position: relative;
  z-index: 11;
}
#studentsGroups dd,
#coursesGroups dd {
  display: flex;
}
#studentsGroups dd > :first-child,
#coursesGroups dd > :first-child {
  flex: 1;
}
#studentsGroups dd > * + *,
#coursesGroups dd > * + * {
  margin-left: 4px;
}
.videoMessage {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.videoMessage:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  margin-right: -1px;
  vertical-align: middle;
}
.videoMessage div {
  display: inline-block;
  width: 100%;
  padding: 2em;
  text-align: center;
  vertical-align: middle;
  font-size: larger;
  font-weight: bolder;
  white-space: pre-line;
}
.videoMessage .button {
  margin: 0 0.5em;
}
.videoInstall .coz-input-checkbox {
  color: #fff !important;
}
.price-dropdowns input:first-child:last-child,
.price-dropdowns select:first-child:last-child,
.price-dropdowns .coz-input:first-child:last-child {
  flex-grow: 1;
}
.price-dropdowns .coz-input[data-label]:before,
.price-dropdowns .coz-input label {
  text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 2px #000, 0 0 2px #000, 0 0 3px #000, 0 0 3px #000, 0 0 4px #000, 0 0 4px #000, 0 0 5px #000, 0 0 5px #000, 0 0 6px #000, 0 0 6px #000;
}
.price-dropdowns select,
.price-dropdowns input,
.price-dropdowns .coz-input-style {
  background: none;
  color: inherit;
  text-align: left;
  border-color: rgba(255, 255, 255, 0.4);
}
.price-dropdowns .coz-input-style,
.price-dropdowns .coz-input-labeled--border,
.price-dropdowns .coz-input-labeled--border:before,
.price-dropdowns .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.2);
}
.price-dropdowns select:hover,
.price-dropdowns input:hover,
.price-dropdowns .coz-input:hover input,
.price-dropdowns input:hover ~ .coz-input-labeled--border,
.price-dropdowns input:hover ~ .coz-input-labeled--border:before,
.price-dropdowns input:hover ~ .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.8);
}
.price-dropdowns select:focus,
.price-dropdowns input:focus,
.price-dropdowns .coz-input input:focus,
.price-dropdowns input:focus ~ .coz-input-labeled--border,
.price-dropdowns input:focus ~ .coz-input-labeled--border:before,
.price-dropdowns input:focus ~ .coz-input-labeled--border:after {
  border-color: #630c0d;
}
.price-dropdowns .coz-input button:before,
.price-dropdowns .coz-input button:hover:before,
.price-dropdowns .coz-input button:hover:active:before {
  background-color: #fff;
}
.no-mask-image .price-dropdowns .coz-input button:before,
.no-mask-image .price-dropdowns .coz-input button:hover:before,
.no-mask-image .price-dropdowns .coz-input button:hover:active:before {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.price-dropdowns .coz-input button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.price-dropdowns .coz-input button:hover:active {
  background-color: rgba(255, 255, 255, 0.6);
}
.price-dropdowns .coz-input-placeholder,
.price-dropdowns .coz-input-select-empty input {
  color: rgba(255, 255, 255, 0.4);
}
.price-dropdowns .coz-input-labeled--label {
  color: rgba(255, 255, 255, 0.8);
}
.price-dropdowns p {
  margin: 0.5em 0 0;
  /* 
		& > .count { padding-left:8px; } */
}
.price-dropdowns p:first-child {
  margin: -0.25em 0 0;
}
.price-dropdowns p > input[type="number"] {
  text-align: left;
}
.price-dropdowns p > :not([type="hidden"]) + .count {
  padding-left: 4px;
}
.price-dropdowns p > * ~ output {
  flex: 1;
  text-align: right;
  line-height: 2;
}
.price-dropdowns p.error {
  color: #c00;
  font-weight: bolder;
  padding: 0.375em 0;
}
.price-dropdowns p.tax {
  justify-content: end;
}
.price-dropdowns [data-discount]:not([data-discount="0%"]):after {
  content: attr(data-discount);
  opacity: 0.6;
  font-size: smaller;
}
.price-dropdowns .coz-input-select:not([data-discount="0%"]):after {
  position: absolute;
  top: 1px;
  right: 27px;
  line-height: 30px;
  padding: 0 6px 0 12px;
  background: linear-gradient(to right, transparent, #fff 8px);
}
.price-dropdowns .coz-input-style {
  display: block;
  position: relative;
  width: 100%;
}
.price-dropdowns .coz-input-style:not([data-discount="0%"]):after {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 7px;
  line-height: 24px;
}
.price-dropdowns .coz-input-select > ul > li > a {
  display: flex;
  justify-content: space-between;
}
.price-dropdowns .coz-input-select > ul > li > a span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.price-dropdowns .coz-input-select > ul > li > a:not([data-discount="0%"]):after {
  line-height: 24px;
  line-height: 2.4rem;
  margin-left: 7px;
}
.price-dropdowns input[type="number"],
.price-dropdowns .coz-input-number > input {
  text-align: left;
}
.price-summary-details {
  min-width: 480px;
  /*
	.cart,
	.button { float:right; }*/
}
.price-summary-details .tr > :last-child {
  width: 0;
}
.price-summary-details .tr > *,
.price-summary-details tr > * {
  padding-left: 8px;
  padding-right: 8px;
}
.price-summary-details .price {
  float: left;
  text-align: right;
}
.price-summary-details .coz-input,
.price-summary-details .count {
  float: left;
  margin-right: 4px;
  text-align: left;
}
.price-summary-details .coz-input + [name=price] {
  margin-left: 28px;
}
.price-summary-details input[type="number"],
.price-summary-details .coz-input-number > input {
  text-align: left;
}
.price-summary-details .td {
  white-space: nowrap;
}
.price-summary-details ~ p {
  text-align: right;
}
.price-summary-top-text + .price-summary-details,
.price-summary-details ~ .price-summary-bottom-text {
  margin-top: 1em;
}
.price-summary-details .error {
  color: #c00;
}
.price-summary-details h3 {
  margin: 10px -1000px 0 0;
}
.price-summary-details output {
  margin-left: 8px;
}
.price-summary-details.hideExtension tr > :nth-of-type(1) {
  display: none;
}
.price-summary-details.hideLineType tr > :nth-of-type(2) {
  display: none;
}
.price-summary-details.hideVersion tr > :nth-of-type(3) {
  display: none;
}
.price-summary-details.hideAlternatePrice tr > :nth-of-type(5) {
  display: none;
}
.price-summary-details.hideExtension tr > :nth-of-type(2),
.price-summary-details.hideExtension.hideLineType tr > :nth-of-type(3),
.price-summary-details.hideExtension.hideLineType.hideVersion tr > :nth-of-type(4) {
  padding-left: 0;
}
@media (max-width:767px) {
  .price-summary-details input[type=number] {
    width: 3em;
  }
}
@media (max-width:479px) {
  .price-summary-details {
    min-width: 0;
    min-width: calc(100vw - 32px);
  }
  .price-summary-details thead {
    display: none;
  }
  .price-summary-details tr {
    display: flex;
    flex-flow: column;
  }
  .price-summary-details tr > :last-child {
    width: 100%;
  }
  .price-summary-details tr > * {
    padding-left: 0;
    padding-right: 0;
  }
  .price-summary-details tr > .right {
    text-align: left;
  }
  .price-summary-details tbody tr:first-child td:first-child {
    border-top: 1px solid #e6e6e6;
  }
  .price-summary-details tbody tr td:not(:last-child) {
    border-bottom: 0;
  }
  .price-summary-details tbody tr td + td {
    padding-top: 0;
  }
  .price-summary-details.hideExtension tr > :nth-of-type(2),
  .price-summary-details.hideExtension.hideLineType tr > :nth-of-type(3),
  .price-summary-details.hideExtension.hideLineType.hideVersion tr > :nth-of-type(4) {
    padding-top: 10px;
  }
  .price-summary-details [data-label] {
    display: flex;
    flex-wrap: wrap;
  }
  .price-summary-details [data-label]:before {
    content: attr(data-label);
    flex-grow: 1;
    text-align: left;
    font-family: Roboto Condensed, Arial Narrow, sans-serif;
    font-style: italic;
  }
  .price-summary-details [data-label]:after {
    content: none;
  }
  .price-summary-details .coz-input-number {
    margin-right: 0;
  }
  .price-summary-details .count {
    margin: 0 0 0 4px;
  }
  .price-summary-details .coz-input-number + [name=price],
  .price-summary-details .count + [name=price] {
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
  }
}
.productSearch-filters .coz-input-select > input {
  width: 10em;
}
@media (max-width:639px) {
  .productSearch-filters .coz-input-select > input {
    width: 100%;
  }
  .productSearch-filters {
    margin-right: -0.25em;
  }
  .productSearch-filters > .coz-input-select {
    width: calc(100% / 3 - 0.25em);
  }
}
@media (max-width:479px) {
  .productSearch-filters > .coz-input-select {
    width: calc(50% - 0.25em);
  }
}
@media (max-width:799px) {
  .productPaging-paging {
    padding-top: 2.0625em;
  }
}
@media (max-width:591px) {
  /* 
		white-space:normal;
		padding-right:1px;
		.button { width:50%; }
		.button:nth-child(2n) { margin-right:-1px; }
		.button:nth-child(2) ~ .button { margin-top:1px; }
	} */
  /* 
		white-space:normal;
		padding-right:2px;
		.button { width:33.333%; }
		.button:nth-child(3n) { margin-right:-2px; }
		.button:nth-child(3) ~ .button { margin-top:1px; }
	}*/
  .tabs-count-4 .tabrow {
    grid-template-columns: repeat(2, 50%);
  }
  .tabs-count-5 .tabrow,
  .tabs-count-6 .tabrow,
  .tabs-count-7 .tabrow {
    grid-template-columns: repeat(3, 33.33333333%);
  }
}
@media (max-width:479px) {
  .productSearch -text-picture {
    width: 100%;
    margin: 0 0 1em;
  }
  .productPaging-paging {
    z-index: 4;
  }
  .paging-buttons > button:not(.icon):not(.selected) {
    display: none;
  }
}
@media (max-width:399px) and (max-height:399px) {
  .crumbs li + li {
    display: none;
  }
  .tabs-bar .tabrow,
  .tabs-steps .tabrow {
    display: flex;
    flex-flow: column;
    white-space: normal;
    padding-right: 0;
  }
  .tabs-bar .tabrow .button,
  .tabs-steps .tabrow .button {
    display: none;
  }
  .no-grid.no-flex-column-gap .tabs-bar .tabrow .button + .button,
  .no-grid.no-flex-column-gap .tabs-steps .tabrow .button + .button {
    margin-left: 0;
  }
  .tabs-bar .tabrow .fg,
  .tabs-steps .tabrow .fg {
    display: block;
  }
  .tabs-bar .tabrow .fg[disabled]:after,
  .tabs-steps .tabrow .fg[disabled]:after,
  .tabs-bar .tabrow .fg.disabled:after,
  .tabs-steps .tabrow .fg.disabled:after {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: alpha(opacity=25);
    opacity: 0.25;
  }
  .tabs-bar .tabrow .fg:after,
  .tabs-steps .tabrow .fg:after {
    content: '';
    display: inline-block;
    vertical-align: bottom;
    pointer-events: none;
    font-size: 0.08333333em;
    width: 20em;
    height: 20em;
    flex-shrink: 0;
    -webkit-mask-image: url(/images/webshop/button-icons-mask.svg);
    -moz-mask-image: url(/images/webshop/button-icons-mask.svg);
    -ms-mask-image: url(/images/webshop/button-icons-mask.svg);
    -o-mask-image: url(/images/webshop/button-icons-mask.svg);
    mask-image: url(/images/webshop/button-icons-mask.svg);
    -webkit-mask-size: 540em 54em;
    -moz-mask-size: 540em 54em;
    -ms-mask-size: 540em 54em;
    -o-mask-size: 540em 54em;
    mask-size: 540em 54em;
    background-color: #333;
    margin: 0 -6em 0 6em;
  }
  .ie .tabs-bar .tabrow .fg:after,
  .ie .tabs-steps .tabrow .fg:after {
    font-size: 1px;
  }
  .no-mask-image .tabs-bar .tabrow .fg:after,
  .no-mask-image .tabs-steps .tabrow .fg:after {
    background-color: transparent;
    background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg');
    background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg'), none;
  }
  .tabs-bar .tabrow .fg.icon:after,
  .tabs-steps .tabrow .fg.icon:after,
  .tabs-bar .tabrow .fg-icon:after,
  .tabs-steps .tabrow .fg-icon:after {
    margin-left: -6em;
  }
  .tabs-bar .tabrow .fg[disabled]:after,
  .tabs-steps .tabrow .fg[disabled]:after,
  .tabs-bar .tabrow .fg.disabled:after,
  .tabs-steps .tabrow .fg.disabled:after {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: alpha(opacity=25);
    opacity: 0.25;
  }
  .tabs-bar .tabrow .fg:after,
  .tabs-steps .tabrow .fg:after {
    background-position: -340em 0;
    -webkit-mask-position: -340em 0;
    -moz-mask-position: -340em 0;
    -ms-mask-position: -340em 0;
    -o-mask-position: -340em 0;
    mask-position: -340em 0;
  }
  .tabs-bar .tabrow .fg:after,
  .tabs-steps .tabrow .fg:after {
    content: none;
  }
  .tabs-bar .tabrow .fg:not(:only-child):after,
  .tabs-steps .tabrow .fg:not(:only-child):after {
    content: '';
    float: right;
    position: absolute;
    right: 12px;
    width: 20px;
    height: 20px;
    background-color: #fff;
  }
  .no-mask-image .tabs-bar .tabrow .fg:not(:only-child):after,
  .no-mask-image .tabs-steps .tabrow .fg:not(:only-child):after {
    background-color: transparent;
    background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
    background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
  }
  .tabs-steps .tabrow .button:nth-child(1n):before {
    content: none;
  }
  .tabs-steps .tabrow .button:nth-child(1n):after {
    border: 0;
  }
  .tabs-bar .open,
  .tabs-steps .open {
    flex-flow: column;
  }
  .tabs-bar .open .button,
  .tabs-steps .open .button {
    display: block;
  }
  .tabs-bar .open .fg:not(:only-child):after,
  .tabs-steps .open .fg:not(:only-child):after {
    background-position: -360em 0;
    -webkit-mask-position: -360em 0;
    -moz-mask-position: -360em 0;
    -ms-mask-position: -360em 0;
    -o-mask-position: -360em 0;
    mask-position: -360em 0;
  }
  .tabs-bar .open ~ .tablist,
  .tabs-steps .open ~ .tablist {
    display: none;
  }
  .tabs-bar .open .fg {
    order: -1;
  }
  .no-grid.no-flex-column-gap .tabs-bar .open .bg {
    margin-top: 1px;
  }
  .no-grid.no-flex-column-gap .tabs-steps .open .button + .button {
    margin-top: 1px;
  }
  .coz-input-listpicker {
    padding-right: 0;
  }
  .coz-input-listpicker-source,
  .coz-input-listpicker-target {
    float: none;
    width: 100%;
  }
  .coz-input-listpicker-target {
    margin-right: 0;
    margin-top: 1em;
  }
}
.dialog-container {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  overflow: auto;
}
.dialog-root {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
}
.dialog-text + .dialog-text {
  padding: 0 16px 16px;
}
.dialog-text + .dialog-text.column + .dialog-text.column {
  padding: 0 16px 16px 0;
}
.dialog-buttons {
  position: sticky;
  bottom: 0;
  padding-top: 16px;
  margin-top: -16px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9;
}
main,
footer > div {
  max-width: unset;
}
header {
  background: #000;
}
header > a:first-child > img {
  height: 56px;
}
footer {
  padding: 2em;
  margin: 0 -2em -2em;
}
footer > div {
  padding: 0;
  margin: 0;
}
footer > div,
.dialog-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
  align-items: center;
}
footer > div > *,
.dialog-buttons > * {
  flex-shrink: 0;
}
footer > div > :not(.left),
.dialog-buttons > :not(.left) {
  margin-left: auto;
}
footer > div > :not(.left) ~ :not(.left),
.dialog-buttons > :not(.left) ~ :not(.left) {
  margin-left: 0;
}
body,
.button,
button,
input,
textarea,
select,
.coz-input > ul a,
.coz-input-style {
  font-family: Arial, sans-serif;
}
.tool-tip .tip-title,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial Narrow, sans-serif;
}
@media screen and (max-width:959px) {
  header:before,
  header menu {
    background: #000;
  }
  header #navigation_menu {
    margin: 0;
  }
  header #account_menu {
    order: 2;
  }
  #administration_link {
    display: none;
  }
  #administration_menu {
    display: flex !important;
  }
}
@media screen and (min-width:1280px) {
  body {
    display: flex;
  }
  main {
    width: 100%;
    height: 100%;
    overflow: auto;
    margin: 0;
    border-top: 0;
    padding: 0;
  }
  main > h1 {
    padding: 1.33333333em 1.33333333em 0;
  }
  main > section {
    padding: 2em;
  }
  main > h1 + section {
    padding-top: 0;
  }
  header {
    position: static;
    order: -1;
    flex-shrink: 0;
  }
  body header,
  header menu {
    display: flex;
    flex-direction: column;
  }
  header {
    width: 256px;
    height: 100%;
    z-index: 100;
  }
  header > a,
  header > a:link,
  header menuitem > a,
  header menuitem > a:link {
    display: block;
  }
  header > a:first-child {
    height: 108px;
    display: flex;
    align-items: center;
  }
  header > a:first-child > img {
    height: auto;
  }
  header #navigation_menu {
    margin: 0;
  }
  header #account_menu {
    order: 2;
  }
  #administration_link {
    display: none;
  }
  #administration_menu {
    display: flex !important;
  }
  .dialog-container {
    padding: 0;
  }
}
.orders-header {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  margin-bottom: 1em;
}
.orders-header > h1 {
  margin: 0;
}
.orders-header > div,
.orders-header > form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
}
.orders-header > h1 + div {
  flex-grow: 1;
}
.orders-header > div + div {
  flex-shrink: 0;
}
.orders-header > form {
  gap: 0.25em 1em;
}
.orders-header > form > label {
  width: auto;
}
@media (max-width:767px) {
  .orders-header {
    flex-wrap: wrap;
  }
}
@media (min-width:1280px) {
  .orders-header {
    margin-bottom: 2em;
  }
}
.button.material-icon,
button.material-icon {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.material-icons,
.material-icons-outlined {
  font-size: 1.25em;
  pointer-events: none;
  width: 1em;
}
.button .material-icons,
.button .material-icons-outlined,
button .material-icons,
button .material-icons-outlined {
  font-size: 1.66666667em;
  vertical-align: top;
  margin: 0 0.3em;
  overflow: hidden;
}
.button .material-icons:first-child,
.button .material-icons-outlined:first-child,
button .material-icons:first-child,
button .material-icons-outlined:first-child {
  margin-left: -0.3em;
}
.button .material-icons:last-child,
.button .material-icons-outlined:last-child,
button .material-icons:last-child,
button .material-icons-outlined:last-child {
  margin-right: -0.3em;
}
.button.empty:not(:hover):not(:focus) .material-icons,
.button.empty:not(:hover):not(:focus) .material-icons-outlined,
button.empty:not(:hover):not(:focus) .material-icons,
button.empty:not(:hover):not(:focus) .material-icons-outlined {
  opacity: 0.2;
}
.button.important .material-icons,
.button.important .material-icons-outlined,
button.important .material-icons,
button.important .material-icons-outlined {
  color: #c00;
}
.button.new .material-icons,
.button.new .material-icons-outlined,
button.new .material-icons,
button.new .material-icons-outlined {
  color: #00f;
}
form > label > .material-icons,
form > label > .material-icons-outlined,
form > div > label > .material-icons,
form > div > label > .material-icons-outlined,
form > div.flex > label > span > .material-icons,
form > div.flex > label > span > .material-icons-outlined {
  vertical-align: top;
  line-height: 1.6;
}
h2 > .material-icons,
h2 > .material-icons-outlined {
  vertical-align: top;
  font-size: 1em;
  line-height: 1.2;
}
.button .material-icons-cancel,
button .material-icons-cancel {
  position: absolute;
  color: rgba(204, 0, 0, 0.5);
}
.button .material-icons-cancel:first-child + .material-icons,
button .material-icons-cancel:first-child + .material-icons,
.button .material-icons-cancel:first-child + .material-icons-outlined,
button .material-icons-cancel:first-child + .material-icons-outlined {
  margin-left: -0.3em;
}
.button *,
button * {
  pointer-events: none;
}
.button-flat[style]:hover,
button.flat[style]:hover,
.button-flat[style]:focus,
button.flat[style]:focus {
  background-color: currentColor;
}
.button-flat[style]:hover i,
button.flat[style]:hover i,
.button-flat[style]:focus i,
button.flat[style]:focus i {
  color: #fff;
}
.button.new:before,
button.new:before {
  content: none;
}
a.button {
  color: inherit;
}
table.sort > tbody > tr > td > a:not(.button),
table.sort > tbody > tr > td > small > a:not(.button),
table.sort > tbody > tr > td > span,
table.sort > tbody > tr > td > div > span,
table.sort > tbody > tr > td > small > span {
  display: inline-flex;
}
table.sort > tbody > tr > td > a *,
table.sort > tbody > tr > td > small > a * {
  pointer-events: none;
}
table.sort > tbody > tr > td > .material-icons:first-child,
table.sort > tbody > tr > td > a:not(.button) > .material-icons:first-child,
table.sort > tbody > tr > td > span > .material-icons:first-child,
table.sort > tbody > tr > td > div > span > .material-icons:first-child,
table.sort > tbody > tr > td > small > a:not(.button) > .material-icons:first-child,
table.sort > tbody > tr > td > small > span > .material-icons:first-child,
table.sort > tbody > tr > td > .material-icons-outlined:first-child,
table.sort > tbody > tr > td > a:not(.button) > .material-icons-outlined:first-child,
table.sort > tbody > tr > td > span > .material-icons-outlined:first-child,
table.sort > tbody > tr > td > div > span > .material-icons-outlined:first-child,
table.sort > tbody > tr > td > small > a:not(.button) > .material-icons-outlined:first-child,
table.sort > tbody > tr > td > small > span > .material-icons-outlined:first-child {
  margin-right: 0.2em;
}
table.sort > tbody > tr > td > .material-icons:last-child,
table.sort > tbody > tr > td > a:not(.button) > .material-icons:last-child,
table.sort > tbody > tr > td > span > .material-icons:last-child,
table.sort > tbody > tr > td > div > span > .material-icons:last-child,
table.sort > tbody > tr > td > small > a:not(.button) > .material-icons:last-child,
table.sort > tbody > tr > td > small > span > .material-icons:last-child,
table.sort > tbody > tr > td > .material-icons-outlined:last-child,
table.sort > tbody > tr > td > a:not(.button) > .material-icons-outlined:last-child,
table.sort > tbody > tr > td > span > .material-icons-outlined:last-child,
table.sort > tbody > tr > td > div > span > .material-icons-outlined:last-child,
table.sort > tbody > tr > td > small > a:not(.button) > .material-icons-outlined:last-child,
table.sort > tbody > tr > td > small > span > .material-icons-outlined:last-child {
  margin-left: 0.2em;
}
table.sort > tbody > tr > td > a[href="#copy"] {
  font-size: 0.75em;
  display: inline-block;
  vertical-align: middle;
}
table.sort > tbody > tr > td > br + .material-icons,
table.sort > tbody > tr > td > br + .material-icons-outlined {
  margin-right: 0.2em;
}
table.sort > tbody > tr > td.buttons .button:not(.icon).material-icon:only-child,
table.sort > tbody > tr > td.buttons button:not(.icon).material-icon:only-child {
  width: auto;
}
table.sort > tbody > tr.coz-input-invalid {
  background: #fae6e6;
}
table.sort > tbody > tr.coz-input-invalid > td {
  border-bottom-color: #c00;
}
#orders > tbody > tr > td > a {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  vertical-align: bottom;
}
.button,
button,
table.sort > thead > tr > th:not(.sort):not(.checkbox) {
  text-transform: none;
  white-space: nowrap;
}
table.sort > thead > tr {
  top: 0;
}
.dialog-content table.sort > thead > tr {
  top: 1em;
}
table.sort > thead > tr > th ~ th.icon:not(.sort) {
  min-width: 2.66666667em;
}
table.sort > tbody > tr.substitute {
  background: #f8f8f8;
}
table.sort > tbody > tr > td.icon:not(.buttons) {
  padding-left: 0;
  padding-right: 0;
}
table.sort > tbody > tr > td.buttons > div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.order-status {
  display: inline-block;
  padding: 0.125em 0.375em;
  margin: -0.125em -0.375em;
  border-radius: 0.125em;
  background: #000;
  color: #fff;
}
strong,
b {
  font-weight: bold;
}
form > label,
form > div > label,
form > fieldset > label,
form > div > fieldset > label {
  font-weight: bold;
}
form > label > a,
form > div > label > a,
form > fieldset > label > a,
form > div > fieldset > label > a,
form > label > div > a,
form > div > label > div > a,
form > fieldset > label > div > a,
form > div > fieldset > label > div > a {
  font-weight: normal;
  display: inline-flex;
}
form > label > .order-status,
form > div > label > .order-status,
form > fieldset > label > .order-status,
form > div > fieldset > label > .order-status {
  line-height: 1.25;
  margin: 0;
}
form > label > div,
form > div > label > div,
form > fieldset > label > div,
form > div > fieldset > label > div {
  line-height: 1.25;
  padding: 0.25em 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em 0.25em;
  align-items: center;
}
form > label > div > *,
form > div > label > div > *,
form > fieldset > label > div > *,
form > div > fieldset > label > div > * {
  margin: -0.25em 0;
}
form > label > div > button,
form > div > label > div > button,
form > fieldset > label > div > button,
form > div > fieldset > label > div > button {
  margin: -0.33333333em 0;
}
form > label > div > br,
form > div > label > div > br,
form > fieldset > label > div > br,
form > div > fieldset > label > div > br {
  margin: 0;
}
form > label > label.coz-input-toggle,
form > div > label > label.coz-input-toggle,
form > fieldset > label > label.coz-input-toggle,
form > div > fieldset > label > label.coz-input-toggle {
  line-height: 1.25;
  width: auto;
}
form > label > .coz-input-labeled,
form > div > label > .coz-input-labeled,
form > fieldset > label > .coz-input-labeled,
form > div > fieldset > label > .coz-input-labeled {
  display: grid;
}
form > label > .coz-input-switch > input + i,
form > div > label > .coz-input-switch > input + i,
form > fieldset > label > .coz-input-switch > input + i,
form > div > fieldset > label > .coz-input-switch > input + i {
  vertical-align: top;
}
form > label:last-child,
form > div > label:last-child,
form > fieldset > label:last-child,
form > div > fieldset > label:last-child {
  margin-bottom: 0;
}
form > label.left,
form > div > label.left,
form > fieldset > label.left,
form > div > fieldset > label.left {
  float: left;
  width: auto;
}
form > label.right,
form > div > label.right,
form > fieldset > label.right,
form > div > fieldset > label.right {
  float: right;
  width: auto;
  text-align: right;
}
form > label.left + label.left,
form > div > label.left + label.left,
form > fieldset > label.left + label.left,
form > div > fieldset > label.left + label.left,
form > label.left + label.right,
form > div > label.left + label.right,
form > fieldset > label.left + label.right,
form > div > fieldset > label.left + label.right {
  margin-left: 1em;
}
form > label:not(:has(*)) + label,
form > div > label:not(:has(*)) + label,
form > fieldset > label:not(:has(*)) + label,
form > div > fieldset > label:not(:has(*)) + label {
  margin-top: -0.5em;
}
form > table:not(:last-child),
form > div > table:not(:last-child),
form > fieldset > table:not(:last-child),
form > div > fieldset > table:not(:last-child) {
  margin-bottom: 0.5em;
}
form > fieldset > label,
form > div > fieldset > label {
  font-weight: normal;
}
#entries > div {
  flex-direction: column;
}
#entries > div > div.entry {
  margin: -0.25em 0;
}
form > div.flex {
  flex-wrap: wrap;
  gap: 0 1em;
  margin-bottom: 1em;
}
form > div.flex > label {
  width: auto;
  /*min-width:160px; */
  margin-bottom: 0;
}
form > div.flex > label > span {
  white-space: nowrap;
}
form > div.grid-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
form > div.grid-columns-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
#entries > div > div.entry {
  width: 100%;
}
#entries > div > div.entry > :first-child {
  width: 30%;
}
#entries > div > div.entry > :nth-child(2) {
  width: 70%;
}
#entries > div > div.entry > .coz-input-switch {
  width: auto;
}
[name][readonly] {
  background: #e6e6e6;
}
input[type="color"] {
  position: absolute;
  top: 0;
}
.ship_package > :first-child {
  flex-grow: 1;
}
.ship_package > div {
  display: flex;
  gap: 0.25em;
}
.ship_package > div input[type="number"] {
  width: 1.125em;
}
table:first-of-type:last-of-type + label > .ship_package [name="package_remove"] {
  display: none;
}
.shipper_zips input {
  width: 100px;
}
.pre-line {
  white-space: pre-line;
}
.name-match,
.upc-match {
  font-weight: bold;
  color: #0c0;
}
.sort-scroll-container {
  width: 100%;
  overflow: auto;
}
x.coz-input-has-open:not(.dialog-show) main > section {
  overflow: hidden;
}
x.coz-input-has-open:not(.dialog-show) .sort-scroll-container {
  overflow: visible;
}
table.sort > * > tr > td.sticky {
  position: sticky;
  left: 0;
  right: 0;
  background-clip: border-box;
}
table.sort > thead > tr > th.stickyx:not(.sort) {
  background: rgba(255, 255, 255, 0.9);
}
table.sort > thead > tr > th.stickyx:before {
  content: '';
  position: absolute;
  left: 1px;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
}
table.sort > tbody > tr > td.sticky {
  background: rgba(255, 255, 255, 0.9);
}
table.sort > tbody > tr > td.sticky .button-flat i,
table.sort > tbody > tr > td.sticky button.flat i {
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff;
  transition: color 0.3s, text-shadow 0.3s;
}
table.sort > tbody > tr > td.sticky .button-flat:hover i,
table.sort > tbody > tr > td.sticky button.flat:hover i,
table.sort > tbody > tr > td.sticky .button-flat:focus i,
table.sort > tbody > tr > td.sticky button.flat:focus i {
  text-shadow: 0 0 1px rgba(255, 255, 255, 0), 0 0 2px rgba(255, 255, 255, 0), 0 0 3px rgba(255, 255, 255, 0), 0 0 4px rgba(255, 255, 255, 0), 0 0 5px rgba(255, 255, 255, 0);
  transition: none;
}
input[name^="rmh_"] {
  display: none;
}
.unmatched {
  font-weight: bold;
}
.unmatched,
.unmatched + .material-icons,
.unmatched + .material-icons-outlined,
.out-of-stock,
.error,
.warning {
  color: #c00;
}
td.out-of-stock .material-icons-outlined {
  vertical-align: text-bottom;
}
label .warning {
  display: flex;
  margin: 0;
}
label .warning i {
  margin: 0;
}
.item-removed {
  color: rgba(0, 0, 0, 0.2);
}
:not(.column) ~ .column,
.column + .column ~ .column {
  margin-top: 1em;
}
table:not(.sort) tbody:first-child tr:first-child th,
table:not(.sort) tbody:first-child tr:first-child td {
  padding-top: 0;
}
button.cancel,
button.cancel.button.button:not(a):not(label):not(input) {
  background-color: rgba(204, 0, 0, 0.7);
  color: #ffffff;
}
button.cancel:before,
button.cancel.button.button:not(a):not(label):not(input):before,
button.cancel:after,
button.cancel.button.button:not(a):not(label):not(input):after {
  background-color: #ffffff;
}
.no-mask-image button.cancel:before,
.no-mask-image button.cancel.button.button:not(a):not(label):not(input):before,
.no-mask-image button.cancel:after,
.no-mask-image button.cancel.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
button.cancel.button-flat,
button.cancel.flat,
button.cancel.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
button.cancel.button-flat:before,
button.cancel.flat:before,
button.cancel.button.button-flat:not(a):not(label):not(input):before,
button.cancel.button-flat:after,
button.cancel.flat:after,
button.cancel.button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image button.cancel.button-flat:before,
.no-mask-image button.cancel.flat:before,
.no-mask-image button.cancel.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.cancel.button-flat:after,
.no-mask-image button.cancel.flat:after,
.no-mask-image button.cancel.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
button.cancel:hover,
button.cancel.hover,
button.cancel:focus,
button.cancel.focus,
.accordion > :focus + dt > button.cancel {
  background-color: #c00;
  color: #ffffff;
}
button.cancel:hover:before,
button.cancel.hover:before,
button.cancel:focus:before,
button.cancel.focus:before,
.accordion > :focus + dt > button.cancel:before,
button.cancel:hover:after,
button.cancel.hover:after,
button.cancel:focus:after,
button.cancel.focus:after,
.accordion > :focus + dt > button.cancel:after {
  background-color: #ffffff;
}
.no-mask-image button.cancel:hover:before,
.no-mask-image button.cancel.hover:before,
.no-mask-image button.cancel:focus:before,
.no-mask-image button.cancel.focus:before,
.no-mask-image .accordion > :focus + dt > button.cancel:before,
.no-mask-image button.cancel:hover:after,
.no-mask-image button.cancel.hover:after,
.no-mask-image button.cancel:focus:after,
.no-mask-image button.cancel.focus:after,
.no-mask-image .accordion > :focus + dt > button.cancel:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
button.cancel:hover:active,
button.cancel.hover:active,
button.cancel.active:hover,
button.cancel.active.hover {
  background-color: #b80000;
  color: #ffffff;
}
button.cancel:hover:active:before,
button.cancel.hover:active:before,
button.cancel.active:hover:before,
button.cancel.active.hover:before,
button.cancel:hover:active:after,
button.cancel.hover:active:after,
button.cancel.active:hover:after,
button.cancel.active.hover:after {
  background-color: #ffffff;
}
.no-mask-image button.cancel:hover:active:before,
.no-mask-image button.cancel.hover:active:before,
.no-mask-image button.cancel.active:hover:before,
.no-mask-image button.cancel.active.hover:before,
.no-mask-image button.cancel:hover:active:after,
.no-mask-image button.cancel.hover:active:after,
.no-mask-image button.cancel.active:hover:after,
.no-mask-image button.cancel.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
button.hold,
button.hold.button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 204, 0, 0.7);
  color: #000000;
}
button.hold:before,
button.hold.button.button:not(a):not(label):not(input):before,
button.hold:after,
button.hold.button.button:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image button.hold:before,
.no-mask-image button.hold.button.button:not(a):not(label):not(input):before,
.no-mask-image button.hold:after,
.no-mask-image button.hold.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
button.hold.button-flat,
button.hold.flat,
button.hold.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #000000;
}
button.hold.button-flat:before,
button.hold.flat:before,
button.hold.button.button-flat:not(a):not(label):not(input):before,
button.hold.button-flat:after,
button.hold.flat:after,
button.hold.button.button-flat:not(a):not(label):not(input):after {
  background-color: #000000;
}
.no-mask-image button.hold.button-flat:before,
.no-mask-image button.hold.flat:before,
.no-mask-image button.hold.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.hold.button-flat:after,
.no-mask-image button.hold.flat:after,
.no-mask-image button.hold.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
button.hold:hover,
button.hold.hover,
button.hold:focus,
button.hold.focus,
.accordion > :focus + dt > button.hold {
  background-color: #fc0;
  color: #000000;
}
button.hold:hover:before,
button.hold.hover:before,
button.hold:focus:before,
button.hold.focus:before,
.accordion > :focus + dt > button.hold:before,
button.hold:hover:after,
button.hold.hover:after,
button.hold:focus:after,
button.hold.focus:after,
.accordion > :focus + dt > button.hold:after {
  background-color: #000000;
}
.no-mask-image button.hold:hover:before,
.no-mask-image button.hold.hover:before,
.no-mask-image button.hold:focus:before,
.no-mask-image button.hold.focus:before,
.no-mask-image .accordion > :focus + dt > button.hold:before,
.no-mask-image button.hold:hover:after,
.no-mask-image button.hold.hover:after,
.no-mask-image button.hold:focus:after,
.no-mask-image button.hold.focus:after,
.no-mask-image .accordion > :focus + dt > button.hold:after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
button.hold:hover:active,
button.hold.hover:active,
button.hold.active:hover,
button.hold.active.hover {
  background-color: #e6b800;
  color: #ffffff;
}
button.hold:hover:active:before,
button.hold.hover:active:before,
button.hold.active:hover:before,
button.hold.active.hover:before,
button.hold:hover:active:after,
button.hold.hover:active:after,
button.hold.active:hover:after,
button.hold.active.hover:after {
  background-color: #ffffff;
}
.no-mask-image button.hold:hover:active:before,
.no-mask-image button.hold.hover:active:before,
.no-mask-image button.hold.active:hover:before,
.no-mask-image button.hold.active.hover:before,
.no-mask-image button.hold:hover:active:after,
.no-mask-image button.hold.hover:active:after,
.no-mask-image button.hold.active:hover:after,
.no-mask-image button.hold.active.hover:after {
  background-color: transparent;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.dialog-action-ship,
.dialog-action-return,
.dialog-action-shipment {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.dialog-action-ship > .dialog-title,
.dialog-action-return > .dialog-title,
.dialog-action-shipment > .dialog-title,
.dialog-action-ship > .dialog-text,
.dialog-action-return > .dialog-text,
.dialog-action-shipment > .dialog-text,
.dialog-action-ship > .dialog-buttons,
.dialog-action-return > .dialog-buttons,
.dialog-action-shipment > .dialog-buttons {
  grid-column: 1/3;
}
.dialog-action-ship > .dialog-text + .dialog-text,
.dialog-action-return > .dialog-text + .dialog-text,
.dialog-action-shipment > .dialog-text + .dialog-text {
  grid-column: 1;
  padding-right: 0.5em;
}
.dialog-action-ship > .dialog-text + .dialog-text + .dialog-text,
.dialog-action-return > .dialog-text + .dialog-text + .dialog-text,
.dialog-action-shipment > .dialog-text + .dialog-text + .dialog-text {
  grid-column: 2;
  padding-left: 0.5em;
  padding-right: 1em;
}
.dialog-action-cancel > .dialog-text:not(.select-items) table {
  display: none;
}
.dialog-template-filter .dialog-text {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 1em;
}
.dialog-action-print_label .coz-input-select-multiple {
  /*
		> ul > li.disabled { display:none; }*/
}
.dialog-action-print_label .coz-input-select-multiple > select,
.dialog-action-print_label .coz-input-select-multiple > input,
.dialog-action-print_label .coz-input-select-multiple > button {
  display: none;
}
.dialog-action-print_label .coz-input-select-multiple > ul {
  display: block;
  position: static;
  margin: 0;
  border-color: rgba(0, 0, 0, 0.1);
}
.dialog-action-print_label .coz-input-select-multiple > ul:hover {
  border-color: rgba(0, 0, 0, 0.2);
}
.dialog-action-print_label .coz-input-select-multiple.coz-input-invalid > ul {
  border-color: #c00;
}
.dialog-action-print_label .coz-input-select-multiple.coz-input-invalid > ul > li a {
  background: #fae6e6;
  color: #c00;
}
.coz-input > ul > li.selected a {
  background: rgba(0, 0, 0, 0.1);
  color: inherit;
}
.coz-input > ul > li.selected a:hover {
  background: #630c0d;
  color: #fff;
}
.coz-input-select-multiple > ul > li a:after {
  background-color: currentColor;
}
.coz-input-search .coz-input-combo > input {
  min-width: 0;
}
.coz-input-search ul li span {
  display: inline;
}
.coz-input-search ul li > a > span {
  display: flex;
}
.coz-input-search ul mark {
  color: inherit;
}
.coz-input-search b,
.orders-params button b {
  display: inline-block;
  padding: 0 0.33333333em;
  background: #000;
  color: #fff;
  line-height: 1.5;
  text-transform: none;
  font-weight: normal;
  border-radius: 0.16666667em;
}
.tool-tip {
  font-size: 0.875em;
}
.tool-tip .tip-title {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.tool-tip .tip-text {
  max-width: unset;
}
.tool-tip label {
  display: block;
  font-weight: bold;
}
.tool-tip label * {
  font-weight: normal;
}
.tool-tip label + label {
  margin-top: 0.66666667em;
}
.calendar td,
.calendar th {
  padding: 0 1px 1px 0;
  text-align: center;
  vertical-align: middle;
}
.calendar td button {
  font-size: 1em;
}
.calendar caption {
  font-size: 1.33333333em;
}